*, ::before, ::after {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x:  ;
      --tw-pan-y:  ;
      --tw-pinch-zoom:  ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position:  ;
      --tw-gradient-via-position:  ;
      --tw-gradient-to-position:  ;
      --tw-ordinal:  ;
      --tw-slashed-zero:  ;
      --tw-numeric-figure:  ;
      --tw-numeric-spacing:  ;
      --tw-numeric-fraction:  ;
      --tw-ring-inset:  ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur:  ;
      --tw-brightness:  ;
      --tw-contrast:  ;
      --tw-grayscale:  ;
      --tw-hue-rotate:  ;
      --tw-invert:  ;
      --tw-saturate:  ;
      --tw-sepia:  ;
      --tw-drop-shadow:  ;
      --tw-backdrop-blur:  ;
      --tw-backdrop-brightness:  ;
      --tw-backdrop-contrast:  ;
      --tw-backdrop-grayscale:  ;
      --tw-backdrop-hue-rotate:  ;
      --tw-backdrop-invert:  ;
      --tw-backdrop-opacity:  ;
      --tw-backdrop-saturate:  ;
      --tw-backdrop-sepia:  ;
      --tw-contain-size:  ;
      --tw-contain-layout:  ;
      --tw-contain-paint:  ;
      --tw-contain-style:  ;
}
::-ms-backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x:  ;
      --tw-pan-y:  ;
      --tw-pinch-zoom:  ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position:  ;
      --tw-gradient-via-position:  ;
      --tw-gradient-to-position:  ;
      --tw-ordinal:  ;
      --tw-slashed-zero:  ;
      --tw-numeric-figure:  ;
      --tw-numeric-spacing:  ;
      --tw-numeric-fraction:  ;
      --tw-ring-inset:  ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur:  ;
      --tw-brightness:  ;
      --tw-contrast:  ;
      --tw-grayscale:  ;
      --tw-hue-rotate:  ;
      --tw-invert:  ;
      --tw-saturate:  ;
      --tw-sepia:  ;
      --tw-drop-shadow:  ;
      --tw-backdrop-blur:  ;
      --tw-backdrop-brightness:  ;
      --tw-backdrop-contrast:  ;
      --tw-backdrop-grayscale:  ;
      --tw-backdrop-hue-rotate:  ;
      --tw-backdrop-invert:  ;
      --tw-backdrop-opacity:  ;
      --tw-backdrop-saturate:  ;
      --tw-backdrop-sepia:  ;
      --tw-contain-size:  ;
      --tw-contain-layout:  ;
      --tw-contain-paint:  ;
      --tw-contain-style:  ;
}
::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x:  ;
      --tw-pan-y:  ;
      --tw-pinch-zoom:  ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position:  ;
      --tw-gradient-via-position:  ;
      --tw-gradient-to-position:  ;
      --tw-ordinal:  ;
      --tw-slashed-zero:  ;
      --tw-numeric-figure:  ;
      --tw-numeric-spacing:  ;
      --tw-numeric-fraction:  ;
      --tw-ring-inset:  ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur:  ;
      --tw-brightness:  ;
      --tw-contrast:  ;
      --tw-grayscale:  ;
      --tw-hue-rotate:  ;
      --tw-invert:  ;
      --tw-saturate:  ;
      --tw-sepia:  ;
      --tw-drop-shadow:  ;
      --tw-backdrop-blur:  ;
      --tw-backdrop-brightness:  ;
      --tw-backdrop-contrast:  ;
      --tw-backdrop-grayscale:  ;
      --tw-backdrop-hue-rotate:  ;
      --tw-backdrop-invert:  ;
      --tw-backdrop-opacity:  ;
      --tw-backdrop-saturate:  ;
      --tw-backdrop-sepia:  ;
      --tw-contain-size:  ;
      --tw-contain-layout:  ;
      --tw-contain-paint:  ;
      --tw-contain-style:  ;
}
[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-color: #fff;
      border-color: #6b7280;
      border-width: 1px;
      border-radius: 0px;
      padding-top: 0.5rem;
      padding-right: 0.75rem;
      padding-bottom: 0.5rem;
      padding-left: 0.75rem;
      font-size: 1rem;
      line-height: 1.5rem;
      --tw-shadow: 0 0 #0000;
}
[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: #2563eb;
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: #2563eb;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      color: #6b7280;
      opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
      color: #6b7280;
      opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      color: #6b7280;
      opacity: 1;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
      color: #6b7280;
      opacity: 1;
}
input::placeholder,textarea::placeholder {
      color: #6b7280;
      opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
      padding: 0;
}
::-webkit-date-and-time-value {
      min-height: 1.5em;
      text-align: inherit;
}
::-webkit-datetime-edit {
      display: -webkit-inline-box;
      display: inline-flex;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
      padding-top: 0;
      padding-bottom: 0;
}
select {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
      background-position: right 0.5rem center;
      background-repeat: no-repeat;
      background-size: 1.5em 1.5em;
      padding-right: 2.5rem;
      -webkit-print-color-adjust: exact;
              print-color-adjust: exact;
}
[multiple],[size]:where(select:not([size="1"])) {
      background-image: initial;
      background-position: initial;
      background-repeat: unset;
      background-size: initial;
      padding-right: 0.75rem;
      -webkit-print-color-adjust: unset;
              print-color-adjust: unset;
}
[type='checkbox'],[type='radio'] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      padding: 0;
      -webkit-print-color-adjust: exact;
              print-color-adjust: exact;
      display: inline-block;
      vertical-align: middle;
      background-origin: border-box;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: 1rem;
      width: 1rem;
      color: #2563eb;
      background-color: #fff;
      border-color: #6b7280;
      border-width: 1px;
      --tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
      border-radius: 0px;
}
[type='radio'] {
      border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: #2563eb;
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked {
      border-color: transparent;
      background-color: currentColor;
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
}
[type='checkbox']:checked {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
      [type='checkbox']:checked {
            -webkit-appearance: auto;
               -moz-appearance: auto;
                    appearance: auto;
      }
}
[type='radio']:checked {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
      [type='radio']:checked {
            -webkit-appearance: auto;
               -moz-appearance: auto;
                    appearance: auto;
      }
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
      border-color: transparent;
      background-color: currentColor;
}
[type='checkbox']:indeterminate {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
      border-color: transparent;
      background-color: currentColor;
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
}
@media (forced-colors: active)  {
      [type='checkbox']:indeterminate {
            -webkit-appearance: auto;
               -moz-appearance: auto;
                    appearance: auto;
      }
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
      border-color: transparent;
      background-color: currentColor;
}
[type='file'] {
      background: unset;
      border-color: inherit;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-size: unset;
      line-height: inherit;
}
[type='file']:focus {
      outline: 1px solid ButtonText;
      outline: 1px auto -webkit-focus-ring-color;
}
.tw-container {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 1.2rem;
      padding-left: 1.2rem;
}
@media (min-width: 384px) {
      .tw-container {
            max-width: 384px;
      }
}
@media (min-width: 576px) {
      .tw-container {
            max-width: 576px;
      }
}
@media (min-width: 768px) {
      .tw-container {
            max-width: 768px;
      }
}
@media (min-width: 992px) {
      .tw-container {
            max-width: 992px;
      }
}
@media (min-width: 1334px) {
      .tw-container {
            max-width: 1334px;
      }
}
@media (min-width: 1600px) {
      .tw-container {
            max-width: 1600px;
      }
}
.tw-prose-lg {
      font-size: 1.125rem;
      line-height: 1.7777778;
}
.tw-prose-lg :where(p):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
}
.tw-prose-lg :where([class~="lead"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 1.2222222em;
      line-height: 1.4545455;
      margin-top: 1.0909091em;
      margin-bottom: 1.0909091em;
}
.tw-prose-lg :where(blockquote):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.6666667em;
      margin-bottom: 1.6666667em;
      -webkit-padding-start: 1em;
              padding-inline-start: 1em;
}
.tw-prose-lg :where(h1):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 2.6666667em;
      margin-top: 0;
      margin-bottom: 0.8333333em;
      line-height: 1;
}
.tw-prose-lg :where(h2):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 1.6666667em;
      margin-top: 1.8666667em;
      margin-bottom: 1.0666667em;
      line-height: 1.3333333;
}
.tw-prose-lg :where(h3):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 1.3333333em;
      margin-top: 1.6666667em;
      margin-bottom: 0.6666667em;
      line-height: 1.5;
}
.tw-prose-lg :where(h4):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 0.4444444em;
      line-height: 1.5555556;
}
.tw-prose-lg :where(img):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
}
.tw-prose-lg :where(picture):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
}
.tw-prose-lg :where(picture > img):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
}
.tw-prose-lg :where(video):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
}
.tw-prose-lg :where(kbd):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.8888889em;
      border-radius: 0.3125rem;
      padding-top: 0.2222222em;
      -webkit-padding-end: 0.4444444em;
              padding-inline-end: 0.4444444em;
      padding-bottom: 0.2222222em;
      -webkit-padding-start: 0.4444444em;
              padding-inline-start: 0.4444444em;
}
.tw-prose-lg :where(code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.8888889em;
}
.tw-prose-lg :where(h2 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.8666667em;
}
.tw-prose-lg :where(h3 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.875em;
}
.tw-prose-lg :where(pre):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.8888889em;
      line-height: 1.75;
      margin-top: 2em;
      margin-bottom: 2em;
      border-radius: 0.375rem;
      padding-top: 1em;
      -webkit-padding-end: 1.5em;
              padding-inline-end: 1.5em;
      padding-bottom: 1em;
      -webkit-padding-start: 1.5em;
              padding-inline-start: 1.5em;
}
.tw-prose-lg :where(ol):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
      -webkit-padding-start: 1.5555556em;
              padding-inline-start: 1.5555556em;
}
.tw-prose-lg :where(ul):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
      -webkit-padding-start: 1.5555556em;
              padding-inline-start: 1.5555556em;
}
.tw-prose-lg :where(li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0.6666667em;
      margin-bottom: 0.6666667em;
}
.tw-prose-lg :where(ol > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-start: 0.4444444em;
              padding-inline-start: 0.4444444em;
}
.tw-prose-lg :where(ul > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-start: 0.4444444em;
              padding-inline-start: 0.4444444em;
}
.tw-prose-lg :where(.tw-prose-lg > ul > li p):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0.8888889em;
      margin-bottom: 0.8888889em;
}
.tw-prose-lg :where(.tw-prose-lg > ul > li > p:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
}
.tw-prose-lg :where(.tw-prose-lg > ul > li > p:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-bottom: 1.3333333em;
}
.tw-prose-lg :where(.tw-prose-lg > ol > li > p:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
}
.tw-prose-lg :where(.tw-prose-lg > ol > li > p:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-bottom: 1.3333333em;
}
.tw-prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0.8888889em;
      margin-bottom: 0.8888889em;
}
.tw-prose-lg :where(dl):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
}
.tw-prose-lg :where(dt):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.3333333em;
}
.tw-prose-lg :where(dd):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0.6666667em;
      -webkit-padding-start: 1.5555556em;
              padding-inline-start: 1.5555556em;
}
.tw-prose-lg :where(hr):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 3.1111111em;
      margin-bottom: 3.1111111em;
}
.tw-prose-lg :where(hr + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
}
.tw-prose-lg :where(h2 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
}
.tw-prose-lg :where(h3 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
}
.tw-prose-lg :where(h4 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
}
.tw-prose-lg :where(table):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.8888889em;
      line-height: 1.5;
}
.tw-prose-lg :where(thead th):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-end: 0.75em;
              padding-inline-end: 0.75em;
      padding-bottom: 0.75em;
      -webkit-padding-start: 0.75em;
              padding-inline-start: 0.75em;
}
.tw-prose-lg :where(thead th:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
}
.tw-prose-lg :where(thead th:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-end: 0;
              padding-inline-end: 0;
}
.tw-prose-lg :where(tbody td, tfoot td):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      padding-top: 0.75em;
      -webkit-padding-end: 0.75em;
              padding-inline-end: 0.75em;
      padding-bottom: 0.75em;
      -webkit-padding-start: 0.75em;
              padding-inline-start: 0.75em;
}
.tw-prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
}
.tw-prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      -webkit-padding-end: 0;
              padding-inline-end: 0;
}
.tw-prose-lg :where(figure):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
}
.tw-prose-lg :where(figure > *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
}
.tw-prose-lg :where(figcaption):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      font-size: 0.8888889em;
      line-height: 1.5;
      margin-top: 1em;
}
.tw-prose-lg :where(.tw-prose-lg > :first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-top: 0;
}
.tw-prose-lg :where(.tw-prose-lg > :last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
      margin-bottom: 0;
}
/*
     * Algolia
     */
.tw-sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border-width: 0 !important;
}
.tw-pointer-events-none {
      pointer-events: none !important;
}
.tw-invisible {
      visibility: hidden !important;
}
.tw-fixed {
      position: fixed !important;
}
.tw-absolute {
      position: absolute !important;
}
.tw-relative {
      position: relative !important;
}
.tw-sticky {
      position: sticky !important;
}
.tw-inset-0 {
      inset: 0px !important;
}
.-tw-right-\[5\%\] {
      right: -5% !important;
}
.-tw-top-\[5\%\] {
      top: -5% !important;
}
.tw-left-0 {
      left: 0px !important;
}
.tw-left-1\/2 {
      left: 50% !important;
}
.tw-left-\[400px\] {
      left: 400px !important;
}
.tw-right-0 {
      right: 0px !important;
}
.tw-right-1\/2 {
      right: 50% !important;
}
.tw-top-0 {
      top: 0px !important;
}
.tw-top-\[20px\] {
      top: 20px !important;
}
.tw-z-0 {
      z-index: 0 !important;
}
.tw-z-10 {
      z-index: 10 !important;
}
.tw-z-40 {
      z-index: 40 !important;
}
.tw-z-50 {
      z-index: 50 !important;
}
.tw-col-span-1 {
      grid-column: span 1 / span 1 !important;
}
.tw-col-span-12 {
      grid-column: span 12 / span 12 !important;
}
.tw-col-span-2 {
      grid-column: span 2 / span 2 !important;
}
.tw-col-span-3 {
      grid-column: span 3 / span 3 !important;
}
.tw-col-span-5 {
      grid-column: span 5 / span 5 !important;
}
.tw-col-span-7 {
      grid-column: span 7 / span 7 !important;
}
.tw-col-span-9 {
      grid-column: span 9 / span 9 !important;
}
.tw-col-start-10 {
      grid-column-start: 10 !important;
}
.tw-col-start-4 {
      grid-column-start: 4 !important;
}
.tw-row-span-1 {
      grid-row: span 1 / span 1 !important;
}
.tw-row-span-2 {
      grid-row: span 2 / span 2 !important;
}
.tw-m-0 {
      margin: 0px !important;
}
.tw-mx-1 {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
}
.tw-mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
}
.tw-my-12 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
}
.tw-my-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
}
.tw-my-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
}
.tw-mb-0 {
      margin-bottom: 0px !important;
}
.tw-mb-1 {
      margin-bottom: 0.25rem !important;
}
.tw-mb-10 {
      margin-bottom: 2.5rem !important;
}
.tw-mb-2 {
      margin-bottom: 0.5rem !important;
}
.tw-mb-3 {
      margin-bottom: 0.75rem !important;
}
.tw-mb-4 {
      margin-bottom: 1rem !important;
}
.tw-mb-6 {
      margin-bottom: 1.5rem !important;
}
.tw-mb-8 {
      margin-bottom: 2rem !important;
}
.tw-ml-2 {
      margin-left: 0.5rem !important;
}
.tw-ml-4 {
      margin-left: 1rem !important;
}
.tw-ml-auto {
      margin-left: auto !important;
}
.tw-mr-1 {
      margin-right: 0.25rem !important;
}
.tw-mr-10 {
      margin-right: 2.5rem !important;
}
.tw-mr-2 {
      margin-right: 0.5rem !important;
}
.tw-mr-3 {
      margin-right: 0.75rem !important;
}
.tw-mt-0 {
      margin-top: 0px !important;
}
.tw-mt-3 {
      margin-top: 0.75rem !important;
}
.tw-mt-4 {
      margin-top: 1rem !important;
}
.tw-mt-6 {
      margin-top: 1.5rem !important;
}
.tw-mt-8 {
      margin-top: 2rem !important;
}
.tw-mt-\[-1px\] {
      margin-top: -1px !important;
}
.tw-block {
      display: block !important;
}
.tw-inline {
      display: inline !important;
}
.tw-flex {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
}
.tw-inline-flex {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
}
.tw-grid {
      display: grid !important;
}
.tw-hidden {
      display: none !important;
}
.tw-h-12 {
      height: 3rem !important;
}
.tw-h-2 {
      height: 0.5rem !important;
}
.tw-h-32 {
      height: 8rem !important;
}
.tw-h-4 {
      height: 1rem !important;
}
.tw-h-48 {
      height: 12rem !important;
}
.tw-h-5 {
      height: 1.25rem !important;
}
.tw-h-6 {
      height: 1.5rem !important;
}
.tw-h-64 {
      height: 16rem !important;
}
.tw-h-8 {
      height: 2rem !important;
}
.tw-h-96 {
      height: 24rem !important;
}
.tw-h-\[40px\] {
      height: 40px !important;
}
.tw-h-\[480px\] {
      height: 480px !important;
}
.tw-h-auto {
      height: auto !important;
}
.tw-h-full {
      height: 100% !important;
}
.tw-h-36 {
      height: 9rem !important;
}
.tw-max-h-32 {
      max-height: 8rem !important;
}
.tw-min-h-screen {
      min-height: 100vh !important;
}
.tw-w-1\/3 {
      width: 33.333333% !important;
}
.tw-w-12 {
      width: 3rem !important;
}
.tw-w-16 {
      width: 4rem !important;
}
.tw-w-2 {
      width: 0.5rem !important;
}
.tw-w-3\/4 {
      width: 75% !important;
}
.tw-w-32 {
      width: 8rem !important;
}
.tw-w-4 {
      width: 1rem !important;
}
.tw-w-48 {
      width: 12rem !important;
}
.tw-w-5 {
      width: 1.25rem !important;
}
.tw-w-6 {
      width: 1.5rem !important;
}
.tw-w-8 {
      width: 2rem !important;
}
.tw-w-\[16rem\] {
      width: 16rem !important;
}
.tw-w-\[180px\] {
      width: 180px !important;
}
.tw-w-\[32rem\] {
      width: 32rem !important;
}
.tw-w-\[40px\] {
      width: 40px !important;
}
.tw-w-\[900px\] {
      width: 900px !important;
}
.tw-w-auto {
      width: auto !important;
}
.tw-w-full {
      width: 100% !important;
}
.tw-w-36 {
      width: 9rem !important;
}
.tw-min-w-64 {
      min-width: 16rem !important;
}
.tw-max-w-2xl {
      max-width: 42rem !important;
}
.tw-max-w-\[2400px\] {
      max-width: 2400px !important;
}
.tw-max-w-\[350px\] {
      max-width: 350px !important;
}
.tw-max-w-\[450px\] {
      max-width: 450px !important;
}
.tw-max-w-full {
      max-width: 100% !important;
}
.tw-max-w-lg {
      max-width: 32rem !important;
}
.tw-max-w-md {
      max-width: 28rem !important;
}
.tw-max-w-screen-md {
      max-width: 768px !important;
}
.tw-max-w-screen-xl {
      max-width: 1334px !important;
}
.tw-max-w-sm {
      max-width: 24rem !important;
}
.tw-flex-1 {
      -webkit-box-flex: 1 !important;
          -ms-flex: 1 1 0% !important;
              flex: 1 1 0% !important;
}
.tw-flex-shrink-0 {
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
}
.tw-origin-center {
      -webkit-transform-origin: center !important;
              transform-origin: center !important;
}
.tw--translate-x-1\/2 {
      --tw-translate-x: -50% !important;
      -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@-webkit-keyframes tw-spin {
      to {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
      }
}
@keyframes tw-spin {
      to {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
      }
}
.tw-animate-spin {
      -webkit-animation: tw-spin 1s linear infinite !important;
              animation: tw-spin 1s linear infinite !important;
}
.tw-cursor-pointer {
      cursor: pointer !important;
}
.tw-resize-none {
      resize: none !important;
}
.tw-list-none {
      list-style-type: none !important;
}
.tw-appearance-none {
      -webkit-appearance: none !important;
         -moz-appearance: none !important;
              appearance: none !important;
}
.tw-auto-rows-min {
      grid-auto-rows: -webkit-min-content !important;
      grid-auto-rows: min-content !important;
}
.tw-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.tw-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.tw-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.tw-flex-row {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: row !important;
              flex-direction: row !important;
}
.tw-flex-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
          -ms-flex-direction: row-reverse !important;
              flex-direction: row-reverse !important;
}
.tw-flex-col {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
}
.tw-flex-wrap {
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.tw-place-items-center {
      place-items: center !important;
}
.tw-items-start {
      -webkit-box-align: start !important;
          -ms-flex-align: start !important;
              align-items: flex-start !important;
}
.tw-items-end {
      -webkit-box-align: end !important;
          -ms-flex-align: end !important;
              align-items: flex-end !important;
}
.tw-items-center {
      -webkit-box-align: center !important;
          -ms-flex-align: center !important;
              align-items: center !important;
}
.tw-items-baseline {
      -webkit-box-align: baseline !important;
          -ms-flex-align: baseline !important;
              align-items: baseline !important;
}
.tw-items-stretch {
      -webkit-box-align: stretch !important;
          -ms-flex-align: stretch !important;
              align-items: stretch !important;
}
.tw-justify-start {
      -webkit-box-pack: start !important;
          -ms-flex-pack: start !important;
              justify-content: flex-start !important;
}
.tw-justify-end {
      -webkit-box-pack: end !important;
          -ms-flex-pack: end !important;
              justify-content: flex-end !important;
}
.tw-justify-center {
      -webkit-box-pack: center !important;
          -ms-flex-pack: center !important;
              justify-content: center !important;
}
.tw-justify-between {
      -webkit-box-pack: justify !important;
          -ms-flex-pack: justify !important;
              justify-content: space-between !important;
}
.tw-justify-stretch {
      -webkit-box-pack: stretch !important;
          -ms-flex-pack: stretch !important;
              justify-content: stretch !important;
}
.tw-gap-1 {
      gap: 0.25rem !important;
}
.tw-gap-12 {
      gap: 3rem !important;
}
.tw-gap-2 {
      gap: 0.5rem !important;
}
.tw-gap-4 {
      gap: 1rem !important;
}
.tw-gap-6 {
      gap: 1.5rem !important;
}
.tw-gap-8 {
      gap: 2rem !important;
}
.tw-gap-x-0 {
      -webkit-column-gap: 0px !important;
         -moz-column-gap: 0px !important;
              column-gap: 0px !important;
}
.tw-gap-x-16 {
      -webkit-column-gap: 4rem !important;
         -moz-column-gap: 4rem !important;
              column-gap: 4rem !important;
}
.tw-gap-x-2 {
      -webkit-column-gap: 0.5rem !important;
         -moz-column-gap: 0.5rem !important;
              column-gap: 0.5rem !important;
}
.tw-gap-x-4 {
      -webkit-column-gap: 1rem !important;
         -moz-column-gap: 1rem !important;
              column-gap: 1rem !important;
}
.tw-gap-y-4 {
      row-gap: 1rem !important;
}
.tw-gap-y-6 {
      row-gap: 1.5rem !important;
}
.tw-gap-y-8 {
      row-gap: 2rem !important;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0 !important;
      margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0 !important;
      margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
      margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.tw-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)) !important;
}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.tw-space-y-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.tw-space-y-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
}
.tw-overflow-auto {
      overflow: auto !important;
}
.tw-overflow-hidden {
      overflow: hidden !important;
}
.tw-overflow-x-auto {
      overflow-x: auto !important;
}
.tw-overflow-y-auto {
      overflow-y: auto !important;
}
.tw-overflow-x-hidden {
      overflow-x: hidden !important;
}
.tw-scroll-smooth {
      scroll-behavior: smooth !important;
}
.tw-whitespace-nowrap {
      white-space: nowrap !important;
}
.tw-break-words {
      overflow-wrap: break-word !important;
}
.tw-rounded {
      border-radius: 0.25rem !important;
}
.tw-rounded-full {
      border-radius: 9999px !important;
}
.tw-rounded-lg {
      border-radius: 0.5rem !important;
}
.tw-rounded-md {
      border-radius: 0.375rem !important;
}
.tw-rounded-sm {
      border-radius: 0.125rem !important;
}
.tw-rounded-xl {
      border-radius: 0.75rem !important;
}
.tw-border {
      border-width: 1px !important;
}
.tw-border-0 {
      border-width: 0px !important;
}
.tw-border-2 {
      border-width: 2px !important;
}
.tw-border-b-2 {
      border-bottom-width: 2px !important;
}
.tw-border-r-4 {
      border-right-width: 4px !important;
}
.tw-border-t {
      border-top-width: 1px !important;
}
.tw-border-solid {
      border-style: solid !important;
}
.tw-border-none {
      border-style: none !important;
}
.tw-border-\[\#E5E7EB\] {
      --tw-border-opacity: 1 !important;
      border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}
.tw-border-border {
      border-color: var(--border) !important;
}
.tw-border-darkest {
      border-color: var(--darkest) !important;
}
.tw-border-primary {
      border-color: var(--primary) !important;
}
.tw-border-primary-400 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(61 230 169 / var(--tw-border-opacity, 1)) !important;
}
.tw-border-primary-500 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(50 201 149 / var(--tw-border-opacity, 1)) !important;
}
.tw-border-secondary-100 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(207 214 221 / var(--tw-border-opacity, 1)) !important;
}
.tw-border-secondary-500 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(51 74 92 / var(--tw-border-opacity, 1)) !important;
}
.tw-border-transparent {
      border-color: transparent !important;
}
.tw-border-white {
      border-color: var(--white) !important;
}
.tw-bg-\[\#334A5C\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(51 74 92 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-\[\#F2F7FC\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(242 247 252 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-\[\#F3F4F5\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(243 244 245 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-\[\#FFFFFF\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-background {
      background-color: var(--background) !important;
}
.tw-bg-dark {
      background-color: var(--dark) !important;
}
.tw-bg-darkest {
      background-color: var(--darkest) !important;
}
.tw-bg-foreground {
      background-color: var(--foreground) !important;
}
.tw-bg-info {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(243 244 245 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-neutral-200 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-neutral-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-primary {
      background-color: var(--primary) !important;
}
.tw-bg-primary-300 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(91 234 185 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-primary-400 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(61 230 169 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-secondary {
      background-color: var(--secondary) !important;
}
.tw-bg-secondary-400 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(65 90 119 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-secondary-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(232 235 237 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-secondary-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(51 74 92 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-secondary-800 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(22 30 36 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-transparent {
      background-color: transparent !important;
}
.tw-bg-white {
      background-color: var(--white) !important;
}
.tw-bg-gradient-to-r {
      background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops))) !important;
      background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.tw-bg-pattern-noise {
      background-image: url('/assets/img/patterns/noise.png') !important;
}
.tw-from-dark {
      --tw-gradient-from: var(--dark) var(--tw-gradient-from-position) !important;
      --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.tw-via-primary {
      --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position) !important;
      --tw-gradient-stops: var(--tw-gradient-from), var(--primary) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.tw-to-dark {
      --tw-gradient-to: var(--dark) var(--tw-gradient-to-position) !important;
}
.tw-bg-cover {
      background-size: cover !important;
}
.tw-bg-center {
      background-position: center !important;
}
.tw-bg-repeat {
      background-repeat: repeat !important;
}
.tw-bg-no-repeat {
      background-repeat: no-repeat !important;
}
.tw-object-contain {
      -o-object-fit: contain !important;
         object-fit: contain !important;
}
.tw-object-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
}
.tw-p-0 {
      padding: 0px !important;
}
.tw-p-1 {
      padding: 0.25rem !important;
}
.tw-p-2 {
      padding: 0.5rem !important;
}
.tw-p-3 {
      padding: 0.75rem !important;
}
.tw-p-4 {
      padding: 1rem !important;
}
.tw-p-6 {
      padding: 1.5rem !important;
}
.tw-px-1\.5 {
      padding-left: 0.375rem !important;
      padding-right: 0.375rem !important;
}
.tw-px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
}
.tw-px-2\.5 {
      padding-left: 0.625rem !important;
      padding-right: 0.625rem !important;
}
.tw-px-3 {
      padding-left: 0.75rem !important;
      padding-right: 0.75rem !important;
}
.tw-px-4 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
}
.tw-px-5 {
      padding-left: 1.25rem !important;
      padding-right: 1.25rem !important;
}
.tw-px-6 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
}
.tw-px-8 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
}
.tw-py-0 {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
}
.tw-py-0\.5 {
      padding-top: 0.125rem !important;
      padding-bottom: 0.125rem !important;
}
.tw-py-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
}
.tw-py-10 {
      padding-top: 2.5rem !important;
      padding-bottom: 2.5rem !important;
}
.tw-py-12 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
}
.tw-py-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
}
.tw-py-3 {
      padding-top: 0.75rem !important;
      padding-bottom: 0.75rem !important;
}
.tw-py-4 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
}
.tw-py-5 {
      padding-top: 1.25rem !important;
      padding-bottom: 1.25rem !important;
}
.tw-py-6 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
}
.tw-py-8 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
}
.tw-pb-0 {
      padding-bottom: 0px !important;
}
.tw-pb-0\.5 {
      padding-bottom: 0.125rem !important;
}
.tw-pb-12 {
      padding-bottom: 3rem !important;
}
.tw-pb-2 {
      padding-bottom: 0.5rem !important;
}
.tw-pb-3 {
      padding-bottom: 0.75rem !important;
}
.tw-pb-4 {
      padding-bottom: 1rem !important;
}
.tw-pb-6 {
      padding-bottom: 1.5rem !important;
}
.tw-pb-8 {
      padding-bottom: 2rem !important;
}
.tw-pl-12 {
      padding-left: 3rem !important;
}
.tw-pl-64 {
      padding-left: 16rem !important;
}
.tw-pr-4 {
      padding-right: 1rem !important;
}
.tw-pr-6 {
      padding-right: 1.5rem !important;
}
.tw-pr-8 {
      padding-right: 2rem !important;
}
.tw-pt-1 {
      padding-top: 0.25rem !important;
}
.tw-pt-12 {
      padding-top: 3rem !important;
}
.tw-pt-16 {
      padding-top: 4rem !important;
}
.tw-pt-4 {
      padding-top: 1rem !important;
}
.tw-text-left {
      text-align: left !important;
}
.tw-text-center {
      text-align: center !important;
}
.tw-align-middle {
      vertical-align: middle !important;
}
.tw-font-heading {
      font-family: Roboto Condensed, sans-serif !important;
}
.tw-font-sans {
      font-family: Roboto Condensed, sans-serif !important;
}
.tw-text-2xl {
      font-size: 1.5rem !important;
      line-height: 2rem !important;
}
.tw-text-3xl {
      font-size: 1.875rem !important;
      line-height: 2.25rem !important;
}
.tw-text-4xl {
      font-size: 2.25rem !important;
      line-height: 2.5rem !important;
}
.tw-text-\[10px\] {
      font-size: 10px !important;
}
.tw-text-base {
      font-size: 1rem !important;
      line-height: 1.5rem !important;
}
.tw-text-lg {
      font-size: 1.125rem !important;
      line-height: 1.75rem !important;
}
.tw-text-sm {
      font-size: 0.875rem !important;
      line-height: 1.25rem !important;
}
.tw-text-xl {
      font-size: 1.25rem !important;
      line-height: 1.75rem !important;
}
.tw-text-xs {
      font-size: 0.75rem !important;
      line-height: 1rem !important;
}
.tw-font-bold {
      font-weight: 700 !important;
}
.tw-font-semibold {
      font-weight: 600 !important;
}
.tw-uppercase {
      text-transform: uppercase !important;
}
.\!tw-leading-tight {
      line-height: 1.25 !important;
}
.tw-leading-none {
      line-height: 1 !important;
}
.tw-leading-tight {
      line-height: 1.25 !important;
}
.tw-tracking-wide {
      letter-spacing: 0.025em !important;
}
.tw-text-\[\#334A5C\] {
      --tw-text-opacity: 1 !important;
      color: rgb(51 74 92 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-\[\#416fa4\] {
      --tw-text-opacity: 1 !important;
      color: rgb(65 111 164 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-\[\#495A70\] {
      --tw-text-opacity: 1 !important;
      color: rgb(73 90 112 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-\[\#FFFFFF\] {
      --tw-text-opacity: 1 !important;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-black {
      color: var(--black) !important;
}
.tw-text-dark {
      color: var(--dark) !important;
}
.tw-text-darkest {
      color: var(--darkest) !important;
}
.tw-text-foreground {
      color: var(--foreground) !important;
}
.tw-text-gray-300 {
      --tw-text-opacity: 1 !important;
      color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-neutral-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(115 115 115 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-neutral-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(82 82 82 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-primary {
      color: var(--primary) !important;
}
.tw-text-primary-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(50 201 149 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-secondary {
      color: var(--secondary) !important;
}
.tw-text-secondary-400 {
      --tw-text-opacity: 1 !important;
      color: rgb(65 90 119 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-secondary-900 {
      --tw-text-opacity: 1 !important;
      color: rgb(13 15 18 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-text {
      --tw-text-opacity: 1 !important;
      color: rgb(73 90 112 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-white {
      color: var(--white) !important;
}
.tw-no-underline {
      text-decoration-line: none !important;
}
.tw-antialiased {
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
}
.tw-opacity-20 {
      opacity: 0.2 !important;
}
.tw-opacity-25 {
      opacity: 0.25 !important;
}
.tw-opacity-50 {
      opacity: 0.5 !important;
}
.tw-opacity-75 {
      opacity: 0.75 !important;
}
.tw-shadow {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
      --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-md {
      --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-outline-none {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
}
.tw-ring-1 {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.tw-ring-text {
      --tw-ring-opacity: 1 !important;
      --tw-ring-color: rgb(73 90 112 / var(--tw-ring-opacity, 1)) !important;
}
.tw-ring-opacity-50 {
      --tw-ring-opacity: 0.5 !important;
}
.tw-ring-offset-0 {
      --tw-ring-offset-width: 0px !important;
}
.tw-transition {
      -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter !important;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter !important;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter !important;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      -webkit-transition-duration: 150ms !important;
              transition-duration: 150ms !important;
}
.scrollbar::-webkit-scrollbar {
      width: 8px !important;
      height: 8px !important;
    }
.scrollbar::-webkit-scrollbar-track {
      border-radius: 100vh !important;
      background: #f2f5f9 !important;
    }
.scrollbar::-webkit-scrollbar-thumb {
      background: #CCD9E6 !important;
      border-radius: 100vh !important;
      -webkit-transition: 0.25s !important;
      transition: 0.25s !important;
      /* border: 3px solid #f6f7ed; */
    }
.scrollbar::-webkit-scrollbar-thumb:hover {
      background: #bbccdd !important;
    }

/* Marker */
.ais-Highlight-highlighted {
      --tw-bg-opacity: 1;
      background-color: rgb(195 248 227 / var(--tw-bg-opacity, 1));
      padding: 0px;
}

/*
.fade_wrapper:before {
  content:"";
  position:absolute;
  height:100%;
  left:-1px;top:0;
  width:7.5%;
  z-index:1;
  background-image:linear-gradient(270deg,hsla(0,0%,100%,.001) 0,#F2F5F9)
}

.fade_wrapper:after {
  content:"";
  position:absolute;
  height:100%;
  right:-1px;
  top:0;
  width:7.5%;
  z-index:1;
  background-image:linear-gradient(90deg,hsla(0,0%,100%,.001) 0,#F2F5F9)
}
*/

.checked\:tw-bg-secondary-700:checked {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(32 45 55 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:tw-cursor-default:hover {
      cursor: default !important;
}

.hover\:tw-cursor-pointer:hover {
      cursor: pointer !important;
}

.hover\:tw-border-r-4:hover {
      border-right-width: 4px !important;
}

.hover\:tw-border-neutral-300:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(212 212 212 / var(--tw-border-opacity, 1)) !important;
}

.hover\:tw-border-primary:hover {
      border-color: var(--primary) !important;
}

.hover\:tw-border-primary-500:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(50 201 149 / var(--tw-border-opacity, 1)) !important;
}

.hover\:tw-border-primary-800:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(21 101 75 / var(--tw-border-opacity, 1)) !important;
}

.hover\:tw-bg-\[\#334A5C\]:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(51 74 92 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:tw-bg-neutral-100:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:tw-bg-primary:hover {
      background-color: var(--primary) !important;
}

.hover\:tw-bg-primary-800:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(21 101 75 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:tw-bg-secondary:hover {
      background-color: var(--secondary) !important;
}

.hover\:tw-bg-secondary-100:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(207 214 221 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:tw-text-gray-500:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}

.hover\:tw-text-gray-700:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}

.hover\:tw-text-primary-400:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(61 230 169 / var(--tw-text-opacity, 1)) !important;
}

.hover\:tw-text-secondary-500:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(51 74 92 / var(--tw-text-opacity, 1)) !important;
}

.hover\:tw-text-white:hover {
      color: var(--white) !important;
}

.hover\:tw-opacity-75:hover {
      opacity: 0.75 !important;
}

.hover\:tw-shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:tw-ring-2:hover {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.hover\:tw-ring-offset-2:hover {
      --tw-ring-offset-width: 2px !important;
}

.hover\:tw-backdrop-blur-md:hover {
      --tw-backdrop-blur: blur(12px) !important;
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}

.focus\:tw-border-0:focus {
      border-width: 0px !important;
}

.focus\:tw-border-primary-800:focus {
      --tw-border-opacity: 1 !important;
      border-color: rgb(21 101 75 / var(--tw-border-opacity, 1)) !important;
}

.focus\:tw-bg-primary-800:focus {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(21 101 75 / var(--tw-bg-opacity, 1)) !important;
}

.focus\:tw-outline-none:focus {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
}

.focus\:tw-ring-2:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
      -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:tw-ring-primary:focus {
      --tw-ring-color: var(--primary) !important;
}

.focus\:tw-ring-offset-2:focus {
      --tw-ring-offset-width: 2px !important;
}

.focus\:tw-ring-offset-background:focus {
      --tw-ring-offset-color: var(--background) !important;
}

.active\:tw-border-primary-300:active {
      --tw-border-opacity: 1 !important;
      border-color: rgb(91 234 185 / var(--tw-border-opacity, 1)) !important;
}

.disabled\:tw-hidden:disabled {
      display: none !important;
}

@media (min-width: 384px) {
      .xs\:tw-block {
            display: block !important;
      }
      .xs\:tw-h-5 {
            height: 1.25rem !important;
      }
      .xs\:tw-w-5 {
            width: 1.25rem !important;
      }
}

@media (min-width: 576px) {
      .sm\:tw-mb-16 {
            margin-bottom: 4rem !important;
      }
      .sm\:tw-block {
            display: block !important;
      }
      .sm\:tw-grid {
            display: grid !important;
      }
      .sm\:tw-max-w-\[450px\] {
            max-width: 450px !important;
      }
      .sm\:tw-max-w-\[650px\] {
            max-width: 650px !important;
      }
      .sm\:tw-max-w-lg {
            max-width: 32rem !important;
      }
      .sm\:tw-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .sm\:tw-grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      .sm\:tw-flex-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
                -ms-flex-direction: row !important;
                    flex-direction: row !important;
      }
      .sm\:tw-items-center {
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
      }
      .sm\:tw-gap-4 {
            gap: 1rem !important;
      }
      .sm\:tw-gap-8 {
            gap: 2rem !important;
      }
      .sm\:tw-space-y-12 > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(3rem * var(--tw-space-y-reverse)) !important;
      }
      .sm\:tw-p-8 {
            padding: 2rem !important;
      }
      .sm\:tw-py-12 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
      }
      .sm\:tw-text-4xl {
            font-size: 2.25rem !important;
            line-height: 2.5rem !important;
      }
      .sm\:tw-text-base {
            font-size: 1rem !important;
            line-height: 1.5rem !important;
      }
      .sm\:tw-text-lg {
            font-size: 1.125rem !important;
            line-height: 1.75rem !important;
      }
}

@media (min-width: 768px) {
      .md\:tw-visible {
            visibility: visible !important;
      }
      .md\:tw-fixed {
            position: fixed !important;
      }
      .md\:tw-inset-y-0 {
            top: 0px !important;
            bottom: 0px !important;
      }
      .md\:-tw-left-\[10\%\] {
            left: -10% !important;
      }
      .md\:tw-col-span-2 {
            grid-column: span 2 / span 2 !important;
      }
      .md\:tw-col-span-4 {
            grid-column: span 4 / span 4 !important;
      }
      .md\:tw-col-span-5 {
            grid-column: span 5 / span 5 !important;
      }
      .md\:tw-col-span-7 {
            grid-column: span 7 / span 7 !important;
      }
      .md\:tw-col-span-8 {
            grid-column: span 8 / span 8 !important;
      }
      .md\:tw-col-start-11 {
            grid-column-start: 11 !important;
      }
      .md\:tw-col-start-5 {
            grid-column-start: 5 !important;
      }
      .md\:tw-mb-0 {
            margin-bottom: 0px !important;
      }
      .md\:tw-mt-6 {
            margin-top: 1.5rem !important;
      }
      .md\:tw-block {
            display: block !important;
      }
      .md\:tw-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
      }
      .md\:tw-hidden {
            display: none !important;
      }
      .md\:tw-h-full {
            height: 100% !important;
      }
      .md\:tw-w-64 {
            width: 16rem !important;
      }
      .md\:tw-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .md\:tw-flex-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
                -ms-flex-direction: row !important;
                    flex-direction: row !important;
      }
      .md\:tw-flex-col {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
                -ms-flex-direction: column !important;
                    flex-direction: column !important;
      }
      .md\:tw-items-center {
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
      }
      .md\:tw-justify-between {
            -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                    justify-content: space-between !important;
      }
      .md\:tw-gap-10 {
            gap: 2.5rem !important;
      }
      .md\:tw-gap-6 {
            gap: 1.5rem !important;
      }
      .md\:tw-gap-x-8 {
            -webkit-column-gap: 2rem !important;
               -moz-column-gap: 2rem !important;
                    column-gap: 2rem !important;
      }
      .md\:tw-gap-y-0 {
            row-gap: 0px !important;
      }
      .md\:tw-px-12 {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
      }
      .md\:tw-px-8 {
            padding-left: 2rem !important;
            padding-right: 2rem !important;
      }
      .md\:tw-py-12 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
      }
      .md\:tw-pl-64 {
            padding-left: 16rem !important;
      }
      .md\:tw-pr-4 {
            padding-right: 1rem !important;
      }
      .md\:tw-text-lg {
            font-size: 1.125rem !important;
            line-height: 1.75rem !important;
      }
}

@media (min-width: 992px) {
      .lg\:-tw-right-\[5\%\] {
            right: -5% !important;
      }
      .lg\:-tw-top-\[5\%\] {
            top: -5% !important;
      }
      .lg\:tw-top-0 {
            top: 0px !important;
      }
      .lg\:tw-col-span-3 {
            grid-column: span 3 / span 3 !important;
      }
      .lg\:tw-col-span-9 {
            grid-column: span 9 / span 9 !important;
      }
      .lg\:tw-mb-0 {
            margin-bottom: 0px !important;
      }
      .lg\:tw-ml-14 {
            margin-left: 3.5rem !important;
      }
      .lg\:tw-grid {
            display: grid !important;
      }
      .lg\:tw-w-\[240px\] {
            width: 240px !important;
      }
      .lg\:tw-max-w-\[800px\] {
            max-width: 800px !important;
      }
      .lg\:tw-max-w-full {
            max-width: 100% !important;
      }
      .lg\:tw-grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
      }
      .lg\:tw-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .lg\:tw-flex-row {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
                -ms-flex-direction: row !important;
                    flex-direction: row !important;
      }
      .lg\:tw-items-start {
            -webkit-box-align: start !important;
                -ms-flex-align: start !important;
                    align-items: flex-start !important;
      }
      .lg\:tw-gap-12 {
            gap: 3rem !important;
      }
      .lg\:tw-gap-16 {
            gap: 4rem !important;
      }
      .lg\:tw-gap-6 {
            gap: 1.5rem !important;
      }
      .lg\:tw-gap-8 {
            gap: 2rem !important;
      }
      .lg\:tw-gap-x-8 {
            -webkit-column-gap: 2rem !important;
               -moz-column-gap: 2rem !important;
                    column-gap: 2rem !important;
      }
      .lg\:tw-gap-y-8 {
            row-gap: 2rem !important;
      }
      .lg\:tw-space-y-16 > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(4rem * var(--tw-space-y-reverse)) !important;
      }
      .lg\:tw-p-8 {
            padding: 2rem !important;
      }
      .lg\:tw-py-0 {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
      }
      .lg\:tw-text-2xl {
            font-size: 1.5rem !important;
            line-height: 2rem !important;
      }
      .lg\:tw-text-3xl {
            font-size: 1.875rem !important;
            line-height: 2.25rem !important;
      }
      .lg\:tw-text-4xl {
            font-size: 2.25rem !important;
            line-height: 2.5rem !important;
      }
      .lg\:tw-text-lg {
            font-size: 1.125rem !important;
            line-height: 1.75rem !important;
      }
      .lg\:tw-text-xl {
            font-size: 1.25rem !important;
            line-height: 1.75rem !important;
      }
}

@media (min-width: 1334px) {
      .xl\:tw-ml-16 {
            margin-left: 4rem !important;
      }
      .xl\:tw-hidden {
            display: none !important;
      }
      .xl\:tw-w-\[20rem\] {
            width: 20rem !important;
      }
      .xl\:tw-w-\[36rem\] {
            width: 36rem !important;
      }
      .xl\:tw-grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      .xl\:tw-justify-start {
            -webkit-box-pack: start !important;
                -ms-flex-pack: start !important;
                    justify-content: flex-start !important;
      }
      .xl\:tw-gap-x-6 {
            -webkit-column-gap: 1.5rem !important;
               -moz-column-gap: 1.5rem !important;
                    column-gap: 1.5rem !important;
      }
      .xl\:tw-px-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
      }
      .xl\:tw-text-2xl {
            font-size: 1.5rem !important;
            line-height: 2rem !important;
      }
      .xl\:tw-text-lg {
            font-size: 1.125rem !important;
            line-height: 1.75rem !important;
      }
      .xl\:tw-text-xl {
            font-size: 1.25rem !important;
            line-height: 1.75rem !important;
      }
}
@charset "UTF-8";
/* Theme tokens: Dark (default) + Light overrides */
:root {
  /* Brand */
  --primary: oklch(0.8258 0.1612 163.74); /* #3DE6A9 */
  --secondary: oklch(0.3979 0.0418 242.61); /* #334a5c */ /* #2E4354 */
  --accent: oklch(0.75 0.17 180);
  --white: oklch(1 0 0);
  --black: oklch(0 0 0);
  /* Neutrals */
  --lightest: oklch(0.9707 0.0027 286.35); /* #F5F5F7 */
  --light: oklch(0.8884 0.0068 233.65); /* #D6DBDE */
  --medium: oklch(0.6553 0.022 238.85); /* #85939D */
  --dark: var(--secondary);
  --darkest: oklch(0.37 0.0397 242.98); /* #2E4354 */
  --border: var(--light);
  /* Application (dark by default) */
  --background: var(--secondary);
  --foreground: var(--white);
  --text: var(--white);
  --muted: var(--light);
  --muted-foreground: var(--dark);
  --radius: 0.6rem;
  --gradient: linear-gradient(
      160deg,
      var(--medium) 0%,
      var(--secondary) 35%,
      var(--medium) 100%
  );
  /* utilities */
  --container-gutter: 1.5rem;
  /* effects/assets */
  --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  --ses-white: url("/assets/img/ses-white.svg");
}

.theme--light {
  /* Light mode overrides */
  --background: var(--white);
  --foreground: #495a70; /* Site default text tone */
  --text: #495a70;
  --gradient: linear-gradient(
      160deg,
      var(--medium) 0%,
      var(--primary) 35%,
      var(--medium) 100%
  );
}

/* Helpers */
.bg-gradient {
  background: var(--gradient);
  background-position: center;
  background-size: cover;
}

/*
================================
  SITE SETTINGS
================================
*/
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #788ab3;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #788ab3;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #788ab3;
  opacity: 0.75;
}

/* ----------------------------------------------------------- */
/* == tingle v0.10.0 */
/* ----------------------------------------------------------- */
.tingle-modal * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  font-family: "Roboto Condensed", sans-serif;
  top: 10px;
  right: 28px;
  z-index: 1000;
  padding: 0;
  width: 5rem;
  height: 5rem;
  border: none;
  background-color: transparent;
  color: #f0f0f0;
  font-size: 6rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media screen and (min-width: 667px) {
  .tingle-modal__close {
    position: fixed;
  }
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.tingle-modal-box__content {
  padding: calc(1.5em + 1vw) calc(1.5em + 1vw);
}

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px; /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  -webkit-transition: bottom 0.3s ease-in-out 0.3s;
  transition: bottom 0.3s ease-in-out 0.3s;
}

/* state
-------------------------------------------------------------- */
.tingle-enabled {
  overflow: hidden;
  height: 100%;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-enabled .tingle-content-wrapper, .tingle-enabled main, .tingle-enabled .global-header, .tingle-enabled .global-hero, .tingle-enabled footer, .tingle-enabled .crosslink-knowledge, .tingle-enabled .global-newsletter {
  -webkit-filter: blur(15px);
  filter: blur(15px);
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tingle-modal--overflow {
  overflow-y: scroll;
}
@media screen and (min-width: 667px) {
  .tingle-modal--overflow {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}

/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  font-family: "Roboto Condensed", sans-serif;
}

.tingle-btn--primary {
  background-color: #3498db;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }
  .tingle-modal {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 540px) and (min-width: 667px) {
  .tingle-modal {
    top: 60px;
  }
}
@media (max-width: 540px) {
  .tingle-modal--noClose {
    top: 0;
  }
  .tingle-modal--overflow {
    padding: 0;
  }
  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }
  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff;
    line-height: 55px;
    font-family: "Roboto Condensed", sans-serif;
  }
  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
  }
  .tingle-modal__closeIcon {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.3rem;
    margin: -0.3rem 0.5rem 0 0;
    font-family: "Roboto Condensed", sans-serif;
  }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*! normalize.css http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
  display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *  http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *  www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 0;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 * /

mark {
  background: #ff0;
  color: #000;
  padding: 0 0.25em;
}*/
/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}

/* 2 */
q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3 
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *  Known issue: inner spacing remains in IE6
 */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
  *overflow: visible; /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
    Known issue: excess padding remains in IE6
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.merger-header .container img, .listing-knowledge--image, .listing-landing > ul > li > a > img, .accreditations-list > li img, .content-data-table--image img, figure img {
  max-width: 100%;
  display: block;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}

@media print {
  /* Remove unwanted elements */
  footer,
  object,
  video,
  audio,
  embed,
  form,
  nav {
    display: none;
  }
  /* Change text colour to black (useful for light text on a dark background) */
  body {
    background-color: white;
    font: 13pt sans-serif;
    line-height: 1.25;
    text-align: left;
    color: #000;
  }
  /* Improve colour contrast of links */
  a {
    color: blue;
  }
  a:after {
    content: " (" attr(href) ")";
    font-style: italic;
    font-size: 11pt;
    display: block;
    color: blue;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
  }
  h1 {
    font-size: 20pt;
  }
  h2 {
    font-size: 19pt;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 17pt;
  }
  h5 {
    font-size: 16pt;
  }
  h6 {
    font-size: 15pt;
  }
  /* Ensure the content spans the full width */
  .container {
    width: 100%;
    float: none;
    margin: 0;
  }
  /* Keep images small */
  img {
    max-width: 50%;
    display: block;
    height: auto;
  }
}
.global-footer .linkedin-link,
.global-footer .facebook-link,
.global-footer .twitter-link {
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  display: block;
  height: 24px;
  width: 24px;
}

.containers-icon,
.tanks-icon {
  margin: 0 auto;
  display: block;
  height: 90px;
  width: 90px;
}

.containers-icon {
  background-position: -205px -205px;
  background-size: 500px 500px;
}
.no-svg .containers-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .containers-icon {
  background-image: url("../media/swire-sprite.svg");
}

.tanks-icon {
  background-position: -305px -205px;
  background-size: 500px 500px;
}
.no-svg .tanks-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .tanks-icon {
  background-image: url("../media/swire-sprite.svg");
}

.offshore-icon {
  background-position: -105px -205px;
  background-size: 500px 500px;
}
.no-svg .offshore-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .offshore-icon {
  background-image: url("../media/swire-sprite.svg");
}

.helifuel-icon {
  background-position: -5px -205px;
  background-size: 500px 500px;
}
.no-svg .helifuel-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .helifuel-icon {
  background-image: url("../media/swire-sprite.svg");
}

.certifications-icon {
  background-position: -405px -5px;
  background-size: 500px 500px;
}
.no-svg .certifications-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .certifications-icon {
  background-image: url("../media/swire-sprite.svg");
}

.services-icon {
  background-position: -405px -105px;
  background-size: 500px 500px;
}
.no-svg .services-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .services-icon {
  background-image: url("../media/swire-sprite.svg");
}

.innovation-icon {
  background-position: -305px -105px;
  background-size: 500px 500px;
}
.no-svg .innovation-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .innovation-icon {
  background-image: url("../media/swire-sprite.svg");
}

.onshore-icon {
  background-position: -205px -105px;
  background-size: 500px 500px;
}
.no-svg .onshore-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .onshore-icon {
  background-image: url("../media/swire-sprite.svg");
}

.offshore-wind-icon,
.oil-gas-icon,
.marine-icon,
.offshore-container-icon,
.aviation-icon,
.integrity-icon,
.chemical-icon,
.company-icon {
  border-radius: 0 0 3px 3px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  margin: 0 auto;
  display: block;
  height: 50px;
  width: 50px;
}

.offshore-wind-icon {
  background-position: -25px -325px;
  background-size: 500px 500px;
}
.no-svg .offshore-wind-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .offshore-wind-icon {
  background-image: url("../media/swire-sprite.svg");
}

.oil-gas-icon {
  background-position: -125px -325px;
  background-size: 500px 500px;
}
.no-svg .oil-gas-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .oil-gas-icon {
  background-image: url("../media/swire-sprite.svg");
}

.marine-icon {
  background-position: -125px -425px;
  background-size: 500px 500px;
}
.no-svg .marine-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .marine-icon {
  background-image: url("../media/swire-sprite.svg");
}

.offshore-container-icon {
  background-position: -325px -325px;
  background-size: 500px 500px;
}
.no-svg .offshore-container-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .offshore-container-icon {
  background-image: url("../media/swire-sprite.svg");
}

.aviation-icon {
  background-position: -225px -325px;
  background-size: 500px 500px;
}
.no-svg .aviation-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .aviation-icon {
  background-image: url("../media/swire-sprite.svg");
}

.integrity-icon {
  background-position: -425px -325px;
  background-size: 500px 500px;
}
.no-svg .integrity-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .integrity-icon {
  background-image: url("../media/swire-sprite.svg");
}

.chemical-icon {
  background-position: -25px -425px;
  background-size: 500px 500px;
}
.no-svg .chemical-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .chemical-icon {
  background-image: url("../media/swire-sprite.svg");
}

.company-icon {
  background-position: -25px -325px;
  background-size: 500px 500px;
}
.no-svg .company-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .company-icon {
  background-image: url("../media/swire-sprite.svg");
}

.plus-icon-red, .plus-icon, .menu-button, .button, [class$=button] {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.unique--home-hero--tagline, .plus-link-white .plus-link-icon:after, .plus-link-blue .plus-link-icon::after, .plus-icon-red:after, .plus-icon:after {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.pagination a, .submenu a.submenu-title, .submenu a.active, .kicker, .global-newsletter--summary strong,
.global-newsletter--summary b, .global-hero--breadcrumb a, .translate-menu > div span, .primary-menu .level-one > li > a,
.secondary-menu .level-one > li > a, .primary-menu a,
.secondary-menu a, .menu-button:after, .desktop-secondary-nav ul > li a, .content-download > ul > li > a, .notification-bar a, .plus-link-white .plus-link-icon:after, .plus-link-white .plus-link-text, .plus-link-blue .plus-link-icon::after, .plus-link-blue .plus-link-text, .plus-icon-red:after, .plus-icon:after, .drop-button:after, .menu-button, .button, [class$=button], table:not(.tw-table) th, blockquote small, strong,
b {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

body{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.625;
}

p {
  margin: 0 0 1.66rem;
}

.lead {
  font-size: 1.125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .lead {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .lead {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .lead {
    font-size: 1.25em;
  }
}

address {
  margin-bottom: 1.5rem;
  font-style: normal;
  display: block;
}

small {
  font-size: 0.8888888889em;
}
@media (min-width: 25em) and (max-width: 50em) {
  small {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  small {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  small {
    font-size: 0.8em;
  }
}

a {
  color: #fff;
  text-decoration: none;
}
a:active {
  color: var(--primary);
}
a:hover, a:focus {
  color: var(--primary);
}

/* 
  Use extends so hierarchical styles can be applied 
  to different heading levels without disrupting 
  the document outline.
*/
.global-hero--heading, .content-region h1, .home-intro h1{
  font-family: Roboto Condensed, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .global-hero--heading, .content-region h1, .home-intro h1{
    font-size: 3rem;
    line-height: 1;
  }
}

.unique-product-finder--intro h2, .unique-regions-content h2, .crosslink-help h2, .crosslink-products h2, .content-region h2, .home-intro h2, .prefooter-cta h2{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0em;
}

@media (min-width: 768px){
  .unique-product-finder--intro h2, .unique-regions-content h2, .crosslink-help h2, .crosslink-products h2, .content-region h2, .home-intro h2, .prefooter-cta h2{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.map-cards-container > aside legend, .carousel-cell, .crosslink-help h3, .crosslink-industries--content h3, .crosslink-case-studies--content h3, .listing-landing > ul > li > a h3, .global-footer h2, .content-region h3, .home-intro h3, h3{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0em;
}

@media (min-width: 768px){
  .map-cards-container > aside legend, .carousel-cell, .crosslink-help h3, .crosslink-industries--content h3, .crosslink-case-studies--content h3, .listing-landing > ul > li > a h3, .global-footer h2, .content-region h3, .home-intro h3, h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.map-card h3, .social-sharing h3, .crosslink-products--content h3, .es-card h3, .form-sidebar-card h3, .listing-careers--content h3, .listing-knowledge--content h3, .global-footer h3, .content-region h4, .home-intro h4{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0em;
}

@media (min-width: 768px){
  .map-card h3, .social-sharing h3, .crosslink-products--content h3, .es-card h3, .form-sidebar-card h3, .listing-careers--content h3, .listing-knowledge--content h3, .global-footer h3, .content-region h4, .home-intro h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.content-region h5, .home-intro h5{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0em;
}

@media (min-width: 768px){
  .content-region h5, .home-intro h5{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.content-region h6, .home-intro h6{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0em;
}

@media (min-width: 768px){
  .content-region h6, .home-intro h6{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

blockquote {
  border-left: 1px solid rgb(232.56, 233.6525, 234.5075);
  padding-left: 1.5rem;
  margin: 1.5rem 0;
}
blockquote p {
  font-size: 1.125em;
  margin: 0 0 0.5rem;
}
@media (min-width: 25em) and (max-width: 50em) {
  blockquote p {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  blockquote p {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  blockquote p {
    font-size: 1.25em;
  }
}
blockquote small {
  margin: 0.5rem 0 0;
  display: block;
}

table:not(.tw-table) {
  border-collapse: collapse;
  margin: 0.75rem 0;
  width: 100%;
}
table:not(.tw-table) th {
  border-bottom: 0.5px solid rgb(174.42, 175.239375, 175.880625);
  border-top: 0.5px solid rgb(174.42, 175.239375, 175.880625);
  padding: 5px 15px;
  text-align: left;
}
table:not(.tw-table) td {
  padding: 5px 15px;
}
table:not(.tw-table) tr,
table:not(.tw-table) td,
table:not(.tw-table) th {
  vertical-align: middle;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/* Headings */
.display{
  text-wrap: balance;
  font-family: Roboto Condensed, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px){
  .display{
    font-size: 4.5rem;
    line-height: 1;
  }
} /* Display - 72px */
.h1{
  font-family: Roboto Condensed, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .h1{
    font-size: 3rem;
    line-height: 1;
  }
} /* H1 - 60px */
.h2{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .h2{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
} /* H2 - 48px */
.h3{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
} /* H3 - 36px */
.h4{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
} /* H4 - 30px */
.h5{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .h5{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
} /* H5 - 24px */
.h6{
  font-family: Roboto Condensed, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0em;
}
@media (min-width: 768px){
  .h6{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
} /* H6 - 18px */
.byline{
  margin-bottom: 0.5rem;
  text-wrap: balance;
  font-family: Roboto Condensed, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--white);
}
@media (min-width: 768px){
  .byline{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
} /* Byline - 16px */
/* Body */
.body-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1.5;
} /* Body 2xl - 24px */
.body-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1.5;
} /* Body xl - 20px */
.body-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1.625;
} /* Body lg - 18px */
.body-md{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1.625;
} /* Body md - 16px */
.body-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 1.625;
} /* Body sm - 14px */
.body-xs{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  line-height: 1.625;
} /* Body xs - 12px */
.copy > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.copy.italic{
  font-style: italic;
}
.copy.bold{
  font-weight: 700;
}
.copy a{
  font-weight: 600;
  color: var(--primary);
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.copy a:hover{
  color: var(--light);
}
.copy > ul{
  margin-left: 1.2em;
  list-style-position: outside;
  list-style-type: disc;
}
.copy > ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.copy > ul li::marker{
  color: var(--primary);
}
.copy > ol{
  margin-left: 1.2em;
  list-style-position: outside;
  list-style-type: decimal;
}
.copy > ol > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.copy > ol li::marker{
  color: var(--primary);
}

/*
  override typography plugin max width setting of 65ch
  https://tailwindcss.com/docs/typography-plugin#overriding-max-width
*/
.prose-full{
  max-width: none;
}

/* end components layer */
.menu-button, .button, [class$=button] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-font-smoothing: antialiased;
  background-color: var(--primary);
  vertical-align: middle;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  color: #fff;
  border: none;
  padding: 0;
}

.button {
  text-transform: uppercase;
  margin-top: 0.375rem;
  margin-right: 0.1875rem;
  border: 2px solid transparent;
  border-radius: var(--radius);
  color: #fff;
}
.button:hover, .button:focus {
  border-color: var(--primary);
  background: var(--secondary);
  color: #fff;
}
.button:not(.plus-button), .button[type=button], .button[type=submit], .button[type=reset] {
  padding: 10px 20px;
}

.buttons-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.drop-button {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgb(249.9, 250.475, 250.925);
  padding: 0 43px 0 0 !important;
  margin-right: 0.75rem;
  border: 1px solid rgb(244.8, 245.95, 246.85);
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border-radius: 0;
  color: #334a5c;
}
.drop-button:after {
  display: inline-block;
  line-height: 1;
  font-size: 0;
  text-align: center;
  background-position: -404px -204px;
  background-size: 500px 500px;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: 43px;
  width: 43px;
  opacity: 0.25;
}
.no-svg .drop-button:after {
  background-image: url("../media/swire-sprite.png");
}
.svg .drop-button:after {
  background-image: url("../media/swire-sprite.svg");
}
.drop-button:hover, .drop-button:focus, .drop-button:active {
  border-color: rgb(240.7, 242.6, 244.8);
  background: rgb(247.85, 248.8, 249.9);
  color: rgb(105.0183673469, 124.5806122449, 147.2316326531);
}
.drop-button:hover:after, .drop-button:focus:after, .drop-button:active:after {
  background-position: -404px -254px;
  background-size: 500px 500px;
}
.no-svg .drop-button:hover:after, .no-svg .drop-button:focus:after, .no-svg .drop-button:active:after {
  background-image: url("../media/swire-sprite.png");
}
.svg .drop-button:hover:after, .svg .drop-button:focus:after, .svg .drop-button:active:after {
  background-image: url("../media/swire-sprite.svg");
}
.drop-button .button-text {
  display: inline-block;
  padding: 11px 0 15px 15px;
}

.plus-link-icon,
.plus-icon {
  position: relative;
  overflow: visible;
  font-style: normal;
}

.plus-icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  font-style: normal;
}
.plus-icon:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  color: #334a5c;
  text-align: center;
  line-height: 32px;
  font-size: 1.75em;
  content: "+";
  height: 34px;
  width: 34px;
}
*:hover > .plus-icon:after {
  -webkit-box-shadow: 0 0 0 1px rgba(51, 74, 92, 0.025), 0 10px 20px rgba(51, 74, 92, 0.05);
          box-shadow: 0 0 0 1px rgba(51, 74, 92, 0.025), 0 10px 20px rgba(51, 74, 92, 0.05);
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.plus-icon-red {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  font-style: normal;
}
.plus-icon-red:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  color: #3de6a9;
  text-align: center;
  line-height: 32px;
  font-size: 1.75em;
  content: "+";
  height: 34px;
  width: 34px;
}
*:hover > .plus-icon-red:after {
  -webkit-box-shadow: 0 0 0 1px rgba(51, 74, 92, 0.025), 0 10px 20px rgba(51, 74, 92, 0.05);
          box-shadow: 0 0 0 1px rgba(51, 74, 92, 0.025), 0 10px 20px rgba(51, 74, 92, 0.05);
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.plus-link-blue,
.plus-link-white {
  margin-right: 1.5rem;
}

.plus-link-blue {
  vertical-align: middle;
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
}
.plus-link-blue .plus-link-text {
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 1px;
  color: #3de6a9;
}
.plus-link-blue .plus-link-icon {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  display: inline-block;
}
.plus-link-blue .plus-link-icon:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-right: 0.4096em;
  border-radius: 50%;
}
.plus-link-blue:hover .plus-link-icon, .plus-link-blue:focus .plus-link-icon {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.plus-link-blue .plus-link-icon::after {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  display: inline-block;
  background-color: #334a5c;
  text-align: center;
  color: #fff;
  line-height: 24px;
  font-size: 1.25em;
  content: "+";
  height: 26px;
  width: 26px;
}

.plus-link-white {
  vertical-align: middle;
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
}
.plus-link-white .plus-link-text {
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 1px;
  color: #3de6a9;
}
.plus-link-white .plus-link-icon {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  display: inline-block;
}
.plus-link-white .plus-link-icon:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-right: 0.4096em;
  border-radius: 50%;
}
.plus-link-white:hover .plus-link-icon, .plus-link-white:focus .plus-link-icon {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.plus-link-white .plus-link-icon:after {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  color: #334a5c;
  line-height: 24px;
  font-size: 1.25em;
  content: "+";
  height: 26px;
  width: 26px;
  -webkit-box-shadow: 0 1px 2px 1px rgba(51, 74, 92, 0.1);
          box-shadow: 0 1px 2px 1px rgba(51, 74, 92, 0.1);
}

.grecaptcha-badge {
  visibility: hidden;
}

[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus,
[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, input:not([type]):hover, textarea:hover {
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
}

[type=color]:active, [type=date]:active, [type=datetime]:active, [type=datetime-local]:active, [type=email]:active, [type=month]:active, [type=number]:active, [type=password]:active, [type=search]:active, [type=tel]:active, [type=text]:active, [type=time]:active, [type=url]:active, [type=week]:active, input:not([type]):active, textarea:active {
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375rem;
  padding: 0;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375rem;
}

input,
select,
textarea {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

ul.errors {
  margin: 0 0 0.375rem 0;
  list-style: none;
  font-size: 90%;
}

[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  -webkit-transition: border-color 0.3s 0.3s;
  transition: border-color 0.3s 0.3s;
  width: 100%;
}
[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, input:not([type]):hover, textarea:hover {
  border-color: rgb(186.048, 186.922, 187.606);
}
[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus {
  border-color: #708399;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(112, 131, 153, 0.1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(112, 131, 153, 0.1);
  outline: none;
}
[type=color]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=email]:disabled, [type=month]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=text]:disabled, [type=time]:disabled, [type=url]:disabled, [type=week]:disabled, input:not([type]):disabled, textarea:disabled {
  background-color: rgb(242.25, 242.25, 242.25);
  cursor: not-allowed;
}
[type=color]:disabled:hover, [type=date]:disabled:hover, [type=datetime]:disabled:hover, [type=datetime-local]:disabled:hover, [type=email]:disabled:hover, [type=month]:disabled:hover, [type=number]:disabled:hover, [type=password]:disabled:hover, [type=search]:disabled:hover, [type=tel]:disabled:hover, [type=text]:disabled:hover, [type=time]:disabled:hover, [type=url]:disabled:hover, [type=week]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
}
[type=color]::-webkit-input-placeholder, [type=date]::-webkit-input-placeholder, [type=datetime]::-webkit-input-placeholder, [type=datetime-local]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=month]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=time]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=week]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgb(163.2, 173.55, 181.65);
}
[type=color]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=email]::-moz-placeholder, [type=month]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=text]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=week]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  color: rgb(163.2, 173.55, 181.65);
}
[type=color]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=month]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=week]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgb(163.2, 173.55, 181.65);
}
[type=color]::-ms-input-placeholder, [type=date]::-ms-input-placeholder, [type=datetime]::-ms-input-placeholder, [type=datetime-local]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=month]::-ms-input-placeholder, [type=number]::-ms-input-placeholder, [type=password]::-ms-input-placeholder, [type=search]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=text]::-ms-input-placeholder, [type=time]::-ms-input-placeholder, [type=url]::-ms-input-placeholder, [type=week]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: rgb(163.2, 173.55, 181.65);
}
[type=color]::placeholder, [type=date]::placeholder, [type=datetime]::placeholder, [type=datetime-local]::placeholder, [type=email]::placeholder, [type=month]::placeholder, [type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=week]::placeholder, input:not([type])::placeholder, textarea::placeholder {
  color: rgb(163.2, 173.55, 181.65);
}

textarea {
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  display: inline;
  margin-right: 0.375rem;
}

[type=file] {
  margin-bottom: 0.75rem;
  width: 100%;
}

select {
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
  background: #fff;
  width: 100%;
  padding: 0.5rem;
}

.filter-dropdown {
  position: relative;
  background-color: var(--darkest);
  color: var(--foreground);
  border: 1px solid var(--white);
}
.filter-dropdown:after {
  content: "";
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 66px;
  line-height: 66px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.filter-dropdown select {
  position: relative;
  padding: 1.5rem;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  color: var(--foreground);
  /* styling */
  border-radius: 0;
  display: inline-block;
  font-weight: 700;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.filter-dropdown select option {
  color: var(--foreground);
}
.filter-dropdown select option:checked {
  color: var(--foreground);
}

select::-ms-expand {
  display: none;
}

.filter-dropdown select:focus {
  outline: none;
}

.w-form-done,
.alert-success {
  border-radius: 3px;
  background-color: rgb(245.3, 253.75, 250.7);
  margin: 5% 0;
  text-align: center;
  padding: 0.75rem;
  color: rgb(38.4109589041, 227.0890410959, 158.9863013699);
  font-weight: 700;
}

.w-form-fail {
  border-radius: 3px;
  background-color: rgb(245.3, 253.75, 250.7);
  margin: 1.5rem 0;
  text-align: center;
  padding: 0.75rem;
  color: rgb(38.4109589041, 227.0890410959, 158.9863013699);
}

.alert-error {
  border-radius: 3px;
  background-color: rgb(245.3, 253.75, 250.7);
  margin: 5% 0;
  text-align: center;
  padding: 0.75rem;
  color: rgb(38.4109589041, 227.0890410959, 158.9863013699);
  font-weight: 700;
}

.input-error {
  color: #3de6a9;
  font-size: 0.8888888889em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .input-error {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .input-error {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .input-error {
    font-size: 0.8em;
  }
}

.spacer {
  display: block;
  height: 20px;
}

.custom-dropdown__select {
  margin-bottom: 0.375rem;
}

.contact-form {
  max-width: 600px;
}
.contact-form h3 {
  color: var(--white);
}
@media screen and (min-width: 667px) {
  .contact-form {
    padding: 1.5rem;
    background: var(--darkest);
    color: var(--white);
    border: 1px solid transparent;
  }
}

.application-form {
  padding-top: 5%;
  margin-bottom: 5%;
  border-top: 4px solid rgb(244.8, 245.95, 246.85);
}
.application-form form {
  margin: 1em 0;
}
@media screen and (min-width: 667px) {
  .application-form form {
    padding: 5%;
    background: var(--darkest);
    color: var(--white);
    border: 1px solid transparent;
    border-radius: 4px;
  }
}
.application-form input[type=text],
.application-form input[type=email] {
  max-width: 520px;
}

.redactor-box,
.for-checkbox {
  margin-bottom: 0.75em;
}

.required {
  color: #3de6a9;
  padding: 0 0 0 0.25em;
}

.microcopy {
  display: block;
  color: rgb(102, 119.25, 132.75);
  padding: 0 0 1em;
  font-size: 0.8888888889em;
}
.microcopy::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 25em) and (max-width: 50em) {
  .microcopy {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .microcopy {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .microcopy {
    font-size: 0.8em;
  }
}

.product-line {
  font-weight: bold;
}

/* Custom file upload */
.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.upload-wrap {
  border-top: 1px solid rgb(232.56, 233.6525, 234.5075);
  border-width: 2px;
  padding: 1.2em 0 0;
  margin: 0.5em 0 0;
}
.upload-wrap::after {
  clear: both;
  content: "";
  display: block;
}

.custom-file-upload {
  margin-right: 2%;
  margin-bottom: 1.5em;
  font-size: 16px;
}
.custom-file-upload::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 667px) {
  .custom-file-upload {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
    margin-bottom: 0;
  }
  .custom-file-upload:last-child {
    margin-right: 0;
  }
  .custom-file-upload:nth-child(2n) {
    margin-right: 0;
  }
}
.custom-file-upload label {
  display: block;
  margin-bottom: 5px;
}

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px;
}

.file-upload-input {
  font-size: 16px;
  padding: 10px 20px 12px;
  border: none;
  background-color: white;
  float: left; /* IE 9 Fix */
  min-height: 46px;
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
  max-width: 520px;
}
.file-upload-input:hover, .file-upload-input:focus {
  outline: none;
}
@media screen and (min-width: 667px) {
  .file-upload-input {
    width: 126px;
  }
}

.file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #334a5c;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 20px 12px;
  min-height: 46px;
  border: none;
  margin-left: -1px;
  background-color: rgb(230.625613079, 233.3737057221, 235.524386921);
  float: left; /* IE 9 Fix */
}
.file-upload-button:hover, .file-upload-button:focus {
  background-color: rgb(216.451226158, 220.7974114441, 224.198773842);
}

#applicationForm input[type=text].sr-only {
  /* fix overflow issue */
  display: none;
}

select#filter::-ms-expand {
  display: none;
}

@media screen and (min-width: 1111.6666666667px) {
  .hide-desktop {
    display: none;
  }
}
#oldbrowser span,
noscript span {
  background-color: darkred;
  text-align: center;
  display: block;
  color: white;
  padding: 1em;
}
#oldbrowser span a:hover,
#oldbrowser span a:focus,
noscript span a:hover,
noscript span a:focus {
  color: rgb(197, 127.5, 127.5);
}

.container {
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
}
.container::after {
  clear: both;
  content: "";
  display: block;
}

.row {
  display: block;
}
.row::after {
  clear: both;
  content: "";
  display: block;
}

.page-gutter {
  padding: calc(1.5em + 1vw);
  /* remove padding on mobile - used for product finder due to boxed forms */
}
@media screen and (max-width: 443.6666666667px) {
  .page-gutter.no-padding-mobile {
    padding: 0;
  }
}

.page-gutter-t {
  padding-top: calc(1.5em + 1vw);
}

.page-gutter-b {
  padding-bottom: calc(1.5em + 1vw);
}

.section-gutter, .home-intro {
  padding: 3rem calc(1.5em + 1vw);
}
@media screen and (min-width: 889.3333333333px) {
  .section-gutter, .home-intro {
    padding: 4.5rem calc(1.5em + 1vw);
  }
}
.section-gutter.pt-0, .pt-0.home-intro {
  padding-top: 0;
}
.section-gutter.pb-0, .pb-0.home-intro {
  padding-bottom: 0;
}

.section-gutter-t {
  padding-top: 3rem;
}
@media screen and (min-width: 889.3333333333px) {
  .section-gutter-t {
    padding-top: 4.5rem;
  }
}

.section-gutter-b {
  padding-bottom: 3rem;
}
@media screen and (min-width: 889.3333333333px) {
  .section-gutter-b {
    padding-bottom: 4.5rem;
  }
}

hr {
  margin: calc(1.5em + 1vw) 0;
  border: none;
  background-color: rgb(244.8, 245.95, 246.85);
  height: 3px;
}

@media screen and (min-width: 1111.6666666667px) {
  .standard-content {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 74.3421052632%;
  }
  .standard-content:last-child {
    margin-right: 0;
  }
  .standard-content.with-submenu {
    margin-right: 0;
    float: right;
  }
  .standard-content:not(.with-submenu) + .standard-sidebar {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
    margin-right: 0;
  }
  .standard-content:not(.with-submenu) + .standard-sidebar:last-child {
    margin-right: 0;
  }
}

.standard-content.with-submenu + .standard-sidebar {
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .standard-content.with-submenu + .standard-sidebar {
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
    display: block;
    float: left;
  }
  .standard-content.with-submenu + .standard-sidebar:last-child {
    margin-right: 0;
  }
}

.prefooter-cta {
  background-color: rgb(249.9, 250.475, 250.925);
  padding: calc(1.5em + 1vw);
}
.prefooter-cta h2,
.prefooter-cta .lead {
  max-width: 880.44px;
}
.prefooter-cta h2 {
  margin-bottom: 0.375rem;
  color: #334a5c;
}

.dark-bg {
  background-color: #334a5c;
}

.light-bg {
  background: rgb(249.9, 250.475, 250.925);
}

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

.with-border {
  border-top: 1px solid rgb(244.8, 245.95, 246.85);
}

.stack {
  --space: calc(1.5em + 1vw);
}

.stack > * {
  margin-top: 0;
  margin-bottom: 0;
}

.stack > * + * {
  margin-top: var(--space);
}

.pattern-header {
  background-color: #efefef;
  padding: calc(1.5em + 1vw);
}

.notification-bar {
  background: rgb(244.8, 245.95, 246.85);
  padding: 1em calc(1.5em + 1vw);
  text-align: center;
}
.notification-bar .container {
  max-width: 85ch;
}
.tag {
  background: #df313f;
  border-radius: 5px;
  padding: 1px 6px 3px;
  text-transform: uppercase;
  font-size: 90%;
  color: #fff;
  font-weight: bold;
  margin-right: 6px;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.iframe-wrap {
  margin: 0 auto;
  padding: calc(1.5em + 1vw) 0;
  text-align: center;
}
.iframe-wrap iframe {
  width: 100%;
}

.slick-dotted.slick-slider {
  margin: 0;
}

.slick-slide img {
  display: block;
  width: 100%;
  outline: none;
  /* fixes width issue in product-gallery */
}
.product-gallery .slick-slide img {
  width: auto;
}

.slick-dots, .content-region ul.slick-dots {
  bottom: -2em;
  margin: 0;
}

.product-gallery .slick-dots, .content-region .product-gallery ul.slick-dots {
  bottom: -35px;
  margin: 0;
}

.slick-prev {
  left: 20px;
  z-index: 1;
}

.slick-next {
  right: 20px;
}

.slick-dots li.slick-active button:before {
  color: #708399;
}

.slick-dots li button, .slick-dots li button:before {
  font-size: 1em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .slick-dots li button, .slick-dots li button:before {
    font-size: calc(1em + 0 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .slick-dots li button, .slick-dots li button:before {
    font-size: calc(1em + 0 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .slick-dots li button, .slick-dots li button:before {
    font-size: 1em;
  }
}

.slick-prev:before, .slick-next:before {
  font-size: 35px;
}

.slick-prev, .slick-next {
  width: 35px;
  height: 35px;
}

.slick-prev:before, .slick-next:before {
  color: #708399;
}

.slick-dots li button:hover:before {
  color: #708399;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  ouline: none;
}

.product-gallery {
  opacity: 0;
}
.product-gallery.slick-initialized {
  opacity: 1;
  -webkit-animation: fadeInFromNone 0.5s ease-out;
  animation: fadeInFromNone 0.5s ease-out;
}

/* animation */
@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.tingle-modal-box {
  max-width: 600px;
  border-radius: 0;
  text-align: center;
}
.tingle-modal-box img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.tingle-modal__close {
  color: #fff;
}
@media screen and (min-width: 667px) {
  .tingle-modal__close {
    opacity: 0.8;
  }
}
@media (max-width: 540px) {
  .tingle-modal__close {
    background-color: #3de6a9;
    text-transform: uppercase;
    font-size: 0.8888888889em;
  }
}
@media (max-width: 540px) and (min-width: 25em) and (max-width: 50em) {
  .tingle-modal__close {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (max-width: 540px) and (min-width: 50em) and (max-width: 75em) {
  .tingle-modal__close {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (max-width: 540px) and (min-width: 75em) {
  .tingle-modal__close {
    font-size: 0.8em;
  }
}
.tingle-modal__close:hover, .tingle-modal__close:focus {
  opacity: 1;
}

.tingle-modal {
  background: rgba(0, 0, 0, 0.8);
}

.tingle-hide {
  display: none;
}

.tingle-modal-box .quote-form {
  text-align: left;
}

.boxed-in {
  margin-bottom: 1.2em;
  border-radius: 4px;
  background-color: rgb(245.3, 253.75, 250.7);
  margin: 5% 0;
  text-align: left;
  padding: 5%;
  color: rgb(38.4109589041, 227.0890410959, 158.9863013699);
}

h3 {
  margin-bottom: 0.5rem;
}

.tingle-modal-box__content .button {
  margin-top: 1.5rem;
}

.content-region, .home-intro {
  max-width: 50em;
}
.content-region.full-width, .full-width.home-intro {
  max-width: 100%;
}
.content-region h1, .home-intro h1,
.content-region h2,
.home-intro h2,
.content-region h3,
.home-intro h3,
.content-region h4,
.home-intro h4,
.content-region h5,
.home-intro h5,
.content-region h6,
.home-intro h6 {
  line-height: 1.4;
  margin: 0 0 0.25em;
  color: #334a5c;
}
.content-region h6, .home-intro h6 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.content-region h1 + h1, .home-intro h1 + h1, .content-region h1 + h2, .home-intro h1 + h2, .content-region h1 + h3, .home-intro h1 + h3, .content-region h1 + h4, .home-intro h1 + h4, .content-region h1 + h5, .home-intro h1 + h5, .content-region h1 + h6, .home-intro h1 + h6,
.content-region h2 + h1,
.home-intro h2 + h1,
.content-region h2 + h2,
.home-intro h2 + h2,
.content-region h2 + h3,
.home-intro h2 + h3,
.content-region h2 + h4,
.home-intro h2 + h4,
.content-region h2 + h5,
.home-intro h2 + h5,
.content-region h2 + h6,
.home-intro h2 + h6,
.content-region h3 + h1,
.home-intro h3 + h1,
.content-region h3 + h2,
.home-intro h3 + h2,
.content-region h3 + h3,
.home-intro h3 + h3,
.content-region h3 + h4,
.home-intro h3 + h4,
.content-region h3 + h5,
.home-intro h3 + h5,
.content-region h3 + h6,
.home-intro h3 + h6,
.content-region h4 + h1,
.home-intro h4 + h1,
.content-region h4 + h2,
.home-intro h4 + h2,
.content-region h4 + h3,
.home-intro h4 + h3,
.content-region h4 + h4,
.home-intro h4 + h4,
.content-region h4 + h5,
.home-intro h4 + h5,
.content-region h4 + h6,
.home-intro h4 + h6,
.content-region h5 + h1,
.home-intro h5 + h1,
.content-region h5 + h2,
.home-intro h5 + h2,
.content-region h5 + h3,
.home-intro h5 + h3,
.content-region h5 + h4,
.home-intro h5 + h4,
.content-region h5 + h5,
.home-intro h5 + h5,
.content-region h5 + h6,
.home-intro h5 + h6,
.content-region h6 + h1,
.home-intro h6 + h1,
.content-region h6 + h2,
.home-intro h6 + h2,
.content-region h6 + h3,
.home-intro h6 + h3,
.content-region h6 + h4,
.home-intro h6 + h4,
.content-region h6 + h5,
.home-intro h6 + h5,
.content-region h6 + h6,
.home-intro h6 + h6 {
  padding-top: 1.25rem;
}
.content-region p + h2, .home-intro p + h2,
.content-region ul + h2,
.home-intro ul + h2,
.content-region ol + h2,
.home-intro ol + h2,
.content-region p + h3,
.home-intro p + h3,
.content-region ul + h3,
.home-intro ul + h3,
.content-region ol + h3,
.home-intro ol + h3 {
  margin-top: 1.5rem;
}
.content-region .lead, .home-intro .lead {
  font-size: 1.125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-region .lead, .home-intro .lead {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-region .lead, .home-intro .lead {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-region .lead, .home-intro .lead {
    font-size: 1.25em;
  }
}
.content-region.leading-hack p:nth-child(1), .leading-hack.home-intro p:nth-child(1) {
  font-size: 1.125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-region.leading-hack p:nth-child(1), .leading-hack.home-intro p:nth-child(1) {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-region.leading-hack p:nth-child(1), .leading-hack.home-intro p:nth-child(1) {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-region.leading-hack p:nth-child(1), .leading-hack.home-intro p:nth-child(1) {
    font-size: 1.25em;
  }
}
.content-region ul, .home-intro ul,
.content-region ol,
.home-intro ol {
  margin: 1.5rem;
}
.content-region ul ul, .home-intro ul ul,
.content-region ul ol,
.home-intro ul ol,
.content-region ol ul,
.home-intro ol ul,
.content-region ol ol,
.home-intro ol ol {
  margin: 0 1.5rem;
}
.content-region figure, .home-intro figure {
  margin-top: 1.5rem;
}

figure:last-child {
  padding-bottom: 4.5rem;
}
.content-region figure, .home-intro figure {
  margin: 0 0 calc(1.5em + 1vw);
}
figure figcaption {
  margin: 1.5rem auto 0;
  max-width: 50em;
  color: rgb(102, 119.25, 132.75);
  text-align: center;
  font-size: 14px;
  padding: 0 calc(1.5em + 1vw);
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  background: #000;
}
.video-wrapper .play-icon {
  background-position: -100px -100px;
  background-size: 500px 500px;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  position: absolute;
  height: 100px;
  width: 100px;
  bottom: 0;
  right: 0;
}
.no-svg .video-wrapper .play-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .video-wrapper .play-icon {
  background-image: url("../media/swire-sprite.svg");
}
.video-wrapper a {
  display: block;
}
.video-wrapper img {
  max-height: 675px;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper .swap-video {
  cursor: pointer;
}

.content-overview .lead {
  margin: 0;
}
.content-overview .content-overview--links {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.content-download {
  margin-bottom: calc(1.5em + 1vw);
}
.content-data-table .content-download {
  margin-bottom: 1.5rem;
}
.content-download > ul {
  list-style: none;
  margin: 0;
}
.content-download > ul > li + li > a {
  margin-top: -1px;
}
.content-download > ul > li > a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1.4;
  padding: 0.75rem;
  background-color: #fff;
  text-decoration: none;
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  position: relative;
  font-size: 16px;
  display: block;
  color: #334a5c;
}
.content-download > ul > li > a:before {
  background-position: -118px -17px;
  background-size: 500px 500px;
  margin-right: 0.75rem;
  display: inline-block;
  position: relative;
  height: 18px;
  width: 15px;
  content: "";
  top: 4px;
}
.no-svg .content-download > ul > li > a:before {
  background-image: url("../media/swire-sprite.png");
}
.svg .content-download > ul > li > a:before {
  background-image: url("../media/swire-sprite.svg");
}
.content-download > ul > li > a:hover, .content-download > ul > li > a:focus {
  border-color: rgb(240.7, 242.6, 244.8);
  background: rgb(247.85, 248.8, 249.9);
  color: rgb(105.0183673469, 124.5806122449, 147.2316326531);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.content-cta {
  margin-bottom: calc(1.5em + 1vw);
  background: #334a5c;
  padding: calc(1.5em + 1vw);
  text-align: center;
  color: #fff;
}
.content-cta.mb-0 {
  margin-bottom: 0;
}
.content-cta.section-gutter, .content-cta.home-intro {
  padding: 3rem calc(1.5em + 1vw);
}
@media screen and (min-width: 889.3333333333px) {
  .content-cta.section-gutter, .content-cta.home-intro {
    padding: 4.5rem calc(1.5em + 1vw);
  }
}
.content-cta h3 {
  margin-bottom: 0.75rem;
  max-width: 37.5em;
  margin-left: auto;
  margin-right: auto;
  color: #3de6a9;
}
.content-cta .button {
  margin: 1.5rem auto 0;
  background: #3de6a9;
  color: #fff;
  border: none;
}
.content-cta .button:hover, .content-cta .button:focus {
  background: rgb(27.397260274, 212.602739726, 145.7534246575);
  color: #fff;
}
.content-cta p {
  max-width: 37.5em;
  margin: 0 auto;
  color: #fff;
}

.table-container {
  margin-top: 1.5rem;
  padding-left: 100px;
  overflow-y: auto;
  _overflow: auto;
  font-size: 14px;
  line-height: 30px;
  width: 100%;
}
.table-container table {
  border-bottom: 0.5px solid rgb(174.42, 175.239375, 175.880625);
}
.table-container tr:nth-child(odd) {
  background-color: rgb(249.9, 250.475, 250.925);
}
.table-container tr:nth-child(odd) td.sticky {
  background-color: rgba(249.9, 250.475, 250.925, 0.95);
}
.table-container.active {
  display: table;
}
.table-container th:last-child,
.table-container td:last-child {
  padding-right: 3em;
}
.table-container .sticky {
  border-right: 0.5px solid rgb(174.42, 175.239375, 175.880625);
  border-left: 0.5px solid rgb(174.42, 175.239375, 175.880625);
  -webkit-box-shadow: 6px 0 3px -3px rgba(51, 74, 92, 0.04);
          box-shadow: 6px 0 3px -3px rgba(51, 74, 92, 0.04);
  background-color: rgba(255, 255, 255, 0.95);
  position: absolute;
  width: 100px;
  left: 0;
}
.table-container tr:nth-child(2) td.sticky {
  border-top-color: rgb(174.42, 175.239375, 175.880625);
}
.table-container tr:last-child td.sticky {
  border-bottom: 0.5px solid rgb(174.42, 175.239375, 175.880625);
}
.table-container th.sticky {
  background-color: rgba(249.9, 250.475, 250.925, 0.95);
  text-transform: uppercase;
}
.table-container th {
  overflow: hidden;
  white-space: nowrap;
}
.table-container td {
  border-top: 0.5px solid rgb(174.42, 175.239375, 175.880625);
  white-space: nowrap;
}

.table-container-outer {
  position: relative;
  display: none;
}
@media screen and (max-width: 888.3333333333px) {
  .table-container-outer {
    margin-right: calc(-1.5em - 1vw);
    margin-left: calc(-1.5em - 1vw);
  }
}
.table-container-outer.active {
  display: block;
}

.table-container-fade {
  position: absolute;
  display: block;
  right: 0;
  width: 2em;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(25%), to(#fff));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), 25%, #fff);
}

.content-data-table {
  margin-bottom: calc(1.5em + 1vw);
}
.content-data-table .button-secondary {
  margin-top: 0;
}
.content-data-table + .content-data-table {
  border-top: 1px solid rgb(244.8, 245.95, 246.85);
  padding-top: calc(1.5em + 1vw);
}

.content-data-table--text h3 {
  color: #334a5c;
}

.content-data-table--image {
  -webkit-box-shadow: 3px 3px 0 rgba(39, 35, 36, 0.05);
          box-shadow: 3px 3px 0 rgba(39, 35, 36, 0.05);
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
  margin-bottom: 1.5rem;
}
.content-data-table--image img {
  margin: 0 auto;
}
@media screen and (min-width: 667px) {
  .content-data-table--image {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
    margin-bottom: 0;
  }
  .content-data-table--image:last-child {
    margin-right: 0;
  }
  .content-data-table--text {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
    margin-right: 0;
  }
  .content-data-table--text:last-child {
    margin-right: 0;
  }
}

.content-product-line {
  font-size: 0.8888888889em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  letter-spacing: 1px;
  display: block;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-product-line {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-product-line {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-product-line {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 888.3333333333px) {
  .content-gallery {
    margin-right: calc(-1.5em - 1vw);
    margin-left: calc(-1.5em - 1vw);
  }
}
.content-region .content-gallery, .home-intro .content-gallery {
  margin-bottom: calc(1.5em + 1vw);
}

.content-gallery--heading {
  font-size: 1.423828125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-gallery--heading {
    font-size: calc(1.423828125em + 0.304171875 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-gallery--heading {
    font-size: calc(1.728em + 0.225125 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-gallery--heading {
    font-size: 1.953125em;
  }
}

.content-gallery--tagline {
  font-size: 1.265625em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-gallery--tagline {
    font-size: calc(1.265625em + 0.174375 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-gallery--tagline {
    font-size: calc(1.44em + 0.1225 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-gallery--tagline {
    font-size: 1.5625em;
  }
}

.content-team-grid ul {
  list-style: none;
  margin: 1em 0;
}
.content-team-grid ul::after {
  clear: both;
  content: "";
  display: block;
}
.content-team-grid ul a {
  text-decoration: none;
  display: block;
  color: inherit;
}
.content-team-grid ul a:hover h4, .content-team-grid ul a:focus h4 {
  text-decoration: underline;
}
@media screen and (max-width: 666px) {
  .content-team-grid ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
    padding: 0 0 1.953125em 0;
    text-align: center;
  }
  .content-team-grid ul li:last-child {
    margin-right: 0;
  }
  .content-team-grid ul li:nth-child(2n) {
    margin-right: 0;
  }
  .content-team-grid ul li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .content-team-grid ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
    padding: 0 0 1.953125em 0;
    text-align: center;
  }
  .content-team-grid ul li:last-child {
    margin-right: 0;
  }
  .content-team-grid ul li:nth-child(3n) {
    margin-right: 0;
  }
  .content-team-grid ul li:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .content-team-grid ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
    padding: 0 0 1.953125em 0;
    text-align: center;
  }
  .content-team-grid ul li:last-child {
    margin-right: 0;
  }
  .content-team-grid ul li:nth-child(4n) {
    margin-right: 0;
  }
  .content-team-grid ul li:nth-child(4n+1) {
    clear: left;
  }
}
.content-team-grid ul h4 {
  line-height: 1.4;
  margin-bottom: 0.1875rem;
  font-size: 1em;
  color: #334a5c;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-team-grid ul h4 {
    font-size: calc(1em + 0 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-team-grid ul h4 {
    font-size: calc(1em + 0 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-team-grid ul h4 {
    font-size: 1em;
  }
}
.content-team-grid ul .content-team-grid--image {
  margin: 0 0 0.375rem;
  width: 100%;
}
.flexbox .content-team-grid ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-team-grid--heading {
  display: block;
  text-align: center;
  font-size: 1.125em;
  margin-bottom: 0.1875rem;
  color: #334a5c;
}
@media (min-width: 25em) and (max-width: 50em) {
  .content-team-grid--heading {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .content-team-grid--heading {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .content-team-grid--heading {
    font-size: 1.25em;
  }
}

.content-team-grid--position {
  display: block;
  text-align: center;
  line-height: 1.4;
  padding: 0 0 0.75rem 0;
  font-size: 14px;
}

.content-team-grid--email {
  display: block;
  text-align: center;
  line-height: 1.4;
  padding: 0 0 0.375rem 0;
}

.content-team-grid--phone {
  display: block;
  text-align: center;
  line-height: 1.4;
}

.content-team-grid--location {
  display: block;
  text-align: center;
  line-height: 1.4;
  padding: 0 0 0.75rem 0;
}

.content-team-grid--image-wrap {
  padding: 0 0 0.75rem;
}

.content-team-grid--bio {
  border-top: 3px solid rgb(244.8, 245.95, 246.85);
  padding-top: 1.44em;
  margin-top: 1.728em;
  text-align: left;
}

.linkedin-icon {
  background-color: #007bb5;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  display: block;
  color: #fff;
  height: 24px;
  width: 24px;
  background-position: -13px -63px;
  background-size: 500px 500px;
  border: 4px solid #007bb5;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  zoom: 0.66;
}
.no-svg .linkedin-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .linkedin-icon {
  background-image: url("../media/swire-sprite.svg");
}

.video-block {
  padding: 0 calc(1.5em + 1vw) calc(1.5em + 1vw);
}

.figure--video.with-caption::after {
  clear: both;
  content: "";
  display: block;
}
.figure--video.with-caption .video-col {
  padding-bottom: 1em;
}
@media screen and (min-width: 889.3333333333px) {
  .figure--video.with-caption .video-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 74.3421052632%;
  }
  .figure--video.with-caption .video-col:last-child {
    margin-right: 0;
  }
}
.figure--video.with-caption figcaption {
  font-size: 90%;
  margin: 1.5rem auto 0;
  max-width: none;
  text-align: left;
  font-size: 14px;
  padding: 0 calc(1.5em + 1vw);
}
@media screen and (min-width: 1111.6666666667px) {
  .global-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    z-index: 401;
  }
}
.global-header > .container {
  position: relative;
}

.global-header-wrap {
  padding-top: 8px;
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
}
.global-header-wrap::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 1111.6666666667px) {
  .global-header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.global-header-wrap .global-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 300px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}
@media screen and (min-width: 667px) {
  .global-header-wrap .global-logo {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .global-header-wrap .global-logo {
    width: 56%;
    max-width: 500px;
    padding-left: 0;
    padding-bottom: 0.75rem;
  }
}
.global-header-wrap .global-logo .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.global-header-wrap .global-logo .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.global-header-wrap .global-logo img {
  max-width: 100%;
}
.global-header-wrap .global-logo svg {
  max-width: 100%;
}

.global-header-wrap .nav-primary {
  background-color: rgb(244.8, 245.95, 246.85);
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .global-header-wrap .nav-primary {
    background: transparent;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    justify-self: end;
    width: 100%;
  }
}

.desktop-secondary-nav {
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .desktop-secondary-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.desktop-secondary-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  text-align: left;
  width: 100%;
  padding-top: 1rem;
}
.desktop-secondary-nav ul > li {
  display: inline-block;
  font-size: 14px;
}
.desktop-secondary-nav ul > li.has-icon a {
  text-align: left;
}
.desktop-secondary-nav ul > li.has-icon a:before {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  height: 12px;
  width: 12px;
  content: "";
  top: 1px;
}
.desktop-secondary-nav ul > li a {
  margin-left: 1rem;
  text-decoration: none;
  color: #334a5c;
}
.desktop-secondary-nav ul > li a:hover, .desktop-secondary-nav ul > li a:focus {
  text-decoration: underline;
}

.menu-button {
  font-size: 1.125em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1.125rem 1.5rem;
  border-radius: none;
  background: #df313f;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
}
@media (min-width: 25em) and (max-width: 50em) {
  .menu-button {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .menu-button {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .menu-button {
    font-size: 1.25em;
  }
}
.menu-button:hover {
  color: #f0f3f4;
}
.menu-button:after {
  content: " +";
}
@media screen and (min-width: 1111.6666666667px) {
  .menu-button {
    display: none;
  }
}

.menu-button[aria-expanded=true] + nav {
  display: block;
}

.search-trigger {
  /*transition: transform $base-timing $base-easing;
  @include sprite(-6px,-11px);
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 31px;
  width: 38px;
  @include hide-text;
  */
  padding: 0;
  margin: 0;
  line-height: 1;
  color: #708399;
  background-color: transparent;
  border: none;
}
.search-form {
  position: relative;
}

.desktop-search {
  position: relative;
  margin-top: 0.2em;
}
.desktop-search #search-field {
  -webkit-appearance: none;
  margin-bottom: 0;
  padding: 0.2em 0.4em;
  font-size: 14px;
}
.desktop-search.active {
  display: block;
}
.desktop-search input[type=submit] {
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.search {
  display: none;
  padding: 1.5rem 1.5rem;
}
.search.active {
  display: block;
}
.search input[type=search] {
  margin-bottom: 0;
  padding: 0.8em;
}
.search input[type=submit] {
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0.5em;
  height: 100%;
  background-position: -6px 0px;
}
@media screen and (min-width: 1111.6666666667px) {
  .search {
    padding: 0 0 1.5rem;
  }
}

.global-nav {
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .global-nav {
    display: block;
  }
}
.global-nav.active {
  display: block;
}

.global-nav a {
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  color: #334a5c;
}
.global-nav a:hover, .global-nav a:focus {
  text-decoration: underline;
  color: #708399;
}

.global-nav ul > li > a {
  padding: 1.125rem 1.5rem;
}

.primary-menu,
.secondary-menu {
  background-color: rgb(244.8, 245.95, 246.85);
}
.primary-menu a,
.secondary-menu a {
  font-size: 15px;
}
.primary-menu > ul > li > a,
.secondary-menu > ul > li > a {
  border-top: 1px solid #fff;
  text-align: center;
}
@media screen and (min-width: 1111.6666666667px) {
  .primary-menu > ul > li > a,
  .secondary-menu > ul > li > a {
    border: none;
  }
}
.primary-menu .level-one > li > a,
.secondary-menu .level-one > li > a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}
@media screen and (min-width: 1111.6666666667px) {
  .primary-menu .level-one > li > a,
  .secondary-menu .level-one > li > a {
    background-color: #3de6a9;
    color: #fff;
  }
  .primary-menu .level-one > li > a:hover, .primary-menu .level-one > li > a:focus,
  .secondary-menu .level-one > li > a:hover,
  .secondary-menu .level-one > li > a:focus {
    text-decoration: none;
    color: #fff;
  }
}
@media screen and (max-width: 1110.6666666667px) {
  .primary-menu .dropdown-snippet--level-two,
  .primary-menu .level-two,
  .secondary-menu .dropdown-snippet--level-two,
  .secondary-menu .level-two {
    background-color: rgb(250.4697547684, 250.9805177112, 251.3802452316);
    border-top: 1px solid #fff;
  }
  .primary-menu .dropdown-snippet--level-two > li > a,
  .primary-menu .level-two > li > a,
  .secondary-menu .dropdown-snippet--level-two > li > a,
  .secondary-menu .level-two > li > a {
    background-color: rgb(250.4697547684, 250.9805177112, 251.3802452316);
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .primary-menu .dropdown-snippet--level-two > li > a,
  .primary-menu .level-two > li > a,
  .secondary-menu .dropdown-snippet--level-two > li > a,
  .secondary-menu .level-two > li > a {
    border: none;
  }
}

.has-dropdown:after {
  opacity: 0.75;
  content: " +";
}

.dropdown-wrap {
  display: none;
}

@media screen and (max-width: 1110.6666666667px) {
  .active + .dropdown-wrap {
    display: block;
  }
}

/* Testin */
.level-one > li:hover > .dropdown-wrap {
  display: block;
}

@media screen and (min-width: 1111.6666666667px) {
  .dropdown-wrap .level-two {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-wrap .level-two > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .dropdown-wrap .level-two > li a {
    border-right: 1px solid var(--darkest);
  }
  .dropdown-wrap .level-two > li:last-child a {
    border-right: none;
  }
}

.dropdown-wrap {
  background-color: rgb(244.8, 245.95, 246.85);
  text-align: center;
  color: #334a5c;
}
@media screen and (min-width: 1111.6666666667px) {
  .dropdown-wrap {
    -webkit-box-shadow: 0 1em 1.5em -0.75em rgba(51, 74, 92, 0.2);
            box-shadow: 0 1em 1.5em -0.75em rgba(51, 74, 92, 0.2);
    border: 1px solid var(--darkest);
    padding: 1em;
  }
  .dropdown-snippet--wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-snippet--level-two {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-snippet--level-two > li {
    width: 50%;
  }
}

.dropdown-snippet {
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .dropdown-snippet {
    border-right: 1px solid var(--darkest);
    padding: 1.5rem;
    text-align: left;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .dropdown-snippet > a {
    font-size: 1.125em;
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1111.6666666667px) and (min-width: 25em) and (max-width: 50em) {
  .dropdown-snippet > a {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media screen and (min-width: 1111.6666666667px) and (min-width: 50em) and (max-width: 75em) {
  .dropdown-snippet > a {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media screen and (min-width: 1111.6666666667px) and (min-width: 75em) {
  .dropdown-snippet > a {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .dropdown-snippet > p {
    margin-bottom: 0;
  }
  .dropdown-snippet > .level-two--icon {
    margin-left: 0;
  }
  .dropdown-snippet--level-two {
    text-align: left;
  }
}

.primary-menu {
  position: relative;
  z-index: 3;
}
.primary-menu br {
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .primary-menu br {
    display: block;
  }
  .primary-menu > ul {
    position: relative;
    background: #3de6a9;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .primary-menu > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .primary-menu > ul > li {
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .primary-menu > ul > li > a {
    border-left: 1px solid rgb(54.9, 207, 152.1);
    -webkit-font-smoothing: antialiased;
  }
  .primary-menu > ul > li > a:hover, .primary-menu > ul > li > a:focus {
    background-color: rgb(57.95, 218.5, 160.55);
  }
  .primary-menu > ul > li:first-child > a {
    border-left: none;
  }
  .primary-menu > ul > li .dropdown-wrap {
    position: absolute;
    z-index: 100;
    display: none;
    width: 100%;
    left: 0;
  }
  .primary-menu .active + .dropdown-wrap {
    display: block;
  }
}

.level-two--icon {
  display: none;
}
@media screen and (min-width: 1111.6666666667px) {
  .level-two--icon {
    margin: 0 auto 0.75rem;
    display: block;
    height: 50px;
    width: 50px;
  }
}

/*
--------------------------------------------------
   ### SECONDARY MENU
--------------------------------------------------
*/
.secondary-menu {
  background-color: rgb(244.8, 245.95, 246.85);
}
.secondary-menu a {
  font-size: 13px;
  color: #334a5c;
}
@media screen and (min-width: 1111.6666666667px) {
  .secondary-menu {
    border-bottom: 1px solid rgb(244.8, 245.95, 246.85);
    background-color: #fff;
    max-width: 1334px;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 0;
  }
  .secondary-menu .secondary-menu-a > li,
  .secondary-menu .secondary-menu-b > li {
    vertical-align: middle;
    display: inline-block;
  }
  .secondary-menu .secondary-menu-a > li > a,
  .secondary-menu .secondary-menu-b > li > a {
    padding: 15px 0;
    margin-left: 15px;
  }
  .secondary-menu .secondary-menu-a {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 57.2368421053%;
  }
  .secondary-menu .secondary-menu-a:last-child {
    margin-right: 0;
  }
  .secondary-menu .secondary-menu-b {
    position: absolute;
    text-align: right;
    right: 30px;
    top: 80px;
  }
  .secondary-menu .secondary-menu-b > li > a {
    font-weight: 600;
    font-size: 16px;
  }
  .secondary-menu .secondary-menu-c {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 1260px) {
  .secondary-menu .secondary-menu-b {
    right: 0;
  }
}

.secondary-menu-a a {
  background-color: rgb(244.275, 245.7, 247.35);
  vertical-align: middle;
}
@media screen and (min-width: 1111.6666666667px) {
  .secondary-menu-a a {
    background-color: transparent;
  }
}
.secondary-menu-a a:before {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  height: 12px;
  width: 12px;
  content: "";
  top: 1px;
}

.product-finder:before {
  background-position: -219px -19px;
  background-size: 500px 500px;
}
.no-svg .product-finder:before {
  background-image: url("../media/swire-sprite.png");
}
.svg .product-finder:before {
  background-image: url("../media/swire-sprite.svg");
}

.request-quote:before {
  background-position: -269px -19px;
  background-size: 500px 500px;
}
.no-svg .request-quote:before {
  background-image: url("../media/swire-sprite.png");
}
.svg .request-quote:before {
  background-image: url("../media/swire-sprite.svg");
}

.myovervu-link:before {
  background-position: -169px -19px;
  background-size: 500px 500px;
}
.no-svg .myovervu-link:before {
  background-image: url("../media/swire-sprite.png");
}
.svg .myovervu-link:before {
  background-image: url("../media/swire-sprite.svg");
}

.certificate-link:before {
  background-position: -319px -19px;
  background-size: 500px 500px;
}
.no-svg .certificate-link:before {
  background-image: url("../media/swire-sprite.png");
}
.svg .certificate-link:before {
  background-image: url("../media/swire-sprite.svg");
}

.translate-menu {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-left: 1rem;
}
.translate-menu > div {
  line-height: 1.4;
  background: transparent;
  cursor: pointer;
  color: var(--dark);
}
@media screen and (min-width: 1111.6666666667px) {
  .translate-menu > div {
    border-top: none;
  }
}
.translate-menu > div:hover, .translate-menu > div:focus {
  text-decoration: underline;
  color: var(--primary);
}
.translate-menu > div span:after {
  opacity: 0.5;
  content: " +";
}
.translate-menu ul {
  display: none;
  background: var(--background);
  border: 1px solid var(--border);
}
@media screen and (min-width: 1111.6666666667px) {
  .translate-menu ul {
    position: absolute;
    top: 100%;
    right: 0;
  }
  .translate-menu ul li {
    background: var(--background);
    text-align: right;
  }
}
.translate-menu:hover ul, .translate-menu.active ul {
  display: block;
}

#google_translate_element {
  max-width: 25em;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: var(--text);
  /* Make Google Translate element work in dark mode */
}
@media screen and (min-width: 1111.6666666667px) {
  #google_translate_element {
    padding: 10px 10px 0 10px;
    border: none;
  }
}
#google_translate_element .goog-te-menu-value {
  color: var(--text);
}
#google_translate_element .goog-te-gadget {
  color: var(--text);
}
#google_translate_element iframe {
  background-color: var(--background) !important;
}

.translate--status {
  min-width: 172px;
  text-align: center;
}

.goog-te-combo {
  background: var(--background);
  color: var(--text);
  padding: 0.5em;
}

.global-footer {
  color: #fff;
  padding: 4.5rem calc(1.5em + 1vw);
  line-height: 1.8;
}
.global-footer h2 {
  margin-bottom: 0.375rem;
}
.global-footer h3 {
  margin-bottom: 0.375rem;
  margin-top: 0.375rem;
}
.global-footer h2,
.global-footer h3 {
  color: #3de6a9;
}
.global-footer h2 a,
.global-footer h3 a {
  color: #3de6a9;
}
.global-footer ul {
  margin-bottom: 1.5rem;
  list-style: none;
}
.global-footer a {
  color: #fff;
  text-decoration: none;
}
.global-footer a:hover, .global-footer a:focus {
  text-decoration: underline;
}
.global-footer .plus-link-white {
  margin: 0.375rem 0 1.5rem;
}
.global-footer .linkedin-link,
.global-footer .facebook-link,
.global-footer .twitter-link {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 0.75rem;
  margin-top: 0.375rem;
  opacity: 0.75;
}
.global-footer .linkedin-link:hover, .global-footer .linkedin-link:focus,
.global-footer .facebook-link:hover,
.global-footer .facebook-link:focus,
.global-footer .twitter-link:hover,
.global-footer .twitter-link:focus {
  opacity: 1;
}
.global-footer .linkedin-link {
  background-position: -13px -63px;
  background-size: 500px 500px;
}
.no-svg .global-footer .linkedin-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .global-footer .linkedin-link {
  background-image: url("../media/swire-sprite.svg");
}
.global-footer .facebook-link {
  background-position: -63px -63px;
  background-size: 500px 500px;
}
.no-svg .global-footer .facebook-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .global-footer .facebook-link {
  background-image: url("../media/swire-sprite.svg");
}
.global-footer .twitter-link {
  background-position: -113px -63px;
  background-size: 500px 500px;
}
.no-svg .global-footer .twitter-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .global-footer .twitter-link {
  background-image: url("../media/swire-sprite.svg");
}
.global-footer .email-link {
  background-position: -153px -63px;
  background-size: 500px 500px;
}
.no-svg .global-footer .email-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .global-footer .email-link {
  background-image: url("../media/swire-sprite.svg");
}

.social-links > li {
  display: inline-block;
}

.footer-contact {
  margin-bottom: calc(1.5em + 1vw);
}
@media screen and (min-width: 1111.6666666667px) {
  .footer-contact {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .footer-contact:last-child {
    margin-right: 0;
  }
  .footer-links {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
    margin-right: 0;
  }
  .footer-links:last-child {
    margin-right: 0;
  }
}

.footer-links-a,
.footer-links-b {
  list-style: none;
}
.footer-links-a > li,
.footer-links-b > li {
  padding: 0 0 0.75rem 0;
}
.footer-links-a > li > a,
.footer-links-b > li > a {
  text-decoration: none;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 14px;
  display: block;
}
.footer-links-a > li > a:hover, .footer-links-a > li > a:focus,
.footer-links-b > li > a:hover,
.footer-links-b > li > a:focus {
  text-decoration: underline;
}
@media screen and (min-width: 889.3333333333px) {
  .footer-links-a,
  .footer-links-b {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .footer-links-a:last-child,
  .footer-links-b:last-child {
    margin-right: 0;
  }
  .footer-links-a:nth-child(2n),
  .footer-links-b:nth-child(2n) {
    margin-right: 0;
  }
  .footer-links-a:nth-child(2n+1),
  .footer-links-b:nth-child(2n+1) {
    clear: left;
  }
}

.post-footer {
  padding-top: calc(1.5em + 1vw);
  font-size: 14px;
}

@media screen and (min-width: 667px) {
  .footer-legals {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
  }
  .footer-legals:last-child {
    margin-right: 0;
  }
  .footer-attribution {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
    text-align: right;
  }
  .footer-attribution:last-child {
    margin-right: 0;
  }
}
.footer-attribution a {
  margin-top: 0.75rem;
  display: block;
}

.accreditations-list {
  margin-top: 1.5rem;
  list-style: none;
}
.accreditations-list > li {
  margin: 0 1.5rem 1.5rem 0;
  max-width: 120px;
  float: left;
}
.accreditations-list > li img {
  display: block;
}

.global-hero {
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  padding: calc(1.5em + 1vw);
  text-align: center;
  color: #fff;
  background-color: #334a5c;
  background-size: cover;
  background-position: 75%;
  padding: 6rem calc(1.5em + 1vw) 4.5rem;
}

.global-hero--wrap {
  max-width: 50em;
  margin: 0 auto;
}

/*
.global-hero--breadcrumb + .global-hero--wrap > .global-hero--heading {
  @extend %h2;
}
*/
.global-hero--summary p {
  font-size: 1.125em;
  margin: 0.375rem 0 0 0;
}
@media (min-width: 25em) and (max-width: 50em) {
  .global-hero--summary p {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .global-hero--summary p {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .global-hero--summary p {
    font-size: 1.25em;
  }
}

.global-hero--breadcrumb {
  padding: 0 0 1.5rem 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}
.global-hero--breadcrumb a {
  text-decoration: none;
  color: #fff;
}
.global-hero--breadcrumb a:hover, .global-hero--breadcrumb a:focus {
  text-decoration: underline;
  color: #fff;
}

.global-newsletter {
  padding: calc(1.5em + 1vw);
  background-color: rgb(244.8, 245.95, 246.85);
  position: relative;
}

.global-newsletter--summary p {
  font-size: 1.125em;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
@media (min-width: 25em) and (max-width: 50em) {
  .global-newsletter--summary p {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .global-newsletter--summary p {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .global-newsletter--summary p {
    font-size: 1.25em;
  }
}
.global-newsletter--summary strong,
.global-newsletter--summary b {
  color: #334a5c;
}
@media screen and (min-width: 1111.6666666667px) {
  .global-newsletter--summary {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .global-newsletter--summary:last-child {
    margin-right: 0;
  }
  .global-newsletter--summary p {
    margin-bottom: 0;
  }
}

.global-newsletter--form {
  position: relative;
}
@media screen and (min-width: 889.3333333333px) {
  .global-newsletter--form {
    padding: 0 175px 0 0;
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 57.2368421053%;
  }
  .global-newsletter--form:last-child {
    margin-right: 0;
  }
}
.global-newsletter--form input {
  border-radius: 3px 0 0 3px;
  min-height: 48px;
  padding: 14.5px;
  display: block;
}
@media screen and (min-width: 667px) {
  .global-newsletter--form button {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.listing-landing::after {
  clear: both;
  content: "";
  display: block;
}

.listing-landing > ul {
  list-style: none;
}
@media screen and (min-width: 667px) {
  .flexbox .listing-landing > ul {
    overflow: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -2px;
    margin-right: -2px;
  }
}

.no-flexbox .listing-landing > ul > li, .no-flexboxlegacy .listing-landing > ul > li {
  margin-bottom: 2.6315789474%;
}
@media screen and (min-width: 662px) and (max-width: 999px) {
  .no-flexbox .listing-landing > ul > li, .no-flexboxlegacy .listing-landing > ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
    margin-right: 0;
  }
  .no-flexbox .listing-landing > ul > li:last-child, .no-flexboxlegacy .listing-landing > ul > li:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .no-flexbox .listing-landing > ul > li, .no-flexboxlegacy .listing-landing > ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
    margin-right: 0;
  }
  .no-flexbox .listing-landing > ul > li:last-child, .no-flexboxlegacy .listing-landing > ul > li:last-child {
    margin-right: 0;
  }
}
.flexbox .listing-landing > ul > li {
  margin-bottom: 2px;
}
@media screen and (min-width: 667px) {
  .flexbox .listing-landing > ul > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 0 1px;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .flexbox .listing-landing > ul > li {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
  }
}
@media screen and (min-width: 1111.6666666667px) and (-ms-high-contrast: none), screen and (min-width: 1111.6666666667px) and (-ms-high-contrast: active) {
  .flexbox .listing-landing > ul > li {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

.listing-landing > ul > li > a {
  text-decoration: none;
  position: relative;
  background: var(--dark);
  border: 1px solid var(--border);
  overflow: hidden;
  display: block;
  color: var(--foreground);
  height: 100%;
}
.listing-landing > ul > li > a h3 {
  color: var(--foreground);
}
.listing-landing > ul > li > a:hover .listing-landing--content, .listing-landing > ul > li > a:focus .listing-landing--content {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.5);
}
.listing-landing > ul > li > a:hover img, .listing-landing > ul > li > a:focus img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.listing-landing > ul > li > a > img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.listing-landing--content {
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  position: relative;
  min-height: 100%;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.listing-landing--wrap {
  padding: 4.5rem calc(1.5em + 1vw);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .listing-landing--wrap {
    display: block;
  }
}
.listing-landing--wrap p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*


.listing-landing > ul > li > a > img {
	-webkit-backface-visibility: visible;
	transition: all $base-timing $base-easing;
	transform: scale(1.0);
	filter: grayscale(1);
	position: relative;
	max-height: 100%;
	height: auto;
	z-index: -1;
	width: 100%;
}

.listing-landing--wrap {
	box-shadow: 0 -20px 30px rgba($blue-grey,0.1);
	padding: $base-spacing $base-spacing 0;
	background-color: $white;
	width: calc(100% - 3em);
	margin: -6em auto 0;
	text-align: center;
	position: relative;
}

.listing-landing--wrap > h3 {
	@include ms-respond(font-size, 1);
}

.listing-landing--wrap > p {
	@include ms-respond(font-size, -1);
}

.listing-landing--wrap > .plus-icon {
	@include plus-icon($green,$white);

	a:hover &,
	a:focus & {
		@include plus-icon($blue,$white);
	}
}
*/
/*
.gordon-landing {
  @include clearfix;
}

.gordon-landing ul {
  list-style: none;
  @include row;
  margin: 0;

  li {
    margin-bottom: 2.6315789474%;
    border: 4px solid $blue;
    position: relative;
    background: $blue;
    overflow: hidden;
    display: block;
    color: $white;
    width: 100%;

    /* firefox margin-bottom fix
    .firefox & {
      margin-bottom: 1em;
    }


    @include media($listing-break) {
      @include span-columns(6);
      @include omega(2n);
    }

    @include media($x-large) {
      @include span-columns(4);
      @include omega(3n);
    }

    img {
      @include position(absolute,0 null null null);
      transition: all .2s ease-in-out;
      transform: translate(-50%,-50%);
      min-height: 100%;
      min-width: 100%;
      display: block;
      z-index: 0;
      left: 50%;
      top: 50%;
    }

    a {
      text-decoration: none;
      display: table;
      height: 101%;
      width: 101%;
      min-height: 310px;
    }

    .plus-icon {
      @include plus-icon($white,$blue);

      .red & {
        @include plus-icon($white,$green);
      }

    }

    &:hover,
    &:focus {          
      img {
        transform: translate(-50%,-50%) scale(1.25);
      }

      .plus-icon:after {
        background-color: $blue-grey;
        color: $white;
      }
    }

    &:active {
      .plus-icon:after {
        background-color: $blue-grey;
        color: $white;
      }
    }
  }

  .flexbox & {
    align-items: stretch;
    flex-wrap: wrap;
    display: flex;

    li {
      flex: 1 1 inherit; 
    }
  }
}


.gordon-landing--content {
  background: rgba($blue,0.8);
  background: linear-gradient(top, rgba($blue,0.66), rgba($blue,0.9) ); /* Standard 
  vertical-align: middle;
  display: table-cell;
  position: relative;
  text-align: center;
  color: $white;
  z-index: 2;

  h3 {
    @extend %h3;
  }

  p {
    margin: math.div($small-spacing, 2) 0 $base-spacing;
  } 

  .red & {
    background: rgba($green,0.8);
    background: linear-gradient(top, rgba($green,0.66), rgba($green,0.9) ); /* Standard 
  }

}

.gordon-landing--wrap {
  padding: $page-gutter;
  margin: 0 auto;
  width: 100%;
}

.gordon-landing.red {
  ul {
    li {
      background: $green;
      border: 4px solid $green;

      a {
        cursor: default;
      }
    }
  }

  .plus-icon {
    @include plus-icon($white,$green);
  }

}
*/
.listing-knowledge ul {
  padding: 1.5rem 0;
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  margin: 0;
}
.listing-knowledge ul::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 667px) {
  .listing-knowledge ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.listing-knowledge ul li {
  margin-bottom: 2.6315789474%;
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .listing-knowledge ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .listing-knowledge ul li:last-child {
    margin-right: 0;
  }
  .listing-knowledge ul li:nth-child(2n) {
    margin-right: 0;
  }
  .listing-knowledge ul li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .listing-knowledge ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .listing-knowledge ul li:last-child {
    margin-right: 0;
  }
  .listing-knowledge ul li:nth-child(2n) {
    margin-right: 0;
  }
  .listing-knowledge ul li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .listing-knowledge ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .listing-knowledge ul li:last-child {
    margin-right: 0;
  }
  .listing-knowledge ul li:nth-child(3n) {
    margin-right: 0;
  }
  .listing-knowledge ul li:nth-child(3n+1) {
    clear: left;
  }
}

.listing-knowledge a {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  border: 1px solid var(--primary);
  background-color: var(--darkest);
  text-decoration: none;
  min-height: 100%;
  display: block;
  color: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* IE11 Fix */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .listing-knowledge a {
    display: block;
  }
}
.listing-knowledge a:hover, .listing-knowledge a:focus {
  -webkit-box-shadow: 0 5px 10px rgba(51, 74, 92, 0.025);
          box-shadow: 0 5px 10px rgba(51, 74, 92, 0.025);
}

.listing-knowledge .plus-icon {
  margin: 1.5rem auto 0;
}
.listing-knowledge .plus-icon:after {
  -webkit-box-shadow: 0 1px 1px rgba(51, 74, 92, 0.1);
          box-shadow: 0 1px 1px rgba(51, 74, 92, 0.1);
  color: #3de6a9;
}

.listing-knowledge--image {
  display: block;
  margin: 0;
}

.listing-knowledge--content {
  text-align: center;
  padding: calc(1.5em + 1vw);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.listing-knowledge--content h3 {
  margin: 0.75rem auto;
  color: #334a5c;
}
.listing-knowledge--content p {
  font-size: 15px;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.listing-knowledge--category {
  font-size: 0.8888888889em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .listing-knowledge--category {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .listing-knowledge--category {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .listing-knowledge--category {
    font-size: 0.8em;
  }
}

.listing-careers ul {
  list-style: none;
  margin: 0;
  padding: 1.5em 0;
}
.listing-careers ul::after {
  clear: both;
  content: "";
  display: block;
}
.listing-careers ul li {
  margin-bottom: 2.6315789474%;
}
.listing-careers ul li a {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  border: 1px solid rgb(244.8, 245.95, 246.85);
  text-decoration: none;
  display: block;
  color: inherit;
  min-height: 100%;
  -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;
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.listing-careers ul li a:hover, .listing-careers ul li a:focus {
  -webkit-box-shadow: 0 5px 10px rgba(51, 74, 92, 0.025);
          box-shadow: 0 5px 10px rgba(51, 74, 92, 0.025);
}
@media screen and (min-width: 662px) {
  .listing-careers ul li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .listing-careers ul li:last-child {
    margin-right: 0;
  }
  .listing-careers ul li:nth-child(2n) {
    margin-right: 0;
  }
  .listing-careers ul li:nth-child(2n+1) {
    clear: left;
  }
  .listing-careers ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.listing-careers--content {
  text-align: center;
  background: #fff;
}
.listing-careers--content h3 {
  margin-bottom: 0.75rem;
  color: #334a5c;
}
.listing-careers--content p {
  font-size: 15px;
}
.listing-careers--content .plus-icon:after {
  -webkit-box-shadow: 0 1px 1px rgba(51, 74, 92, 0.1);
          box-shadow: 0 1px 1px rgba(51, 74, 92, 0.1);
  background: #fff;
  color: #3de6a9;
}

.listing-careers--wrap {
  display: inline-block;
  vertical-align: middle;
  padding: calc(1.5em + 1vw);
}

.listing-search {
  max-width: 50em;
}

.listing-search ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.listing-search ul::after {
  clear: both;
  content: "";
  display: block;
}
.listing-search ul li {
  border-bottom: 1px solid rgb(244.8, 245.95, 246.85);
  padding: 1.5rem 0;
}
.listing-search ul li h4 {
  font-size: 1.125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .listing-search ul li h4 {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .listing-search ul li h4 {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .listing-search ul li h4 {
    font-size: 1.25em;
  }
}
.listing-search ul li a {
  text-decoration: underline;
  display: block;
  color: #708399;
}
.listing-search ul li:last-child {
  border-bottom: 0;
}

.listing-search--result {
  background: #708399;
  color: #fff;
  padding: 1em;
  margin-bottom: 1em;
}

.listing-search--link {
  margin-bottom: 1em;
}

.listing-people {
  display: grid;
  gap: 2em;
}
@media screen and (min-width: 667px) {
  .listing-people.columns-2 {
    grid-template-columns: 1fr 1fr;
  }
}

.listing-people figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.listing-people figure:last-child {
  padding-bottom: 0;
}

.listing-people figcaption {
  text-align: left;
  padding-left: 1.5rem;
  margin: 0;
}
.listing-people figcaption span {
  display: block;
}
.listing-people figcaption .job-title {
  font-weight: 600;
  padding-bottom: 0.75rem;
}
.listing-people figcaption .phone {
  padding-bottom: 0.375rem;
}
.listing-people figcaption .button {
  margin-top: 0.75rem;
}

.people-avatar {
  border-radius: 100%;
  overflow: hidden;
}

.form-block-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
}
@media screen and (min-width: 667px) {
  .form-block-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

.form-sidebar-card {
  background: var(--darkest);
  color: var(--white);
  text-align: center;
}
.form-sidebar-card h3 {
  color: var(--white);
}
.form-sidebar-card img {
  max-width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-sidebar-card .block {
  display: block;
}
.form-sidebar-card .card-content {
  padding: calc(1.5em + 1vw);
  color: var(--white);
}
.form-sidebar-card:not(:last-child) {
  margin-bottom: 2rem;
}

@media screen and (min-width: 667px) {
  .form-sidebar .form-sidebar-card {
    float: right;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .form-sidebar .form-sidebar-card {
    width: 75%;
  }
}

.crosslink-intro{
  text-align: center;
  margin: 0 auto;
}
.crosslink-intro.page-gutter-b {
  padding-bottom: 1.5rem;
}
.crosslink-intro p {
  margin: 1.5rem auto 0;
}
.crosslink-intro .kicker {
  display: inline-block;
}
.crosslink-intro .kicker:before {
  border-left-color: #3de6a9;
}

.no-flexbox .crosslink-keys {
  display: block;
}
.no-flexbox .crosslink-keys::after {
  clear: both;
  content: "";
  display: block;
}
.no-flexbox .crosslink-keys .crosslink-key {
  margin-top: 0.75rem;
  display: block;
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .no-flexbox .crosslink-keys .crosslink-key {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .no-flexbox .crosslink-keys .crosslink-key:last-child {
    margin-right: 0;
  }
  .no-flexbox .crosslink-keys .crosslink-key:nth-child(2n) {
    margin-right: 0;
  }
  .no-flexbox .crosslink-keys .crosslink-key:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .no-flexbox .crosslink-keys .crosslink-key {
    margin-top: 1.5rem;
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .no-flexbox .crosslink-keys .crosslink-key:last-child {
    margin-right: 0;
  }
  .no-flexbox .crosslink-keys .crosslink-key:nth-child(2n) {
    margin-right: 0;
  }
  .no-flexbox .crosslink-keys .crosslink-key:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .no-flexbox .crosslink-keys .crosslink-key {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
  }
  .no-flexbox .crosslink-keys .crosslink-key:last-child {
    margin-right: 0;
  }
  .no-flexbox .crosslink-keys .crosslink-key:nth-child(4n) {
    margin-right: 0;
  }
  .no-flexbox .crosslink-keys .crosslink-key:nth-child(4n+1) {
    clear: left;
  }
}
.flexbox .crosslink-keys .crosslink-key, .no-flexboxlegacy .crosslink-keys .crosslink-key {
  margin-top: 2px;
}
@media screen and (min-width: 444.6666666667px) and (max-width: 666px) {
  .flexbox .crosslink-keys, .no-flexboxlegacy .crosslink-keys {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flexbox .crosslink-keys.columns-3, .flexbox .crosslink-keys.columns-4, .no-flexboxlegacy .crosslink-keys.columns-3, .no-flexboxlegacy .crosslink-keys.columns-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flexbox .crosslink-keys.columns-3 .crosslink-key, .flexbox .crosslink-keys.columns-4 .crosslink-key, .no-flexboxlegacy .crosslink-keys.columns-3 .crosslink-key, .no-flexboxlegacy .crosslink-keys.columns-4 .crosslink-key {
    width: 50%;
  }
}
@media screen and (min-width: 667px) {
  .flexbox .crosslink-keys, .no-flexboxlegacy .crosslink-keys {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flexbox .crosslink-keys.columns-3, .flexbox .crosslink-keys.columns-4, .no-flexboxlegacy .crosslink-keys.columns-3, .no-flexboxlegacy .crosslink-keys.columns-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flexbox .crosslink-keys.columns-3 .crosslink-key, .flexbox .crosslink-keys.columns-4 .crosslink-key, .no-flexboxlegacy .crosslink-keys.columns-3 .crosslink-key, .no-flexboxlegacy .crosslink-keys.columns-4 .crosslink-key {
    width: 50%;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .flexbox .crosslink-keys.columns-3, .no-flexboxlegacy .crosslink-keys.columns-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flexbox .crosslink-keys.columns-3 .crosslink-key, .no-flexboxlegacy .crosslink-keys.columns-3 .crosslink-key {
    width: 33%;
  }
  .flexbox .crosslink-keys.columns-4, .no-flexboxlegacy .crosslink-keys.columns-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flexbox .crosslink-keys.columns-4 .crosslink-key, .no-flexboxlegacy .crosslink-keys.columns-4 .crosslink-key {
    width: 25%;
  }
}

.crosslink-key {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 1.5rem 1.5rem;
  border: 1px solid var(--border);
  background-color: var(--background);
  text-decoration: none;
  text-align: center;
  display: block;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* IE11 Fix */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .crosslink-key {
    display: block;
  }
}
.crosslink-key p {
  font-size: 0.8888888889em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 25em) and (max-width: 50em) {
  .crosslink-key p {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .crosslink-key p {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .crosslink-key p {
    font-size: 0.8em;
  }
}
.crosslink-key .crosslink-key--icon {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background-color: var(--primary);
  margin: 0 auto 1.5rem;
  display: block;
  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;
  height: 90px;
  width: 90px;
  content: "";
}
.crosslink-key .plus-icon:after {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: var(--foreground);
  color: var(--primary);
}
.crosslink-key:hover, .crosslink-key:focus {
  -webkit-box-shadow: inset 0 0 0 1px rgb(244.8, 245.95, 246.85), 0 0 100px rgba(51, 74, 92, 0.05);
          box-shadow: inset 0 0 0 1px rgb(244.8, 245.95, 246.85), 0 0 100px rgba(51, 74, 92, 0.05);
  -webkit-transform: translateY(-0.375rem);
          transform: translateY(-0.375rem);
}

/* crosslink-scroll */
.crosslink-key-wrap {
  position: relative;
  height: 100px;
  margin: 1em auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

.crosslink-keys-scroll {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5em;
}
.crosslink-keys-scroll.is-scroll {
  display: grid;
  grid-gap: 1.5em;
  grid-template-columns: repeat(12, calc(339px - 1.5em));
  grid-template-rows: minmax(320px, 1fr);
  padding-bottom: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: clip;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 444.6666666667px) and (max-width: 666px) {
  .crosslink-keys-scroll {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .crosslink-keys-scroll {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-keys-scroll {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.es-card {
  position: relative;
  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-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: var(--dark);
  text-decoration: none;
}
.es-card img {
  display: block;
  width: 100%;
  height: auto;
}
.es-card h3 {
  line-height: 1.4;
  margin-bottom: 0.75rem;
  color: var(--foreground);
}

.crosslink-keys-scroll--text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.5rem;
  background: var(--darkest);
}

.paddles {
  text-align: right;
  margin-bottom: 1.5rem;
}
.paddles .left-paddle,
.paddles .right-paddle {
  position: relative;
  border-radius: 100%;
  padding: 10px;
  width: 44px;
  height: 44px;
  background: var(--secondary);
  border: 0;
}
.paddles .left-paddle svg,
.paddles .right-paddle svg {
  color: var(--primary);
  position: absolute;
  left: 50%;
  top: 50%;
}
.paddles .left-paddle.disabled,
.paddles .right-paddle.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.paddles .left-paddle {
  margin-right: 0.5em;
}
.paddles .left-paddle svg {
  -webkit-transform: translate(-55%, -50%);
          transform: translate(-55%, -50%);
}
.paddles .right-paddle svg {
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}

.crosslink-products h2 {
  margin-bottom: 1.5rem;
  text-align: center;
  color: #334a5c;
}

.crosslink-products ul {
  list-style: none;
  display: block;
  margin: 0;
}
.crosslink-products ul::after {
  clear: both;
  content: "";
  display: block;
}
.crosslink-products ul li {
  margin-top: 2.6315789474%;
  position: relative;
  background: #334a5c;
  overflow: hidden;
  display: block;
  color: #fff;
  width: 100%;
}
.crosslink-products ul li img {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  display: block;
  z-index: 0;
  left: 50%;
  top: 50%;
}
.crosslink-products ul li a {
  background: #334a5c;
  text-decoration: none;
  display: table;
  height: 101%;
  width: 101%;
}
.crosslink-products ul li:hover img, .crosslink-products ul li:focus img, .crosslink-products ul li:active img {
  -webkit-transform: translate(-50%, -50%) scale(1.25);
          transform: translate(-50%, -50%) scale(1.25);
}
.crosslink-products ul li:hover .crosslink-products--content, .crosslink-products ul li:focus .crosslink-products--content, .crosslink-products ul li:active .crosslink-products--content {
  background: rgba(112, 131, 153, 0.9);
}
@media screen and (min-width: 667px) {
  .no-flexbox .crosslink-products ul {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
  }
  .no-flexbox .crosslink-products ul:last-child {
    margin-right: 0;
  }
  .no-flexbox .crosslink-products ul:nth-child(4n) {
    margin-right: 0;
  }
  .no-flexbox .crosslink-products ul:nth-child(4n+1) {
    clear: left;
  }
  .flexbox .crosslink-products ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.flexbox .crosslink-products ul li {
  margin-top: 2px;
}
@media screen and (min-width: 667px) {
  .flexbox .crosslink-products ul li {
    -ms-flex-preferred-size: calc(50% - 2px);
        flex-basis: calc(50% - 2px);
    margin-right: 2px;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .flexbox .crosslink-products ul li {
    -ms-flex-preferred-size: calc(25% - 2px);
        flex-basis: calc(25% - 2px);
    margin-right: 0;
  }
}

.crosslink-products--content {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(41.9055944056, 60.8041958042, 75.5944055944, 0.5);
  vertical-align: center;
  display: table-cell;
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 2;
}
.crosslink-products--content h3 {
  margin-bottom: 1.5rem;
  word-break: break-word;
}
.crosslink-products--content p {
  margin: 0.375rem 0 1.5rem;
}

.crosslink-products--wrap {
  padding: 3rem calc(1.5em + 1vw);
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 667px) {
  .flexbox .crosslink-case-studies .container {
    width: calc(100% - 4px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-case-studies .container.columns-2 a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.crosslink-case-studies a {
  margin-top: 2.6315789474%;
  background-color: #334a5c;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: block;
  color: #fff;
  z-index: 2;
}
.flexbox .crosslink-case-studies a {
  margin-top: 2px;
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .crosslink-case-studies a {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .crosslink-case-studies a:last-child {
    margin-right: 0;
  }
  .crosslink-case-studies a:nth-child(2n) {
    margin-right: 0;
  }
  .crosslink-case-studies a:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 667px) {
  .flexbox .crosslink-case-studies a {
    margin: 2px 2px 0;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-case-studies a {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .crosslink-case-studies a:last-child {
    margin-right: 0;
  }
  .crosslink-case-studies a:nth-child(3n) {
    margin-right: 0;
  }
  .crosslink-case-studies a:nth-child(3n+1) {
    clear: left;
  }
}
.crosslink-case-studies a:after {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background: rgba(41.9055944056, 60.8041958042, 75.5944055944, 0.5);
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  top: 0;
  display: block;
  content: "";
}
.crosslink-case-studies a:hover:after, .crosslink-case-studies a:focus:after {
  background: rgba(112, 131, 153, 0.9);
}
.crosslink-case-studies a:hover .plus-icon:after, .crosslink-case-studies a:focus .plus-icon:after {
  background-color: #fff;
  color: #708399;
}
.crosslink-case-studies a:hover img, .crosslink-case-studies a:focus img {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.crosslink-case-studies img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  min-height: 100%;
  width: 100%;
  z-index: 0;
  right: 0;
  left: 0;
  top: 0;
}

.crosslink-case-studies--content {
  padding: 80px calc(1.5em + 1vw) calc(3em + 2vw);
  max-width: 25em;
  position: relative;
  text-align: center;
  margin: 0 auto;
  min-height: 100%;
  z-index: 2;
}
.crosslink-case-studies--content h3 {
  margin: 1.5rem auto 0.375rem;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.crosslink-case-studies--content p {
  margin: 0 auto 1.5rem;
}

.case-study-category {
  font-size: 0.8888888889em;
  text-transform: uppercase;
  margin-top: 0.75rem;
  letter-spacing: 0.1em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .case-study-category {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .case-study-category {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .case-study-category {
    font-size: 0.8em;
  }
}

.case-study-icon {
  border-radius: 0 0 3px 3px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background-position: -325px -25px;
  background-size: 500px 500px;
  margin: 0 auto;
  display: block;
  height: 50px;
  width: 50px;
  /*
    top: 0;
    left: 50%;
  */
}
.no-svg .case-study-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .case-study-icon {
  background-image: url("../media/swire-sprite.svg");
}

.small-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.small-card .card-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid #f3f4f5;
  border-top: 0;
}

@media screen and (min-width: 667px) {
  .flexbox .crosslink-industries .container {
    width: calc(100% - 4px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.crosslink-industries a {
  margin-top: 2.6315789474%;
  background-color: var(--darkest);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: block;
  color: var(--white);
  z-index: 2;
}
.flexbox .crosslink-industries a {
  margin-top: 2px;
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .crosslink-industries a {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .crosslink-industries a:last-child {
    margin-right: 0;
  }
  .crosslink-industries a:nth-child(2n) {
    margin-right: 0;
  }
  .crosslink-industries a:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 667px) {
  .flexbox .crosslink-industries a {
    margin: 2px 2px 0;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-industries a {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .crosslink-industries a:last-child {
    margin-right: 0;
  }
  .crosslink-industries a:nth-child(3n) {
    margin-right: 0;
  }
  .crosslink-industries a:nth-child(3n+1) {
    clear: left;
  }
}
.crosslink-industries a:after {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  top: 0;
  display: block;
  content: "";
}
.crosslink-industries a:hover:after, .crosslink-industries a:focus:after {
  background: rgba(112, 131, 153, 0.9);
}
.crosslink-industries a:hover .plus-icon:after, .crosslink-industries a:focus .plus-icon:after {
  background-color: #fff;
  color: #708399;
}
.crosslink-industries a:hover img, .crosslink-industries a:focus img {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.crosslink-industries img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  z-index: 0;
  right: 0;
  left: 0;
  top: 0;
}

.crosslink-industries--content {
  padding: 80px calc(1.5em + 1vw) calc(3em + 2vw);
  max-width: 25em;
  position: relative;
  text-align: center;
  margin: 0 auto;
  min-height: 100%;
  z-index: 2;
}
.crosslink-industries--content h3 {
  margin: 1.5rem auto 0.375rem;
  -webkit-font-smoothing: antialiased;
}
.crosslink-industries--content p {
  margin: 0 auto 1.5rem;
}

.industry-category {
  font-size: 0.8888888889em;
  text-transform: uppercase;
  margin-top: 0.75rem;
  letter-spacing: 0.1em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .industry-category {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .industry-category {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .industry-category {
    font-size: 0.8em;
  }
}

.industry-icon {
  border-radius: 0 0 3px 3px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background-position: -325px -25px;
  background-size: 500px 500px;
  margin: 0 auto;
  display: block;
  height: 50px;
  width: 50px;
  /*
    top: 0;
    left: 50%;
  */
}
.no-svg .industry-icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .industry-icon {
  background-image: url("../media/swire-sprite.svg");
}

.crosslink-knowledge {
  padding: calc(1.5em + 1vw);
}
.crosslink-knowledge h3 {
  margin-bottom: 0.75rem;
  font-size: 1.125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .crosslink-knowledge h3 {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .crosslink-knowledge h3 {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .crosslink-knowledge h3 {
    font-size: 1.25em;
  }
}
.crosslink-knowledge p {
  max-width: 50em;
  font-size: 14px;
  opacity: 0.75;
  margin: 0;
}
.crosslink-knowledge ul {
  list-style: none;
}
.crosslink-knowledge ul > li > a {
  text-decoration: none;
  color: #334a5c;
}
.crosslink-knowledge ul > li > a:hover h3, .crosslink-knowledge ul > li > a:focus h3 {
  text-decoration: underline;
  color: #708399;
}
@media screen and (max-width: 888.3333333333px) {
  .crosslink-knowledge ul > li + li {
    border-top: 1px solid #fff;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-knowledge ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .crosslink-knowledge ul > li:last-child {
    margin-right: 0;
  }
  .crosslink-knowledge ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .crosslink-knowledge ul > li:nth-child(3n+1) {
    clear: left;
  }
}

.crosslink-knowledge--category {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
  color: #fff;
}

@media screen and (min-width: 667px) {
  .crosslink-news-insights--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.crosslink-news-insights--cta {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 667px) {
  .crosslink-news-insights--cta {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
  }
  .crosslink-news-insights--cta:last-child {
    margin-right: 0;
  }
}

.crosslink-news-insights--list {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 667px) {
  .crosslink-news-insights--list {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 82.8947368421%;
    padding-right: 1.5rem;
  }
  .crosslink-news-insights--list:last-child {
    margin-right: 0;
  }
}

.crosslink-news-insights h3 {
  margin-bottom: 0.75rem;
  font-size: 1.125em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .crosslink-news-insights h3 {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .crosslink-news-insights h3 {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .crosslink-news-insights h3 {
    font-size: 1.25em;
  }
}
.crosslink-news-insights p {
  max-width: 50em;
  font-size: 14px;
  opacity: 0.75;
  margin: 0;
}
.crosslink-news-insights > div > div ul {
  list-style: none;
}
.crosslink-news-insights > div > div ul > li > a {
  text-decoration: none;
  color: #334a5c;
}
.crosslink-news-insights > div > div ul > li > a:hover h3, .crosslink-news-insights > div > div ul > li > a:focus h3 {
  text-decoration: underline;
  color: #708399;
}
@media screen and (max-width: 888.3333333333px) {
  .crosslink-news-insights > div > div ul > li + li {
    border-top: 1px solid #fff;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-news-insights > div > div ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .crosslink-news-insights > div > div ul > li:last-child {
    margin-right: 0;
  }
  .crosslink-news-insights > div > div ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .crosslink-news-insights > div > div ul > li:nth-child(3n+1) {
    clear: left;
  }
}

.crosslink-help h2 {
  color: #334a5c;
}
.crosslink-help ul {
  list-style: none;
}
.crosslink-help ul > li {
  padding-top: 1.5rem;
}
.crosslink-help ul > li > a {
  text-decoration: none;
  color: #334a5c;
}
.crosslink-help ul > li > a:hover h3, .crosslink-help ul > li > a:focus h3 {
  text-decoration: underline;
  color: #708399;
}
@media screen and (max-width: 888.3333333333px) {
  .crosslink-help ul > li + li {
    border-top: 1px solid #fff;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .crosslink-help ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .crosslink-help ul > li:last-child {
    margin-right: 0;
  }
  .crosslink-help ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .crosslink-help ul > li:nth-child(3n+1) {
    clear: left;
  }
}

.campaign-block {
  padding: 3rem calc(1.5em + 1vw);
}
@media screen and (min-width: 889.3333333333px) {
  .campaign-block {
    padding: 4.5rem calc(1.5em + 1vw);
  }
}

/* ===== SPLIT =====

  Half media, half text (maybe even video but lets not get ahead of ourselves).
  Usually a 50/50 split but not set in stone!

*/
.kicker {
  text-transform: uppercase;
  margin-bottom: calc(1.5em + 1vw);
  vertical-align: middle;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: #334a5c;
}
.kicker:before {
  margin-right: 0.75rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.375rem solid rgb(91.8, 110.2, 124.6);
}

.split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  min-height: 50vh;
}
.split + .split {
  margin-top: calc(1.5em + 1vw);
}
.split *,
.split *::before,
.split *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 889.3333333333px) {
  .split {
    -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;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .split-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

/* 50/50 */
.split-item {
  overflow: hidden;
}
@media screen and (min-width: 889.3333333333px) {
  .split-item {
    width: 50%;
  }
}

/* Controlling how the image displays */
.split-media,
.split-content {
  /*   @apply w-full h-full; */ /* Media object always fills its container */
  width: 100%;
  height: 100%;
}

.split-picture {
  width: 100%;
  height: 100%;
}

.split-media {
  position: relative;
}

.split-img {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (min-width: 889.3333333333px) {
  .split-img {
    clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);
  }
  .split-reverse .split-img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%, 0 85%);
  }
}

.split-img-arrow {
  width: 100%;
  max-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (min-width: 889.3333333333px) {
  .split-img-arrow {
    clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);
  }
  @supports (clip-path: path("M 0 0 L 1 1")) {
    .split-img-arrow {
      clip-path: path("M 0% 25% Q 50% 0% 100% 25% L 100% 75% Q 50% 100% 0% 75% Z");
    }
  }
}

.split-img-std {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.split-text {
  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;
  padding: 1.5rem;
  margin: 0 auto;
  height: 100%;
}
@media screen and (min-width: 889.3333333333px) {
  .split-text {
    padding: 4.5rem 0;
    width: 80%;
  }
}

.split-text-inner {
  margin: auto;
  width: 100%;
}
.split-text-inner h2 {
  margin-bottom: 1.5rem;
  max-width: 80%;
}

@media screen and (min-width: 889.3333333333px) {
  .split-wrap {
    padding: 0 3rem;
  }
}

.stats {
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.stats::after {
  clear: both;
  content: "";
  display: block;
}
.stats p{
  margin-top: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.stats-item {
  font-size: 1.125em;
  padding: 0 1.5rem;
}
@media (min-width: 25em) and (max-width: 50em) {
  .stats-item {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .stats-item {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .stats-item {
    font-size: 1.25em;
  }
}
.stats-item img {
  display: inline-block;
}
@media screen and (max-width: 888.3333333333px) {
  .stats-item {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
    margin-top: calc(1.5em + 1vw);
  }
  .stats-item:last-child {
    margin-right: 0;
  }
  .stats-item:nth-child(2n) {
    margin-right: 0;
  }
  .stats-item:nth-child(2n+1) {
    clear: left;
  }
  .stats-item:first-child, .stats-item:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .stats-item {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
  }
  .stats-item:last-child {
    margin-right: 0;
  }
  .stats-item:nth-child(4n) {
    margin-right: 0;
  }
  .stats-item:nth-child(4n+1) {
    clear: left;
  }
}

.submenu {
  padding-right: 1.5rem;
}
.submenu > ul {
  list-style: none;
}
.submenu > ul > li {
  padding: 0.75rem 0.75rem 0.75rem 0;
  display: block;
}
.submenu > ul > li > ul {
  padding: 0.75rem 0 0 0.75rem;
}
.submenu > ul > li > ul > li {
  padding: 0.375rem 0.375rem 0.375rem 0;
}
.submenu > ul > li > ul > li > a {
  font-size: 13px;
}
.submenu a {
  text-decoration: none;
  line-height: 1.953125em;
  font-size: 14px;
  display: block;
  color: #fff;
}
.submenu a.submenu-title {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  line-height: 1.4;
  color: #fff;
}
.submenu a:hover, .submenu a:focus {
  text-decoration: underline;
  color: #708399;
}

.pagination {
  text-align: center;
}
.pagination div {
  display: inline-block;
}
.pagination a {
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 10px 15px;
  background: var(--background);
  border: 1px solid var(--white);
  line-height: 1;
  color: var(--foreground);
}
.pagination a.active {
  background: var(--primary);
  color: var(--black);
  border-color: var(--primary);
}
.pagination a:hover, .pagination a:focus {
  background-color: var(--dark);
  color: var(--foreground);
  border-color: var(--primary);
}
.pagination .page-prev a,
.pagination .page-next a {
  background: var(--background);
}
.pagination .page-prev a:hover, .pagination .page-prev a:focus,
.pagination .page-next a:hover,
.pagination .page-next a:focus {
  background: var(--dark);
  color: var(--foreground);
}

.social-sharing h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #334a5c;
}
.social-sharing ul {
  list-style: none;
}
.social-sharing .linkedin-link {
  background-color: #007bb5;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  display: block;
  color: #fff;
  height: 24px;
  width: 24px;
  background-position: -3px -54px;
  background-size: 500px 500px;
}
.no-svg .social-sharing .linkedin-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .social-sharing .linkedin-link {
  background-image: url("../media/swire-sprite.svg");
}
.social-sharing .facebook-link {
  background-color: #3b5998;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  display: block;
  color: #fff;
  height: 24px;
  width: 24px;
  background-position: -53px -54px;
  background-size: 500px 500px;
}
.no-svg .social-sharing .facebook-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .social-sharing .facebook-link {
  background-image: url("../media/swire-sprite.svg");
}
.social-sharing .twitter-link {
  background-color: #55acee;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  display: block;
  color: #fff;
  height: 24px;
  width: 24px;
  background-position: -103px -54px;
  background-size: 500px 500px;
}
.no-svg .social-sharing .twitter-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .social-sharing .twitter-link {
  background-image: url("../media/swire-sprite.svg");
}
.social-sharing .email-link {
  background-color: #334a5c;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  display: block;
  color: #fff;
  height: 24px;
  width: 24px;
  background-position: -153px -54px;
  background-size: 500px 500px;
}
.no-svg .social-sharing .email-link {
  background-image: url("../media/swire-sprite.png");
}
.svg .social-sharing .email-link {
  background-image: url("../media/swire-sprite.svg");
}
.social-sharing .linkedin-link,
.social-sharing .facebook-link,
.social-sharing .twitter-link,
.social-sharing .email-link {
  height: 44px;
  width: 44px;
}

.unique--home-hero {
  position: relative;
  overflow: hidden;
  background-position: center;
  background-color: var(--darkest);
  background-size: cover;
  min-height: 24rem;
  padding: 3rem;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #fff;
}
.unique--home-hero .plus-link-white {
  margin-right: calc(1.5em + 1vw);
}
.unique--home-hero .container {
  position: relative;
  z-index: 2;
}

.unique--home-hero--tagline {
  font-size: 2.0272865295em;
  margin: 0 auto 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-align: center;
  line-height: 1.05;
  max-width: 24ch;
  color: #fff;
  /* IE11 Fix */
  font-size: 75%;
  font-weight: inherit;
}
@media (min-width: 25em) and (max-width: 50em) {
  .unique--home-hero--tagline {
    font-size: calc(2.0272865295em + 0.9586974705 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .unique--home-hero--tagline {
    font-size: calc(2.985984em + 0.8287132656 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .unique--home-hero--tagline {
    font-size: 3.8146972656em;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .unique--home-hero--tagline {
    max-width: 720px;
  }
}
.has-video .unique--home-hero--tagline {
  margin: 0 auto;
  text-align: center;
}

.unique--home-hero--text {
  max-width: 40em;
  margin: 0 auto 1.5rem;
}

.unique--home-hero--variant {
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #334a5c;
}
.unique--home-hero--variant .plus-link-white {
  margin-right: calc(1.5em + 1vw);
}
.unique--home-hero--variant .container {
  position: relative;
  z-index: 2;
}
.unique--home-hero--variant a {
  font-size: 16px;
}
@media screen and (min-width: 1111.6666666667px) {
  .unique--home-hero--variant .flickity-viewport {
    height: 700px !important;
  }
}

.unique--home-hero--tagline--variant {
  font-size: 1.6018066406em;
  font-weight: bold;
  margin: 0 auto 1.5rem 0;
  text-align: left;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  color: #334a5c;
}
@media (min-width: 25em) and (max-width: 50em) {
  .unique--home-hero--tagline--variant {
    font-size: calc(1.6018066406em + 0.4717933594 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .unique--home-hero--tagline--variant {
    font-size: calc(2.0736em + 0.36780625 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .unique--home-hero--tagline--variant {
    font-size: 2.44140625em;
  }
}
.has-video .unique--home-hero--tagline--variant {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1111.6666666667px) {
  .unique--home-hero--tagline--variant {
    max-width: 62%;
  }
}

.unique--home-hero--text--variant {
  max-width: 40em;
  margin: 0 auto 1.5rem 0;
  font-size: 0.8888888889em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .unique--home-hero--text--variant {
    font-size: calc(0.8888888889em + -0.0555555556 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .unique--home-hero--text--variant {
    font-size: calc(0.8333333333em + -0.0333333333 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .unique--home-hero--text--variant {
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .unique--home-hero--text--variant {
    max-width: 62%;
  }
}

.video-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-wrap video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-background.has-overlay:before {
  content: "";
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}
.hero-background.has-overlay:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}

.carousel {
  background: #fff;
  height: 100%;
  width: 100%;
}

.carousel-cell {
  margin-right: 10px;
  background: #fff;
  min-height: 100%;
  border-radius: 5px;
  counter-increment: carousel-cell;
}
.carousel-cell .container {
  position: relative;
  z-index: 2;
  padding: 4.5rem 1.5rem 5.25rem;
  width: 100%;
}
@media screen and (min-width: 1111.6666666667px) {
  .carousel-cell .container {
    padding: 7.5rem 3rem 5.25rem;
  }
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media screen and (min-width: 889.3333333333px) {
  .carousel-cell-image {
    -o-object-position: center;
       object-position: center;
  }
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.home-intro{
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  text-align: center;
}
.home-intro h2 {
  font-size: 1.6018066406em;
  margin-bottom: 1.5rem;
  font-weight: 300;
}
@media (min-width: 25em) and (max-width: 50em) {
  .home-intro h2 {
    font-size: calc(1.6018066406em + 0.4717933594 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .home-intro h2 {
    font-size: calc(2.0736em + 0.36780625 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .home-intro h2 {
    font-size: 2.44140625em;
  }
}
.home-intro a {
  color: #334a5c;
  text-decoration: none;
}
.home-intro a:hover, .home-intro a:focus {
  color: #708399;
  text-decoration: underline;
}
.home-intro .lead {
  margin-bottom: 0;
}
.home-intro p:not(.lead) {
  margin-top: 1.25em;
  margin-bottom: 0;
}
.home-intro .plus-link-white {
  margin-top: 1.5rem;
}

.unique-about--text {
  max-width: 50em;
}
.unique-about--text a {
  color: #334a5c;
}
.unique-about--text a:hover, .unique-about--text a:focus {
  color: #708399;
}
.dark-bg .unique-about--text {
  color: #fff;
}
.dark-bg .unique-about--text a {
  color: #fff;
}
.dark-bg .unique-about--text a:hover, .dark-bg .unique-about--text a:focus {
  color: #3de6a9;
}
.unique-about--text + .content-overview--links {
  margin-top: 1.5rem;
}
@media screen and (min-width: 889.3333333333px) {
  .unique-about--text {
    padding: 0;
  }
}

.unique-about--heading {
  font-size: 1.423828125em;
  margin: 0;
}
@media (min-width: 25em) and (max-width: 50em) {
  .unique-about--heading {
    font-size: calc(1.423828125em + 0.304171875 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .unique-about--heading {
    font-size: calc(1.728em + 0.225125 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .unique-about--heading {
    font-size: 1.953125em;
  }
}

.unique-about--tagline {
  font-size: 1.265625em;
  color: #3de6a9;
}
@media (min-width: 25em) and (max-width: 50em) {
  .unique-about--tagline {
    font-size: calc(1.265625em + 0.174375 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .unique-about--tagline {
    font-size: calc(1.44em + 0.1225 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .unique-about--tagline {
    font-size: 1.5625em;
  }
}

.unique-about--para:last-child {
  margin: 0;
}

.unique-about-gallery .unique-about--text {
  padding: calc(1.5em + 1vw);
}
@media screen and (min-width: 889.3333333333px) {
  .unique-about-gallery {
    padding: calc(1.5em + 1vw);
  }
  .unique-about-gallery .unique-about--text {
    padding: 0;
  }
  .unique-about-gallery .row {
    margin-top: calc(1.5em + 1vw);
  }
  .column-a {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .column-a:last-child {
    margin-right: 0;
  }
}

.column-b {
  padding: calc(1.5em + 1vw);
}
@media screen and (min-width: 889.3333333333px) {
  .column-b {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
    margin-right: 0;
    padding: 0;
  }
  .column-b:last-child {
    margin-right: 0;
  }
}

.unique-about-crosslinks .page-gutter + .page-gutter {
  padding-top: 0;
}

.unique-regions-content .filter-dropdown {
  margin-bottom: calc(1.5em + 1vw);
}
.unique-regions-content h2 {
  margin-top: 1.5rem;
  color: #334a5c;
}
.unique-regions-content h3 {
  font-weight: 300;
  color: #334a5c;
}
.unique-regions-content > .grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .unique-regions-content > .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .unique-regions-content > .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.region-block {
  margin-top: 1.5rem;
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .region-block {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .region-block:last-child {
    margin-right: 0;
  }
  .region-block:nth-child(2n) {
    margin-right: 0;
  }
  .region-block:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .region-block {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .region-block:last-child {
    margin-right: 0;
  }
  .region-block:nth-child(3n) {
    margin-right: 0;
  }
  .region-block:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .region-block {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .region-block:last-child {
    margin-right: 0;
  }
  .region-block:nth-child(4n) {
    margin-right: 0;
  }
  .region-block:nth-child(4n+1) {
    clear: left;
  }
}

.region-contacts {
  margin-left: 0 !important;
  margin-bottom: calc(1.5em + 1vw) !important;
  list-style: none;
}

.unique-product-finder--intro {
  text-align: center;
}
.unique-product-finder--intro p {
  margin: 0.75rem auto 1.5rem;
  max-width: 37.5em;
}

.unique-product-finder {
  max-width: 1000.5px;
  border-radius: 4px;
  margin: 0 auto;
  background: #fff;
}
.unique-product-finder--radio {
  padding: 0.8em 0 0.8em 0;
  padding: 0.2em 0 0.8em 0;
}
@media screen and (min-width: 667px) {
  .unique-product-finder--radio {
    display: inline-block;
    padding: 1em 1.25em 0 0;
  }
}

.unique-product-finder section {
  display: none;
  padding: calc(1.5em + 1vw);
  border: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
}

.unique-product-finder input.tab {
  display: none;
}

.unique-product-finder fieldset {
  padding: 0 0 1em 0;
}
.unique-product-finder fieldset:nth-child(2) {
  padding: 0;
}

.unique-product-finder label.tab {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: inline-block;
  margin: 0 0 -1px 0px;
  padding: 1.25em 2%;
  font-weight: 600;
  border: 1px solid transparent;
  width: 50%;
  white-space: normal;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.66;
}

.unique-product-finder label.tab:hover {
  color: #334a5c;
  cursor: pointer;
  opacity: 1;
}

.unique-product-finder input:checked + label {
  color: #334a5c;
  border: 1px solid #ddd;
  border-bottom: 1px solid white;
  background: white;
  cursor: pointer;
  opacity: 1;
  border-radius: 5px 5px 0 0;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
  display: block;
  background: rgb(244.8, 245.95, 246.85);
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgb(244.8, 245.95, 246.85)));
  background: linear-gradient(to bottom, white 0%, rgb(244.8, 245.95, 246.85) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (min-width: 667px) {
  .unique-product-finder input[type=submit] {
    float: right;
  }
  .unique-product-finder .col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 23.0263157895%;
  }
  .unique-product-finder .col:last-child {
    margin-right: 0;
  }
}
.unique-product-finder .col {
  display: block;
}

@media screen and (min-width: 667px) {
  .unique-product-finder label.tab {
    margin: 0 0 -1px 0px;
    padding: 15px;
    width: 50%;
  }
  .unique-product-finder label.tab:nth-child(1) {
    margin: 0 0 -1px -2px;
  }
  .unique-product-finder label.tab .unique-product-finder .col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .unique-product-finder label.tab .unique-product-finder .col:last-child {
    margin-right: 0;
  }
  .unique-product-finder label.tab .unique-product-finder input[type=submit] {
    float: left;
  }
}
.product-finder-results {
  margin-top: 1.5rem;
}
.product-finder-results .lead {
  border-radius: 3px;
  background-color: rgb(245.3, 253.75, 250.7);
  margin: 1.5rem 0;
  text-align: center;
  padding: 0.75rem;
  color: rgb(38.4109589041, 227.0890410959, 158.9863013699);
}
.product-finder-results .button {
  margin: 0 auto;
}
@media screen and (max-width: 443.6666666667px) {
  .product-finder-results {
    padding: 0 1.5rem 1.5rem;
  }
  .product-finder-results .enquiry-button {
    margin-top: 0.5em;
  }
}

/* Product Finder Units */
.input-field {
  position: relative;
  border-right: 0 !important;
  padding-right: 44px;
  border-left: 1px solid rgb(244.8, 245.95, 246.85);
}

.units {
  background: rgb(244.8, 245.95, 246.85);
  font-weight: bold;
  color: #333;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 5px 8px;
  border: 1px solid rgb(232.56, 233.6525, 234.5075);
  border-radius: 0 3px 3px 0;
  min-width: 47px;
  text-align: center;
}

.home-intro{
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  text-align: center;
}
.home-intro h2 {
  font-size: 1.6018066406em;
  margin-bottom: 1.5rem;
  font-weight: 300;
}
@media (min-width: 25em) and (max-width: 50em) {
  .home-intro h2 {
    font-size: calc(1.6018066406em + 0.4717933594 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .home-intro h2 {
    font-size: calc(2.0736em + 0.36780625 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .home-intro h2 {
    font-size: 2.44140625em;
  }
}
.home-intro a {
  color: #334a5c;
  text-decoration: none;
}
.home-intro a:hover, .home-intro a:focus {
  color: #708399;
  text-decoration: underline;
}
.home-intro .lead {
  margin-bottom: 0;
}
.home-intro p:not(.lead) {
  margin-top: 1.25em;
  margin-bottom: 0;
}
.home-intro .plus-link-white {
  margin-top: 1.5rem;
}

.unique--divide {
  position: relative;
  background: #334a5c;
  overflow: hidden;
  padding: calc(3em + 1vw) calc(1.5em + 1vw);
}
.unique--divide h2 {
  font-size: 1.6018066406em;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  font-weight: 700;
  color: #334a5c;
}
@media (min-width: 25em) and (max-width: 50em) {
  .unique--divide h2 {
    font-size: calc(1.6018066406em + 0.4717933594 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .unique--divide h2 {
    font-size: calc(2.0736em + 0.36780625 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .unique--divide h2 {
    font-size: 2.44140625em;
  }
}
.unique--divide p {
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}

.unique--divide--wrap {
  position: relative;
  z-index: 2;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  text-align: center;
}

.unique--divide--top {
  margin-bottom: calc(8em + 1vw);
}

.unique--divide--bottom {
  margin-top: calc(8em + 1vw);
}

.unique--divide--container {
  max-width: 68ch;
}

.unique--divide--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.unique--divide--bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unique--divide--bg.has-overlay:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.trs-facts {
  background: #e8e8e8;
}
.trs-facts .container > ul {
  list-style: none;
}
.trs-facts .container > ul > li {
  text-align: center;
}
@media screen and (min-width: 444.6666666667px) and (max-width: 666px) {
  .trs-facts .container > ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .trs-facts .container > ul > li:last-child {
    margin-right: 0;
  }
  .trs-facts .container > ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .trs-facts .container > ul > li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 667px) and (max-width: 888.3333333333px) {
  .trs-facts .container > ul > li {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .trs-facts .container > ul > li:last-child {
    margin-right: 0;
  }
  .trs-facts .container > ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .trs-facts .container > ul > li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 889.3333333333px) {
  .trs-facts .container > ul > li {
    width: calc(var(--length) - 2.63%);
    float: left;
    display: block;
    margin-right: 2.63%;
  }
  .trs-facts .container > ul > li:nth-child(4n) {
    margin-right: 0;
  }
  .trs-facts .container > ul > li:nth-child(4n+1) {
    clear: left;
  }
}
.trs-facts .container > ul > li svg {
  display: inline-block;
  max-width: 120px;
  margin: 0 auto;
}
.trs-facts .container > ul > li p {
  font-size: 1.125em;
  font-weight: 300;
}
@media (min-width: 25em) and (max-width: 50em) {
  .trs-facts .container > ul > li p {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .trs-facts .container > ul > li p {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .trs-facts .container > ul > li p {
    font-size: 1.25em;
  }
}

.trs-facts-text {
  max-width: 32em;
  font-size: 1.265625em;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 25em) and (max-width: 50em) {
  .trs-facts-text {
    font-size: calc(1.265625em + 0.174375 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .trs-facts-text {
    font-size: calc(1.44em + 0.1225 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .trs-facts-text {
    font-size: 1.5625em;
  }
}

.challenge {
  padding: calc(1.5em + 1vw);
}
@media screen and (min-width: 889.3333333333px) {
  .challenge .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.challenge .container.reverse-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .challenge .container.reverse-row .right-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
    padding-left: 5%;
  }
  .challenge .container.reverse-row .right-col:last-child {
    margin-right: 0;
  }
  .challenge .container.reverse-row .right-col:nth-child(1n) {
    margin-right: 0;
  }
  .challenge .container.reverse-row .right-col:nth-child(1n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .challenge .container.reverse-row .right-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
    padding-left: 5%;
  }
  .challenge .container.reverse-row .right-col:last-child {
    margin-right: 0;
  }
  .challenge .container.reverse-row .right-col:nth-child(1n) {
    margin-right: 0;
  }
  .challenge .container.reverse-row .right-col:nth-child(1n+1) {
    clear: left;
  }
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .challenge .container.standard-row .left-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
    padding-right: 5%;
  }
  .challenge .container.standard-row .left-col:last-child {
    margin-right: 0;
  }
  .challenge .container.standard-row .left-col:nth-child(2n) {
    margin-right: 0;
  }
  .challenge .container.standard-row .left-col:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .challenge .container.standard-row .left-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 65.7894736842%;
    padding-right: 5%;
  }
  .challenge .container.standard-row .left-col:last-child {
    margin-right: 0;
  }
  .challenge .container.standard-row .left-col:nth-child(2n) {
    margin-right: 0;
  }
  .challenge .container.standard-row .left-col:nth-child(2n+1) {
    clear: left;
  }
}
.challenge h3 {
  max-width: 32em;
  font-size: 1.423828125em;
  margin: 0 auto 0.2em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .challenge h3 {
    font-size: calc(1.423828125em + 0.304171875 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .challenge h3 {
    font-size: calc(1.728em + 0.225125 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .challenge h3 {
    font-size: 1.953125em;
  }
}
.challenge p:first-of-type {
  font-weight: 600;
}
.challenge ul {
  margin-left: 1.5em;
}
.challenge.bg-grey {
  background: rgb(244.8, 245.95, 246.85);
}
.challenge .left-col {
  margin-bottom: 2rem;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .challenge .left-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .challenge .left-col:last-child {
    margin-right: 0;
  }
  .challenge .left-col:nth-child(2n) {
    margin-right: 0;
  }
  .challenge .left-col:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .challenge .left-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .challenge .left-col:last-child {
    margin-right: 0;
  }
  .challenge .left-col:nth-child(2n) {
    margin-right: 0;
  }
  .challenge .left-col:nth-child(2n+1) {
    clear: left;
  }
}
.challenge .right-col {
  margin-bottom: 2rem;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (min-width: 889.3333333333px) and (max-width: 1110.6666666667px) {
  .challenge .right-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .challenge .right-col:last-child {
    margin-right: 0;
  }
  .challenge .right-col:nth-child(2n) {
    margin-right: 0;
  }
  .challenge .right-col:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .challenge .right-col {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 48.6842105263%;
  }
  .challenge .right-col:last-child {
    margin-right: 0;
  }
  .challenge .right-col:nth-child(2n) {
    margin-right: 0;
  }
  .challenge .right-col:nth-child(2n+1) {
    clear: left;
  }
}
.challenge .carousel-wrap {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
.challenge .main-carousel {
  max-width: 400px;
  margin: 0 auto;
  line-height: 0;
}

@media screen and (min-width: 1111.6666666667px) {
  .left-col .carousel-wrap:after {
    position: absolute;
    content: "";
    bottom: -50px;
    left: -50px;
    width: 5px;
    background: #3de6a9;
    height: 100px;
  }
  .left-col .carousel-wrap:before {
    position: absolute;
    content: "";
    bottom: -50px;
    left: -50px;
    width: 100px;
    background: #3de6a9;
    height: 5px;
  }
  .right-col .carousel-wrap:after {
    position: absolute;
    content: "";
    bottom: -50px;
    left: -50px;
    width: 5px;
    background: #3de6a9;
    height: 100px;
  }
  .right-col .carousel-wrap:before {
    position: absolute;
    content: "";
    bottom: -50px;
    left: -50px;
    width: 100px;
    background: #3de6a9;
    height: 5px;
  }
}

.design-spec {
  padding: calc(1.5em + 1vw);
}

/* TRS Illustration */
.trs-illustration-wrap {
  position: relative;
}

span.point {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #272324;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top: 3px;
  z-index: 1;
  cursor: default;
  -webkit-animation: pulse-white 2s infinite;
          animation: pulse-white 2s infinite;
}
span.point.is-active {
  background: #3de6a9;
  color: #fff;
}
@media screen and (min-width: 889.3333333333px) {
  span.point.is-active {
    background: #272324;
    color: #fff;
  }
}
span.point:hover, span.point:focus {
  background: #3de6a9;
  color: #fff;
}

/* Points */
.point-0 {
  left: 12%;
  top: 54%;
}

.point-1 {
  left: 14%;
  top: 80%;
}

.point-2 {
  left: 47%;
  top: 12%;
}

.point-3 {
  left: 52%;
  top: 82%;
}

.point-4 {
  left: 80%;
  top: 55%;
}

.trs-illustration {
  margin: 0;
}
.trs-illustration img {
  width: 100%;
  height: auto;
}

.columns {
  margin-top: 2rem;
}
.columns ul {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.columns ul li {
  margin-bottom: 0.4rem;
}

@media screen and (min-width: 889.3333333333px) {
  .column {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .column:last-child {
    margin-right: 0;
  }
  .column:nth-child(3n) {
    margin-right: 0;
  }
  .column:nth-child(3n+1) {
    clear: left;
  }
}

@-webkit-keyframes pulse-white {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse-white {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
#tooltip {
  background-color: #333;
  color: white;
  padding: 50px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.tippy-tooltip.swire-theme {
  padding: 20px;
}

/* Tabs */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tabs label {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  padding: 0.5rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background: rgb(222.6, 222, 222.15);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 2rem 0 1em 0;
}
.tabs .tab ul {
  margin-left: 1.5rem;
}

.tabs input[type=radio] {
  position: absolute;
  opacity: 0;
}

.tabs input[type=radio]:checked + label {
  background: #272324;
  color: #fff;
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: initial;
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
.tabs-table {
  margin: 0 0 2rem;
}
.tabs-table .tab {
  padding: 0rem 0 1em 0;
}
.tabs-table .tab label {
  background: #fff;
}
.tabs-table table {
  margin: 0;
}
.tabs-table thead {
  background: #272324;
  color: #fff;
  font-weight: 700;
}
.tabs-table tbody tr:nth-of-type(even) {
  border: 1px solid #eee;
}

.table-specs {
  padding: calc(1.5em + 1vw);
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19F;
          box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.unique--home-hero--variant .flickity-page-dots {
  bottom: 3rem;
}
.unique--home-hero--variant .flickity-page-dots li {
  background: #272324;
}

.unique--home-hero--variant .flickity-page-dots {
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: left;
  padding: 0 1.5rem;
}
.unique--home-hero--variant .flickity-page-dots::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 1111.6666666667px) {
  .unique--home-hero--variant .flickity-page-dots {
    padding: 0 3rem;
  }
}

.unique--home-hero--variant .flickity-page-dots .dot {
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
}
.unique--home-hero--variant .flickity-page-dots .dot.is-selected {
  background: #708399;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #7d7b7c;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.features-carousel {
  margin-bottom: 4rem;
}
@media screen and (min-width: 889.3333333333px) {
  .features-carousel {
    display: none;
  }
}
.features-carousel .carousel-cell {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.carousel-cell {
  width: 100%; /* full width */
  /* center images in cells with flexbox */
  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;
}

.flickity-viewport {
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}

.quote {
  position: relative;
}
.quote figure {
  position: relative;
  margin: auto;
  text-align: center;
  padding: 0;
  z-index: 1;
  padding: calc(1.5em + 1vw);
}
.quote blockquote {
  border: none;
  padding: 0 1.5rem;
  margin: 0;
  color: #fff;
}
.quote blockquote p {
  max-width: 32em;
  font-size: 1.265625em;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto 0.2em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .quote blockquote p {
    font-size: calc(1.265625em + 0.174375 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .quote blockquote p {
    font-size: calc(1.44em + 0.1225 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .quote blockquote p {
    font-size: 1.5625em;
  }
}
.quote figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(244.8, 245.95, 246.85);
  font-size: 1em;
}
@media (min-width: 25em) and (max-width: 50em) {
  .quote figcaption {
    font-size: calc(1em + 0 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .quote figcaption {
    font-size: calc(1em + 0 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .quote figcaption {
    font-size: 1em;
  }
}
.quote figcaption cite {
  display: inline-block;
  font-style: normal;
}
.quote figcaption > div {
  text-align: left;
}
.quote .quote-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.quote .quote-bg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.quote .quote-bg:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.quote .quote-avatar {
  margin-right: 1.5rem;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #fff;
}

/**
 * Careers Area
 */
.careers-intro {
  /*
  @extend .content-region;
  @extend .section-gutter;
     */
}
.careers-intro h2 {
  font-size: 1.6018066406em;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
@media (min-width: 25em) and (max-width: 50em) {
  .careers-intro h2 {
    font-size: calc(1.6018066406em + 0.4717933594 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .careers-intro h2 {
    font-size: calc(2.0736em + 0.36780625 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .careers-intro h2 {
    font-size: 2.44140625em;
  }
}
.careers-intro a:not(.button) {
  color: #334a5c;
  text-decoration: none;
}
.careers-intro a:not(.button):hover, .careers-intro a:not(.button):focus {
  color: #708399;
  text-decoration: underline;
}
.careers-intro .lead {
  margin-bottom: 0;
}
.careers-intro p:not(.lead) {
  margin-top: 1.25em;
  margin-bottom: 0;
}
.careers-intro .plus-link-white {
  margin-top: 1.5rem;
}

.fade_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.fade_wrapper .HorizontalScrollNav_Before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 64px;
  cursor: pointer;
  background-color: #F2F5F9;
  color: #495a70;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: grid;
  place-items: center;
}
.fade_wrapper .HorizontalScrollNav_Before:hover {
  color: #334A5C;
}
.fade_wrapper .HorizontalScrollNav_Before:active {
  color: #708399;
}
@media screen and (max-width: 1111.6666666667px) {
  .fade_wrapper .HorizontalScrollNav_Before {
    display: none;
  }
}
.fade_wrapper .HorizontalScrollNav_After {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 64px;
  cursor: pointer;
  background-color: #F2F5F9;
  color: #495a70;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: grid;
  place-items: center;
}
.fade_wrapper .HorizontalScrollNav_After:hover {
  color: #334A5C;
}
.fade_wrapper .HorizontalScrollNav_After:active {
  color: #708399;
}
@media screen and (max-width: 1111.6666666667px) {
  .fade_wrapper .HorizontalScrollNav_After {
    display: none;
  }
}

.merger-header {
  padding: calc(1.5em + 1vw);
}
.merger-header::after {
  clear: both;
  content: "";
  display: block;
}
.merger-header .container {
  position: relative;
  text-align: center;
}
@media screen and (max-width: 888.3333333333px) {
  .merger-header {
    text-align: center;
  }
}
@media screen and (max-width: 1110.6666666667px) {
  .merger-header .logo {
    display: block;
    margin: 0 auto 1em auto;
    width: 200px;
    height: auto;
  }
  .merger-header .logo div {
    height: auto;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .merger-header .logo {
    width: 240px;
    height: auto;
  }
  .merger-header .plus-link-blue {
    float: right;
    position: absolute;
    right: 0;
  }
}

.merger-main .global-hero {
  padding: calc(2em + 1vw);
  background-color: #3de6a9;
}

@media screen and (min-width: 889.3333333333px) {
  .merger .col1 {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
  }
  .merger .col1:last-child {
    margin-right: 0;
  }
  .merger .col2 {
    float: left;
    display: block;
    margin-right: 2.6315789474%;
    width: 31.5789473684%;
    margin-right: 0;
  }
  .merger .col2:last-child {
    margin-right: 0;
  }
}

.timeline {
  text-align: center;
  color: #fff;
}

.timeline_logo img {
  max-width: 50%;
  display: block;
  margin: 0 auto;
}

.timeline_lead {
  font-size: 1.125em;
  margin: 1.5rem auto calc(1.5em + 1vw);
  max-width: 880.44px;
}
@media (min-width: 25em) and (max-width: 50em) {
  .timeline_lead {
    font-size: calc(1.125em + 0.075 * (100vw - 25em) / 25);
  }
}
@media (min-width: 50em) and (max-width: 75em) {
  .timeline_lead {
    font-size: calc(1.2em + 0.05 * (100vw - 50em) / 25);
  }
}
@media (min-width: 75em) {
  .timeline_lead {
    font-size: 1.25em;
  }
}

.timeline_list {
  position: relative;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.timeline_list > li {
  margin-bottom: 1.5rem;
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 667px) {
  .timeline_list {
    width: calc(100% + 1.5rem);
  }
  .timeline_list > li {
    max-width: calc(50% - 4px - 1.5rem);
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 1111.6666666667px) {
  .timeline_list {
    width: calc(100% + 1.5rem);
  }
  .timeline_list > li {
    max-width: calc(33.333% - 4px - 1.5rem);
    margin-right: 1.5rem;
  }
}

.timeline_item {
  position: relative;
  color: #334a5c;
}

.timeline_item_content {
  position: relative;
  background: none;
}

.timeline_item_title {
  position: absolute;
  top: calc(-85px - -0.375rem);
  left: -0.375em;
  -webkit-font-smoothing: antialiased;
  background-color: rgba(61, 230, 169, 0.9);
  vertical-align: middle;
  display: inline-block;
  padding: 10px 10px 15px;
  line-height: 1.25;
  font-size: 1.75em;
  text-align: center;
  color: #fff;
  width: 6ch;
}

.timeline_item_text {
  overflow: hidden;
  padding: calc(1.5em + 1vw) 1.5rem 1.5rem;
  background: var(--darkest);
  min-height: 200px;
}

.timeline-gallery {
  background-color: rgb(54.9, 207, 152.1);
  position: relative;
  display: block;
}
.timeline-gallery:hover .timeline-gallery_icon, .timeline-gallery:focus .timeline-gallery_icon {
  background-color: #3de6a9;
}

.timeline-gallery-hidden {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.timeline-gallery_image {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100%;
  display: block;
  height: auto;
  width: 100%;
}

.timeline-gallery_icon {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background-position: -457px -258px;
  background-size: 500px 500px;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  color: #fff;
  height: 48px;
  width: 48px;
}
.no-svg .timeline-gallery_icon {
  background-image: url("../media/swire-sprite.png");
}
.svg .timeline-gallery_icon {
  background-image: url("../media/swire-sprite.svg");
}

.read-more {
  background: none;
  border: none;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-position: -401px -263px;
  background-size: 500px 500px;
  display: inline-block;
  white-space: nowrap;
  text-indent: 500%;
  overflow: hidden;
  height: 24px;
  width: 48px;
}
.no-svg .read-more {
  background-image: url("../media/swire-sprite.png");
}
.svg .read-more {
  background-image: url("../media/swire-sprite.svg");
}
.read-more:hover, .read-more:focus {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  outline: none;
}
.read-more.open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.read-more_content {
  font-size: 14px;
  visibility: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.4s ease-in-out, visibility 0.1s ease-in-out 0.3s;
  transition: max-height 0.4s ease-in-out, visibility 0.1s ease-in-out 0.3s;
}
.read-more_content.open {
  visibility: visible;
  height: auto;
  max-height: 1200px;
  -webkit-transition: max-height 0.8s ease-in-out, visibility 0.1s ease-in-out 0.2s;
  transition: max-height 0.8s ease-in-out, visibility 0.1s ease-in-out 0.2s;
}

.mfp-figure small {
  display: none !important;
}

#map,
#locationMap {
  height: 620px;
  width: 100%;
}

.map-cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
}
@media screen and (min-width: 889.3333333333px) {
  .map-cards-container {
    grid-template-columns: 25% 75%;
  }
  .map-cards-container > aside {
    margin-top: 1rem;
  }
}
.map-cards-container > aside legend {
  color: #334a5c;
}

.aside-map {
  background: rgb(244.8, 245.95, 246.85);
  border: 1px solid #272324;
  padding: calc(1.5em + 1vw);
}

.map-cards-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
}
@media screen and (min-width: 889.3333333333px) {
  .map-cards-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    margin: 1rem;
  }
}

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

.map-card {
  background: var(--darkest);
  color: var(--white);
  text-align: center;
  padding: calc(1.5em + 1vw);
}
.map-card h3 {
  color: var(--white);
}

.map-filter label {
  display: inline;
}

.hidden {
  display: none;
  max-height: 0;
}

.leaflet-control-zoom.leaflet-bar a,
.leaflet-control-zoom.leaflet-bar a:hover,
.leaflet-control-zoom.leaflet-bar a:focus {
  background: var(--white);
}

/* Ensure green icons regardless of other link color rules */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  text-indent: -9999px; /* hide text to prevent clash */
}

.leaflet-control-zoom-in {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%233de6a9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.leaflet-control-zoom-out {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' stroke='%233de6a9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.ais-Menu-item--selected .filter__label {
  font-weight: bold;
}

[x-cloak] {
  display: none !important;
}

@media screen and (max-width: 1111.6666666667px) {
  .mm-menu, .mm-panel, .mm-navbar {
    --mm-color-background: #334A5C !important;
    background-color: #334A5C !important;
  }
  .mm-menu .mm-listitem a, .mm-menu .mm-navbar__title, .mm-menu .mm-navbar a, .mm-panel .mm-listitem a, .mm-panel .mm-navbar__title, .mm-panel .mm-navbar a, .mm-navbar .mm-listitem a, .mm-navbar .mm-navbar__title, .mm-navbar .mm-navbar a {
    color: #ffffff !important;
  }
  .mm-menu .mm-btn:after, .mm-menu .mm-navbar__btn:before, .mm-panel .mm-btn:after, .mm-panel .mm-navbar__btn:before, .mm-navbar .mm-btn:after, .mm-navbar .mm-navbar__btn:before {
    border-color: #ffffff;
  }
}

#swirenav:not(.mm-menu) {
  display: none;
}

@media screen and (min-width: 1111.6666666667px) {
  .Navigation__mobilenavbtn {
    display: none !important;
  }
}

.Navigation__mobilenav {
  z-index: 100000 !important;
}
@media screen and (min-width: 1111.6666666667px) {
  .Navigation__mobilenav {
    display: none !important;
  }
}

@media screen and (max-width: 1111.6666666667px) {
  .search-trigger {
    display: none !important;
  }
}

/* Theme core: defaults, readable type, aliases, helpers */
/* THEME CORE: Readable helpers and utilities */
/* Minimal base: default background + text color */
html,
body {
  background-color: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Basic type inherits the foreground by default */
body,
p,
li,
dd,
dt,
small,
strong,
em,
label {
  color: var(--foreground) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary) !important;
}

/* Ensure content-region headings follow theme foreground on dark surfaces */
.content-region h1, .home-intro h1,
.content-region h2,
.home-intro h2,
.content-region h3,
.home-intro h3,
.content-region h4,
.home-intro h4,
.content-region h5,
.home-intro h5,
.content-region h6,
.home-intro h6 {
  color: var(--primary);
}

/* Alias utilities (unprefixed) for styleguide/examples */
.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-accent {
  background-color: var(--accent) !important;
}

.bg-lightest {
  background-color: var(--lightest) !important;
}

.bg-light {
  background-color: var(--light) !important;
}

.bg-medium {
  background-color: var(--medium) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.bg-darkest {
  background-color: var(--darkest) !important;
}

.bg-background {
  background-color: var(--background) !important;
}

.bg-foreground {
  background-color: var(--foreground) !important;
}

.bg-muted {
  background-color: var(--muted) !important;
}

.bg-muted-foreground {
  background-color: var(--muted-foreground) !important;
}

.bg-gradient {
  background: var(--gradient);
  background-position: center;
  background-size: cover;
}

/* Text gradient utility (used with bg-clip-text + text-transparent) */
.bg-text-gradient {
  background-image: linear-gradient(195.85deg, var(--primary) -121.25%, var(--accent) -69.08%, var(--secondary) -36.55%, var(--secondary) 12.07%, var(--light) 59.26%, var(--darkest) 126.83%, var(--dark) 172.94%, var(--lightest) 277.03%);
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-accent {
  color: var(--accent) !important;
}

.text-lightest {
  color: var(--lightest) !important;
}

.text-light {
  color: var(--light) !important;
}

.text-medium {
  color: var(--medium) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.text-darkest {
  color: var(--darkest) !important;
}

.text-darkest-blue {
  color: var(--darkest) !important;
}

.text-background {
  color: var(--background) !important;
}

.text-foreground {
  color: var(--foreground) !important;
}

.text-muted {
  color: var(--muted) !important;
}

.text-muted-foreground {
  color: var(--muted-foreground) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-black {
  color: var(--black) !important;
}

/* Variant-like helpers (e.g., theme-dark:text-lightest) */
/* Ensure all nested text and common text utilities render as foreground */
/* Stats block: ensure text is white on dark */
.stats,
.stats p {
  color: var(--foreground) !important;
}

/* Download List: dark item cards and white text */
.content-download a {
  background-color: var(--dark) !important;
  color: var(--foreground) !important;
  border-color: var(--border) !important;
}

.content-download a:hover,
.content-download a:focus {
  border-color: var(--primary) !important;
  color: var(--foreground) !important;
}

/* Filters: ensure dark panel and readable text */
.filter-dropdown,
.filter-group,
.filter-header,
.filter-content {
  background-color: var(--darkest);
  color: var(--foreground) !important;
  border-color: var(--primary) !important;
}

.filter-header h1,
.filter-header h2,
.filter-header h3,
.filter-header h4,
.filter-header h5,
.filter-header h6,
.filter-group h1,
.filter-group h2,
.filter-group h3,
.filter-group h4,
.filter-group h5,
.filter-group h6 {
  color: var(--primary) !important;
}

/* Filter header icons (chevrons): brand green */
.filter-header svg {
  color: var(--primary) !important;
}

/* Tables on dark: borders/text readable */
table,
th,
td {
  border-color: var(--border) !important;
  color: var(--foreground) !important;
}

/* Re-assert brand hover after nested * overrides */
a:not([class*=button]):not([class*=btn]):hover {
  color: var(--primary) !important;
}

/* Force all headings to brand green, regardless of utility classes */
.theme--dark h1,
.theme--dark h2,
.theme--dark h3,
.theme--dark h4,
.theme--dark h5,
.theme--dark h6,
.theme--light h1,
.theme--light h2,
.theme--light h3,
.theme--light h4,
.theme--light h5,
.theme--light h6 {
  color: var(--primary) !important;
}

/* Forms: leave default styles; page blocks can opt into backgrounds */
/* Dark variant for Form Block only: scoped to .contact-form.form--dark */
.contact-form.form--dark {
  background-color: var(--darkest);
  color: var(--foreground);
  border-radius: 0.5rem;
}

.contact-form.form--dark h3,
.contact-form.form--dark p,
.contact-form.form--dark label {
  color: var(--foreground);
}

.contact-form.form--dark input,
.contact-form.form--dark textarea,
.contact-form.form--dark select {
  background-color: var(--background);
  color: var(--foreground);
  border-color: var(--border);
}

.contact-form.form--dark ::-webkit-input-placeholder {
  color: var(--muted-foreground);
}

.contact-form.form--dark ::-moz-placeholder {
  color: var(--muted-foreground);
}

.contact-form.form--dark :-ms-input-placeholder {
  color: var(--muted-foreground);
}

.contact-form.form--dark ::-ms-input-placeholder {
  color: var(--muted-foreground);
}

.contact-form.form--dark ::placeholder {
  color: var(--muted-foreground);
}

/* Other text-like elements on dark */
abbr,
cite,
kbd,
code,
pre,
blockquote,
figcaption,
caption,
time,
th,
td {
  color: var(--foreground) !important;
}

/* List markers on dark */
::marker {
  color: var(--foreground);
}

.theme--dark .theme-dark\:text-lightest {
  color: var(--lightest) !important;
}
.theme--dark .theme-dark\:text-light {
  color: var(--light) !important;
}
.theme--dark .theme-dark\:text-medium {
  color: var(--medium) !important;
}
.theme--dark .theme-dark\:text-dark {
  color: var(--dark) !important;
}
.theme--dark .theme-dark\:text-darkest {
  color: var(--darkest) !important;
}
.theme--dark .theme-dark\:text-foreground {
  color: var(--foreground) !important;
}
.theme--dark .theme-dark\:text-muted {
  color: var(--muted) !important;
}
.theme--dark .theme-dark\:text-muted-foreground {
  color: var(--muted-foreground) !important;
}
.theme--dark .theme-dark\:text-primary {
  color: var(--primary) !important;
}
.theme--dark .theme-dark\:text-secondary {
  color: var(--secondary) !important;
}
.theme--dark .theme-dark\:text-white {
  color: var(--white) !important;
}
.theme--dark .theme-dark\:text-black {
  color: var(--black) !important;
}

/* Footer */
.global-footer .footer-links-a > h2 > a:visited,
.global-footer .footer-links-b > h3:first-of-type > a:visited {
  color: var(--primary) !important;
}

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