/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./scss/main.scss ***!
  \*****************************************************************************************************************************************************************/
@charset "UTF-8";
/* =========================================
   Font family
   ========================================= */
/* =========================================
   Line height
   ========================================= */
/* =========================================
   Font size
   ========================================= */
/* =========================================
   Font weight
   ========================================= */
/* =========================================
   Breakpoints
   ========================================= */
/* =========================================
   Spacing
   ========================================= */
/* =========================================
   Url
   ========================================= */
/* =========================================
   Animation
   ========================================= */
/* =========================================
   Aspect Ratio
   ========================================= */
/* =========================================
   Colors
   ========================================= */
.percent_100, .account-multi__box, .account-multi__box:before, .video__block .video-desktop, .video__block iframe, .video__block .cssload-container, .cssload-container.overlay, .waiting-screen {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =========================================
   Colors
   ========================================= */
:root {
  --button--color-standard: #004595;
  --button--hover-standard: #0097e6;
  --button--color-arrow: #002551;
  --button--color-border: #002652;
  --brand--color-primary: #004595;
  --brand--color-secondary: #008a00;
  --brand--color-three: #fff;
  --header--color-primary: #004595;
  --header--color-secondary: #002551;
  --header--color-line: #008a00;
  --header--color-hover: #0097e6;
  --header--color: #fff;
  --header--color-link: #fff;
  --header--bordercolor-line: #fff;
  --megamenu--background-color: #fff;
  --megamenu--color: #000;
  --megamenu--color-link: #000;
  --megamenu--link-hover: #004595;
  --footer--color-primary: #004595;
  --footer--color-secondary: #002551;
  --footer--color-line: #008a00;
  --footer--color: #fff;
  --footer--color-link: #fff;
  --footer--color-link-hover: #0097e6;
  --breadcrumb--color-hover: #0097e6;
  --color--hover: #0097e6;
  --autocomplete-color--hover: #0097e6;
  --color--environmental: #049372;
  --tabs--color--accessibility: #767676;
  --tabs--color: #7f7f7f;
  --tabs-active--color: #004595;
  --tabs-active--border: #008a00;
  --bgorange: #d68704;
  --bgred: #d0021b;
  --bg-gray: #f4f4f2;
  --copy--background-color: #002652;
  --copy--border-color: #002652;
  --black-color: #000;
  --link-hover: #0097e6;
  --promo-card-hover: #004595;
  --gray-shade: #979797;
  --whitesmoke: #F5F5F5;
  --promo-card-icon-color: #004595;
}

/* New Design Mixins */
/* - mixins */
/* =========================================
        flex column
   ========================================= */
.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-center-spacebetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* =========================================
        flex column center
   ========================================= */
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* =========================================
        flex center
   ========================================= */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* =========================================
        flex Inline center
   ========================================= */
.flex-inline-center {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* font - mixins */
.font-roboto {
  font-family: "Roboto Slab";
  font-style: normal;
  line-height: normal;
}

.font-IBM-Sans {
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
}

/* =========================================
        Mixins - Media Queries
   ========================================= */
/* =========================================
        New Home page Mixin font family
   ========================================= */
/* ==============================================
        High resolution mediaquery for new home
   ============================================== */
/**
 * Basic typography style for copy text
 */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-style: normal;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Slab", serif;
  margin: 0;
  font-weight: 700;
  padding: 0 0 20px;
  color: var(--header--color-primary);
}

h1 {
  font-size: 48px;
  line-height: 60px;
}

h2 {
  font-size: 36px;
  line-height: 45px;
}

h3 {
  font-size: 32px;
  line-height: 40px;
}

h4 {
  font-size: 28px;
  line-height: 35px;
}

h5 {
  font-size: 24px;
  line-height: 30px;
}

h6 {
  font-size: 22px;
  line-height: 27.5px;
}

p {
  margin: 0;
  padding: 0 0 20px;
}
p.small-text {
  font-size: 14px;
}

input {
  font-family: "IBM Plex Sans", sans-serif;
}
input:focus {
  outline: none;
}

.fs-26 {
  font-size: 26px;
}

.text-bold {
  font-weight: bold;
}

.text-normal {
  font-weight: normal !important;
}

.black-color {
  color: var(--black-color);
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.float-left {
  float: left;
}

/* SPRINT_30 : #23902 - NR - "Issue on New PSR landing page layout" */
/*Font Awesome Missing Icons and Style Start*/
.fa-hand:before {
  content: "\f256";
}

/*Font Awesome Missing Icons and Style End*/
@keyframes animate-arrow-right {
  0% {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(10px) scaleX(1.3);
    transform: translate3d(10px, 0, 0) scaleX(1.3);
    opacity: 0;
  }
  51% {
    transform: translate(-10px) scaleX(1.3);
    transform: translate3d(-10px, 0, 0) scaleX(1.3);
    opacity: 0;
  }
  to {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@keyframes animate-arrow-left {
  0% {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-10px) scaleX(2);
    transform: translate3d(-10px, 0, 0) scaleX(2);
    opacity: 0;
  }
  51% {
    transform: translate(10px) scaleX(2);
    transform: translate3d(10px, 0, 0) scaleX(2);
    opacity: 0;
  }
  to {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@keyframes animate-arrow-down {
  0% {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(20px) scaleY(2);
    transform: translate3d(0, 20px, 0) scaleY(2);
    opacity: 0;
  }
  51% {
    transform: translateY(-20px) scaleY(2);
    transform: translate3d(0, -20px, 0) scaleY(2);
    opacity: 0;
  }
  to {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@keyframes animate-arrow-appear-down {
  0% {
    opacity: 0;
    transform: translateY(-20%);
    transform: translate3d(0, -20%, 0);
  }
  to {
    transform: translate(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes animate-arrow-up {
  0% {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-20px) scaleY(2);
    transform: translate3d(0, -20px, 0) scaleY(2);
    opacity: 0;
  }
  51% {
    transform: translateY(20px) scaleY(2);
    transform: translate3d(0, 20px, 0) scaleY(2);
    opacity: 0;
  }
  to {
    transform: translate(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@keyframes animate-generic {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  51% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
  opacity: 1;
  transform: none;
}

.fadeIn {
  animation-name: fadeIn;
  opacity: 1;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate(20px);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
  opacity: 1;
  transform: none;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate(-20px);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
  opacity: 1;
  transform: none;
}

@keyframes fadeInRightMM {
  0% {
    opacity: 0;
    transform: translate(-20px);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightMM {
  animation-name: fadeInRightMM;
  opacity: 1;
  transform: none;
}

.animated {
  animation-duration: 0.6s;
  animation-fill-mode: none;
}

.before-animation {
  opacity: 0;
  visibility: hidden;
  animation-name: none;
}

@keyframes promo-generic {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  51% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
@keyframes navFadeIn {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes navTopFadeIn {
  from {
    transform: translateY(-42px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes headerWrapFadeIn {
  from {
    transform: translateY(-212px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes logoFadeIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes jumbotronOverlayFadeIn {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes imagesFadeIn {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes imagesFadeOut {
  from {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes alertBlockFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-255px);
  }
  90% {
    opacity: 0.2;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes buttonLeftFadeIn {
  0% {
    border-radius: 0 50% 50% 0;
  }
  80% {
    border-radius: 0 50% 50% 0;
  }
  to {
    border-radius: 0;
  }
}
@keyframes buttonRightFadeIn {
  0% {
    border-radius: 50% 0 0 50%;
  }
  80% {
    border-radius: 50% 0 0 50%;
  }
  to {
    border-radius: 0;
  }
}
@keyframes currentWorksFadeIn {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes currentWorksContentFadeIn {
  from {
    transform: translateY(130%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes promoCardsHeaderFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes promoCardsFadeIn {
  from {
    opacity: 0;
    transform: translateY(200%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes promoCardsImageFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cssload-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes cssload-rotate {
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes cssload-rotate {
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes accordionFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes accordionFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes accordionPlusFadeOut {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-90deg);
  }
}
@keyframes accordionPlusFadeIn {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes jumbotronDotActive {
  from {
    transform: translateY(-30deg);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes jumbotronContentSlideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(30px);
  }
}
@keyframes jumbotronContentSlideIn {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes jumbotronImageSlideOut {
  from {
    transform: scale(1.38);
  }
  to {
    transform: scale(1);
  }
}
@keyframes jumbotronslideDotsBox {
  from {
    right: 100%;
  }
  to {
    right: calc((100% - 1140px) / 2);
  }
}
@keyframes jumbotronslideDotsBoxDesktops {
  from {
    right: 100%;
  }
  to {
    right: calc((100% - 960px) / 2);
  }
}
@keyframes jumbotronslideLine {
  from {
    width: 0;
  }
  to {
    width: 255px;
  }
}
@keyframes jumbotronslideDot {
  from {
    opacity: 0;
    top: 190px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes scrollToExploreI {
  from {
    top: -3px;
  }
  to {
    top: 3px;
  }
}
@keyframes scrollToExplore {
  from {
    opacity: 0;
    transform: translateY(80px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipFadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-15px);
  }
}
@keyframes tooltipFadeIn {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== Keyframes Select ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes inputCursor {
  from, to, 20%, 80% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes headerWrapFadeInNew {
  0% {
    transform: translateY(-110px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1 !important;
  }
}
@keyframes fadeInRightSI {
  0% {
    opacity: 0;
    transform: translate(-12px);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate(0px);
  }
}
@keyframes buttonLeftFadeInNH {
  0% {
    border-radius: 4px 50% 50% 4px;
  }
  80% {
    border-radius: 4px 50% 50% 4px;
  }
  to {
    border-radius: 4px;
  }
}
@keyframes buttonRightFadeInNH {
  0% {
    border-radius: 50% 4px 4px 50%;
  }
  80% {
    border-radius: 50% 4px 4px 50%;
  }
  to {
    border-radius: 4px;
  }
}
@keyframes shrink {
  0% {
    opacity: 0;
    background-size: 110% 110%;
  }
  100% {
    opacity: 1;
    background-size: 100% 100%;
  }
}
@keyframes heroMobileFadeInNew {
  from {
    transform: translateY(-30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/*360 degree water hub & Latest activity animation start*/
.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* fade in Up Animation Start */
@keyframes fadeInUp {
  from {
    transform: translateY(20px);
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform: translateY(20px);
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-delay: 1s;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
}

.quick-animate {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

@keyframes fadeInUpdelay {
  from {
    transform: translateY(40px);
  }
  to {
    transform: translateY(0);
    opacity: 0.5;
  }
}
@-webkit-keyframes fadeInUpdelay {
  from {
    transform: translateY(40px);
  }
  to {
    transform: translateY(0);
    opacity: 0.5;
  }
}
.fadeInUpdelay {
  opacity: 0;
  animation-name: fadeInUpdelay;
  -webkit-animation-name: fadeInUpdelay;
}

@keyframes fadeInText {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in-text {
  animation-name: fadeInText;
  animation-duration: 0.6s;
  animation-fill-mode: backwards;
  animation-delay: 0.6s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-fill-mode: backwards;
}

/**
* Set up a decent box model on the root element
*/
*, *:after, *:before {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  display: block;
  color: initial;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol {
  padding: 0 0 0 19px;
  margin: 20px 0 0;
}
ol li + li {
  margin-top: 10px;
}

form {
  margin: 0;
  padding: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition-delay: 99999s;
  transition: background-color 5000s ease-in-out 0s;
}

input::-ms-clear, input::-ms-reveal {
  color: transparent;
  display: none;
  width: 0;
  height: 0;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  background: none !important;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none;
}

input, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: var(--brand--color-primary);
}
a:hover {
  outline: none;
}
@media (min-width: 1200px) {
  a:hover {
    color: var(--button--hover-standard);
  }
}
a.find-more {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  display: inline-block;
  position: relative;
}
a.find-more i {
  margin-left: 7px;
  font-size: 12px;
}
a.find-more:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  opacity: 0;
  border-bottom: 1px solid var(--color--hover);
  transition: all 0.3s;
}
a.find-more:hover {
  color: var(--color--hover);
}
a.find-more:hover:before {
  opacity: 1;
  bottom: 0;
}
a.scroll-explore {
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
a.scroll-explore:hover {
  color: #fff;
}
a.scroll-explore:before {
  border-bottom-color: #fff;
}
a.scroll-explore i {
  position: relative;
  margin-right: 10px;
  margin-left: 0;
  font-size: 16px;
  animation: scrollToExploreI 0.5s infinite alternate;
}
a.nb-link {
  font-weight: bold;
  position: relative;
}
a.nb-link:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--brand--color-primary);
  transition: all 0.3s;
}
a.nb-link:hover {
  color: var(--brand--color-primary);
}
a.nb-link:hover:before {
  bottom: 0;
}

img {
  max-width: 100%;
  height: inherit;
  vertical-align: middle;
  border: none;
}

small, .small-title {
  font-size: 80% !important;
}

.small-title {
  font-weight: 600;
}

.sub-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 35px;
  display: block;
}
.sub-title span:not(.tooltip-label), .sub-title .form-row:not(.tooltip-label), .sub-title .normal:not(.tooltip-label) {
  font-weight: 400;
}
.sub-title .lbl {
  margin-bottom: 10px;
}
.sub-title.box-title {
  margin-bottom: 25px;
}
.sub-title.input-title {
  margin-bottom: 12px;
}

.small-sub-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}

.font-18 {
  font-size: 18px;
  line-height: 27px;
}

.font-24 {
  font-size: 24px;
  line-height: 36px;
}

.color-primary {
  color: var(--brand--color-primary);
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
}

.overflow {
  overflow: hidden;
}

.block:before, .block:after {
  display: table;
  content: "";
  clear: both;
}

.disabled-tile {
  opacity: 0.4;
  cursor: not-allowed !important;
}
@media (min-width: 1200px) {
  .disabled-tile {
    pointer-events: none;
  }
}

.disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
  pointer-events: none;
}

.clickable {
  cursor: pointer;
}

.not-visible {
  opacity: 0;
}

.hidden {
  display: none !important;
}

.hidden-label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.w-auto {
  width: auto !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-bold {
  font-weight: 500;
}

.font-bold {
  font-weight: bold !important;
}

.float-right {
  float: right;
}

div:not(.row) > .block.col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.wrapper {
  display: block;
}

.wrapper-body {
  min-height: 55vh;
  display: block;
}
@media (max-width: 767px) {
  .wrapper-body {
    position: relative;
    top: 70px;
  }
}

@media (max-width: 767px) {
  .corporate .wrapper-body .corporate-page {
    margin-bottom: 70px;
  }
  .corporate .wrapper-body .landing-page {
    padding-bottom: 70px;
  }
  .corporate .wrapper-body .landing-page .block:last-child.contactusblock, .corporate .wrapper-body .landing-page .block:last-child.emergencycontactcontainerblock, .corporate .wrapper-body .landing-page .block:last-child.articlecontainerblock, .corporate .wrapper-body .landing-page .block:last-child.promoimageblock, .corporate .wrapper-body .landing-page .block:last-child.featuredcontentblock, .corporate .wrapper-body .landing-page .block:last-child.downloadpdfblock, .corporate .wrapper-body .landing-page .block:last-child.personcontainerblock {
    margin-bottom: 0 !important;
  }
  .corporate .wrapper-body .landing-page .block:last-child.editorialblock .editorial__block {
    padding-bottom: 25px;
  }
  .corporate .wrapper-body .home-page {
    margin-bottom: 70px;
  }
  .corporate .wrapper-body .index-landing-page .landing-page {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .corporate .wrapper-footer {
    position: relative;
    z-index: 9;
  }
}

.wrapper-footer {
  display: block;
}

.wrapper-small {
  width: 350px;
  margin: 0 auto;
}

.grecaptcha-badge {
  z-index: 99;
}

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

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

textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400 !important;
  font-stretch: normal;
  line-height: 2.06;
  letter-spacing: normal;
  color: #7f7f7f !important;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid var(--brand--color-primary);
  border-left-color: #fff;
  border-radius: 974px;
  -o-border-radius: 974px;
  -ms-border-radius: 974px;
  -webkit-border-radius: 974px;
  -moz-border-radius: 974px;
}

.cssload-whirlpool {
  margin: -24px 0 0 -24px;
  height: 49px;
  width: 49px;
  animation: cssload-rotate 1150ms linear infinite;
  -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite;
  -webkit-animation: cssload-rotate 1150ms linear infinite;
  -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
  content: "";
  margin: -22px 0 0 -22px;
  height: 43px;
  width: 43px;
  animation: cssload-rotate 1150ms linear infinite;
  -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite;
  -webkit-animation: cssload-rotate 1150ms linear infinite;
  -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
  content: "";
  margin: -28px 0 0 -28px;
  height: 55px;
  width: 55px;
  animation: cssload-rotate 2300ms linear infinite;
  -o-animation: cssload-rotate 2300ms linear infinite;
  -ms-animation: cssload-rotate 2300ms linear infinite;
  -webkit-animation: cssload-rotate 2300ms linear infinite;
  -moz-animation: cssload-rotate 2300ms linear infinite;
}

.cssload-container.overlay {
  display: none;
  position: fixed;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}

.waiting-screen {
  display: none;
  position: fixed;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}

.FormSubmitButton, .FormResetButton {
  width: 130px;
  height: 60px;
  display: block;
  text-align: center;
  background: var(--button--color-standard);
  border: none;
  color: #fff;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px !important;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
}
.FormSubmitButton:after, .FormSubmitButton:before, .FormResetButton:after, .FormResetButton:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  height: 190%;
  top: -45%;
  left: 0;
  opacity: 0;
  background: var(--button--hover-standard);
}
.FormSubmitButton:before, .FormResetButton:before {
  border-radius: 0 50% 50% 0;
}
.FormSubmitButton:after, .FormResetButton:after {
  left: auto;
  right: 0;
  border-radius: 50% 0 0 50%;
}
.FormSubmitButton:hover, .FormSubmitButton:focus, .FormResetButton:hover, .FormResetButton:focus {
  color: #fff;
}
.FormSubmitButton:hover:after, .FormSubmitButton:hover:before, .FormSubmitButton:focus:after, .FormSubmitButton:focus:before, .FormResetButton:hover:after, .FormResetButton:hover:before, .FormResetButton:focus:after, .FormResetButton:focus:before {
  opacity: 1;
  width: 60%;
}
.FormSubmitButton:hover:before, .FormSubmitButton:focus:before, .FormResetButton:hover:before, .FormResetButton:focus:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.FormSubmitButton:hover:after, .FormSubmitButton:focus:after, .FormResetButton:hover:after, .FormResetButton:focus:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}
.FormSubmitButton:hover .btn-arrow i, .FormSubmitButton:focus .btn-arrow i, .FormResetButton:hover .btn-arrow i, .FormResetButton:focus .btn-arrow i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.FormSubmitButton:hover .btn-arrow i.fa-arrow-alt-to-bottom, .FormSubmitButton:focus .btn-arrow i.fa-arrow-alt-to-bottom, .FormResetButton:hover .btn-arrow i.fa-arrow-alt-to-bottom, .FormResetButton:focus .btn-arrow i.fa-arrow-alt-to-bottom {
  animation: animate-arrow-down 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.Form__Element.FormResetButton.Form__Element--NonData {
  width: 130px !important;
  height: 60px !important;
  background: var(--button--color-standard);
  border: none;
  color: #fff;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
}

button.Form__NavigationBar__Action.FormExcludeDataRebind.btnPrev,
button.Form__NavigationBar__Action.FormExcludeDataRebind.btnNext {
  width: 186px;
  height: 60px;
  background: var(--button--color-standard);
  border: none;
  color: #fff;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
}

.nb-btn, .nb-mob-btn, .access-btn {
  background: var(--button--color-standard);
  border: none;
  color: #fff;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
}
.nb-btn .btn-fa, .nb-mob-btn .btn-fa, .access-btn .btn-fa {
  margin-right: 15px;
  font-size: 20px;
}
.nb-btn .btn-arrow, .nb-mob-btn .btn-arrow, .access-btn .btn-arrow {
  background: var(--button--color-arrow);
  width: 60px;
}
.nb-btn .btn-arrow i, .nb-mob-btn .btn-arrow i, .access-btn .btn-arrow i {
  color: #fff;
}
.nb-btn > span:not(.btn-arrow), .nb-mob-btn > span:not(.btn-arrow), .access-btn > span:not(.btn-arrow) {
  word-break: break-word;
  text-align: left;
  padding-right: 5px;
}
.nb-btn:after, .nb-btn:before, .nb-mob-btn:after, .nb-mob-btn:before, .access-btn:after, .access-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  height: 190%;
  top: -45%;
  left: 0;
  opacity: 0;
  background: var(--button--hover-standard);
}
.nb-btn:before, .nb-mob-btn:before, .access-btn:before {
  border-radius: 0 50% 50% 0;
}
.nb-btn:after, .nb-mob-btn:after, .access-btn:after {
  left: auto;
  right: 0;
  border-radius: 50% 0 0 50%;
}
.nb-btn:hover, .nb-btn:focus, .nb-mob-btn:hover, .nb-mob-btn:focus, .access-btn:hover, .access-btn:focus {
  color: #fff;
}
.nb-btn:hover:after, .nb-btn:hover:before, .nb-btn:focus:after, .nb-btn:focus:before, .nb-mob-btn:hover:after, .nb-mob-btn:hover:before, .nb-mob-btn:focus:after, .nb-mob-btn:focus:before, .access-btn:hover:after, .access-btn:hover:before, .access-btn:focus:after, .access-btn:focus:before {
  opacity: 1;
  width: 60%;
}
.nb-btn:hover:before, .nb-btn:focus:before, .nb-mob-btn:hover:before, .nb-mob-btn:focus:before, .access-btn:hover:before, .access-btn:focus:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.nb-btn:hover:after, .nb-btn:focus:after, .nb-mob-btn:hover:after, .nb-mob-btn:focus:after, .access-btn:hover:after, .access-btn:focus:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}
.nb-btn:hover .btn-arrow i, .nb-btn:focus .btn-arrow i, .nb-mob-btn:hover .btn-arrow i, .nb-mob-btn:focus .btn-arrow i, .access-btn:hover .btn-arrow i, .access-btn:focus .btn-arrow i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.nb-btn:hover .btn-arrow i.fa-arrow-alt-to-bottom, .nb-btn:focus .btn-arrow i.fa-arrow-alt-to-bottom, .nb-mob-btn:hover .btn-arrow i.fa-arrow-alt-to-bottom, .nb-mob-btn:focus .btn-arrow i.fa-arrow-alt-to-bottom, .access-btn:hover .btn-arrow i.fa-arrow-alt-to-bottom, .access-btn:focus .btn-arrow i.fa-arrow-alt-to-bottom {
  animation: animate-arrow-down 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.nb-btn.nb-btn__arrow, .nb-mob-btn.nb-btn__arrow, .access-btn.nb-btn__arrow {
  padding-right: 60px;
}
.nb-btn.nb-btn__arrow .btn-arrow, .nb-mob-btn.nb-btn__arrow .btn-arrow, .access-btn.nb-btn__arrow .btn-arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.nb-btn.nb-btn-lg, .nb-mob-btn.nb-btn-lg, .access-btn.nb-btn-lg {
  padding: 18px 40px;
}
.nb-btn.nb-btn-inline, .nb-mob-btn.nb-btn-inline, .access-btn.nb-btn-inline {
  display: inline-flex;
}
.nb-btn.nb-btn-inline span:not(.btn-arrow), .nb-mob-btn.nb-btn-inline span:not(.btn-arrow), .access-btn.nb-btn-inline span:not(.btn-arrow) {
  padding-right: 15px;
}
.nb-btn.nb-btn__cta, .nb-mob-btn.nb-btn__cta, .access-btn.nb-btn__cta {
  padding: 18px 40px;
}
.nb-btn.nb-btn-outline, .nb-mob-btn.nb-btn-outline, .access-btn.nb-btn-outline {
  padding-top: 17px;
  padding-bottom: 17px;
  background: transparent;
  border: 1px solid var(--button--color-standard);
  color: var(--button--color-standard);
}
.nb-btn.nb-btn-outline:before, .nb-btn.nb-btn-outline:after, .nb-mob-btn.nb-btn-outline:before, .nb-mob-btn.nb-btn-outline:after, .access-btn.nb-btn-outline:before, .access-btn.nb-btn-outline:after {
  background: var(--button--color-standard);
}
.nb-btn.nb-btn-outline.nb-btn-outline-hover:before, .nb-btn.nb-btn-outline.nb-btn-outline-hover:after, .nb-mob-btn.nb-btn-outline.nb-btn-outline-hover:before, .nb-mob-btn.nb-btn-outline.nb-btn-outline-hover:after, .access-btn.nb-btn-outline.nb-btn-outline-hover:before, .access-btn.nb-btn-outline.nb-btn-outline-hover:after {
  background: var(--button--hover-standard);
}
.nb-btn.nb-btn-outline:hover, .nb-btn.nb-btn-outline:focus, .nb-mob-btn.nb-btn-outline:hover, .nb-mob-btn.nb-btn-outline:focus, .access-btn.nb-btn-outline:hover, .access-btn.nb-btn-outline:focus {
  color: #fff;
}
.nb-btn.nb-btn-sm, .nb-mob-btn.nb-btn-sm, .access-btn.nb-btn-sm {
  padding: 9px 16px;
}
.nb-btn.nb-btn-block, .nb-mob-btn.nb-btn-block, .access-btn.nb-btn-block {
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 4px;
}
.nb-btn.nb-btn-left, .nb-mob-btn.nb-btn-left, .access-btn.nb-btn-left {
  text-align: left;
}
.nb-btn.nb-btn-error, .nb-mob-btn.nb-btn-error, .access-btn.nb-btn-error {
  border-color: #d91e18;
}
.nb-btn.active, .nb-mob-btn.active, .access-btn.active {
  background: var(--button--color-arrow);
}
.nb-btn:disabled, .nb-btn .disabled, .nb-mob-btn:disabled, .nb-mob-btn .disabled, .access-btn:disabled, .access-btn .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.nb-btn.nb-btn-white, .nb-mob-btn.nb-btn-white, .access-btn.nb-btn-white {
  background: #fff;
  color: var(--brand--color-primary);
}
.nb-btn.nb-btn-white:hover, .nb-btn.nb-btn-white:focus, .nb-mob-btn.nb-btn-white:hover, .nb-mob-btn.nb-btn-white:focus, .access-btn.nb-btn-white:hover, .access-btn.nb-btn-white:focus {
  color: #fff;
}
.nb-btn.nb-btn-icon i, .nb-mob-btn.nb-btn-icon i, .access-btn.nb-btn-icon i {
  font-size: 22px;
  margin-right: 15px;
  vertical-align: middle;
}
.nb-btn.nb-btn-gray, .nb-mob-btn.nb-btn-gray, .access-btn.nb-btn-gray {
  background: #e6e6e6;
  color: #000;
  width: 100%;
}
.nb-btn.nb-btn-gray i, .nb-mob-btn.nb-btn-gray i, .access-btn.nb-btn-gray i {
  color: var(--brand--color-primary);
}
.nb-btn.nb-btn-gray:before, .nb-btn.nb-btn-gray:after, .nb-mob-btn.nb-btn-gray:before, .nb-mob-btn.nb-btn-gray:after, .access-btn.nb-btn-gray:before, .access-btn.nb-btn-gray:after {
  background: var(--button--color-standard);
}
.nb-btn.nb-btn-gray:hover, .nb-btn.nb-btn-gray:focus, .nb-mob-btn.nb-btn-gray:hover, .nb-mob-btn.nb-btn-gray:focus, .access-btn.nb-btn-gray:hover, .access-btn.nb-btn-gray:focus {
  color: #fff;
}
.nb-btn.nb-btn-gray:hover i, .nb-btn.nb-btn-gray:focus i, .nb-mob-btn.nb-btn-gray:hover i, .nb-mob-btn.nb-btn-gray:focus i, .access-btn.nb-btn-gray:hover i, .access-btn.nb-btn-gray:focus i {
  color: #fff;
}

.access-btn {
  position: absolute;
  padding: 1px 0;
  background-color: #65b32e;
}
.access-btn:before, .access-btn:after {
  background-color: #049372;
}

.nb-btn-middle {
  width: 50%;
  text-align: center;
  display: inline-block;
}

.btn-outline-box .nb-btn-outline:before, .btn-outline-box .nb-btn-outline:after {
  background: var(--button--hover-standard);
}
.btn-outline-box .nb-btn-outline:hover, .btn-outline-box .nb-btn-outline:focus {
  border-color: var(--button--hover-standard);
}

.isMobile .nb-btn-white:hover, .isMobile .nb-btn-white:focus {
  color: var(--brand--color-primary);
}

.btn-play {
  background: var(--header--color-primary);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  border: none;
}
.btn-play:hover, .btn-play:focus {
  background: var(--header--color-secondary);
}
.btn-play:hover i, .btn-play:focus i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  color: #fff;
}
.btn-play:disabled, .btn-play .disabled {
  opacity: 0.4;
  pointer-events: none;
}

.nb-btn-link {
  cursor: pointer;
  border: none;
  background: transparent;
  position: relative;
  padding: 0 0 7px;
  color: var(--button--color-standard);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  border-bottom: 2px solid #4c7cb5;
  transition: all 0.3s;
}
.nb-btn-link:hover, .nb-btn-link:focus {
  color: var(--button--color-standard);
  outline: none;
  padding: 0 0 2px;
  margin-bottom: 5px;
}
.nb-btn-link:disabled, .nb-btn-link .disabled {
  opacity: 0.4;
  pointer-events: none;
}

.isMobile .nb-btn:before, .isMobile .nb-btn:after {
  display: none;
}
.isMobile .nb-btn.nb-btn-outline:hover, .isMobile .nb-btn.nb-btn-outline:focus {
  color: var(--button--color-standard);
}

@media all and (-ms-high-contrast: none) {
  .nb-btn.nb-btn-inline {
    display: inline-block;
  }
  /* IE10 */
}
@media (max-width: 767px) {
  .nb-btn.nb-btn-inline {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.nb-btn.nb-btn-outline.web-access-lang-btn svg {
  vertical-align: middle;
}
.nb-btn.nb-btn-outline.web-access-lang-btn:hover svg path {
  fill: #fff;
}
.nb-btn.nb-btn-outline.web-access-lang-btn:hover text tspan {
  fill: #fff;
}

.btn-disabled-back {
  background: var(--button--color-standard);
}
.btn-disabled-back:before, .btn-disabled-back:after {
  background: var(--button--color-standard) !important;
}

.form-row {
  margin-bottom: 40px;
}
.form-row:first-child {
  margin-top: 16px;
}
.form-row.mb0 {
  margin-bottom: 0;
}
.form-row.mb15 {
  margin-bottom: 15px;
}
.form-row.mb20 {
  margin-bottom: 20px;
}
.form-row > .form-lable {
  font-weight: 600;
}
.form-row > .form-lable + .form-checkbox {
  margin-top: 24px;
}
.form-row .mb15 {
  margin-bottom: 15px;
}
.form-row .form-checkbox + .form-checkbox {
  margin-left: 24px;
}
.form-row {
  /* SPRINT 57 - #68851 - SC - Shaw Trust Element Mark Up Issues */
}
.form-row fieldset {
  border: none;
  width: 100%;
}
.form-row .form-checkboxes {
  margin-top: 24px;
}
.form-row .form-checkboxes fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.form-row .form-subtitle {
  font-size: 80%;
  font-weight: 600;
  color: #000;
  margin-top: 7px;
}
.form-row .form-error {
  display: none;
  opacity: 0;
  font-size: 80%;
  font-weight: 600;
  color: #d91e18;
  margin-top: 7px;
  will-change: display, opacity, animation;
  animation: fadeOut 1.2s forwards;
  text-align: left;
}
.form-row .form-error * {
  color: #d91e18;
}
.form-row .form-error p, .form-row .form-error h1, .form-row .form-error h2, .form-row .form-error h3, .form-row .form-error h4, .form-row .form-error h5, .form-row .form-error h6, .form-row .form-error ul, .form-row .form-error ol {
  padding: 0;
  margin: 0;
}
.form-row .form-error ul, .form-row .form-error ol {
  list-style: inherit;
  margin-left: 15px;
}
.form-row.error .form-error {
  display: block;
  animation: fadeIn 1.2s forwards;
}
.form-row .pb-chk-0:nth-last-child(1) {
  margin-bottom: 0;
}

.form-flex {
  display: flex;
  align-items: center;
}
.form-flex.form-center {
  justify-content: center;
}

.row-ebilling {
  margin-top: 48px;
}
.row-ebilling .form-row {
  margin-bottom: 24px;
}
.row-ebilling .form-link {
  margin-top: -16px;
}

.form-btn {
  margin-top: 24px;
}

.form-link {
  margin: 16px 0 24px;
}

.form-btn-link {
  margin: 16px 0 32px;
}

.form-group {
  position: relative;
}
.form-group .nb-tooltip {
  position: absolute;
  right: 0;
  top: 4px;
  white-space: nowrap;
}
.form-group .nb-tooltip a + a {
  margin-left: 24px;
}
.form-group .form-show {
  font-size: 14px;
  font-weight: 600;
  color: #767676;
  display: inline-block;
  margin-top: 5px;
}
.form-group .form-show:hover, .form-group .form-show:focus {
  color: var(--color--hover);
  outline: none;
}
.form-group .form-lable {
  position: absolute;
  top: 0;
  left: 0;
  right: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  font-size: 16px;
  cursor: text;
  text-align: initial;
  pointer-events: none;
  transition: transform 0.2s ease-out;
  -webkit-transform: translate(0, 4px);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
  text-align: left;
}
.form-group .form-lable-select {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  -webkit-transform: translateY(-18px) scale(0.8);
  transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.form-group .form-line {
  font-weight: 600;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 38px;
  height: 0;
  transition: all 0.3s;
  color: transparent;
  max-width: 100%;
  pointer-events: none;
  overflow: hidden;
  border-bottom: 3px solid;
}
.form-group .form-line:empty {
  border-bottom: 3px solid #767676 !important;
}
.form-group .password-dot {
  position: absolute;
  left: 0;
  top: 9px;
  display: none;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 2px;
  height: 20px;
  line-height: 20px;
}
.form-group .password-dot:after {
  position: absolute;
  height: 20px;
  background: #000;
  display: none;
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
  animation: 1s inputCursor step-end infinite;
}
.form-group .password-dot > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
}
.form-group .password-dot > span + span {
  margin-left: 5px;
}
.form-group .password-rules {
  padding: 15px;
  border: 3px solid #ccc;
  display: none;
  position: relative;
}
.form-group .password-rules::after {
  border-bottom: 15px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: 165px;
}
.form-group .password-rules p {
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 5px;
}
.form-group .password-rules p.error {
  color: red;
}
.form-group .password-rules p.success {
  color: green;
}
.form-group .form-control {
  border: none;
  background: none;
  width: 100%;
  padding: 0 0 6px;
  line-height: 32px;
  min-height: 41px;
  font-size: 16px;
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
  position: relative;
  border-bottom: 3px solid #767676;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
  caret-color: #000;
  color: #000;
}
.form-group .form-control:focus ~ .form-lable {
  -webkit-transform: translateY(-18px) scale(0.8);
  transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.form-group .form-control[type=password] {
  color: transparent !important;
  caret-color: transparent !important;
  text-indent: -9999px;
}
.form-group .form-control[type=password]::selection {
  color: transparent;
  background: #3390ff;
}
.form-group .form-control[type=password]::-moz-selection {
  color: transparent;
  background: #3390ff;
}
.form-group .form-control[type=password]:focus ~ .password-dot {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.form-group .form-control[type=password]:focus ~ .password-dot:after {
  display: block;
}
.form-group .form-control[type=password] ~ .password-dot {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.form-group .form-control.postcode {
  text-transform: uppercase;
}
.form-group .form-control.postcode ~ .form-line {
  text-transform: uppercase;
}
.form-group .form-control.firstname {
  text-transform: capitalize;
}
.form-group.password22 .form-control[type=password] {
  letter-spacing: 6.3px;
}
.form-group.password22 .password-dot > span {
  width: 8px;
  height: 8px;
}
.form-group.password26 .form-control[type=password] {
  letter-spacing: 4.3px;
}
.form-group.password26 .password-dot > span {
  width: 6px;
  height: 6px;
}
.form-group.password32 .form-control[type=password] {
  letter-spacing: 2.2px;
}
.form-group.password32 .password-dot > span {
  width: 4px;
  height: 4px;
}
.form-group.active .form-lable, .form-group.show-date .form-lable {
  -webkit-transform: translateY(-18px) scale(0.8);
  transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.form-group.empty .form-control {
  border-bottom-color: #d91e18;
}
.form-group.empty .form-lable {
  -webkit-transform: translateY(-18px) scale(0.8);
  transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.form-group.error .form-line, .form-group.empty .form-line {
  border-bottom-color: #d91e18;
  display: block;
  width: 100%;
}
.form-group.error .form-error, .form-group.empty .form-error {
  display: block;
  animation: fadeIn 1.2s forwards;
  margin-top: 0px;
}
.form-group.completed .form-line {
  border-bottom-color: var(--brand--color-secondary);
  display: block;
  width: 100%;
}
.form-group.show-tooltip {
  z-index: 98;
}

.form-group.has-value label.form-lable, .form-group.is-focused label.form-lable {
  -webkit-transform: translateY(-18px) scale(0.8);
  transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.errormsg.error .form-error, .errormsg.empty .form-error {
  display: block;
  animation: fadeIn 1.2s forwards;
  margin-top: 0px;
}

.chk-row {
  margin-bottom: 24px;
}

.chk-button {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: transparent;
  border: 1px solid var(--button--color-standard);
  color: var(--button--color-standard);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
}
.chk-button.empty {
  border: 1px solid red !important;
}
.chk-button:after, .chk-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  height: 190%;
  top: -45%;
  left: 0;
  opacity: 0;
  background: var(--button--color-standard);
}
.chk-button:before {
  border-radius: 0 50% 50% 0;
}
.chk-button:after {
  left: auto;
  right: 0;
  border-radius: 50% 0 0 50%;
}
.chk-button:hover, .chk-button:focus {
  color: #fff;
}
.chk-button:hover:after, .chk-button:hover:before, .chk-button:focus:after, .chk-button:focus:before {
  opacity: 1;
  width: 60%;
}
.chk-button:hover:before, .chk-button:focus:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.chk-button:hover:after, .chk-button:focus:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}
.chk-button span {
  display: block;
  width: 100%;
  padding: 18px 20px;
  background: transparent;
  color: var(--button--color-standard);
  text-align: center;
}
.chk-button span:before {
  position: relative;
  width: 100%;
  background: #fff;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.chk-button span:after {
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}
.chk-button span:hover {
  color: #fff;
}
.chk-button input {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  border: none;
  left: -20px;
}
.chk-button input:checked ~ span {
  background-color: var(--button--color-standard);
  color: #fff;
}
.chk-button.nb-btn-error {
  border-color: #d91e18;
}

.ps-form-affected-by .chk-row .chk-button {
  display: inline-block;
  padding: 18px 20px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: transparent;
  border: 1px solid var(--button--color-standard);
  color: var(--button--color-standard);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
}
.ps-form-affected-by .chk-row .chk-button.empty {
  border: 1px solid red !important;
}
.ps-form-affected-by .chk-row .chk-button:after, .ps-form-affected-by .chk-row .chk-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  height: 190%;
  top: -45%;
  left: 0;
  opacity: 0;
  background: var(--button--color-standard);
}
.ps-form-affected-by .chk-row .chk-button:before {
  border-radius: 0 50% 50% 0;
}
.ps-form-affected-by .chk-row .chk-button:after {
  left: auto;
  right: 0;
  border-radius: 50% 0 0 50%;
}
@media not all and (pointer: coarse) {
  .ps-form-affected-by .chk-row .chk-button:hover, .ps-form-affected-by .chk-row .chk-button:focus {
    color: #fff;
  }
  .ps-form-affected-by .chk-row .chk-button:hover:after, .ps-form-affected-by .chk-row .chk-button:hover:before, .ps-form-affected-by .chk-row .chk-button:focus:after, .ps-form-affected-by .chk-row .chk-button:focus:before {
    opacity: 1;
    width: 60%;
  }
  .ps-form-affected-by .chk-row .chk-button:hover:before, .ps-form-affected-by .chk-row .chk-button:focus:before {
    animation: buttonLeftFadeIn 0.3s ease-out forwards;
  }
  .ps-form-affected-by .chk-row .chk-button:hover:after, .ps-form-affected-by .chk-row .chk-button:focus:after {
    animation: buttonRightFadeIn 0.3s ease-out forwards;
  }
}
.ps-form-affected-by .chk-row input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.ps-form-affected-by .chk-row input[type=checkbox]:checked {
  background: #0056b3;
  color: white;
  border-color: #004494;
}
.ps-form-affected-by .chk-row input[type=checkbox]:checked ~ label {
  background-color: var(--button--color-standard);
  color: #fff;
}
.ps-form-affected-by .chk-row input[type=checkbox]:focus-visible + .chk-button {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
  color: #fff;
}
.ps-form-affected-by .chk-row input[type=checkbox]:focus-visible + .chk-button:after, .ps-form-affected-by .chk-row input[type=checkbox]:focus-visible + .chk-button:before {
  opacity: 1;
  width: 60%;
}
.ps-form-affected-by .chk-row input[type=checkbox]:focus-visible + .chk-button:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.ps-form-affected-by .chk-row input[type=checkbox]:focus-visible + .chk-button:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}

.form-checkbox {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.form-checkbox.align-item-top {
  -ms-flex-align: end;
  align-items: end;
}
.form-checkbox span.checkbox, .form-checkbox span.radio {
  border: 3px solid #767676;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.form-checkbox span.checkbox i {
  display: none;
  position: absolute;
  top: 3px;
  left: 4px;
  font-size: 18px;
  color: var(--brand--color-secondary);
}
.form-checkbox span.radio {
  border-radius: 50%;
}
.form-checkbox span.radio-label span {
  font-weight: normal;
}
.form-checkbox span.checkbox-label, .form-checkbox span.radio-label {
  margin-left: 10px;
  font-weight: bold;
}
.form-checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  border: none;
  left: -20px;
}
.form-checkbox input:focus ~ span.checkbox {
  border-color: var(--brand--color-primary);
}
.form-checkbox input:checked ~ span {
  border-color: #767676;
}
.form-checkbox input:checked ~ span.checkbox i {
  display: block;
}
.form-checkbox input:checked ~ span.radio:before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--brand--color-primary);
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 7px;
}
.form-checkbox.error span.checkbox, .form-checkbox.error span.radio {
  border-color: #d91e18;
}

.row-textarea textarea {
  padding: 28px 32px;
  font-weight: 600;
  height: 248px;
  margin-bottom: 5px;
  border: 1px solid #767676;
  resize: none;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
  outline: none;
}
.row-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.row-textarea textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.row-textarea textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.row-textarea textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.row-textarea textarea::placeholder { /* Most modern browsers support this now. */
  color: #767676 !important;
}
.row-textarea textarea::-webkit-input-placeholder {
  color: #767676 !important;
}
.row-textarea .completed .form-line {
  width: auto !important;
}
.row-textarea label {
  font-style: italic;
  font-size: 14px;
  display: block;
}
.row-textarea.error textarea {
  border-color: #d91e18;
}

.form-toggle {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.form-toggle span {
  display: block;
  width: 60px;
  height: 30px;
  background: #7f7f7f;
  border-radius: 15px;
}
.form-toggle span:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 32px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
}
.form-toggle span:after {
  position: absolute;
  content: "Off";
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  left: 9px;
  top: 3px;
}
.form-toggle input {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  border: none;
  left: -20px;
}
.form-toggle input:checked ~ span {
  background: var(--brand--color-primary);
}
.form-toggle input:checked ~ span:before {
  left: 3px;
}
.form-toggle input:checked ~ span:after {
  left: 31px;
  content: "On";
}
.form-toggle input:focus ~ span {
  opacity: 0.8;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.8);
}

/* SPRINT_56 : #64839 - ST - Ebilling updates */
/*Custom toggle switch Yes/No which can reuse */
.switch-label.ebilling-options {
  margin-bottom: 32px;
}
.switch-label.ebilling-options .form-toggle span {
  display: block;
  width: 62x;
  height: 30px;
  background: #7f7f7f;
  border-radius: 30px;
}
.switch-label.ebilling-options .form-toggle span:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 4px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
}
.switch-label.ebilling-options .form-toggle span:after {
  position: absolute;
  content: "No";
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  left: 34px;
  top: 3px;
}
.switch-label.ebilling-options .form-toggle input {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  border: none;
  left: -20px;
}
.switch-label.ebilling-options .form-toggle input:checked ~ span {
  background: var(--brand--color-primary);
}
.switch-label.ebilling-options .form-toggle input:checked ~ span:before {
  left: 34px;
}
.switch-label.ebilling-options .form-toggle input:checked ~ span:after {
  left: 8px;
  content: "Yes";
}
.switch-label.ebilling-options .form-toggle input:focus ~ span {
  opacity: 0.8;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.8);
}

/* ===== Select Box ===== */
.form-select {
  border-bottom: 3px solid #767676;
  background: #fff;
  position: relative;
  height: 41px;
  cursor: pointer;
  text-align: left;
  outline: none;
}
.form-select.selected .form-line:not(:empty) {
  display: block;
  width: 100%;
  border-bottom-color: var(--brand--color-secondary);
}
.form-select select {
  display: none;
}
.form-select .fa-caret-down {
  position: absolute;
  right: 0;
  top: 15px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.form-select .fa-caret-down:before {
  display: none;
}
.form-select .sel__placeholder {
  display: block;
  line-height: 32px;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  pointer-events: none;
  user-select: none;
  visibility: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 20px 4px 0;
  height: 38px;
}
.form-select .sel__box {
  outline: none !important;
  border: 3px solid #e6e6e6;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  list-style-type: none;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  max-height: 235px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.form-select .sel__box .sel__box_inner {
  position: relative;
}
.form-select .sel__box__options {
  display: list-item;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 24px 17px;
  user-select: none;
  cursor: pointer;
  outline: none !important;
}
.form-select .sel__box__options + .sel__box__options {
  border-top: 3px solid #e6e6e6;
}
.form-select .sel__box__options:hover, .form-select .sel__box__options.selected {
  background-color: var(--color--hover);
  color: #fff;
}
.form-select.hasempty {
  cursor: not-allowed;
  pointer-events: none;
}
.form-select.hasempty .fa-caret-down, .form-select.hasempty:after {
  display: none;
}
.form-select.hasempty select::-ms-expand {
  display: none;
}
.form-select.form-tooltip .fa-caret-down {
  right: 35px;
}
.form-select.empty {
  border-bottom-color: #d91e18;
}
.form-select.empty ~ .form-error {
  display: block;
  animation: fadeIn 1.2s forwards;
}
.form-select.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.form-select.selected .form-lable, .form-select:focus .form-lable {
  -webkit-transform: translateY(-18px) scale(0.8);
  transform: translateY(-18px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.form-select.actived .fa-caret-down {
  transform: rotateX(-180deg);
}
.form-select.actived .sel__box {
  display: block;
  animation: fadeInUp 500ms;
}

.form-recaptcha {
  display: none;
}
.form-recaptcha.error .g-recaptcha > div {
  border: 1px solid #d91e18;
}

.ui-datepicker {
  border: 3px solid #767676;
  background: #fff;
  z-index: 999 !important;
  display: none;
  border-radius: 4px;
  margin-top: 4px;
}
.ui-datepicker .ui-datepicker-header {
  border-bottom: 3px solid #767676;
  font-size: "IBM Plex Sans", sans-serif;
  font-weight: bold;
  padding: 17px 24px 16px;
  text-align: center;
  position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  padding: 0 24px;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: block;
  height: 100% !important;
  overflow: hidden;
  color: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  width: 0;
  padding-left: 12px;
  position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:before {
  color: var(--brand--color-primary);
  position: absolute;
  top: 17px;
  left: 0;
  font-size: 36px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover span:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover span:before {
  color: var(--color--hover);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  transform: rotate(-180deg);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:before {
  content: "\f104";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span:before {
  content: "\f105";
  left: -3px;
}
.ui-datepicker .ui-datepicker-calendar {
  border-collapse: collapse;
  border: none;
  margin: 0 24px;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  font-weight: bold;
  font-size: 12px;
  color: var(--brand--color-primary);
  border: none;
  line-height: 45px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar tbody td a, .ui-datepicker .ui-datepicker-calendar tbody td span {
  font-weight: bold;
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #000;
  font-size: 12px;
}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover, .ui-datepicker .ui-datepicker-calendar tbody td span:hover {
  color: var(--color--hover);
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #fff;
  background: var(--brand--color-secondary);
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-other-month a, .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-other-month span, .ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled a, .ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span {
  color: #7f7f7f;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
  color: #fff;
  background: var(--brand--color-primary);
}

.form-date:before {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.form-date .form-control[type=date] {
  display: none;
}
.form-date.form-tooltip:before {
  right: 35px;
}

/* fix top IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .form-group .form-control[type=password] {
    text-indent: -9999px;
  }
}
.isMac .form-group .form-line {
  top: 40px;
}
.isMac .form-group .form-select {
  height: 43px;
}

.ios .form-group .form-line {
  top: 40px;
}
.ios .form-group .form-select {
  height: 43px;
}
.ios .form-group .password-dot:after {
  width: 2px;
  border-radius: 2px;
}

.isMobile .form-select .sel__box, .isMobile .form-select .sel__placeholder, .isMobile .form-select .fa-caret-down {
  display: none;
}
.isMobile .form-select select {
  background: #fff;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  border: none;
  height: 38px;
  min-height: 38px;
  position: absolute;
  font-size: 16px;
  font-weight: 600;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  padding-right: 22px;
}
.isMobile .form-select select option {
  font-weight: 600;
}
.isMobile .form-select select.form-control.reasonNamechange {
  background-color: var(--bg-gray) !important;
}
.isMobile .form-select:after {
  content: "";
  position: absolute;
  position: absolute;
  right: 0;
  top: 15px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}

.direct-debit-date .small-title {
  margin-bottom: 30px;
}

/* =========================================
responsive mobile sm
========================================= */
@media (max-width: 420px) {
  .ui-datepicker .ui-datepicker-calendar tbody td a, .ui-datepicker .ui-datepicker-calendar tbody td span {
    width: 39px;
    height: 39px;
    line-height: 39px;
  }
}
/* =========================================
responsive mobile xs
========================================= */
@media (max-width: 320px) {
  .ui-datepicker .ui-datepicker-calendar tbody td a, .ui-datepicker .ui-datepicker-calendar tbody td span {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.isMobile .form-date .form-control[type=date] {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.isMobile .form-date .form-control[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  height: 30px;
  width: 100%;
  left: 0;
  opacity: 0;
}
.isMobile .form-date .form-control[type=text] {
  z-index: 1;
}
.isMobile .form-date .form-line {
  z-index: 3;
}

.contactus-form-page .row-textarea .form-control {
  border: 1px solid #767676 !important;
}
.contactus-form-page .row-textarea .empty {
  border: 1px solid red !important;
}

.priority-services-block .priority-services-someone-else .psr-someone-else-personal-details .form-row.dob-border-block, .priority-services-block .priority-services-someone-else .psr-someone-else-you-dob_nwlaccount .form-row.dob-border-block, .priority-services-block .priority-services-someone-else .psr-verify-dob_nwlaccount .form-row.dob-border-block, .priority-services-block .priority-services-me .psr-someone-else-personal-details .form-row.dob-border-block, .priority-services-block .priority-services-me .psr-someone-else-you-dob_nwlaccount .form-row.dob-border-block, .priority-services-block .priority-services-me .psr-verify-dob_nwlaccount .form-row.dob-border-block, .priority-services-block .customer-other-details .psr-someone-else-personal-details .form-row.dob-border-block, .priority-services-block .customer-other-details .psr-someone-else-you-dob_nwlaccount .form-row.dob-border-block, .priority-services-block .customer-other-details .psr-verify-dob_nwlaccount .form-row.dob-border-block {
  display: none;
}
.priority-services-block .priority-services-someone-else .psr-someone-else-personal-details .form-group.active .dob-border-none, .priority-services-block .priority-services-someone-else .psr-someone-else-you-dob_nwlaccount .form-group.active .dob-border-none, .priority-services-block .priority-services-someone-else .psr-verify-dob_nwlaccount .form-group.active .dob-border-none, .priority-services-block .priority-services-me .psr-someone-else-personal-details .form-group.active .dob-border-none, .priority-services-block .priority-services-me .psr-someone-else-you-dob_nwlaccount .form-group.active .dob-border-none, .priority-services-block .priority-services-me .psr-verify-dob_nwlaccount .form-group.active .dob-border-none, .priority-services-block .customer-other-details .psr-someone-else-personal-details .form-group.active .dob-border-none, .priority-services-block .customer-other-details .psr-someone-else-you-dob_nwlaccount .form-group.active .dob-border-none, .priority-services-block .customer-other-details .psr-verify-dob_nwlaccount .form-group.active .dob-border-none {
  border: none;
}
.priority-services-block .priority-services-someone-else .psr-someone-else-personal-details .form-group.active .dob-border-block, .priority-services-block .priority-services-someone-else .psr-someone-else-you-dob_nwlaccount .form-group.active .dob-border-block, .priority-services-block .priority-services-someone-else .psr-verify-dob_nwlaccount .form-group.active .dob-border-block, .priority-services-block .priority-services-me .psr-someone-else-personal-details .form-group.active .dob-border-block, .priority-services-block .priority-services-me .psr-someone-else-you-dob_nwlaccount .form-group.active .dob-border-block, .priority-services-block .priority-services-me .psr-verify-dob_nwlaccount .form-group.active .dob-border-block, .priority-services-block .customer-other-details .psr-someone-else-personal-details .form-group.active .dob-border-block, .priority-services-block .customer-other-details .psr-someone-else-you-dob_nwlaccount .form-group.active .dob-border-block, .priority-services-block .customer-other-details .psr-verify-dob_nwlaccount .form-group.active .dob-border-block {
  display: block;
}
.priority-services-block .priority-services-someone-else .psr-someone-else-personal-details .dob-border-none, .priority-services-block .priority-services-someone-else .psr-someone-else-you-dob_nwlaccount .dob-border-none, .priority-services-block .priority-services-someone-else .psr-verify-dob_nwlaccount .dob-border-none, .priority-services-block .priority-services-me .psr-someone-else-personal-details .dob-border-none, .priority-services-block .priority-services-me .psr-someone-else-you-dob_nwlaccount .dob-border-none, .priority-services-block .priority-services-me .psr-verify-dob_nwlaccount .dob-border-none, .priority-services-block .customer-other-details .psr-someone-else-personal-details .dob-border-none, .priority-services-block .customer-other-details .psr-someone-else-you-dob_nwlaccount .dob-border-none, .priority-services-block .customer-other-details .psr-verify-dob_nwlaccount .dob-border-none {
  border: none;
  background: none;
  width: 100%;
  padding: 0 0 6px;
  line-height: 32px;
  min-height: 41px;
  font-size: 16px;
  font-weight: 600;
  font-family: IBM Plex Sans, sans-serif;
  position: relative;
  border-bottom: 3px solid #e6e6e6;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
  caret-color: #000;
  color: #000;
}
.priority-services-block .priority-services-someone-else .sub-title.consent-box label, .priority-services-block .priority-services-me .sub-title.consent-box label, .priority-services-block .customer-other-details .sub-title.consent-box label {
  text-align: left;
  align-items: flex-start;
}
.priority-services-block .priority-services-someone-else .sub-title.consent-box label .checkbox-label, .priority-services-block .priority-services-me .sub-title.consent-box label .checkbox-label, .priority-services-block .customer-other-details .sub-title.consent-box label .checkbox-label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  top: -4px;
}

.priority-services-remove .account-form, .priority-services-complete .account-form {
  width: 460px;
}
.priority-services-remove .account-form .account-teaser h2, .priority-services-remove .account-form .account-teaser p, .priority-services-complete .account-form .account-teaser h2, .priority-services-complete .account-form .account-teaser p {
  padding-bottom: 32px;
}
.priority-services-remove .account-form .form-btn, .priority-services-complete .account-form .form-btn {
  width: 350px;
  margin: auto;
}

@media (max-width: 420px) {
  .priority-services-remove .account-form, .priority-services-complete .account-form {
    width: 350px;
  }
}
.wp-video {
  margin: auto;
}

/* =========================================
   breadcrumb
   ========================================= */
.breadcrumb__block {
  color: #fff;
  position: relative;
}
.breadcrumb__block:before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: var(--header--color-secondary);
  content: "";
  position: absolute;
  z-index: -1;
}
.breadcrumb__block .container {
  background: var(--header--color-secondary);
  padding-top: 61px;
  padding-bottom: 72px;
  padding-left: 190px;
}
.breadcrumb__block .container > span {
  display: block;
  margin-top: 10px;
}
.breadcrumb__block a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.breadcrumb__block a:hover {
  /*color: $breadcrumb--color-hover;*/
  color: #fff;
  border-bottom: 2px solid #fff;
  text-shadow: 0px 0px 1px #fff;
  padding-bottom: 2px;
}
.breadcrumb__block a.searh-results {
  white-space: nowrap;
}
.breadcrumb__block h1 {
  padding: 0;
  color: #fff;
  font-size: 48px;
  line-height: 60px;
}
.breadcrumb__block p {
  padding: 9px 0 0;
  width: 637px;
  font-size: 18px;
  line-height: 27px;
}
.breadcrumb__block ul {
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.breadcrumb__block ul li {
  white-space: nowrap;
  margin-right: 16px;
}
.breadcrumb__block ul li + li {
  padding-left: 22px;
  position: relative;
}
.breadcrumb__block ul li + li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--breadcrumb--color-hover);
}

/* =========================================
   responsive 1200
   ========================================= */
@media (max-width: 1200px) {
  .breadcrumb__block .container {
    padding-left: 15px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .breadcrumb__block .container {
    padding-top: 41px;
    padding-bottom: 38px;
    max-width: inherit;
  }
  .breadcrumb__block h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .breadcrumb__block p {
    padding-top: 7px;
    padding-right: 30px;
    width: auto;
  }
}
/* =========================================
   subpages breadcrumb
   ========================================= */
.subpage_breadcrumb {
  color: black;
  position: relative;
}
.subpage_breadcrumb .container {
  background: transparent;
  padding: 32px 95px;
}
@media (max-width: 1199.98px) {
  .subpage_breadcrumb .container {
    padding: 16px 20px !important;
  }
}
.subpage_breadcrumb .container > span {
  display: block;
  margin-top: 10px;
}
.subpage_breadcrumb a {
  color: #000;
  border-bottom: 1px solid #000;
  font-weight: normal;
}
.subpage_breadcrumb a:hover {
  color: #004595;
  border-bottom: 2px solid #004595;
  /*padding-bottom: 1px;*/
  letter-spacing: 0;
  -webkit-text-stroke: 0.5px #004595;
}
.subpage_breadcrumb ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.subpage_breadcrumb ul li {
  white-space: nowrap;
  margin-right: 16px;
}
.subpage_breadcrumb ul li + li {
  padding-left: 22px;
  position: relative;
  color: #004595;
  font-weight: 600;
}
.subpage_breadcrumb ul li + li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
  position: absolute;
  left: 0;
  top: 1px;
  color: #767676;
}

.breadcrumb .breadcrumb-item::after {
  color: #767676;
  padding-right: 0;
  padding-left: 16px;
}
.breadcrumb .breadcrumb-item::before {
  content: "" !important;
}
.breadcrumb .breadcrumb-item a {
  color: var(--black-color);
  border-bottom: 1px solid var(--black-color);
  font-weight: 400;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #004595;
  border-bottom: 2px solid #004595;
  letter-spacing: 0;
  -webkit-text-stroke: 0.5px #004595;
}
.breadcrumb .breadcrumb-item:last-child a {
  border-bottom: none;
  color: #004595;
  font-weight: 600;
}

/* =========================================
   carousel
   ========================================= */
/* =========================================
responsive 1024
========================================= */
@media (max-width: 1200px) {
  /*
  *  Owl Carousel - Core
  */
  .owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .owl-carousel .owl-stage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
  }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none;
  }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
  }
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
  }
  .owl-carousel .owl-dots {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .owl-carousel .owl-dots .owl-dot {
    padding: 5px;
    margin: 0;
    background: none;
    border: none;
  }
  .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background: var(--brand--color-primary);
    border: 1px solid transparent;
  }
  .owl-carousel .owl-dots .owl-dot.active span {
    width: 14px;
    height: 14px;
    background: none;
    border-color: var(--brand--color-primary);
  }
  .owl-carousel.owl-loaded {
    display: block;
  }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  .owl-carousel.owl-hidden {
    opacity: 0;
  }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
  }
  .owl-carousel.owl-rtl {
    direction: rtl;
  }
  .owl-carousel.owl-rtl .owl-item {
    float: right;
  }
  /* No Js */
  .no-js .owl-carousel {
    display: block;
  }
}
/* =========================================
   promo
   ========================================= */
.promo-cards__block {
  background: #f2f2f2;
  padding: 86px 0px 0px 0px;
  overflow: hidden;
}
.promo-cards__block h4, .promo-cards__block h2 {
  padding-bottom: 11px;
}
.promo-cards__block .container > p {
  padding-bottom: 45px;
}

.heading-container h2 {
  padding-bottom: 35px;
  font-size: 28px;
  line-height: 35px;
}

.promo-container-with-bg {
  background: #f2f2f2;
  padding: 46px 0 0;
  overflow: hidden;
}
.promo-container-with-bg .promo-item {
  cursor: auto;
}

.multipromocontainerblock .promo-content h3 {
  font-size: 24px !important;
  line-height: 30px !important;
}

.promo-cards {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.promo-cards .promo-item {
  margin: 0 16px 32px;
  width: calc(33.33% - 34px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  zoom: 1;
}
.promo-cards .promo-item .promo-img {
  position: relative;
  padding-top: 75%;
  overflow: hidden;
  background: #f2f2f2;
}
.promo-cards .promo-item .promo-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.promo-cards .promo-item .promo-img > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.promo-cards .promo-item .promo-img .btn-play {
  cursor: pointer;
}
.promo-cards .promo-item .promo-img:hover img {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.promo-cards .promo-item .promo-img.custom-object-fit {
  height: 260px;
  padding-top: 0;
}
.promo-cards .promo-item .promo-img.custom-object-fit > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.promo-cards .promo-item .promo-img.custom-object-fit img {
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
}
.promo-cards .promo-item .promo-img.custom-object-fit:hover > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.promo-cards .promo-item .promo-content {
  padding: 27px 32px 32px;
  border: 1px solid #e6e6e6;
  border-top: none;
  background: #fff;
  flex: 1 0 0;
}
.promo-cards .promo-item .promo-content h3 {
  font-size: 18px;
  line-height: 22.5px;
  padding-bottom: 16px;
}
.promo-cards .promo-item .promo-content p {
  padding-bottom: 24px;
  color: #000;
}
.promo-cards .promo-item .promo-content p:hover {
  text-decoration: underline;
}
.promo-cards .promo-item .promo-content .promo-cta-text {
  font-weight: 600;
}
.promo-cards .promo-item .promo-content .promo-cta-text:hover {
  text-decoration: underline;
}
.promo-cards .promo-item.promo-1-card {
  width: 100%;
}
.promo-cards .promo-item.promo-1-card .promo-img {
  padding-top: 26.66%;
}
@media screen and (max-width: 768px) {
  .promo-cards .promo-item.promo-1-card .promo-img {
    padding-top: 75%;
  }
}
.promo-cards .promo-item.promo-1-card .promo-img.custom-object-fit {
  height: 302px;
  padding-top: 0;
}
.promo-cards .promo-item.promo-1-cards {
  width: 100%;
}
.promo-cards .promo-item.promo-1-cards .promo-img {
  padding-top: 26.66%;
}
@media screen and (max-width: 768px) {
  .promo-cards .promo-item.promo-1-cards .promo-img {
    padding-top: 75%;
  }
}
.promo-cards .promo-item.promo-1-cards .promo-img.custom-object-fit {
  height: 302px;
  padding-top: 0;
}
.promo-cards .promo-item.promo-2-cards {
  width: calc(50% - 34px);
}
.promo-cards .promo-item.promo-2-cards .promo-img {
  padding-top: 56.25%;
}
@media screen and (max-width: 768px) {
  .promo-cards .promo-item.promo-2-cards .promo-img {
    padding-top: 75%;
  }
}
.promo-cards .promo-item.promo-2-cards .promo-img.custom-object-fit {
  height: 302px;
  padding-top: 0;
}
.promo-cards .promo-item.promo-4-cards {
  width: calc(25% - 34px);
}
.promo-cards .promo-item.promo-4-cards .promo-img.custom-object-fit {
  height: 188px;
}

.cards-block_container {
  padding-top: 45px;
}
.cards-block_container .promo-item.promo-3-cards {
  width: calc(33.33% - 75px);
}
.cards-block_container .promo-item.promo-2-cards {
  width: calc(37.33% - 5px);
}
.cards-block_container .promo-item.promo-1-cards {
  width: 37%;
  margin-left: auto;
  margin-right: auto;
}
.cards-block_container .promo-item {
  /*&:hover h6 {
      color: $link-hover;
  }*/
}
.cards-block_container .promo-item .promo-content {
  border: 1px solid #e6e6e6 !important;
}
.cards-block_container .promo-item .promo-content p {
  padding-top: 10px;
}
.cards-block_container .icon-container i {
  font-size: 24px;
  color: var(--promo-card-icon-color);
}
.cards-block_container .icon-container img {
  width: 25%;
}
.cards-block_container .link-text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 0 0;
}
.cards-block_container .link-text .promo-content:hover {
  background-color: var(--promo-card-hover);
}
.cards-block_container .link-text .promo-content:hover h5 {
  color: #fff;
}
.cards-block_container .link-text .promo-content:hover h3 {
  color: #fff;
}
.cards-block_container .link-text .promo-content:hover h6 {
  color: #fff;
}
.cards-block_container .link-text .promo-content:hover i {
  color: #fff;
}
.cards-block_container .link-text .promo-content:hover img {
  filter: contrast(0%) brightness(2);
}
.cards-block_container .button-container-block {
  flex: 1 0 363px;
  width: 363px;
  margin: auto;
}

/* =========================================
   with Edge
   ========================================= */
@supports (-ms-ime-align: auto) {
  .promo-cards .promo-item .promo-img {
    min-height: 260px;
    padding-top: 0;
  }
  .promo-cards .promo-item.promo-2-cards {
    min-height: 302px;
  }
}
/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .promo-cards .promo-item {
    margin: 0;
    width: 100% !important;
    height: 100%;
    margin-bottom: 20px;
  }
  .promo-cards .promo-item .promo-img.custom-object-fit {
    height: auto;
    padding-top: 75%;
  }
  .promo-cards .promo-item.promo-1-cards .promo-img.custom-object-fit {
    height: auto;
    padding-top: 56.25%;
  }
  .promo-cards .promo-item.promo-2-cards .promo-img.custom-object-fit {
    height: auto;
    padding-top: 56.25%;
  }
  .promo-cards .promo-item.promo-4-cards .promo-img.custom-object-fit {
    height: auto;
    padding-top: 75%;
  }
  .promo-cards.owl-carousel .owl-dots {
    margin-right: -25px;
  }
}
@media (min-width: 1200px) {
  .cards-block_container .container .heading-container {
    width: 488px;
    margin: 0 auto;
  }
  .headerteaserblock .container .heading-container {
    width: 400px;
    margin: 0 auto;
  }
  .container.promo-3-cards .promo-cards {
    margin-left: 120px;
  }
  .container.promo-2-cards .promo-cards {
    margin-left: 170px;
  }
}
/* =========================================
   responsive 768
   ========================================= */
@media (max-width: 768px) {
  .promo-cards__block, .article-cards__block {
    padding: 65px 0;
  }
  .promo-cards__block .container h4, .promo-cards__block .container h2, .article-cards__block .container h4, .article-cards__block .container h2 {
    text-align: center;
  }
  .promo-cards__block .container > p, .article-cards__block .container > p {
    padding-bottom: 25px;
    text-align: center;
  }
  .promo-cards {
    margin-left: 0;
    margin-right: 0;
  }
  .promo-cards.owl-carousel .owl-dots {
    margin-right: -29px;
  }
  .promo-cards.promo-1-card .promo-img {
    padding-top: 75%;
  }
  .headerteaserblock .container h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .headerteaserblock .container .heading-container h3 {
    font-size: 18px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .multipromocontainerblock .cards-block_container {
    padding-top: 0;
  }
  .multipromocontainerblock .cards-block_container h4, .multipromocontainerblock .cards-block_container h2 {
    font-size: 20px;
    line-height: 22px;
    padding: 25px 0;
  }
  .multipromocontainerblock .cards-block_container .promo-cards .promo-item {
    width: 100% !important;
    margin: auto;
    margin-bottom: 20px;
  }
  .multipromocontainerblock .cards-block_container .button-container-block {
    flex: 1 0 350px;
    width: 350px;
    margin: auto;
  }
  .multipromocontainerblock .cards-block_container .container .heading-container {
    width: 350px;
    margin: 0 auto;
  }
  .multipromocontainerblock .cards-block_container .container.promo-3-cards .promo-cards {
    margin-left: 0px;
  }
  .multipromocontainerblock .cards-block_container .container.promo-2-cards .promo-cards {
    margin-left: 0px;
  }
  .headerteaserblock .container .heading-container h3 {
    font-size: 18px;
  }
}
/* =========================================
   article
   ========================================= */
.article-cards__block {
  background: #f2f2f2;
  padding: 61px 0;
  overflow: hidden;
}
.article-cards__block h4 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  padding-bottom: 40px;
}
.article-cards__block h4 .nb-link {
  margin-left: auto;
  font-size: 16px;
  line-height: 24px;
}

.article-cards {
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.article-cards .article-item {
  margin: 0 16px 32px;
  border: 1px solid #e6e6e6;
  background: #fff;
  width: calc(50% - 34px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.article-cards .article-item .article-img {
  position: relative;
  padding-top: 185px;
  overflow: hidden;
  flex: 0 0 185px;
  width: 185px;
  margin-top: -1px;
  background: #f2f2f2;
  background-position: center;
  background-size: cover;
}
.article-cards .article-item .article-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 3s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.article-cards .article-item .article-img > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.article-cards .article-item .article-img:hover img {
  transition: all 3s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.article-cards .article-item .article-img.custom-object-fit > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.article-cards .article-item .article-img.custom-object-fit img {
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
}
.article-cards .article-item .article-img.custom-object-fit:hover > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.article-cards .article-item .article-content {
  padding: 27px 32px 32px;
  width: calc(100% - 185px);
}
.article-cards .article-item .article-content h6 {
  font-size: 18px;
  line-height: 22.5px;
  padding-bottom: 16px;
}
.article-cards .article-item .article-content p {
  margin-bottom: 15px;
  padding: 0;
}
.article-cards > .epi-editContainer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
  width: 100%;
}
.article-cards > .epi-editContainer > .articleblock {
  width: calc(50% - 34px);
  flex-basis: auto;
  margin: 0 16px 32px;
}
.article-cards > .epi-editContainer > .articleblock > .article-item {
  width: 100%;
  margin: 0;
}

/*SPRINT_37 : #24032 - AM - New 'Careers' landing page style sheet*/
.index-landing-page .landing-page {
  padding: 0 0 96px;
}

.block.articlecontainerblock {
  background: #f2f2f2;
}

.art-main-content {
  font-size: 20px;
  padding-bottom: 54px;
  text-align: center;
}

.art-main-title {
  font-size: 40px;
  padding-bottom: 12px;
  text-align: center;
}

btn-arrow-art {
  font-size: 14px;
}

.find-opportunity {
  margin: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.find-opportunity .br-5 {
  border-radius: 5px;
}

.find_career_icon {
  position: relative;
  top: -2px;
}

.art-page-content .card-wrap {
  position: relative;
  width: 50%;
}

.isMobile .art-card:after {
  opacity: 0;
}

.art-card {
  position: absolute;
  overflow: hidden;
  width: 100%;
  text-align: left;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .art-card {
    height: 100%;
    top: 0px;
  }
}
.art-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.art-card:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  transform: translateY(-50%);
  transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

span.btn-arrow-art {
  font-size: 14px;
}

.article-image {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.btn-find-opportunity {
  max-width: 343px;
  margin: auto;
  margin-top: 48px;
  margin-bottom: 20px;
}

.art-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  padding: 0 25px;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
  top: 0%;
  left: 0%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  justify-content: end;
  height: 100%;
  top: 0px;
}

.art-title {
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  padding: 0px;
}

.find-out {
  font-family: Roboto Slab, serif;
}

.art-page-content.two-grid {
  display: flex;
  flex-wrap: wrap;
}

.art-page-content .card-wrap {
  height: 400px;
  margin: 12px 15px;
}
.art-page-content .card-wrap .art-copy, .art-page-content .card-wrap .art-title {
  padding-bottom: 10px;
  line-height: normal;
  color: #fff;
}

@media (hover: hover) and (min-width: 600px) {
  .art-card .art-content > :not(.find-out) {
    transition: 0.3s ease-in-out;
    opacity: 1;
  }
  .art-card:after {
    transform: translateY(0);
  }
  .art-content > *:not(.find-out) {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .art-card:hover {
    align-items: center;
  }
  .art-card:hover:before {
    transform: translateY(0%);
  }
  .art-card:hover:after {
    transform: translateY(-50%);
  }
  .art-card:hover .find-wrap {
    top: -30%;
    left: 22%;
    opacity: 1;
  }
  .promo-2-cards .art-card:hover .find-wrap {
    left: 35%;
  }
  .art-card:hover .art-content .find-wrap {
    position: absolute;
    top: 45%;
    transition: 0.4s ease-in-out;
  }
  .art-card:hover .art-content .find-wrap .find-out {
    font-size: 26px;
  }
  .art-card:hover .art-content .find-wrap .btn-arrow-art {
    font-size: 23px;
  }
  .card-wrap:before {
    background-size: cover;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .art-card:hover .title-wrap {
    top: 30%;
    opacity: 0;
  }
}
.card-wrap:hover:before {
  background-image: none;
}

.art-content .art-title, .art-content .art-copy, .art-content .find-out {
  color: #fff;
  font-size: 16px;
  font-family: Roboto Slab, serif;
}
.art-content h2.art-title {
  font-size: 24px;
}

.pl-15 {
  padding-left: 15px;
}

/* SPRINT_37 : #24032 - AM - New 'Careers' landing page style sheet ---- Desktop article design completed here..*/
/* =========================================
   responsive 1024
   ========================================= 
   @media (min-width: $screen-desktops) {
        .article-cards{
            .article-item{
                .article-content{
                    p{
                        max-height: calc(24px * 2);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }
                }
            }
        }
   }
   */
@media (max-width: 1200px) {
  .article-cards .article-item .article-img {
    padding-top: 120px;
    flex: 0 0 120px;
    width: 120px;
    margin: 30px 0 30px 16px;
  }
  .article-cards .article-item .article-content {
    width: calc(100% - 120px);
  }
  .article-cards .article-item .article-content p {
    max-height: inherit;
    overflow: visible;
  }
}
/* SPRINT_37 : #24032 - AM - New 'Careers' landing page style sheet */
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .art-content {
    padding: 20px 15px;
  }
  .art-card:after {
    opacity: 0;
  }
  .two-grid .card-wrap.promo-2-cards {
    width: 45%;
    float: left;
  }
  .two-grid .card-wrap.promo-3-cards {
    width: 28.5%;
    float: left;
  }
  .art-page-content .card-wrap {
    height: 280px;
    margin: 12px 15px;
  }
}
@media only screen and (min-device-width: 992px) {
  .two-grid .card-wrap.promo-2-cards {
    width: 47%;
    float: left;
  }
  .two-grid .card-wrap.promo-3-cards {
    width: 30.5%;
    float: left;
  }
  span.find-wrap {
    position: absolute;
    top: 88%;
    left: 25px;
  }
  .promo-3-cards span.find-wrap {
    position: absolute;
    top: 88%;
    left: 25px;
  }
  .title-wrap {
    position: absolute;
    top: 69%;
  }
  .promo-3-cards .title-wrap {
    position: absolute;
    top: 63%;
  }
  .art-copy {
    padding-right: 15px;
  }
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .title-wrap {
    position: absolute;
    top: 65%;
  }
  .art-content h2.art-title {
    font-size: 20px;
  }
  .two-grid .card-wrap.promo-3-cards {
    width: 30%;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .article-cards__block {
    position: relative;
    padding: 57px 0 65px;
  }
  .article-cards__block .container {
    padding: 0;
  }
  .article-cards__block h4 {
    padding-bottom: 25px;
    display: block;
  }
  .article-cards__block h4 .nb-link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  .article-cards {
    margin-left: 0;
    margin-right: 0;
  }
  .article-cards .article-item {
    margin: 0 0 16px;
    width: 100%;
  }
  .two-grid .card-wrap {
    height: 250px;
    margin: 10px 10px;
    flex-grow: 1;
    width: calc(50% - 20px - 1px);
  }
  .two-grid .card-wrap .art-card {
    z-index: 9;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 10px;
  }
  .two-grid .card-wrap .art-copy {
    display: none;
  }
  .card-wrap .art-content .art-card:after, .card-wrap .art-content .art-card {
    height: 100%;
  }
  .card-wrap .art-content {
    padding: 20px 15px;
  }
  .card-wrap .art-content h2.art-title {
    font-size: 18px;
  }
  .art-card:after {
    opacity: 0;
  }
  .art-page-content {
    display: flex;
    flex-wrap: wrap;
  }
  .art-content .find-out {
    font-size: 14px;
  }
  .index-landing-page .article-cards__block {
    padding-top: 22px;
  }
  .art-main-content {
    font-size: 16px;
    padding-bottom: 26px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .art-main-title {
    font-size: 24px;
    line-height: normal;
  }
}
@media (max-width: 480px) {
  .card-wrap .art-content h2.art-title {
    overflow: hidden;
    height: 25px;
  }
  .two-grid .card-wrap {
    height: 180px;
  }
  .card-wrap.promo-3-cards:last-child {
    height: 300px;
  }
}
/* SPRINT_37 : #24032 - AM - New 'Careers' landing page style sheet ---- Mobile article design completed here..*/
/* =========================================
   Alert window
   ========================================= */
.alert-btn__block {
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  z-index: 0;
  transform: translateY(-255px);
}
.alert-btn__block .container {
  padding-top: 13px;
  padding-bottom: 13px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.alert-btn__block .alert__label {
  color: #d91e18;
  font-weight: 600;
  white-space: nowrap;
}
.alert-btn__block .alert__label i {
  margin-right: 10px;
  cursor: pointer;
}
.alert-btn__block .alert__content {
  padding-left: 15px;
  color: #d91e18;
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 76px);
}
.alert-btn__block .alert__content p {
  padding: 0;
  display: inline;
}
.alert-btn__block .alert__content .nb-btn {
  display: none;
  opacity: 0;
}
.alert-btn__block .alert__content_fi {
  padding: 0 33px;
}
.alert-btn__block.animation {
  will-change: transform, opacity;
  animation: alertBlockFadeIn 0.5s forwards;
}

.alert_window {
  display: none;
}
.alert_window .alert__block {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background: rgba(0, 69, 149, 0.8);
}
.alert_window .alert__block .close-icon.nb-btn {
  background: none;
  position: relative;
  top: -71px;
  left: 100%;
  width: 10px;
}
.alert_window .alert__block .close-icon.nb-btn:after, .alert_window .alert__block .close-icon.nb-btn:before {
  background: none;
}
.alert_window .alert__block .fa-times {
  position: relative;
  top: -16px;
  color: #00008b;
  font-size: 24px;
  cursor: pointer;
}
.alert_window .alert__block .container {
  background: #fff;
  border: 1px solid #d91e18;
  width: 540px;
  padding: 90px 58px;
  text-align: center;
  margin-top: 90px;
  max-height: 80%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.alert_window .alert__block .protected-page-container {
  padding: 16px 58px;
}
.alert_window .alert__block .alert__label {
  color: #d91e18;
  font-weight: 600;
  margin-bottom: 30px;
  font-size: 24px;
  white-space: nowrap;
}
.alert_window .alert__block .alert__label i {
  font-size: 18px;
  margin-right: 10px;
}
.alert_window .alert__block .alert__content {
  font-weight: 400;
  color: #000;
  line-height: 22px;
}
.alert_window .alert__block .alert__content p, .alert_window .alert__block .alert__content h1, .alert_window .alert__block .alert__content h2, .alert_window .alert__block .alert__content h3, .alert_window .alert__block .alert__content h4, .alert_window .alert__block .alert__content h5, .alert_window .alert__block .alert__content h6 {
  padding: 0;
}
.alert_window .alert__block .alert__content h2 {
  font-size: 22px;
  line-height: 27.5px;
}
.alert_window .alert__block .alert__content ul, .alert_window .alert__block .alert__content ol {
  list-style: inherit;
  display: inline-block;
}
.alert_window .alert__block .alert__content .p-class {
  line-height: 2.2;
  font-weight: 700;
}
.alert_window .alert__block .alert__content .nb-btn {
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  margin: 55px auto 0;
  width: calc(100% - 106px);
}
.alert_window .alert__block .alert__content .nb-btn.nb-btn__cta {
  width: auto;
}
.alert_window .alert__block .alert__content .alert_pp_disclaimer {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  padding: 15px;
  margin-bottom: 32px;
}
.alert_window .alert__block .meter_reading_alert_content h2 {
  font-size: 22px;
  line-height: 27.5px;
}
.alert_window.success .alert__block .container {
  border-color: #fff;
}
.alert_window.success .alert__block .alert__label {
  color: var(--brand--color-secondary);
}
.alert_window.success .alert__block .alert__label .fa-check {
  font-size: 24px;
}
.alert_window.forgotPasswordAlert .message {
  font-size: 20px;
  font-weight: 600;
  font-family: "Roboto Slab", serif;
  line-height: normal;
  width: 350px;
  margin: 0 auto;
}
.alert_window.forgotPasswordAlert .alert__block .alert__content .nb-btn.nb-btn__cta {
  width: 350px;
}
.alert_window.forgotPasswordAlert .alert__label i {
  font-size: 2.5rem;
}

.forgotEmailAlert {
  display: none;
}
.forgotEmailAlert .alert__block {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background: rgba(0, 69, 149, 0.8);
}
.forgotEmailAlert .alert__block .container {
  background: #fff;
  border: 1px solid #fff;
  width: 540px;
  padding: 28px 58px;
  text-align: center;
  margin-top: 90px;
  max-height: 80%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.forgotEmailAlert .alert__block .alert__label {
  color: #d91e18;
  font-weight: 600;
  margin-bottom: 30px;
  font-size: 24px;
  white-space: nowrap;
}
.forgotEmailAlert .alert__block .alert__label i {
  font-size: 28px;
  margin-right: 10px;
}
.forgotEmailAlert .alert__block .alert__content {
  font-weight: 400;
  color: #000;
  line-height: 22px;
}
.forgotEmailAlert .alert__block .alert__content h1, .forgotEmailAlert .alert__block .alert__content h2, .forgotEmailAlert .alert__block .alert__content h3, .forgotEmailAlert .alert__block .alert__content h4, .forgotEmailAlert .alert__block .alert__content h5, .forgotEmailAlert .alert__block .alert__content h6 {
  padding: 0;
}
.forgotEmailAlert .alert__block .alert__content p {
  padding: 10px 0 0;
}
.forgotEmailAlert .alert__block .alert__content h2 {
  font-size: 22px;
  line-height: 27.5px;
  color: var(--black-color);
}
.forgotEmailAlert .alert__block .alert__content ul, .forgotEmailAlert .alert__block .alert__content ol {
  list-style: inherit;
  display: inline-block;
}
.forgotEmailAlert .alert__block .alert__content .p-class {
  line-height: 2.2;
  font-weight: 700;
}
.forgotEmailAlert .alert__block .alert__content .nb-btn {
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  margin: 25px auto 0;
  width: calc(100% - 5px);
  border-radius: 4px;
}
.forgotEmailAlert.success .alert__label, .forgotEmailAlert.emailnoinfo .alert__label {
  color: var(--brand--color-primary);
}
.forgotEmailAlert.success .alert__label .fa-check, .forgotEmailAlert.emailnoinfo .alert__label .fa-check {
  font-size: 24px;
}

.region-login-error-alert .form-btn {
  align-items: stretch !important;
}
.region-login-error-alert .form-btn .nb-col-6 {
  display: flex;
}
.region-login-error-alert .form-btn .nb-col-6 a {
  display: flex;
  justify-content: center;
}

/* =========================================
   responsive 768
   ========================================= */
@media (max-width: 768px) {
  .alert_window .alert__block .container {
    width: calc(100% - 40px);
    padding: 60px 20px;
  }
  .alert_window .alert__block .close-icon.nb-btn {
    top: -40px;
    left: 94%;
  }
  .alert_window .alert__block .alert__content .nb-btn, .alert_window .alert__block .alert__content .nb-btn.nb-btn__cta {
    margin: 30px 0 0;
    width: 100%;
  }
  .forgotEmailAlert .alert__block .container {
    width: calc(100% - 30px);
    padding: 40px 20px;
  }
  .forgotEmailAlert .alert__block .alert__content .nb-btn {
    margin: 30px 0 0;
    width: 100%;
  }
  .protected-page-container {
    padding: 16px 20px;
  }
}
/* =========================================
responsive 320 to 767
========================================= */
@media (min-width: 320px) and (max-width: 767px) {
  .alert_window .alert__block .close-icon.nb-btn {
    top: -40px;
    left: 82%;
  }
}
/*Sprint 80 - #108971 - NR - Forgot email - email address not recognised error message*/
.forgotPasswordInvalidEmailAlert .alert__block .alert__label {
  margin-bottom: 1rem;
}
.forgotPasswordInvalidEmailAlert .alert__block .fas.fa-exclamation-triangle {
  font-size: 2rem;
  margin-right: 0 !important;
}
.forgotPasswordInvalidEmailAlert .alert__block .alert__content h6 {
  font-size: 20px;
  color: var(--black-color);
}
.forgotPasswordInvalidEmailAlert .alert__block .alert__content .login-error-message, .forgotPasswordInvalidEmailAlert .alert__block .alert__content .invalid-email-message {
  margin: 12px 0 18px 0;
  font-size: 14px;
}
.forgotPasswordInvalidEmailAlert .alert__block .container {
  padding: 2rem 2.5rem;
  border: 0 solid;
}
.forgotPasswordInvalidEmailAlert .alert__block .login-btns .form-btn {
  gap: 1rem;
  margin-bottom: 0;
}
.forgotPasswordInvalidEmailAlert .alert__block .login-btns .form-btn .nb-col-6 a, .forgotPasswordInvalidEmailAlert .alert__block .login-btns .form-btn .nb-col-6 button {
  border-radius: 4px;
}

.forgotPasswordValidEmailAlert .alert__block .container, .forgotPasswordBadRequest .alert__block .container {
  padding: 2rem 2.5rem;
  border: 0 solid;
}
.forgotPasswordValidEmailAlert .alert__block .fas.fa-exclamation-triangle.success, .forgotPasswordBadRequest .alert__block .fas.fa-exclamation-triangle.success {
  color: var(--brand--color-secondary);
}
.forgotPasswordValidEmailAlert .alert__block .fas.fa-exclamation-triangle, .forgotPasswordBadRequest .alert__block .fas.fa-exclamation-triangle {
  font-size: 2rem;
  margin-right: 0 !important;
}
.forgotPasswordValidEmailAlert .alert__block .alert__content, .forgotPasswordBadRequest .alert__block .alert__content {
  width: 350px;
  margin: 2rem auto;
}
@media (max-width: 767.98px) {
  .forgotPasswordValidEmailAlert .alert__block .alert__content, .forgotPasswordBadRequest .alert__block .alert__content {
    width: 100%;
  }
}
.forgotPasswordValidEmailAlert .alert__block .alert__content h6, .forgotPasswordBadRequest .alert__block .alert__content h6 {
  font-size: 20px;
  color: var(--black-color);
}

/* =========================================
   help block
   ========================================= */
.help-search__block {
  background: var(--header--color-primary);
  padding: 48px 0;
  text-align: center;
}
.help-search__block h2 {
  margin-top: -6px;
  padding-bottom: 26px;
  color: #fff !important;
  font-size: 22px;
  line-height: 27.5px;
}
.help-search__block form {
  margin: 0 95px;
  position: relative;
}
.help-search__block .searchQuery {
  caret-color: white;
  background: var(--header--color-secondary);
  border: none;
  padding: 21px 32px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
}
.help-search__block .searchQuery::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.help-search__block .searchQuery::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.help-search__block .searchQuery:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.help-search__block .searchQuery:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.help-search__block .searchButton {
  background: var(--header--color-secondary);
  border: none;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 50%;
  padding: 15px;
  cursor: pointer;
  transform: translateY(-50%);
}
.help-search__block .searchClear {
  display: none;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .help-search__block form {
    margin: 0;
  }
  .help-search__block .searchButton {
    display: none;
  }
}
/* =========================================
   Emergency
   ========================================= */
.emergencycontactblock.col-md-6 {
  float: left;
  width: 50%;
}
.emergencycontactblock.col-md-6 + .col-md-6 .emergency-contact__block {
  margin-left: -1px;
}

.emergency-contact__block {
  border: 1px solid #e6e6e6;
  padding: 165px 55px 195px;
  text-align: center;
}
.emergency-contact__block .nb-btn {
  margin: 0 30px;
}

.emergency-container__block {
  padding: 90px 0 96px;
  overflow: hidden;
}
.emergency-container__block .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.emergency-container__block .emergency-contact__block, .emergency-container__block .epi-editContainer .emergencycontactblock {
  float: left;
  width: 50%;
  margin: 0 0 -1px -1px;
}
.emergency-container__block .epi-editContainer .emergency-contact__block {
  float: none;
  width: auto;
  margin: 0;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .emergency-contact__block {
    padding: 65px 35px 95px;
  }
  .emergency-contact__block .nb-btn {
    margin: 0;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .emergencycontactblock.col-md-6 {
    float: none;
    width: 100%;
    flex-basis: 100%;
    max-width: inherit;
  }
  .emergencycontactblock.col-md-6 + .col-md-6 .emergency-contact__block {
    margin-left: 0;
    margin-top: -1px;
  }
  .emergency-contact__block {
    padding: 70px 15px 80px;
  }
  .emergency-contact__block .nb-btn {
    margin: 0;
  }
  .emergency-container__block {
    padding: 65px 0 58px;
  }
  .emergency-container__block .container {
    display: block;
  }
  .emergency-container__block .emergency-contact__block {
    float: none;
    width: 100%;
    margin: 0 0 -1px;
  }
}
/* =========================================
   Hero image
   ========================================= */
.hero-item__block {
  position: relative;
  padding-top: 100%;
  z-index: 0;
}
.hero-item__block .hero-item__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hero-item__block img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 3s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.hero-item__block img:hover {
  transition: all 3s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.hero-image {
  padding-top: 26.66%;
  background: #d8d8d8;
  position: relative;
  z-index: 0;
}
.hero-image:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.49);
}
.hero-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.hero-image.custom-object-fit {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-image.custom-object-fit img {
  opacity: 0;
}

/* =========================================
    Subpages Hero item style
   ========================================= */
.subpage-hero-image {
  background-color: #0A254E !important;
  width: 100%;
  height: 25rem;
  position: relative;
  background-position: center;
  transform: scale(1);
  position: relative;
  object-fit: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  margin-top: -4.688rem !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .subpage-hero-image {
    height: 250px;
    margin-top: 0px !important;
    display: flex;
    align-items: center;
    background-size: cover !important;
  }
}
.subpage-hero-image:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--heroImage-bgcolor-opacity);
  inset: 0;
  z-index: -1;
}
.subpage-hero-image img {
  width: 100%;
}
.subpage-hero-image .content.container {
  padding: 108px 95px 0;
  margin: 0 auto;
}
.subpage-hero-image .content.container .headingbg {
  padding: 5px 20px 0;
  border-radius: 4px;
  border-radius: 4px;
  width: fit-content;
  position: relative;
}
.subpage-hero-image .content.container .headingbg:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.8;
  inset: 0;
  z-index: -1;
  border-radius: 4px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), rgba(0, 69, 149, 0.8);
  backdrop-filter: blur(4px);
}
@media (max-width: 1199.98px) {
  .subpage-hero-image .content.container {
    padding-top: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.subpage-hero-image .content.container h1 {
  color: #fff;
  font-family: "Roboto Slab";
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0 0 8px 0;
}
@media (max-width: 1199.98px) {
  .subpage-hero-image .content.container h1 {
    font-size: 48px;
  }
}
@media (max-width: 375.98px) {
  .subpage-hero-image .content.container h1 {
    font-size: 36px;
  }
}
.subpage-hero-image .content.container p {
  color: #fff;
  max-width: 20.625rem;
}

.gradient-bg-color {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .hero-item__block, .hero-image {
    padding-top: 56.25%;
  }
  .subpage-hero-image .content.container h1 {
    font-size: 40px;
  }
}
/* =========================================
   Image block
   ========================================= */
.image__block {
  overflow: hidden;
  margin: 0 175px;
}
.image__block img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
}
.image__block .carousel-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.image__block:hover .carousel-image {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .image__block {
    margin: 0 0 30px;
  }
}
/* =========================================
   contact us
   ========================================= */
.contactus__block {
  background: #f2f2f2;
  padding: 55px 0 64px;
  text-align: center;
}
.contactus__block h2 {
  font-size: 28px;
  line-height: 35px;
}
.contactus__block .contactus__btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.contactus__block .contactus__btn li {
  margin: 0 15px;
}
.contactus__block .contactus__btn li .nb-btn {
  min-width: 220px;
  -ms-flex-pack: center;
  justify-content: center;
}
.contactus__block .contactus__call {
  margin-top: 48px;
  display: none;
}
.contactus__block .contactus__call li {
  margin-top: 23px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 30px;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.contactus__block .contactus__call li label {
  font-weight: 600;
  color: #004595;
}
.contactus__block .contactus__call li span {
  color: #000;
  margin-left: auto;
}

.search-result h4 {
  text-align: center;
  padding-bottom: 63px;
}
.search-result .search-title {
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 14px;
}
.search-result .search-list {
  margin-bottom: 45px;
}
.search-result .search-list li + li {
  margin-top: 24px;
}
.search-result .search-list li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 19px 32px 21px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.search-result .search-list li a i {
  margin-left: auto;
  font-size: 32px;
  color: var(--brand--color-secondary);
  flex: 0 0 12px;
  line-height: 18px;
}
.search-result .search-list li a p {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.search-result .search-list li a .search-title__sub {
  flex: 1 0 0;
}
.search-result .search-list li a .search-teaser {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-top: 17px;
}
.search-result .search-list li a:hover i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

/* =========================================
   New Blocks 
   ========================================= */
.single-block-container .single-block-main-container {
  padding: 45px 0 40px;
  font-size: 18px;
  line-height: 27px;
}
.single-block-container .single-block-main-container .single-container-center h5 {
  font-size: 18px;
}
.single-block-container .single-block-main-container .single-container-center .heading-padding-adjust {
  padding: 20px 10px 5px;
}
.single-block-container .single-block-main-container .single-container-center .content-padding-adjust {
  padding: 0px 10px 0px;
}
.single-block-container .single-block-main-container .single-container-center .button-padding-adjust {
  padding: 15px 25px;
}
.single-block-container .single-block-main-container .single-container-center:last-child {
  padding-bottom: 30px;
}
.single-block-container .heading-with-close-icon i.heading-color {
  color: var(--header--color-primary);
}

.hidden-close-icon .single-block-main-container .single-container-center {
  padding: 40px 20px 10px;
}
.hidden-close-icon .single-block-main-container .single-container-center p {
  width: 82%;
  margin: 0 auto;
  padding-bottom: 30px;
}

/* =========================================
   responsive tablet
   ========================================= */
@media (max-width: 768px) {
  .contactus__block .contactus__btn li .nb-btn {
    min-width: 210px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .contactus__block .contactus__btn {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .contactus__block .contactus__btn li {
    margin: 16px 0 0;
  }
  .contactus__block .contactus__call {
    margin: 24px 0 8px;
  }
  .contactus__block .contactus__call li {
    margin-top: 15px;
  }
  .single-block-container .single-block-main-container .w-35, .single-block-container .single-block-main-container .w-40 {
    width: 100%;
  }
  .single-block-container .single-block-main-container .button-padding-adjust {
    padding: 12px 12px 20px !important;
  }
  .single-block-container .single-block-main-container h2 {
    font-size: 32px;
  }
}
/*sprint 51 : #55684 - ST - Logged in Customer > Contact Us - Log in or create an account option is visible*/
.single-block-main-container .contactus-links-customer {
  width: 48.2%;
  margin: 0 auto 0 284px;
}
.single-block-main-container .contactus-links-customer .account-services {
  display: grid;
  grid-template-columns: auto auto;
  text-align: left;
  padding: 24px 13px 0 16px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
}
.single-block-main-container .contactus-links-customer .account-services div:nth-child(odd) {
  padding-right: 28px;
}
.single-block-main-container .contactus-links-customer .account-services div a {
  text-decoration: underline;
  margin-bottom: 30px;
  display: inline-block;
  box-sizing: border-box;
  width: 240px;
}
.single-block-main-container .contactus-links-customer .account-services div a strong {
  font-weight: 600;
}
.single-block-main-container .contactus-links-customer .account-services div:nth-last-child(-n+2) a:nth-last-child(-n+2) {
  margin-bottom: 22px;
}

@media (max-width: 1024px) {
  .single-block-main-container .contactus-links-customer {
    width: 100%;
    margin: 0 auto;
  }
  .single-block-main-container .contactus-links-customer .account-services {
    display: flex;
    flex-direction: column;
    padding: 24px 10px 0 10px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .single-block-main-container .contactus-links-customer .account-services div:nth-child(odd) {
    padding-right: 0;
  }
  .single-block-main-container .contactus-links-customer .account-services div a {
    margin-bottom: 30px !important;
    width: 100%;
  }
  .single-block-main-container .contactus-links-customer .account-services div:nth-last-child(-n+1) a:nth-last-child(-n+1) {
    margin-bottom: 24px !important;
  }
}
/* =========================================
   faq categories
   ========================================= */
.faq-categories__block {
  padding: 85px 0;
  text-align: center;
}
.faq-categories__block h2 {
  padding-bottom: 40px;
  font-size: 28px !important;
  line-height: 35px !important;
}
.faq-categories__block .faq-list__block .container {
  padding-left: 0;
  padding-right: 0;
}

.faq-category {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.faq-category .faq-item {
  margin: 0 15px 30px;
  width: calc(25% - 32px);
}
.faq-category .faq-item > a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: #fff;
  color: var(--brand--color-primary);
  font-size: 18px;
  font-weight: 600;
  padding: 70px 30px 80px;
  height: 100%;
  border: 1px solid #e6e6e6;
}
.faq-category .faq-item > a img {
  max-height: 20px;
  max-width: 20px;
  display: block;
  margin: 0 auto;
}
.faq-category .faq-item > a span.faq-title {
  padding: 30px 0 12px;
  display: block;
}
.faq-category .faq-item > a span.faq-teaser {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}
.faq-category .faq-item > a:hover {
  color: var(--color--hover);
}
.faq-category .faq-item > a.active {
  color: #fff;
  background: var(--brand--color-primary);
  border-color: var(--brand--color-primary);
}
.faq-category .faq-item > a.active span.faq-teaser {
  color: #fff;
}
.faq-category > .epi-editContainer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  width: 100%;
}
.faq-category > .epi-editContainer > .faqcategoryblock {
  margin: 0 15px 30px;
  width: calc(25% - 32px);
  flex-basis: auto;
}
.faq-category > .epi-editContainer > .faqcategoryblock > .faq-item {
  width: 100%;
}

.promo-message__block {
  text-align: center;
  background: #d8d8d8;
  position: relative;
  overflow: hidden;
}
.promo-message__block h4, .promo-message__block h1, .promo-message__block h2 {
  color: #fff !important;
  padding-bottom: 36px;
  position: relative;
}
.promo-message__block h1 {
  font-size: 48px;
  line-height: 60px;
}
.promo-message__block h2 {
  font-size: 28px;
  line-height: 35px;
}
.promo-message__block .promo-message__img {
  min-height: 55vh;
  position: relative;
  background: #f2f2f2;
  background-position: center;
  background-size: cover;
}
.promo-message__block .promo-message__img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.promo-message__block img {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promo-message__block .container {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: inherit;
  width: 100%;
  z-index: 1;
}
.promo-message__block .promo-message {
  width: 586px;
}

.faq-list__block {
  padding: 105px 0 95px;
}
.faq-list__block ul li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 32px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.faq-list__block ul li a span {
  flex: 1 0 0;
}
.faq-list__block ul li a i {
  margin-left: auto;
  font-size: 32px;
  color: var(--brand--color-secondary);
  flex: 0 0 12px;
  line-height: 18px;
}
.faq-list__block ul li a:hover i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.faq-list__block ul li + li {
  margin-top: 25px;
}

.category-hide__block {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: relative;
}
.category-hide__block.active {
  display: block;
  opacity: 1;
  visibility: visible;
  padding-top: 40px;
}
.category-hide__block .faq-list__block {
  padding-bottom: 0;
}
.category-hide__block .category-hide__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(255, 255, 255, 0);
}

/* =========================================
   responsive 1200
   ========================================= */
@media (max-width: 1200px) {
  .faq-category .faq-item {
    width: calc(50% - 32px);
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .promo-message__block h1 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 27px;
  }
  .promo-message__block h4 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 27px;
  }
  .promo-message__block .promo-message {
    width: 375px;
  }
  .promo-message__block .nb-btn__cta {
    display: block;
    text-align: center;
    margin: 0 14px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .faq-categories__block {
    padding: 52px 0 60px;
  }
  .faq-categories__block h4 {
    padding-bottom: 22px;
  }
  .faq-categories__block .container h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .faq-category {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .faq-category .faq-item {
    width: 100%;
    margin: 0 0 15px;
  }
  .faq-category .faq-item > a {
    padding: 25px 20px 20px;
  }
  .faq-category .faq-item > a span.faq-title {
    padding: 15px 0 5px;
  }
  .promo-message__block h4, .promo-message__block h1 {
    padding: 0 0 18px;
  }
  .promo-message__block h4 {
    line-height: 30px;
  }
  .promo-message__block .promo-message {
    width: auto;
  }
  .promo-message__block .nb-btn__cta {
    margin: 0;
  }
  .faq-list__block {
    padding: 40px 0 60px;
  }
  .faq-list__block ul li + li {
    margin-top: 15px;
  }
  .faq-list__block ul li a {
    padding: 17px 20px;
  }
  .faq-list__block ul li a span {
    flex: inherit;
  }
  .faq-list__block ul li a i {
    font-size: 24px;
    margin-left: 15px;
  }
  .category-hide__block .promo-message__block {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/*For New Home Page, from here Help Page code Begins*/
/*Sprint 69 : #85403 - ST - Help page redesign*/
.subpage-container {
  /* FAQ Categories */
}
.subpage-container .faq-categories__block {
  margin-bottom: 3.125rem;
  text-align: center;
  padding: 0 0 1.875rem;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block {
    margin-bottom: 2.125rem;
  }
}
.subpage-container .faq-categories__block .container {
  padding-right: 0;
  padding-left: 0;
}
.subpage-container .faq-categories__block .container h4 {
  padding-bottom: 1rem;
}
.subpage-container .faq-categories__block .container p {
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .subpage-container .faq-categories__block .container p {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container p {
    width: 85%;
  }
}
.subpage-container .faq-categories__block .container .faq-category {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  padding-top: 1.75rem;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container .faq-category {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 1rem;
    gap: 1rem;
  }
}
.subpage-container .faq-categories__block .container .faq-category .faq-item {
  margin: unset;
  width: unset;
}
.subpage-container .faq-categories__block .container .faq-category .faq-item a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #004595;
  font-size: 1.125rem;
  font-weight: 600;
  height: 100%;
  border: 1px solid #AFAFAF;
  border-radius: 8px;
  padding: 1.75rem 1.75rem 1.75rem 2rem;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container .faq-category .faq-item a {
    padding: 1.5rem 2rem;
    height: auto;
  }
}
.subpage-container .faq-categories__block .container .faq-category .faq-item a.active, .subpage-container .faq-categories__block .container .faq-category .faq-item a:hover {
  background-color: #004595;
  color: #fff;
  border-radius: 8px;
  border: 1px solid Transparent;
}
.subpage-container .faq-categories__block .container .faq-category .faq-item a.active img, .subpage-container .faq-categories__block .container .faq-category .faq-item a:hover img {
  filter: contrast(0) brightness(2);
  color: #fff;
}
.subpage-container .faq-categories__block .container .faq-category .faq-item a img {
  padding-right: 1rem;
  width: 20%;
  max-height: unset;
  max-width: unset;
  display: unset;
  margin: unset;
}
@media (max-width: 767.98px) {
  .subpage-container .faq-categories__block .container .faq-category .faq-item a img {
    width: 13%;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container .faq-category .faq-item a img {
    width: 6%;
  }
}
.subpage-container .faq-categories__block .container .faq-category .faq-item a .faq-title {
  font-weight: 500;
  text-align: left;
  padding: 0;
}
.subpage-container .faq-categories__block .container .faq-category .faq-item a .faq-teaser {
  display: none;
}
.subpage-container .faq-categories__block .container .faq-category .faq-item .category-hide__block.active .container .promo-message__block {
  border-radius: 8px;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container .faq-category .faq-item .category-hide__block.active .container .promo-message__block {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.subpage-container .faq-categories__block .container .faq-category .faq-item .category-hide__block.active .container .promo-message__block .promo-message a {
  border: none;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container .faq-category .faq-item .category-hide__block.active .container .promo-message__block .promo-message a a {
    color: #fff;
    padding: 1.125rem 3.75rem 1.125rem 1.25rem;
    font-size: 1rem;
    border-radius: 0;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container .faq-category .faq-item .category-hide__block.active .faq-list__block {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .subpage-container .faqcategoriesblock .faq-categories__block .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.subpage-container {
  /*Category Show Block*/
}
.subpage-container .category-show__block .container {
  padding-right: 0;
  padding-left: 0;
}
.subpage-container .category-show__block .container .promo-message__block {
  border-radius: 8px;
  margin-top: -1.25rem;
}
.subpage-container .category-show__block .container .promo-message__block .promo-message a {
  border-radius: 4px;
}
.subpage-container {
  /* FAQ List */
}
.subpage-container .faq-list__block {
  padding-top: 3.75rem;
  padding-bottom: 5rem;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-list__block {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}
.subpage-container .faq-list__block .container {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-list__block .container {
    padding: 0 !important;
  }
}
.subpage-container .faq-list__block .container h3 {
  font-size: 1.75rem !important;
  text-align: center;
  padding-bottom: 1rem;
}
.subpage-container .faq-list__block .container ul li {
  margin-top: 0;
  margin-bottom: 1rem;
}
.subpage-container .faq-list__block .container ul li:last-child {
  margin-bottom: 0;
}
.subpage-container .faq-list__block .container ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border: 1px solid #AFAFAF;
  border-radius: 8px;
  text-align: left;
}
.subpage-container .faq-list__block .container ul li a .span {
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-list__block .container ul li a .span {
    width: 80%;
  }
}
.subpage-container .faq-list__block .container ul li a i {
  font-size: 1.375rem;
  color: #AFAFAF;
}
.subpage-container .faq-list__block .container ul li a:hover {
  background-color: #004595;
  color: #fff;
  border-radius: 8px;
  border: 1px solid transparent;
}
.subpage-container .faq-list__block .container ul li a:hover i {
  color: #fff;
}

/* =========================================
   edittor
   ========================================= */
.editorial__block, .integration__block {
  padding: 45px 0 40px;
  font-size: 18px;
  line-height: 27px;
}
.editorial__block .container, .integration__block .container {
  padding: 0 285px;
}
.editorial__block.editorial__block-none, .editorial__block .integration__block-none, .integration__block.editorial__block-none, .integration__block .integration__block-none {
  padding: 0;
}
.editorial__block ul, .integration__block ul {
  margin: 20px 0;
}
.editorial__block ul li, .integration__block ul li {
  position: relative;
  padding-left: 30px;
}
.editorial__block ul li + li, .integration__block ul li + li {
  margin-top: 10px;
}
.editorial__block ul li:before, .integration__block ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
}
.editorial__block ol, .integration__block ol {
  margin: 20px 0;
}
.editorial__block ul:last-child, .integration__block ul:last-child {
  margin-bottom: 0;
}
.editorial__block ul:first-child, .integration__block ul:first-child {
  margin-top: 0;
}
.editorial__block p, .integration__block p {
  padding: 0;
}
.editorial__block h1, .editorial__block h2, .editorial__block h3, .editorial__block h4, .editorial__block h5, .editorial__block h6, .integration__block h1, .integration__block h2, .integration__block h3, .integration__block h4, .integration__block h5, .integration__block h6 {
  padding-top: 64px;
}
.editorial__block h1:first-child, .editorial__block h2:first-child, .editorial__block h3:first-child, .editorial__block h4:first-child, .editorial__block h5:first-child, .editorial__block h6:first-child, .integration__block h1:first-child, .integration__block h2:first-child, .integration__block h3:first-child, .integration__block h4:first-child, .integration__block h5:first-child, .integration__block h6:first-child {
  padding-top: 0;
}

.integration__block .container .landscape {
  width: 570px !important;
  height: 360px !important;
}
.integration__block .container .portrait {
  width: 570px;
  height: 920px;
}

.mural__block, .iframe__block {
  padding-bottom: 35px;
}

.iframe__block {
  padding-left: 60px;
  padding-right: 60px;
}

.generic-script__block {
  padding-bottom: 35px !important;
}
.generic-script__block .generic-block div:first-child {
  width: 570px !important;
  margin: 0px !important;
  top: 30%;
}
.generic-script__block .generic-block div:first-child img {
  max-width: none !important;
  max-height: none !important;
}

.interactivemap__block {
  padding-bottom: 35px;
}
.interactivemap__block .map-block {
  width: 760px !important;
  margin: 0px 0px 0px -94px !important;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .editorial__block, .integration__block {
    padding-bottom: 25px;
  }
  .editorial__block .container, .integration__block .container {
    padding: 0 15px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) and (max-width: 420px) {
  .integration__block .container iframe.landscape, .integration__block .container div.landscape {
    width: 100% !important;
  }
  .integration__block .container .landscape {
    height: 280px !important;
  }
  .integration__block .container .portrait {
    width: 100%;
    height: 700px !important;
  }
  .integration__block .interactivemap__block .map-block {
    width: 100% !important;
    margin: 0 !important;
  }
  .integration__block .interactivemap__block .map-block h2 {
    font-size: 22px;
    line-height: 27.5px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .integration__block .container .generic-script__block .generic-block {
    margin-top: 50px;
  }
  .integration__block .container .generic-script__block .generic-block div:first-child {
    width: 90% !important;
    margin: 0px !important;
    position: unset !important;
  }
  .integration__block .container .generic-script__block .generic-block div:first-child img {
    max-width: none !important;
    max-height: none !important;
    width: 90% !important;
    margin: 0 auto 20px auto !important;
    top: 45% !important;
  }
  .integration__block .container .generic-script__block .generic-block div:first-child div {
    margin: 0 auto !important;
    top: 60% !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .integration__block .container {
    max-width: 76% !important;
  }
}
/* =========================================
   cookies
   ========================================= */
.cookies__block {
  background: #e6e6e6;
  padding: 32px 0;
  display: none;
}
.cookies__block .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.cookies__block .cookies__teaser {
  flex: 0 0 422px;
}
.cookies__block .cookies__teaser h6 {
  font-size: 20px;
  line-height: 25px;
  padding-bottom: 12px;
}
.cookies__block .cookies__teaser p {
  padding: 0;
}
.cookies__block .cookies__button {
  flex: 0 0 350px;
  margin-left: auto;
}
.cookies__block .cookies__button .nb-btn {
  -ms-flex-pack: center;
  justify-content: center;
}
.cookies__block .cookies__button .nb-btn + .nb-btn {
  margin-top: 16px;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .cookies__block .container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .cookies__block .cookies__teaser {
    flex: inherit;
    margin-bottom: 24px;
  }
  .cookies__block .cookies__button {
    flex: inherit;
    margin: 0;
  }
}
/* =========================================
   list item
   ========================================= */
.list-item {
  margin-bottom: 20px;
}
.list-item ul {
  margin: 20px 0;
}
.list-item ul li {
  position: relative;
  padding-left: 30px;
}
.list-item ul li + li {
  margin-top: 10px;
}
.list-item ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
}

/* =========================================
   CTA
   ========================================= */
.cta__block {
  padding: 20px 0 20px;
}

.ctablock .cta__block .nb-btn {
  margin: 0 270px;
  min-width: 350px;
}

.beach-aware-page .cta__block .container {
  padding-left: 0;
  padding-right: 0;
}
.beach-aware-page .cta__block .container .nb-btn {
  margin: auto;
  min-width: auto;
  width: 100%;
}
.beach-aware-page .editorial__block,
.beach-aware-page .integration__block {
  padding: 20px 0 20px;
}
.beach-aware-page .editorial__block .container {
  padding: 0px 15px;
}
.beach-aware-page .form-row.wp-bathing-water-quality {
  margin-bottom: 0px;
}
.beach-aware-page .account-form .accordion__block {
  margin-bottom: 0px;
}
.beach-aware-page .editorial__block,
.beach-aware-page .integration__block {
  padding: 25px 0;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .cta__block {
    padding: 12px 0 20px;
  }
  .ctablock .cta__block .nb-btn {
    margin: 0;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .ctablock .cta__block .nb-btn {
    min-width: 300px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .ctablock .cta__block .nb-btn {
    min-width: inherit;
  }
}
/* =========================================
   Video
   ========================================= */
.video__block {
  position: relative;
  padding-top: 45%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video__block:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.video__block .container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.video__block h1, .video__block h4, .video__block h2 {
  color: #fff !important;
  padding-bottom: 21px;
  width: 540px;
  margin: 0 auto;
}
.video__block h2 {
  font-size: 28px;
  line-height: 35px;
}
.video__block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.video__block .video-desktop {
  display: none;
  position: absolute;
  z-index: 1;
}
.video__block iframe {
  position: absolute;
  z-index: 990;
}
.video__block .cssload-container {
  position: absolute;
  z-index: 890;
  background: rgba(0, 0, 0, 0.6);
}
.video__block.video-no-heading {
  width: 728px;
  margin: 0 auto;
  padding-top: 408px;
}
.video__block.video-no-heading:before {
  display: none;
}

@media (min-width: 768px) {
  .video__block.video-no-heading {
    width: 690px;
  }
}
@media (min-width: 992px) {
  .video__block.video-no-heading {
    width: 930px;
  }
}
@media (min-width: 1200px) {
  .video__block.video-no-heading {
    width: 728px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .video__block {
    padding-top: 56.25%;
  }
  .video__block h1, .video__block h4 {
    display: none;
  }
  .video__block.video-no-heading {
    width: auto;
    padding-top: 56.25%;
  }
}
/* =========================================
   autocomplete
   ========================================= */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-autocomplete .ui-menu-item {
  cursor: pointer;
}
.ui-autocomplete.header-autocomplete {
  background: rgba(var(--header--color-secondary), 0.9);
  left: 0 !important;
  right: 0 !important;
  padding: 31px 0 18px;
  z-index: 9999;
  width: auto !important;
}
.ui-autocomplete.header-autocomplete li {
  padding: 11px 139px;
}
.ui-autocomplete.header-autocomplete li a {
  display: inline-block;
  color: #fff;
  position: relative;
}
.ui-autocomplete.header-autocomplete li a:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  opacity: 0;
  border-bottom: 1px solid #fff;
  transition: all 0.3s;
}
.ui-autocomplete.header-autocomplete li a:hover {
  color: #fff;
}
.ui-autocomplete.header-autocomplete li a:hover:before {
  opacity: 1;
  bottom: 0;
}
.ui-autocomplete.header-autocomplete li.ui-state-focus a {
  color: #fff;
}
.ui-autocomplete.header-autocomplete li.ui-state-focus a:before {
  opacity: 1;
  bottom: 0;
}
.ui-autocomplete.help-autocomplete {
  margin: 14px 95px 0;
  width: auto !important;
  left: auto !important;
  top: auto !important;
}
.ui-autocomplete.help-autocomplete li {
  padding: 11px 32px;
  text-align: left;
}
.ui-autocomplete.help-autocomplete li a {
  display: inline-block;
  color: #fff;
  position: relative;
}
.ui-autocomplete.help-autocomplete li a:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  opacity: 0;
  border-bottom: 1px solid #fff;
  transition: all 0.3s;
}
.ui-autocomplete.help-autocomplete li a:hover {
  color: #fff;
}
.ui-autocomplete.help-autocomplete li a:hover:before {
  opacity: 1;
  bottom: 0;
}
.ui-autocomplete.help-autocomplete li.ui-state-focus a {
  color: #fff;
}
.ui-autocomplete.help-autocomplete li.ui-state-focus a:before {
  opacity: 1;
  bottom: 0;
}
.ui-autocomplete.postcode-autocomplete {
  border: 3px solid #767676;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  list-style-type: none;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  max-height: 235px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-autocomplete.postcode-autocomplete .ui-menu-item {
  display: list-item;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 24px 17px;
  text-transform: capitalize;
}
.ui-autocomplete.postcode-autocomplete .ui-menu-item + .ui-menu-item {
  border-top: 3px solid #767676;
}
.ui-autocomplete.postcode-autocomplete .ui-menu-item:hover, .ui-autocomplete.postcode-autocomplete .ui-menu-item.selected {
  background-color: var(--color--hover);
  color: #fff;
}

/* =========================================
   responsive tablets
   ========================================= */
@media (min-width: 767px) {
  .ui-autocomplete.header-autocomplete {
    position: absolute !important;
    top: 84px !important;
  }
}
/* =========================================
   responsive tablets
   ========================================= */
/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .ui-autocomplete.header-autocomplete {
    overflow-y: auto;
  }
  .ui-autocomplete.help-autocomplete {
    margin: 14px 0 0;
  }
}
@media (max-width: 1200px) and (min-width: 767px) {
  .search__active, .search__active body {
    overflow: hidden;
  }
  .ui-autocomplete.header-autocomplete {
    height: calc(100vh - 132px);
  }
  .ui-autocomplete.header-autocomplete li {
    padding: 11px 60px !important;
  }
  .android .ui-autocomplete.header-autocomplete {
    height: calc(100vh - 225px);
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .ui-autocomplete {
    background: var(--header--color-primary);
  }
  .ui-autocomplete.header-autocomplete {
    padding-top: 18px;
    position: fixed !important;
    top: 223px !important;
    height: calc(100% - 223px);
  }
  .ui-autocomplete.header-autocomplete li {
    padding-left: 35px;
    padding-right: 15px;
  }
  .ui-autocomplete.header-autocomplete li a {
    color: var(--header--color-primary);
  }
  .ui-autocomplete.header-autocomplete li a:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    opacity: 0;
    border-bottom: 1px solid var(--header--color-primary);
    transition: all 0.3s;
  }
  .ui-autocomplete.header-autocomplete li a:hover {
    color: var(--header--color-primary);
  }
  .ui-autocomplete.header-autocomplete li a:hover:before {
    opacity: 1;
    bottom: 0;
  }
  .ui-autocomplete.header-autocomplete li.ui-state-focus a {
    color: var(--header--color-primary);
  }
  .search__active .searchForm {
    z-index: 9999;
  }
}
.search__active body {
  height: 100vh;
}

/* =========================================
   download pdf
   ========================================= */
.download-pdf__block {
  padding: 30px 0 60px;
}
.download-pdf__block h6 {
  font-size: 20px;
  line-height: 25px;
}
.download-pdf__block .download-pdf {
  padding: 0 270px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.download-pdf__block .download-pdf .container {
  padding: 0;
}
.download-pdf__block .download-pdf h2 {
  font-size: 28px;
  line-height: 35px;
}
.download-pdf__block .cta__block {
  text-align: left;
  padding: 0 0 15px;
}
.download-pdf__block .cta__block .nb-btn {
  min-width: 350px;
  width: 100%;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .download-pdf__block .download-pdf {
    padding: 0;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .download-pdf__block .download-pdf {
    display: block;
  }
  .download-pdf__block .cta__block .nb-btn {
    min-width: 300px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .download-pdf__block .cta__block .nb-btn {
    min-width: inherit;
  }
}
/* =========================================
   modal
   ========================================= */
.nb-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 9990;
}
.nb-modal .nb-modal__close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 10px;
  background: none;
  border: none;
  padding: 10px 15px;
  color: #fff;
  opacity: 0.6;
  font-size: 18px;
  z-index: 9;
}
.nb-modal .nb-modal__close:hover {
  opacity: 1;
}
.nb-modal .nb-modal__content {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.nb-modal .nb-modal__body {
  width: 100%;
  position: relative;
  padding-top: 45%;
}
.nb-modal .nb-modal__body iframe, .nb-modal .nb-modal__body .cssload-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.nb-modal .nb-modal__body .cssload-container {
  display: block;
  z-index: 0;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .nb-modal .nb-modal__body {
    padding-top: 56.25%;
  }
}
/* =========================================
   featured
   ========================================= */
.featured__block {
  padding: 60px 0;
}
.featured__block .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.featured__block .featured-aspect-ratio {
  position: relative;
  padding-top: 56.25%;
}
.featured__block .featured__img {
  flex: 1 0 0;
  margin-right: 30px;
  margin-left: -164px;
  width: calc(100% - 438px - 30px + 164px);
}
.featured__block .featured__img .img-block, .featured__block .featured__img .video__block {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.featured__block .featured__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 3s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.featured__block .featured__img img:hover {
  transition: all 3s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.featured__block .featured__img .btn-play {
  position: absolute;
  left: 47%;
}
.featured__block .custom-object-fit {
  overflow: hidden;
}
.featured__block .custom-object-fit .img-block {
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.featured__block .custom-object-fit img {
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
}
.featured__block .custom-object-fit:hover > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.featured__block .featured__content {
  flex: 0 0 438px;
  width: 438px;
  font-size: 18px;
}
.featured__block .featured__content h2 {
  padding-bottom: 9px;
}
.featured__block .featured__content p {
  padding-bottom: 45px;
}
.featured__block .featured__content .nb-btn {
  padding-left: 40px;
  padding-right: 40px;
}
.featured__block.right-side__image .container {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.featured__block.right-side__image .featured__content {
  flex: 0 0 363px;
  width: 363px;
}
.featured__block.right-side__image .featured__img {
  margin-left: 112px;
  margin-right: -164px;
  width: calc(100% - 363px - 112px + 164px);
}

.corporate-page .featured__block {
  overflow: hidden;
}
.corporate-page .featured__block .featured__img {
  opacity: 0;
  will-change: opacity;
}
.corporate-page .featured__block .featured__content {
  opacity: 0;
  will-change: opacity, transform, animation;
  transform: translateY(200%);
}
.corporate-page .featured__block .featured__content h2 {
  color: #000;
}
.corporate-page .featured__block.animation .featured__img {
  animation: promoCardsImageFadeIn 1.8s forwards;
}
.corporate-page .featured__block.animation .featured__content {
  animation: promoCardsFadeIn 1s forwards;
}

.epi-editContainer .featured__block .featured__img {
  opacity: 1;
}
.epi-editContainer .featured__block .featured__content {
  opacity: 1;
  transform: translateY(0);
}

/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .featured__block {
    padding: 40px 0;
  }
  .featured__block .featured__img {
    margin-left: -40px;
    margin-right: 30px;
    width: calc(100% - 330px - 30px + 40px);
  }
  .featured__block .featured__content {
    flex: 0 0 330px;
    width: 330px;
  }
  .featured__block .featured__content h2 {
    font-size: 36px;
    line-height: 45px;
  }
  .featured__block .featured__content p {
    padding-bottom: 29px;
  }
  .featured__block .featured__content .nb-btn {
    display: inline-flex;
  }
  .featured__block.right-side__image .featured__img {
    margin-left: 30px;
    margin-right: -40px;
    width: calc(100% - 330px - 30px + 40px);
  }
  .featured__block.right-side__image .featured__content {
    width: 330px;
    flex: 0 0 330px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .featured__block .container {
    display: block;
  }
  .featured__block .featured__img {
    margin: 0 0 21px !important;
    width: 100% !important;
  }
  .featured__block .featured__content {
    width: auto !important;
  }
  .featured__block .featured__content h2, .featured__block .featured__content h4 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 16px;
  }
  .featured__block .featured__content .nb-btn {
    display: block;
    text-align: center;
  }
}
/* =========================================
   quote
   ========================================= */
.quote__block {
  color: var(--brand--color-primary);
  padding: 35px 0 0;
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 728px;
  font-size: 28px;
  line-height: 35px;
  font-family: "Roboto Slab", serif;
}
.quote__block p::before {
  content: "“ ";
  position: relative;
  top: 25px;
  left: 0%;
  font-weight: 900;
  font-size: 56px;
}
.quote__block p::after {
  content: " ”";
  position: relative;
  top: 25px;
  left: 0%;
  font-weight: 900;
  font-size: 56px;
}
.quote__block p {
  padding: 0;
}

/* =========================================
   responsive tablets
   ========================================= */
@media (max-width: 768px) {
  .quote__block {
    margin: 24px 0 0;
    width: auto;
  }
}
/* =========================================
   Accordion 
   ========================================= */
.accordion__block {
  padding: 0 175px 155px;
}
.accordion__block .accordion__item {
  padding: 27px 0;
  position: relative;
}
.accordion__block .accordion__item h2 {
  padding-bottom: 0;
}
.accordion__block .accordion__item h5, .accordion__block .accordion__item h2, .accordion__block .accordion__item h3, .accordion__block .accordion__item h4 {
  text-align: left;
  font-size: 20px;
  line-height: 25px;
  padding: 0 !important;
}
.accordion__block .accordion__item h5 button, .accordion__block .accordion__item h2 button, .accordion__block .accordion__item h3 button, .accordion__block .accordion__item h4 button {
  border: none;
  background-color: transparent;
  color: var(--brand--color-primary);
  cursor: pointer;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  font-family: "Roboto Slab", serif;
  text-align: left;
}
.accordion__block .accordion__item h5 button:hover, .accordion__block .accordion__item h2 button:hover, .accordion__block .accordion__item h3 button:hover, .accordion__block .accordion__item h4 button:hover {
  color: var(--button--hover-standard);
}
.accordion__block .accordion__item h5 a, .accordion__block .accordion__item h5 button, .accordion__block .accordion__item h2 a, .accordion__block .accordion__item h2 button, .accordion__block .accordion__item h3 a, .accordion__block .accordion__item h3 button, .accordion__block .accordion__item h4 a, .accordion__block .accordion__item h4 button {
  display: block;
  padding-right: 42px;
  width: 100%;
}
.accordion__block .accordion__item h5 a:before, .accordion__block .accordion__item h5 a:after, .accordion__block .accordion__item h5 button:before, .accordion__block .accordion__item h5 button:after, .accordion__block .accordion__item h2 a:before, .accordion__block .accordion__item h2 a:after, .accordion__block .accordion__item h2 button:before, .accordion__block .accordion__item h2 button:after, .accordion__block .accordion__item h3 a:before, .accordion__block .accordion__item h3 a:after, .accordion__block .accordion__item h3 button:before, .accordion__block .accordion__item h3 button:after, .accordion__block .accordion__item h4 a:before, .accordion__block .accordion__item h4 a:after, .accordion__block .accordion__item h4 button:before, .accordion__block .accordion__item h4 button:after {
  content: "";
  position: absolute;
  right: 0;
  background: var(--brand--color-primary);
}
.accordion__block .accordion__item h5 a:before, .accordion__block .accordion__item h5 button:before, .accordion__block .accordion__item h2 a:before, .accordion__block .accordion__item h2 button:before, .accordion__block .accordion__item h3 a:before, .accordion__block .accordion__item h3 button:before, .accordion__block .accordion__item h4 a:before, .accordion__block .accordion__item h4 button:before {
  top: 40px;
  width: 21px;
  height: 3px;
}
.accordion__block .accordion__item h5 a:after, .accordion__block .accordion__item h5 button:after, .accordion__block .accordion__item h2 a:after, .accordion__block .accordion__item h2 button:after, .accordion__block .accordion__item h3 a:after, .accordion__block .accordion__item h3 button:after, .accordion__block .accordion__item h4 a:after, .accordion__block .accordion__item h4 button:after {
  top: 31px;
  right: 9px;
  width: 3px;
  height: 21px;
}
.accordion__block .accordion__item h6 {
  font-size: 18px;
  line-height: 22.5px;
}
.accordion__block .accordion__item {
  border-bottom: 1px solid #f2f2f2;
}
.accordion__block .accordion__item:first-child {
  border-top: 1px solid #f2f2f2;
}
.accordion__block .accordion__item .accordion__content {
  padding: 20px 180px 0 0;
  display: none;
}
.accordion__block .accordion__item .accordion__content h6 {
  padding-bottom: 5px;
  color: #000;
}
.accordion__block .accordion__item .accordion__content h4 {
  padding-bottom: 5px;
  color: #000;
}
.accordion__block .accordion__item .accordion__content p {
  padding: 0;
}
.accordion__block .accordion__item .accordion__content ul {
  margin: 20px 0;
}
.accordion__block .accordion__item .accordion__content ul li {
  position: relative;
  padding-left: 30px;
}
.accordion__block .accordion__item .accordion__content ul li + li {
  margin-top: 10px;
}
.accordion__block .accordion__item .accordion__content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
}
.accordion__block .accordion__item .accordion__content ul {
  margin-bottom: 0;
}
.accordion__block .accordion__item .accordion__content .download-pdf__block {
  padding: 0 0 60px;
}
.accordion__block .accordion__item .accordion__content .download-pdf {
  padding: 0 10px;
}
.accordion__block .accordion__item.active h5 a:after, .accordion__block .accordion__item.active h5 button:after, .accordion__block .accordion__item.active h4 a:after, .accordion__block .accordion__item.active h4 button:after, .accordion__block .accordion__item.active h2 a:after, .accordion__block .accordion__item.active h2 button:after, .accordion__block .accordion__item.active h3 a:after, .accordion__block .accordion__item.active h3 button:after, .accordion__block .accordion__item.active strong a:after, .accordion__block .accordion__item.active strong button:after {
  transform: rotate(-90deg);
}
.accordion__block .accordion__item.active .accordion__content {
  display: block;
}

.accordionsblock .heading-image-accordion-block {
  padding-top: 50px;
  text-align: center;
}
.accordionsblock .heading-image-accordion-block .heading-with-image {
  padding: 30px 20px 42px;
}
.accordionsblock .heading-image-accordion-block .heading-without-image {
  padding: 0px 20px 42px;
}
.accordionsblock .heading-image-accordion-block h2 {
  font-size: 28px;
  line-height: 35px;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .accordion__block {
    padding: 0 0 45px;
  }
  .accordion__block .accordion__item h5 button:hover, .accordion__block .accordion__item h3 button:hover, .accordion__block .accordion__item h2 button:hover {
    color: var(--brand--color-primary);
  }
  .accordion__block .accordion__item .accordion__content {
    padding-right: 0;
  }
}
.account-form .accordion__block.accordion__block--text .accordion__item .accordion__content {
  padding-top: 24px;
}

/* =========================================
   Key Figures Block
   ========================================= */
.key-figures__block {
  padding: 10px 0 10px;
}
.key-figures__block .container {
  padding: 0 285px;
}
.key-figures__block h6 {
  color: #000;
  padding-bottom: 28px;
}
.key-figures__block .key-item {
  margin-bottom: 26px;
}
.key-figures__block .key-item span, .key-figures__block .key-item div {
  display: inline-block;
}
.key-figures__block .key-item span.key-label, .key-figures__block .key-item div.key-label {
  font-size: 18px;
  font-weight: 500;
}
.key-figures__block .key-item span.key-number, .key-figures__block .key-item div.key-number {
  font-family: "Roboto Slab", serif;
  font-size: 72px;
  font-weight: 300;
  margin-right: 15px;
  line-height: 54px;
  color: var(--brand--color-primary);
}
.key-figures__block .key-item span.key-number small, .key-figures__block .key-item div.key-number small {
  font-size: 48px;
  font-style: normal;
}
.key-figures__block .key-item span.number, .key-figures__block .key-item div.number {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.key-figures__block .key-item span.dot.hidden, .key-figures__block .key-item div.dot.hidden {
  display: none !important;
}
.key-figures__block .key-item p {
  padding: 17px 0 0;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .key-figures__block {
    padding-bottom: 10px;
  }
  .key-figures__block .container {
    padding: 0 15px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) and (max-width: 420px) {
  .key-figures__block {
    padding-bottom: 10px;
  }
  .key-figures__block .container {
    padding: 0 15px;
  }
}
/* =========================================
   Board of directors
   ========================================= */
.board-directors__block {
  background: #e6e6e6;
  padding: 98px 0;
  overflow: hidden;
}
.board-directors__block h4 {
  padding-bottom: 42px;
  color: #000;
  text-align: center;
}

.board-cards {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.board-cards .board-item {
  margin: 0 16px 32px;
  width: calc(25% - 34px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.board-cards .board-item .board-img {
  position: relative;
  padding-top: 75%;
  overflow: hidden;
  background: #f2f2f2;
  background-position: center;
  background-size: cover;
}
.board-cards .board-item .board-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 3s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.board-cards .board-item .board-img > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.board-cards .board-item .board-img:hover img {
  transition: all 3s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.board-cards .board-item .board-img.custom-object-fit {
  height: 188px;
  padding-top: 0;
}
.board-cards .board-item .board-img.custom-object-fit > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.board-cards .board-item .board-img.custom-object-fit img {
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
}
.board-cards .board-item .board-img.custom-object-fit:hover > div {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.board-cards .board-item .board-content {
  padding: 19px 32px 20px;
  background: #fff;
  flex: 1 0 0;
}
.board-cards .board-item .board-content h6 {
  font-size: 18px;
  line-height: 22.5px;
  padding-bottom: 8px;
}
.board-cards .board-item .board-content p {
  padding: 0;
  font-size: 14px;
}
.board-cards .board-item .board-content .find-more {
  display: inline-block;
  margin-top: 2px;
}
.board-cards > .epi-editContainer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
  width: 100%;
}
.board-cards > .epi-editContainer > .personblock {
  width: calc(25% - 34px);
  flex-basis: auto;
  margin: 0 16px 32px;
}
.board-cards > .epi-editContainer > .personblock > .board-item {
  width: 100%;
  margin: 0;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .board-directors__block {
    padding: 58px 0;
  }
  .board-directors__block .container {
    max-width: inherit;
  }
  .board-directors__block .owl-carousel {
    padding-right: 25px;
    padding-left: 16px;
  }
  .board-directors__block .owl-carousel .owl-stage-outer {
    margin: 0 -44px 32px 0;
    padding: 0 44px 0 0;
  }
  .board-directors__block .owl-carousel .owl-dots {
    margin-right: -25px;
  }
  .board-cards .board-item {
    width: 100%;
    margin: 0;
    height: 100%;
  }
  .board-cards .board-item .board-img.custom-object-fit {
    height: auto;
    padding-top: 75%;
  }
}
/* =========================================
   responsive moile
   ========================================= */
@media (max-width: 767px) {
  .board-directors__block .owl-carousel {
    padding-right: 29px;
  }
  .board-directors__block .owl-carousel .owl-dots {
    margin-right: -29px;
  }
}
/* =========================================
   Carousel image
   ========================================= */
.carousel-image__block {
  /*
  *  Owl Carousel - Core
  */
}
.carousel-image__block .owl-carousel {
  display: none;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.carousel-image__block .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.carousel-image__block .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.carousel-image__block .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.carousel-image__block .owl-carousel .owl-wrapper,
.carousel-image__block .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.carousel-image__block .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.carousel-image__block .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
.carousel-image__block .owl-carousel .owl-nav.disabled,
.carousel-image__block .owl-carousel .owl-dots.disabled {
  display: none;
}
.carousel-image__block .owl-carousel .owl-nav .owl-prev,
.carousel-image__block .owl-carousel .owl-nav .owl-next,
.carousel-image__block .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.carousel-image__block .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
.carousel-image__block .owl-carousel .owl-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.carousel-image__block .owl-carousel .owl-dots .owl-dot {
  padding: 5px;
  margin: 0;
  background: none;
  border: none;
}
.carousel-image__block .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
  border: 1px solid transparent;
}
.carousel-image__block .owl-carousel .owl-dots .owl-dot.active span {
  width: 14px;
  height: 14px;
  background: none;
  border-color: var(--brand--color-primary);
}
.carousel-image__block .owl-carousel.owl-loaded {
  display: block;
}
.carousel-image__block .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.carousel-image__block .owl-carousel.owl-hidden {
  opacity: 0;
}
.carousel-image__block .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.carousel-image__block .owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.carousel-image__block .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.carousel-image__block .owl-carousel.owl-rtl {
  direction: rtl;
}
.carousel-image__block .owl-carousel.owl-rtl .owl-item {
  float: right;
}
.carousel-image__block {
  /* No Js */
}
.carousel-image__block .no-js .owl-carousel {
  display: block;
}
.carousel-image__block {
  width: 728px;
  margin: 0 auto;
}
.carousel-image__block .owl-carousel {
  overflow: hidden;
}
.carousel-image__block .owl-carousel .owl-stage {
  z-index: -1;
}
.carousel-image__block .image__block {
  margin: 0;
}
.carousel-image__block .container {
  max-width: inherit !important;
  padding: 0;
  margin: 0;
}
.carousel-image__block .carousel-aspect-ratio {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  background: #f2f2f2;
}
.carousel-image__block .carousel-aspect-ratio img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
}
.carousel-image__block .carousel-aspect-ratio .carousel-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.carousel-image__block .carousel-aspect-ratio:hover .carousel-image {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.carousel-image__block .owl-nav {
  position: absolute;
  bottom: 0;
  right: 0;
}
.carousel-image__block .owl-nav button {
  width: 60px;
  height: 60px;
  overflow: hidden;
  padding: 0;
  border: none;
  text-align: center;
  background: var(--brand--color-primary) !important;
  color: #fff !important;
  margin-left: 1px;
  font-family: "Roboto Slab", serif !important;
  font-weight: 300 !important;
  font-size: 46px !important;
}
.carousel-image__block .owl-nav button span {
  display: block;
  position: relative;
  top: -4px;
}
.carousel-image__block .owl-nav button:hover {
  background: var(--button--hover-standard) !important;
}
.carousel-image__block .owl-dots {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}

.carousel-promo-image__block {
  /*
  *  Owl Carousel - Core
  */
}
.carousel-promo-image__block .owl-carousel {
  display: none;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.carousel-promo-image__block .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.carousel-promo-image__block .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.carousel-promo-image__block .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.carousel-promo-image__block .owl-carousel .owl-wrapper,
.carousel-promo-image__block .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.carousel-promo-image__block .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.carousel-promo-image__block .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
.carousel-promo-image__block .owl-carousel .owl-nav.disabled,
.carousel-promo-image__block .owl-carousel .owl-dots.disabled {
  display: none;
}
.carousel-promo-image__block .owl-carousel .owl-nav .owl-prev,
.carousel-promo-image__block .owl-carousel .owl-nav .owl-next,
.carousel-promo-image__block .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.carousel-promo-image__block .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
.carousel-promo-image__block .owl-carousel .owl-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.carousel-promo-image__block .owl-carousel .owl-dots .owl-dot {
  padding: 5px;
  margin: 0;
  background: none;
  border: none;
}
.carousel-promo-image__block .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
  border: 1px solid transparent;
}
.carousel-promo-image__block .owl-carousel .owl-dots .owl-dot.active span {
  width: 14px;
  height: 14px;
  background: none;
  border-color: var(--brand--color-primary);
}
.carousel-promo-image__block .owl-carousel.owl-loaded {
  display: block;
}
.carousel-promo-image__block .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.carousel-promo-image__block .owl-carousel.owl-hidden {
  opacity: 0;
}
.carousel-promo-image__block .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.carousel-promo-image__block .owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.carousel-promo-image__block .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.carousel-promo-image__block .owl-carousel.owl-rtl {
  direction: rtl;
}
.carousel-promo-image__block .owl-carousel.owl-rtl .owl-item {
  float: right;
}
.carousel-promo-image__block {
  /* No Js */
}
.carousel-promo-image__block .no-js .owl-carousel {
  display: block;
}
.carousel-promo-image__block {
  width: 100%;
  margin: 0 auto;
}
.carousel-promo-image__block .owl-carousel {
  overflow: hidden;
}
.carousel-promo-image__block .owl-carousel .owl-stage {
  z-index: -1;
}
.carousel-promo-image__block .image__block {
  margin: 0;
}
.carousel-promo-image__block .container {
  max-width: 100% !important;
  padding: 0;
  margin: 0;
}
.carousel-promo-image__block .carousel-aspect-ratio {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  background: #f2f2f2;
}
.carousel-promo-image__block .carousel-aspect-ratio img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0;
  animation: none;
  transform: none;
  transition: none;
  position: absolute;
}
.carousel-promo-image__block .carousel-aspect-ratio .carousel-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.carousel-promo-image__block .carousel-aspect-ratio:hover .carousel-image {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.carousel-promo-image__block .owl-nav {
  position: absolute;
  bottom: 0;
  right: 0;
}
.carousel-promo-image__block .owl-nav button {
  width: 60px;
  height: 60px;
  overflow: hidden;
  padding: 0;
  border: none;
  text-align: center;
  background: var(--brand--color-primary) !important;
  color: #fff !important;
  margin-left: 1px;
  font-family: "Roboto Slab", serif !important;
  font-weight: 300 !important;
  font-size: 46px !important;
}
.carousel-promo-image__block .owl-nav button span {
  display: block;
  position: relative;
  top: -4px;
}
.carousel-promo-image__block .owl-nav button:hover {
  background: var(--button--hover-standard) !important;
}
.carousel-promo-image__block .owl-dots {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}

.epi-editContainer .imageblock + .imageblock {
  display: none;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .carousel-image__block {
    margin: 30px 0 0;
    width: auto;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .carousel-image__block {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* =========================================
   News list
   ========================================= */
.news-list__block {
  padding: 80px 0 45px;
}
.news-list__block h4 {
  color: #000;
}
.news-list__block .news-item {
  padding: 21px 0 23px;
  border-bottom: 1px solid #e6e6e6;
}
.news-list__block .news-item:first-child {
  border-top: 1px solid #e6e6e6;
}
.news-list__block .news-item .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.news-list__block .news-item a {
  color: #000;
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  font-family: "Roboto Slab", serif;
}
.news-list__block .news-item a:hover {
  color: var(--brand--color-primary);
}
.news-list__block .news-item a {
  flex: 1 0 0;
}
.news-list__block .news-item .news-date {
  font-size: 14px;
  width: 190px;
  flex: 0 0 190px;
  margin-top: 11px;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .news-list__block {
    padding: 55px 0;
  }
  .news-list__block .news-item .news-date {
    width: 95px;
    flex: 0 0 95px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .news-list__block .news-item .container {
    display: block;
  }
  .news-list__block .news-item .news-date {
    width: auto;
    display: block;
    line-height: 30px;
    margin-top: 0;
  }
}
/* =========================================
   tabs
   ========================================= */
.nb-tabs {
  border-bottom: 1px solid #ccc;
  display: inline-block;
}
.nb-tabs li {
  float: left;
}
.nb-tabs li a {
  position: relative;
  font-weight: bold;
  color: var(--tabs--color--accessibility);
  display: block;
  padding: 5px 0 15px;
}
.nb-tabs li a.active {
  opacity: 1;
  color: var(--tabs-active--color);
}
.nb-tabs li a.active:before {
  height: 7px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  background: var(--tabs-active--border);
}
.nb-tabs li + li {
  margin-left: 30px;
}

.tabs-content {
  clear: both;
  padding: 54px 0 60px;
}
.tabs-content .tabs-item:not(.show) {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, animation, display;
  animation: fadeOut 0.3s;
  height: 0;
  overflow: hidden;
}
.tabs-content .tabs-item.active {
  animation: fadeIn 0.3s;
  visibility: visible;
  opacity: 1;
  height: auto;
  overflow: visible;
}
.tabs-content .tabs-item form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .tabs-content {
    padding: 30px 0;
  }
}
/* =========================================
   Corporate Jumbotron Item Block
   ========================================= */
.corporate_jumbotron__block {
  text-align: center;
  background: #d8d8d8;
  position: relative;
  color: #fff;
  padding-top: 56.25%;
  overflow: hidden;
}
.corporate_jumbotron__block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.49);
}
.corporate_jumbotron__block.jumbotron-zindex:before {
  z-index: 1;
}
.corporate_jumbotron__block h1 {
  color: #fff;
  padding-top: 12px;
  max-width: 480px;
  position: relative;
}
.corporate_jumbotron__block .jumbotron-label {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.corporate_jumbotron__block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.corporate_jumbotron__block .container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.corporate_jumbotron__block .scroll-explore {
  position: absolute;
  right: calc((100vw - 1140px) / 2);
  bottom: 58px;
  z-index: 2;
}

.epi-editContainer .corporatejumbotronitemblock + .corporatejumbotronitemblock {
  display: none;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .corporate_jumbotron__block {
    padding-top: 75%;
  }
  .index-landing-page .corporate_jumbotron__block .scroll-explore {
    right: 30px;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .corporate_jumbotron__block {
    padding-top: 125%;
  }
  .corporate_jumbotron__block h1 {
    max-width: 360px;
    padding-top: 12px;
    padding-bottom: 23px;
    font-size: 36px;
    line-height: 45px;
  }
  .corporate_jumbotron__block .scroll-explore {
    right: 30px;
    bottom: 42px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .corporate_jumbotron__block {
    padding-top: 100vh;
  }
  .corporate_jumbotron__block h1 {
    max-width: 240px;
    padding-top: 2px;
    max-width: inherit;
  }
  .corporate_jumbotron__block .nb-btn {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .corporate_jumbotron__block .scroll-explore {
    right: 15px;
  }
  .ios:not(.iosX) .corporate_jumbotron__block {
    padding-top: calc(100vh - 60px);
  }
  .ios.iosX .corporate_jumbotron__block {
    padding-top: calc(100vh - 100px);
  }
  .android .corporate_jumbotron__block {
    padding-top: calc(100vh - 44px);
  }
}
/* =========================================
   Two Column Container
   ========================================= */
.two-column__block {
  padding: 150px 0;
}
.two-column__block .editorial__block {
  padding: 0 215px 0 0;
}
.two-column__block .editorial__block .container {
  padding: 0;
}

/* =========================================
   responsive desktops
   ========================================= */
@media (max-width: 1200px) {
  .two-column__block {
    padding: 55px 0;
  }
  .two-column__block .editorial__block {
    padding-right: 55px;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .two-column__block .editorial__block {
    padding-right: 0;
  }
  .two-column__block .nb-col + .nb-col {
    padding-top: 45px;
  }
}
.article-share {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.article-share > a {
  background: var(--brand--color-primary);
  color: #fff;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  display: none;
}
.article-share > a.active {
  background: var(--brand--color-secondary);
}
.article-share > a:first-child, .article-share > a.show {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .article-share {
    top: auto !important;
    bottom: 2px;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .article-share > a:hover {
    background: var(--brand--color-primary);
  }
  .article-share > a.active {
    background: var(--brand--color-secondary);
  }
}
/* =========================================
   water safe
   ========================================= */
.water-safe__block {
  padding: 20px 0 20px;
  font-size: 18px;
  line-height: 27px;
}
.water-safe__block .container {
  padding: 0 285px;
}

/* =========================================
   responsive 1024
   ========================================= */
@media (max-width: 1200px) {
  .water-safe__block {
    padding-bottom: 25px;
  }
  .water-safe__block .container {
    padding: 0 15px;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .water-safe__block .water-safe {
    display: block;
  }
}
/* =========================================
   Timeline block
   ========================================= */
.timline-container {
  display: block;
  padding: 0 175px 25px;
}

.timeline_phases {
  width: 100%;
  display: flex;
  margin: 20px 0;
  border-left: 1px #f2f2f2 solid;
  border-bottom: 1px #f2f2f2 solid;
}

.phase__progressbar {
  width: 100%;
  display: flex;
  float: left;
}

.phase {
  border-right: 1px #f2f2f2 solid;
  background: #cddaea;
  position: relative;
  flex-basis: 80px;
  border-top: 5px #cddaea solid;
}

.phase--transition {
  transition: flex 0.2s ease-out;
  -webkit-transition: flex 0.2s ease-out;
}

.phase__content {
  background: #fff;
  padding: 5%;
  float: left;
  color: #004398;
  line-height: 25px;
  display: none;
}
.phase__content a {
  text-decoration: underline;
  text-underline-position: under;
  text-underline-offset: 5px;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: bold;
  text-decoration-thickness: 2px;
}
.phase__content ul {
  margin: 20px 0;
}
.phase__content ul li {
  position: relative;
  padding-left: 30px;
}
.phase__content ul li + li {
  margin-top: 10px;
}
.phase__content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
}
.phase__content ol {
  margin: 20px 0;
}
.phase__content ul {
  margin: 0;
}
.phase__content ul:last-child {
  margin-bottom: 0;
}
.phase__content ul:first-child {
  margin-top: 0;
}

.phase__name {
  transform: rotate(180deg);
  float: left;
  color: #004398;
  position: absolute;
  bottom: 0;
  writing-mode: tb-rl;
  padding: 20px 30px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  height: 100%;
  cursor: pointer;
}

.phase__title {
  width: 100%;
  float: left;
  background: rgba(0, 37, 81, 0.4);
  color: #fff;
  padding: 14px 0;
  text-align: center;
  font-weight: bold;
}

.phase--inprogress {
  background: #004595;
  border-top-color: #008a00;
}
.phase--inprogress .phase__title {
  background: #002551;
}
.phase--inprogress .phase__name {
  color: #fff;
}

.phase--open {
  flex: 8;
}
.phase--open .phase__name {
  display: none;
}
.phase--open .phase__content {
  display: block;
}
.phase--open .phase__title {
  text-align: left;
  padding-left: 5%;
}

.phase__progress_state.active {
  flex: 8;
}

.phase__title--mobile {
  display: none;
}

.phase--completed {
  background: #002551;
  border-top-color: #008a00;
}
.phase--completed .phase__name {
  color: #fff;
}

.phase__progress {
  width: 94%;
  margin: 0 3% 5% 3%;
  float: left;
}

.phase__progress_state {
  flex-basis: 80px;
}

.phase__progress_state.last {
  flex: 0;
}

.state__text {
  position: relative;
  top: 10px;
  left: -35px;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #004595;
  font-family: Roboto Slab, serif;
}

.state__text--tobe {
  top: 50%;
  left: -105%;
  color: #6e6e6e;
  width: 275%;
  display: block;
}

.active .state__text--tobe {
  left: -100%;
}
.active .phase__progress__line {
  width: calc(100% - 10px);
}

.state {
  width: 8px;
  height: 8px;
  float: left;
  background: #fff;
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px #ccc solid;
}

.state.completed {
  background: #002551;
  border-color: #002551;
}

.state.in-progress {
  background: #002551;
  border-color: #002551;
}

.phase__progress__line {
  width: 70px;
  float: left;
  border-top: 2px #ccc solid;
  position: relative;
  top: 4px;
}

@media (max-width: 1200px) {
  .timline-container {
    padding: 0 0 25px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .timline-container {
    padding: 0 0 25px;
  }
  .timeline_phases {
    flex-direction: column;
  }
  .phase {
    border: 0;
    transition: height 0.2s ease-out;
    -webkit-transition: height 0.2s ease-out;
    box-shadow: 6px 0px 3px #f2f2f2;
  }
  .phase__title {
    display: none;
  }
  .phase__progress {
    display: none;
  }
  .phase__content {
    width: 90%;
  }
  .phase__name {
    width: 90%;
    writing-mode: unset;
    position: absolute;
    bottom: unset;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    padding: 30px 20px;
    line-height: 20px;
  }
  .phase__name::after {
    width: 30px;
    height: 10px;
    float: right;
    font-size: 2em;
    text-align: right;
    content: "+";
  }
  .phase--open .phase__name--closed {
    display: block;
    line-height: 20px;
    padding: 30px 20px;
    position: relative;
    left: 0;
  }
  .phase--open .phase__content__title::after {
    width: 30px;
    height: 10px;
    float: right;
    font-size: 2em;
    text-align: right;
    content: "—";
    font-size: 1em;
  }
  .phase--open .phase__title {
    padding: 0;
  }
  .phase--open .phase__content {
    padding: 5% 20px;
    min-height: 200px;
    overflow-y: scroll;
  }
  .phase__title--mobile {
    width: 10%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-left: 5px #cddaea solid;
  }
  .phase--completed .phase__title--mobile {
    border-color: #008a00;
  }
  .phase--inprogress .phase__title--mobile {
    border-color: #008a00;
  }
}
.catchment-container .caption {
  padding: 0 175px 0px;
}
.catchment-container .catch-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 175px 25px;
}
.catchment-container .catch-boxes:after {
  content: "";
  flex: auto;
}
.catchment-container .catch-boxes > .catch-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(33.3333333333% - 13.3333333333px);
  margin: 20px 20px 0 0;
  padding: 70px 30px 80px;
  min-height: 240px;
  margin-bottom: 0;
  color: var(--button--color-standard);
  font-size: 18px;
  border: 1px solid #e6e6e6;
}
.catchment-container .catch-boxes > .catch-box:nth-child(3n) {
  margin-right: 0;
}
.catchment-container .catch-boxes > .catch-box:nth-child(-n+3) {
  margin-top: 0;
}
.catchment-container .catch-boxes > .catch-box.active {
  background-color: var(--button--color-standard);
  color: #fff;
}
.catchment-container .catch-boxes > .catch-box.active a {
  color: #fff;
}

@media (max-width: 1200px) {
  .catchment-container .caption {
    padding: 0;
  }
  .catchment-container .catch-boxes {
    padding: 0 0 25px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .catchment-container .caption {
    padding: 0;
  }
  .catchment-container .catch-boxes {
    display: block;
    padding: 0 0 25px;
  }
  .catchment-container .catch-boxes > .catch-box {
    width: 100%;
    margin: 20px auto;
  }
}
.category-container {
  display: block;
  padding: 0 175px 25px;
}
.category-container:after {
  content: "";
  flex: auto;
}
.category-container > .promo-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 20px 0 0 0;
}
.category-container > .promo-box .caption {
  padding: 0 0 32px 32px;
  border-top: none;
  background: #fff;
  flex: 1 0 0;
}
.category-container > .promo-box .caption h6, .category-container > .promo-box .caption h5 {
  line-height: 22.5px;
  padding-bottom: 16px;
  font-size: 22px;
}
.category-container > .promo-box .caption p {
  padding-bottom: 24px;
}
.category-container > .promo-box .caption ul {
  margin: 20px 0;
}
.category-container > .promo-box .caption ul li {
  position: relative;
  padding-left: 30px;
}
.category-container > .promo-box .caption ul li + li {
  margin-top: 10px;
}
.category-container > .promo-box .caption ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
}
.category-container > .promo-box .caption ol {
  margin: 20px 0;
}
.category-container > .promo-box .caption ul {
  margin: 0;
}
.category-container > .promo-box .caption ul:last-child {
  margin-bottom: 0;
}
.category-container > .promo-box .caption ul:first-child {
  margin-top: 0;
}
.category-container > .catch-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(33.3333333333% - 13.3333333333px);
  margin: 20px 20px 0 0;
  padding: 70px 30px 80px;
  min-height: 266px;
  margin-bottom: 0;
  color: var(--button--color-standard);
  border: 1px solid #e6e6e6;
}
.category-container > .catch-box.active {
  background-color: var(--button--color-standard);
  color: #fff;
}
.category-container > .catch-box.active a {
  color: #fff;
}

.promo-image {
  position: relative;
  overflow: hidden;
  height: 130px;
  width: 130px;
}
.promo-image:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.image-card {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .category-container {
    padding: 0 0 25px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .category-container {
    display: block;
    padding: 0 0 25px;
  }
  .category-container > .promo-box {
    display: block;
  }
  .category-container > .promo-box .caption {
    padding: 32px 0 0 0;
  }
  .category-container > .catch-box {
    width: 100%;
    margin: 20px auto;
  }
}
.infographics-container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.visible-mobile {
  display: none !important;
}

@media (max-width: 767px) and (max-width: 992px) {
  body {
    padding: 0;
  }
  .infographics-container {
    margin: 0 auto;
    padding: 15px 0px;
  }
  .visible-mobile {
    display: block !important;
  }
  .hidden-mobile {
    display: none !important;
  }
}
.jumbotron__block .jumbotronblock {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.jumbotron__block .jumbotron__content {
  padding-top: 54px;
}
.jumbotron__block .jumbotronblock.jumb-content-img-left {
  -webkit-flex-direction: initial;
  flex-direction: initial;
}
.jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__content {
  margin-left: 6rem;
  flex: 0 0 340px;
}
.jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__img {
  margin-right: 0px;
  margin-left: calc((112vw - 1105px) / 2 * -1);
}
.jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__img .jumbotron-aspect-ratio {
  padding-top: 90%;
}
.jumbotron__block .jumbotron__img {
  margin-right: calc((100vw - 1105px) / 2 * -1);
  width: calc(100% - 275px);
  flex: 1 0 0;
}
.jumbotron__block .jumbotron__img .jumbotron-aspect-ratio {
  position: relative;
  padding-top: 90%;
  z-index: 0;
}
.jumbotron__block .jumbotron__img .jumbotron-aspect-ratio .img-block {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #d8d8d8;
}
.jumbotron__block .jumbotron__img .img-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  transition: all 1.2s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.jumbotron__block .jumbotron__img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 1;
}
.jumbotron__block .jumbotron__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.jumbotron__block .jumbotron__content {
  padding: 5px 95px 0 0;
  flex: 0 0 350px;
  width: 350px;
  box-sizing: content-box;
}
.jumbotron__block .jumbotron__content ul li {
  opacity: 0;
  transition: opacity 0.6s, transform 0.3s;
  transform: translateY(50px);
}
.jumbotron__block .jumbotron__content ul li + li {
  margin-top: 16px;
}
.jumbotron__block .jumbotron__content ul li .nb-btn {
  font-size: 16px;
  font-weight: 600;
}
.jumbotron__block .jumbotron__content h2 {
  padding-bottom: 36px;
  opacity: 0;
  transition: opacity 0.6s, transform 0.3s;
  transform: translateY(50px);
}
.jumbotron__block.animation .jumbotron__img img {
  opacity: 1;
  transition: all 3s linear;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.jumbotron__block.animation .jumbotron__img .overlay {
  will-change: opacity, animation;
  animation: jumbotronOverlayFadeIn 1.2s forwards;
}
.jumbotron__block.animation .jumbotron__img:hover img {
  transition: all 3s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.jumbotron__block.animation .jumbotron__img:hover .img-bg {
  transition: all 1.2s linear;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.jumbotron__block.animation .jumbotron__content h2 {
  opacity: 1;
  transition-delay: 0.6s;
  transform: translateY(0);
}
.jumbotron__block.animation .jumbotron__content ul li {
  opacity: 1;
  transition-delay: 1s;
  transform: translateY(0);
}
.jumbotron__block.animation .jumbotron__content ul li:nth-child(2) {
  transition-delay: 1.2s;
}
.jumbotron__block.animation .jumbotron__content ul li:nth-child(3) {
  transition-delay: 1.3s;
}
.jumbotron__block.animation .jumbotron__content ul li:nth-child(4) {
  transition-delay: 1.4s;
}

.home-page .jumbotron__content {
  padding-top: 54px;
}

/* fix top IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .jumbotron__block .jumbotronblock {
    margin-left: calc((100vw - 980px) / 4 * -1);
  }
  .jumbotron__block .jumbotron__img .jumbotron-aspect-ratio .img-block img {
    opacity: 0;
  }
  .jumbotron__block .jumbotron__img .img-bg {
    display: block;
  }
}
@media (max-width: 1200px) {
  .jumbotron__block {
    overflow: hidden;
  }
  .jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__img {
    margin-left: calc((100vw - 384px) / 2 * -1);
  }
  .jumbotron__block .jumbotron__img {
    margin-right: calc((100vw - 690px) / 2 * -1);
  }
  .jumbotron__block .jumbotron__img .jumbotron-aspect-ratio {
    padding-top: 138%;
  }
  .jumbotron__block .jumbotron__content {
    padding: 26px 95px 0 0;
    flex: 0 0 328px;
    width: 328px;
  }
}
@media (max-width: 992px) {
  .jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__content {
    margin-left: 2rem;
  }
  .jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__img {
    margin-left: calc((120vw - 384px) / 2 * -1);
  }
  .jumbotron__block .jumbotron__content {
    padding-top: 31px;
    padding-right: 32px;
  }
  .jumbotron__block .jumbotron__content h2 {
    font-size: 36px;
    line-height: 45px;
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .jumbotron__block {
    padding-bottom: 65px;
  }
  .jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__img {
    margin-left: 0px;
  }
  .jumbotron__block .container {
    padding: 0;
  }
  .jumbotron__block .jumbotronblock, .jumbotron__block .jumbotronblock.jumb-content-img-left {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
  .jumbotron__block .jumbotronblock.jumb-content-img-left .jumbotron__content {
    padding: 0 15px;
    flex: inherit;
    width: auto;
    margin: 0px;
  }
  .jumbotron__block .jumbotron__img {
    margin-right: 0;
    flex: inherit;
    width: 100%;
  }
  .jumbotron__block .jumbotron__img .jumbotron-aspect-ratio {
    padding-top: 56.25%;
  }
  .jumbotron__block .jumbotron__content {
    padding: 0 15px;
    flex: inherit;
    width: auto;
  }
  .jumbotron__block .jumbotron__content h2 {
    padding: 15px 0 19px;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }
}
.catchmentArea_jumbotron__block {
  background: #cddaea;
}

.catchmentArea__map {
  float: right;
}

.catchmentArea__map svg {
  float: right;
  margin: 20px;
}

.mainArea {
  opacity: 0.8;
}

.mainArea:hover,
.active {
  opacity: 1;
  stroke: #002551;
}

.catchmentArea__links {
  align-self: center;
}

@media (max-width: 767px) and (max-width: 992px) {
  .catchmentArea__map.jumbotron__img {
    display: none;
  }
  .catchmentArea__links .jumbotron {
    text-align: center;
    padding: 25px 0px;
  }
}
/* =========================================
  promo banners
  ========================================= */
.new-home-page:has(.promo-banner) .container {
  padding: 0 15px;
}

#maincontent:not(:has(.new-home-page)) .promo-banner {
  margin-bottom: 56px;
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  #maincontent:not(:has(.new-home-page)) .promo-banner {
    padding: 3.5rem 1rem;
  }
}
#maincontent:not(:has(.new-home-page)) .promo-banner h2 {
  animation: none;
  opacity: 1;
  margin-bottom: 24px;
}
#maincontent:not(:has(.new-home-page)) .promo-banner p {
  animation: none;
  opacity: 1;
  font-size: 18px;
  font-weight: 400;
}

.container:has(.promo-banner) {
  padding: 0 95px;
}

.container.promo-with-no-img .promo-banner {
  margin: 0px 0px 56px !important;
  animation: none;
  opacity: 1;
}
.container.promo-with-no-img .promo-banner::before {
  background-color: rgba(217, 217, 217, 0.5);
}
.container.promo-with-no-img .promo-banner h2 {
  color: #004595;
  animation: none;
  opacity: 1;
  margin-bottom: 24px;
}
.container.promo-with-no-img .promo-banner p {
  color: #000;
  animation: none;
  opacity: 1;
}
.container.promo-with-no-img .promo-banner p.caption-sm {
  margin: 0 auto 32px;
}
.container.promo-with-no-img .promo-banner .button-groups {
  animation: none;
  opacity: 1;
}
.container.promo-with-no-img .promo-banner .nwl-btn {
  background-color: #004595;
  border-radius: 4px;
  text-decoration: none;
  border: none;
}
.container.promo-with-no-img .promo-banner .nwl-btn:hover {
  color: #fff;
  background-color: #0A254E;
  text-decoration: none;
}

.promo-banner {
  border-radius: 0.5rem;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 3.75rem 0 4rem;
  padding: 2.5rem 1rem;
  color: #fff;
  position: relative;
  z-index: 0;
}
.promo-banner::before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0.5rem;
  inset: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, var(--before-opacity));
}
@media screen and (min-width: 360px) and (max-width: 767px) {
  .promo-banner {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .promo-banner {
    background-position: 50% 0%;
    margin: 5.75rem 0 5.5rem;
    padding: 3rem 0;
  }
}
.promo-banner .button-groups {
  margin-top: 11.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .promo-banner .button-groups {
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto 1.25rem;
  }
}
.promo-banner .button-groups a {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .promo-banner .button-groups a {
    width: 18.438rem;
  }
}
.promo-banner .promo-banner-link {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-decoration: underline;
  margin-top: -24px;
  display: block;
  animation: none;
  opacity: 1;
  border: none;
}

/* =========================================
   Responsive Images - multiple media levels
   ========================================= */
.responsive-bg-img {
  background-image: var(--sm-img-src) !important;
}
@media screen and (min-width: 360px) and (max-width: 767px) {
  .responsive-bg-img {
    background-image: var(--md-img-src) !important;
    background-color: rgba(217, 217, 217, 0.5);
  }
}
@media screen and (min-width: 768px) {
  .responsive-bg-img {
    background-image: var(--lg-img-src) !important;
    background-color: rgba(217, 217, 217, 0.5);
  }
}

.title-sm {
  font-family: "Roboto Slab";
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: 16px;
  font-size: 2.25rem;
  padding: 0;
  color: #fff;
  margin: 0 auto 1rem;
  width: 90%;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .title-sm {
    width: 80%;
    font-size: 3rem;
  }
}

.caption-sm {
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  font-size: 1.125rem;
  text-align: center;
  padding: 0;
  margin: 0 auto 48px;
  width: 95%;
}
@media screen and (min-width: 768px) {
  .caption-sm {
    font-size: 1.25rem;
    width: 45%;
  }
}

@media (max-width: 767px) {
  .container:has(.promo-banner) {
    padding: 0 20px;
  }
  .container.promo-with-no-img {
    padding: 0 20px;
  }
  .container.promo-with-no-img .button-groups {
    animation: none;
    opacity: 1;
    margin-top: 0;
  }
  .container.promo-with-no-img .button-groups a {
    width: 100%;
    border: none;
    text-decoration: underline;
  }
  .container.promo-with-no-img .promo-banner {
    margin-top: 0 !important;
    margin-bottom: 36px !important;
  }
  .container .promo-banner .button-groups {
    margin-top: 0 !important;
  }
  #maincontent:not(:has(.new-home-page)) .promo-banner {
    margin-bottom: 2.25rem;
  }
}
/* =========================================
responsive ipad
========================================= */
@media (max-width: 992px) {
  .container:has(.promo-banner) {
    padding: 0 20px;
  }
  .container.promo-with-no-img {
    padding: 0 20px;
  }
  .container.promo-with-no-img .button-groups {
    animation: none;
    opacity: 1;
    margin-top: 0;
  }
  .container.promo-with-no-img .button-groups a {
    width: auto;
    border: none;
    text-decoration: underline;
  }
}
/* =========================================
responsive ipad portrait
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .container:has(.promo-banner) {
    padding: 0 32px;
  }
  #maincontent:not(:has(.new-home-page)) .promo-banner {
    margin-bottom: 40px;
  }
}
/* =========================================
   Quick facts carosuel 
   ========================================= */
/*Homepage Redesign : #65580 - ST - Did u know facts section with carousel*/
.did-you-know {
  background: rgb(173, 32, 142);
  position: relative;
  z-index: 0;
}
.did-you-know.linearGradient-blue {
  background: linear-gradient(120deg, rgb(91, 197, 242) 0%, rgb(20, 56, 127) 100%);
}
.did-you-know.linearGradient-green {
  background: linear-gradient(120deg, rgb(8, 164, 242) 0%, rgb(101, 179, 46) 100%);
}
.did-you-know .container .row .quick-fact-carousel::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  inset: 0;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel {
    padding: 3.5rem 1.5rem;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel {
    padding: 3.75rem 0;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav {
  /*opacity: 0;*/
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav.visible {
  opacity: 1 !important;
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav {
    margin-bottom: 2.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav {
    margin-bottom: 3.75rem;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-prev, .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-next {
  width: 3rem;
  height: 3rem;
  border-radius: 0.25rem;
  border: 0.093rem solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-prev i, .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-next i {
  color: #fff;
  font-size: 1.375rem;
}
@media not all and (hover: none) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-prev:hover, .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-next:hover {
    background: #fff;
  }
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-prev:hover i, .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-next:hover i {
    color: #14387F;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-prev:active, .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-next:active {
  background: #fff;
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-prev:active i, .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .owl-next:active i {
  color: #14387F;
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .fact-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  color: #004595;
  background-color: #fff;
  text-align: center;
  font-family: "Roboto Slab";
  font-style: normal;
  line-height: normal;
  font-weight: 700;
}
@media (max-width: 375.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .fact-badge {
    padding: 0.75rem 0.5rem !important;
  }
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .fact-badge {
    padding: 0.75rem 2rem;
    margin: 0;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-nav .fact-badge {
    padding: 0.75rem 2rem;
    margin: 0 2rem;
    font-size: 1.75rem;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer.visible {
  opacity: 1 !important;
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title {
  font-family: "Roboto Slab";
  font-style: normal;
  color: #fff;
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title {
    font-size: 2rem;
    line-height: 3.313rem;
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 400;
  }
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title {
    margin-bottom: 2rem;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title img {
  border-radius: 0.5rem;
  display: inline;
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title img {
    width: 5.5rem !important;
    height: 3.125rem !important;
    margin: 0 1rem;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-title img {
    width: 10.375rem !important;
    height: 5.625rem !important;
    margin: 0.75rem 1.5rem;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-sub-title {
  font-family: "IBM Plex Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin: 0 auto 40px auto;
  width: 90%;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-sub-title {
    font-size: 20px;
    width: 70%;
  }
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-sub-title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .facts-sub-title {
    margin-bottom: 2.5rem;
  }
}
.did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block p {
  padding: 0;
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .btn-container {
    width: 99%;
  }
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .btn-container .nwl-btn-sec {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .did-you-know .container .row .quick-fact-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .quick-context-block .nwl-btn {
    width: 100%;
  }
}

/*sprint 54 : #58384 - Related content card carousel*/
.card-carousel-block {
  color: #fff;
  text-align: center;
}
@media (max-width: 767.98px) {
  .card-carousel-block {
    padding: 3.5rem 0 4rem;
  }
}
@media (min-width: 768px) {
  .card-carousel-block {
    padding: 4.5rem 0 6rem;
  }
}
.card-carousel-block .container {
  position: relative;
  z-index: 99;
}
.card-carousel-block .carousel-description {
  padding: 0 1.25rem;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .carousel-description {
    width: 100%;
  }
}
.card-carousel-block .carousel-description .caption-default {
  margin-bottom: 4rem;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .card-carousel-block .carousel-description .caption-default {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .carousel-description .caption-default {
    margin-bottom: 4rem;
  }
}
.card-carousel-block .carousel-description .caption-default p {
  padding-bottom: 0;
}
.card-carousel-block .carousel-filter {
  padding: 0 1.25rem;
}
@media (max-width: 767.98px) {
  .card-carousel-block .carousel-filter .filter-block {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .carousel-filter .filter-block {
    display: none;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .carousel-filter .filter-block {
    margin-bottom: 4.5rem;
    padding: 1.5rem 2.75rem;
    border-radius: 0.25rem;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: space-around;
  }
}
.card-carousel-block .carousel-filter .filter-block .filter-title {
  padding-right: 0.938rem;
  width: 14%;
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .card-carousel-block .carousel-filter .filter-block .filter-title {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .carousel-filter .filter-block .filter-title {
    padding-right: 0 !important;
  }
}
.card-carousel-block .carousel-filter .filter-block .filter-groups .form-check {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0 0 0 1.75rem;
}
.card-carousel-block .carousel-filter .filter-block .filter-groups .form-check .form-check-input {
  width: 1.875rem;
  height: 1.875rem;
  background-color: transparent;
  border: 0.063rem solid #fff;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .carousel-filter .filter-block .filter-groups .form-check .form-check-input {
    margin: 0 0 0 1.75rem !important;
  }
}
.card-carousel-block .carousel-filter .filter-block .filter-groups .form-check .form-check-input:checked {
  background: url(/build/image/correct-tick.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.card-carousel-block .carousel-filter .filter-block .filter-groups .form-check .form-check-input[type=radio] {
  border-radius: 0.25rem !important;
  cursor: pointer;
}
.card-carousel-block .carousel-filter .filter-block .filter-groups .form-check .form-check-label {
  padding-left: 1rem;
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}
.card-carousel-block .carousel-filter .filter-mobile-caption {
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  text-align: left;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.25rem;
  margin-bottom: 0.75rem;
}
.card-carousel-block .carousel-filter .filter-block-mobile {
  width: 100%;
  padding: 1.125rem 0.75rem 1.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.375rem);
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .card-carousel-block .carousel-filter .filter-block-mobile {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .carousel-filter .filter-block-mobile {
    width: 100%;
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .carousel-filter .filter-block-mobile {
    display: none;
  }
}
.card-carousel-block .carousel-filter .filter-block-mobile .filter-dropdown {
  border-bottom: 0.125rem solid #e6e6e6;
  position: unset;
}
.card-carousel-block .carousel-filter .filter-block-mobile .filter-dropdown .filter-dropdown-list {
  text-align: left;
  width: 100%;
  color: #fff;
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.25rem;
  padding: 0;
  border-color: transparent;
  position: relative;
}
.card-carousel-block .carousel-filter .filter-block-mobile .filter-dropdown .filter-dropdown-list::after {
  position: absolute;
  right: 0;
  top: 1rem;
}
.card-carousel-block .carousel-filter .filter-block-mobile .filter-dropdown .menu {
  padding: 0;
  border: 0.125rem solid #e6e6e6;
  border-radius: 0.25rem;
  top: 6rem !important;
  right: 0 !important;
  left: 0 !important;
  transform: unset !important;
}
.card-carousel-block .carousel-filter .filter-block-mobile .filter-dropdown .menu .item {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.125rem solid #e6e6e6;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
}
.card-carousel-block .carousel-filter .filter-block-mobile .filter-dropdown .menu .item.active {
  background: #49BEF4;
  color: #002652;
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel {
    position: relative;
    z-index: 0;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .moving-carousel {
    position: relative;
    z-index: 0;
  }
}
.card-carousel-block .moving-carousel .owl-carousel {
  margin: 2rem 0;
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .moving-carousel .owl-carousel {
    margin: 0;
  }
}
.card-carousel-block .moving-carousel .owl-carousel.owl-theme.owl-nav {
  background: transparent;
}
.card-carousel-block .moving-carousel .owl-carousel.owl-theme.owl-nav:hover {
  background: transparent !important;
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer {
    margin-right: -1.625rem;
  }
}
@media (min-width: 768px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer {
    padding-bottom: 1.5rem;
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  opacity: 0.5;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.center {
    opacity: 1 !important;
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center {
  opacity: 1;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center:hover .owl-text-overlay, .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center:focus .owl-text-overlay {
  border-left: 0.313rem solid #FCAF17;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center:hover .owl-title, .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center:focus .owl-title {
  text-decoration: underline;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center:hover .arrow-right, .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center:focus .arrow-right {
  filter: brightness(0) saturate(100%) invert(71%) sepia(53%) saturate(806%) hue-rotate(346deg) brightness(100%) contrast(98%);
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center {
    margin-right: -1.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center {
    margin-right: -1.625rem;
  }
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item {
    transform: scale(0.9) !important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item {
    transform: scale(0.9) !important;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item {
    transform: scale(1);
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item a .owl-text-overlay {
  transition: none !important;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
  transform: scale(0.9);
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
  border-radius: 0.5rem;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .badge {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  padding: 10px;
  font-family: "IBM Plex Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: #fff;
  color: #000;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay {
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 3s;
  text-decoration: none;
  border-left: 0.313rem solid transparent;
  color: #fff;
  position: absolute;
  bottom: 1.25rem;
  text-align: left;
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay {
    padding: 0.75rem 0.75rem 2.25rem;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay {
    padding: 0.75rem 0.75rem 2.25rem;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay {
    padding: 1rem;
    text-align: left;
    width: 23.125rem;
    height: 10.938rem;
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay .owl-title {
  margin-bottom: 0.5rem;
  display: inline-block;
  text-decoration: none;
  color: #fff;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay .owl-caption {
  margin-bottom: 1.25rem;
  cursor: pointer;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay .owl-caption p {
  padding: 0;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .owl-text-overlay .arrow-right {
  font-size: 1.25rem;
  position: absolute;
  bottom: 1.125rem;
  color: #fff;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  margin-top: 0;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav:hover {
  background: transparent !important;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .fa-arrow-right:hover {
  color: #fff;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next {
  width: 3rem;
  height: 3rem;
  border: 0.093rem solid #fff;
  border-radius: 0.25rem;
  margin: 0;
}
@media not all and (hover: none) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev:hover, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next:hover {
    background: #14387F;
  }
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev:hover .fa-solid.fa-arrow-right, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev:hover .fa-solid.fa-arrow-left, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next:hover .fa-solid.fa-arrow-right, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next:hover .fa-solid.fa-arrow-left {
    color: #fff;
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev:active, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next:active {
  background: #14387F;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev:active .fa-solid.fa-arrow-right, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-prev:active .fa-solid.fa-arrow-left, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next:active .fa-solid.fa-arrow-right, .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-next:active .fa-solid.fa-arrow-left {
  color: #fff;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots {
  background: transparent;
  display: flex;
  padding: 0;
  margin: 0 2rem;
}
@media (max-width: 375.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots {
    margin: 0 1rem;
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots:hover {
  background: transparent;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot {
  background: transparent;
  margin: 0;
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot span {
  background-color: #fff;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot span {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media (min-width: 768px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot span {
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem 0 0.5rem;
  }
}
.card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot.owl-dot.active span {
  background-color: #FCAF17;
}
@media (max-width: 767.98px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot.owl-dot.active span {
    width: 0.625rem;
    height: 0.625rem;
    transform: scale(1.2);
  }
}
@media (min-width: 768px) {
  .card-carousel-block .moving-carousel .owl-carousel .owl-nav .owl-dots .owl-dot.owl-dot.active span {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.card-carousel-block.bgWhiteCarousel {
  background-color: #fff;
}
.card-carousel-block.bgWhiteCarousel h2 {
  color: #004595 !important;
}
.card-carousel-block.bgWhiteCarousel .caption-default {
  font-weight: 600;
}
.card-carousel-block.bgWhiteCarousel .caption-default p {
  color: #000;
}
@media (min-width: 1200px) {
  .card-carousel-block.bgWhiteCarousel .carousel-filter .filter-block {
    background: #004595;
  }
}
.card-carousel-block.bgWhiteCarousel .carousel-filter .filter-block-mobile {
  background: #004595;
}
@media (min-width: 1200px) {
  .card-carousel-block.bgWhiteCarousel .carousel-filter .filter-block-mobile {
    display: none;
  }
}
.card-carousel-block.bgWhiteCarousel .owl-nav .owl-prev, .card-carousel-block.bgWhiteCarousel .owl-nav .owl-next {
  border: 0.093rem solid #004595 !important;
  color: #004595;
}
.card-carousel-block.bgWhiteCarousel .owl-nav .owl-dot.active span {
  background-color: #004595 !important;
}
.card-carousel-block.bgWhiteCarousel .owl-nav .owl-dot span {
  background-color: #AFAFAF !important;
}
.card-carousel-block.bgBlue-gradient {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), linear-gradient(120deg, #5BC5F2 -38.72%, #14387F 100%);
}
.card-carousel-block.bgBlue-gradient .nwl-btn-viewmore {
  background-color: #fff;
  color: #004595 !important;
}
@media not all and (hover: none) {
  .card-carousel-block.bgBlue-gradient .owl-prev:hover, .card-carousel-block.bgBlue-gradient .owl-next:hover {
    background: #fff !important;
  }
  .card-carousel-block.bgBlue-gradient .owl-prev:hover .fa-solid.fa-arrow-right, .card-carousel-block.bgBlue-gradient .owl-prev:hover .fa-solid.fa-arrow-left, .card-carousel-block.bgBlue-gradient .owl-next:hover .fa-solid.fa-arrow-right, .card-carousel-block.bgBlue-gradient .owl-next:hover .fa-solid.fa-arrow-left {
    color: #14387F !important;
  }
}
.card-carousel-block.bgBlue-gradient .owl-prev:active, .card-carousel-block.bgBlue-gradient .owl-next:active {
  background: #fff !important;
}
.card-carousel-block.bgBlue-gradient .owl-prev:active .fa-solid.fa-arrow-right, .card-carousel-block.bgBlue-gradient .owl-prev:active .fa-solid.fa-arrow-left, .card-carousel-block.bgBlue-gradient .owl-next:active .fa-solid.fa-arrow-right, .card-carousel-block.bgBlue-gradient .owl-next:active .fa-solid.fa-arrow-left {
  color: #14387F !important;
}

.carousel-bg-img.tablet {
  display: none !important;
}
@media screen and (min-width: 360px) and (max-width: 767px) {
  .carousel-bg-img.desktop {
    display: none;
  }
  .carousel-bg-img.mobile {
    display: block;
  }
  .carousel-bg-img.tablet {
    display: none !important;
  }
}
@media screen and (min-width: 641px) {
  .carousel-bg-img.tablet {
    display: block !important;
  }
  .carousel-bg-img.mobile {
    display: none !important;
  }
  .carousel-bg-img.desktop {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .bgBlue-gradient .owl-theme .owl-nav .owl-prev:hover, .bgBlue-gradient .owl-theme .owl-nav .owl-next:hover {
    background: transparent !important;
    color: inherit !important;
    text-decoration: none;
  }
}
@media (max-width: 1199.98px) {
  .bgBlue-gradient .owl-theme .owl-nav .owl-prev:active, .bgBlue-gradient .owl-theme .owl-nav .owl-next:active {
    background: #fff !important;
  }
  .bgBlue-gradient .owl-theme .owl-nav .owl-prev:active .fa-solid.fa-arrow-right, .bgBlue-gradient .owl-theme .owl-nav .owl-prev:active .fa-solid.fa-arrow-left, .bgBlue-gradient .owl-theme .owl-nav .owl-next:active .fa-solid.fa-arrow-right, .bgBlue-gradient .owl-theme .owl-nav .owl-next:active .fa-solid.fa-arrow-left {
    color: #14387F !important;
  }
}

@media (max-width: 1199.98px) {
  .bgWhiteCarousel .owl-theme .owl-nav .owl-prev:hover, .bgWhiteCarousel .owl-theme .owl-nav .owl-next:hover {
    background: transparent !important;
    color: #14387F !important;
    text-decoration: none;
  }
}
@media (max-width: 1199.98px) {
  .bgWhiteCarousel .owl-theme .owl-nav .owl-prev:hover .fa-solid.fa-arrow-right, .bgWhiteCarousel .owl-theme .owl-nav .owl-prev:hover .fa-solid.fa-arrow-left, .bgWhiteCarousel .owl-theme .owl-nav .owl-next:hover .fa-solid.fa-arrow-right, .bgWhiteCarousel .owl-theme .owl-nav .owl-next:hover .fa-solid.fa-arrow-left {
    color: #14387F;
  }
}
@media (max-width: 1199.98px) {
  .bgWhiteCarousel .owl-theme .owl-nav .owl-prev:active, .bgWhiteCarousel .owl-theme .owl-nav .owl-next:active {
    background: #14387F !important;
  }
  .bgWhiteCarousel .owl-theme .owl-nav .owl-prev:active .fa-solid.fa-arrow-right, .bgWhiteCarousel .owl-theme .owl-nav .owl-prev:active .fa-solid.fa-arrow-left, .bgWhiteCarousel .owl-theme .owl-nav .owl-next:active .fa-solid.fa-arrow-right, .bgWhiteCarousel .owl-theme .owl-nav .owl-next:active .fa-solid.fa-arrow-left {
    color: #fff !important;
  }
}

.line-clamp-3 {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.title-large {
  font-family: "Roboto Slab";
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: 16px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .title-large {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .title-large {
    font-size: 54px;
  }
}

/*.caption-default {
    @include font-family-sans;
    font-weight: 400;

    @media (max-width: 767.98px) {
        font-size: 18px;
    }
}*/
.owl-title {
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.owl-caption {
  font-family: "IBM Plex Sans";
  font-style: normal;
  line-height: normal;
  font-size: 18px;
  font-weight: 400;
}

/* Ends Here sprint 54 : #58384 - Related content card carousel*/
@media (min-width: 2000px) {
  .owl-item.center {
    opacity: 1 !important;
  }
}
/* =========================================
  promo content block
  ========================================= */
/*Sprint 69 : #85403 - ST - Help page redesign*/
.promo-content-block {
  border-radius: 8px;
  padding: 3.87rem 4rem 3.75rem;
  margin-bottom: 5rem;
  background-position: 50% 0;
  background-size: cover;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .promo-content-block {
    flex-direction: column;
    padding: 2.5rem 1.12rem;
    height: 20.06rem;
  }
}
.promo-content-block::before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  inset: 0;
  z-index: -1;
}
.promo-content-block .content {
  color: #fff;
}
.promo-content-block .content h2 {
  color: #fff;
  padding-bottom: 8px;
}
@media (max-width: 1199.98px) {
  .promo-content-block .content h2 {
    text-align: center;
  }
}
.promo-content-block .content p {
  width: 60%;
}
@media (max-width: 1199.98px) {
  .promo-content-block .content p {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  .promo-content-block .promo-btn {
    width: 100%;
    text-align: center;
  }
}
.promo-content-block .promo-btn a {
  padding: 1.25rem 3.62rem;
}
@media (max-width: 1199.98px) {
  .promo-content-block .promo-btn a {
    display: block;
  }
}

.corporate-alert-block {
  z-index: 9999;
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  padding: 0 260px;
}
@media (max-width: 1199.98px) {
  .corporate-alert-block {
    padding: 0 134px;
  }
}
@media (max-width: 767.98px) {
  .corporate-alert-block {
    padding: 0 !important;
  }
}
.corporate-alert-block .alert-top-content {
  color: #000;
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  cursor: pointer;
}
.corporate-alert-block .alert-top-content .alert-left-content {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.corporate-alert-block .alert-top-content .alert-left-content .alert-text-content {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.corporate-alert-block .alert-top-content .alert-left-content .alert-text-content .alert-label {
  font-weight: 500;
  width: 80px;
}
.corporate-alert-block .alert-top-content .alert-left-content .alert-text-content .fa-exclamation-triangle {
  font-size: 20px;
  padding-right: 1rem;
}
@media (max-width: 767.98px) {
  .corporate-alert-block .alert-top-content .alert-left-content .overflow-max-width {
    max-width: 15.6rem;
  }
}
.corporate-alert-block .alert-top-content .alert-left-content .alert-info p {
  padding-bottom: 0;
  padding-left: 0.5rem;
  font-size: 1rem !important;
}
@media (max-width: 767.98px) {
  .corporate-alert-block .alert-top-content .alert-left-content .alert-info p {
    width: 95%;
  }
}
.corporate-alert-block .alert-top-content .alert-left-content .alert-info a {
  color: #000;
}
.corporate-alert-block .alert-top-content .alert-left-content .alert-info a:hover {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .corporate-alert-block .alert-top-content .alert-left-content .alert-info .alert-overflow p {
    min-width: 15rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.corporate-alert-block .alert-content-container {
  width: 100%;
  padding-top: 1rem;
  cursor: default;
}
.corporate-alert-block .alert-content-container p {
  color: #000;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 95%;
  padding-bottom: 0.5rem;
}

.contact-us-header-block .container {
  padding: 0 95px;
}
.contact-us-header-block {
  text-align: center;
}
.contact-us-header-block h1 {
  margin: 2rem 0;
  padding: 0;
}
.contact-us-header-block .contact-us-desc {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.contact-us-header-block .contact-us-desc p {
  font-size: 18px;
  width: 540px;
  padding-bottom: 0;
}
.contact-us-header-block .contact-us-blue-block {
  margin-bottom: 32px;
  background: #0A254E;
  padding: 24px;
  border-radius: 8px;
  color: #fff;
}
.contact-us-header-block .contact-us-blue-block h2 {
  color: #fff;
  padding-bottom: 16px;
}
.contact-us-header-block .contact-us-blue-block p {
  padding-bottom: 0;
  font-size: 18px;
}
.contact-us-header-block .contact-us-blue-block p a {
  text-decoration: underline;
  font-weight: 500;
  color: #fff;
}
.contact-us-header-block .contact-us-blue-block .info-btn {
  padding: 20px 40px;
  border-radius: 4px;
  border: 1px solid #fff;
  margin: 0 auto;
  margin-top: 40px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 22%;
}
.contact-us-header-block .contact-us-blue-block .info-btn:hover {
  background: #fff;
  color: #0A254E;
}

.contact-us-category-dropdown-block .container {
  padding: 0 95px;
}
.contact-us-category-dropdown-block {
  margin-top: 32px;
  margin-bottom: 3.5rem;
}
.contact-us-category-dropdown-block .dropdown-toggle {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #767676 !important;
  background: rgba(255, 255, 255, 0.5) !important;
  font-size: 18px;
  font-weight: 400;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.contact-us-category-dropdown-block .dropdown-toggle:after {
  border-top: 14px solid;
  border-right: 7px solid transparent;
  border-bottom: 0;
  border-left: 7px solid transparent;
}
.contact-us-category-dropdown-block .dropdown-menu {
  width: 100%;
  font-size: 18px;
  inset: 8px auto auto 0 !important;
  padding: 0;
  border-radius: 8px;
}
.contact-us-category-dropdown-block li:first-child a {
  border-radius: 8px 8px 0 0;
}
.contact-us-category-dropdown-block li:last-child a {
  border-radius: 0 0 8px 8px;
}
.contact-us-category-dropdown-block .dropdown-item {
  padding: 16px;
}
.contact-us-category-dropdown-block .dropdown-item:hover {
  background-color: #004595;
  color: #fff;
}

/* =========================================
   responsive ipad
   ========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .contact-us-help-block .container,
  .contact-us-header-block .container,
  .contact-us-category-dropdown-block .container {
    padding: 0 35px !important;
  }
}
@media (max-width: 992px) {
  .contact-us-help-block,
  .contact-us-header-block,
  .contact-us-category-dropdown-block {
    margin-bottom: 36px;
  }
  .contact-us-help-block .container,
  .contact-us-header-block .container,
  .contact-us-category-dropdown-block .container {
    padding: 0 20px;
  }
  .info-btn {
    width: 100% !important;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .contact-us-header-block h1 {
    font-size: 36px;
    line-height: normal;
  }
  .info-btn {
    width: 100% !important;
  }
}
/* =========================================
  quick link block
  ========================================= */
.quick-links-block .container {
  padding: 0 95px;
}

.quick-link-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(217, 217, 217, 0.5);
  padding: 84px 40px;
  border-radius: 8px;
  margin-bottom: 56px;
}

.quick-link-content {
  width: 50%;
}
.quick-link-content h2 {
  font-size: 48px;
  width: 366px;
  line-height: normal;
}
.quick-link-content p {
  width: 366px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

.quick-link-btn li {
  margin-bottom: 24px;
  background-color: #004595;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-radius: 0.25rem;
  opacity: 1;
  transition-delay: 1s;
  transform: translateY(0);
  position: relative;
  transition: opacity 0.6s, transform 0.3s;
  cursor: pointer;
}
.quick-link-btn li:last-child {
  margin-bottom: 0;
}
.quick-link-btn li:hover {
  color: #fff;
  outline: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), #004595;
}
.quick-link-btn li a.quickest-option-btn {
  background-color: #004595;
  display: flex;
  margin-top: 0;
  align-items: baseline;
  border-radius: 0.25rem;
  opacity: 1;
  cursor: pointer;
}
.quick-link-btn li a {
  color: #fff;
  border-radius: 4px;
  padding: 20px 70px 20px 20px !important;
  font-weight: 600;
  width: 100%;
}
.quick-link-btn li a .icon-left {
  padding-right: 12px;
}
.quick-link-btn li a .btn-arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.26rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), #004595;
  border-radius: 0 0.25rem 0.25rem 0;
  cursor: pointer;
}
.quick-link-btn li a:hover {
  outline: none;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), #004595;
}
.quick-link-btn li a:hover .btn-arrow i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.quick-link-btn li a span:first-of-type {
  padding-right: 0 !important;
  width: 265px;
}

/* =========================================
   responsive ipad
   ========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .quick-links-block .container {
    padding: 0 35px !important;
  }
}
@media (max-width: 992px) {
  .quick-links-block .container {
    padding: 0 20px;
  }
  .quick-link-wrap {
    display: block;
    padding: 24px 12px;
    margin-bottom: 36px;
  }
  .quick-link-content {
    width: 100%;
    padding-bottom: 4px;
  }
  .quick-link-content h2 {
    width: 100%;
    text-align: center;
  }
  .quick-link-content p {
    width: 100%;
    text-align: center;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .quick-link-wrap {
    display: block;
    padding: 24px 12px;
  }
  .quick-link-content {
    width: 100%;
  }
  .quick-link-content h2 {
    width: 100%;
    text-align: center;
    font-size: 32px;
  }
  .quick-link-content p {
    width: 100%;
    text-align: center;
  }
}
/* =========================================
 Helpful info video block
  ========================================= */
.helpful-info-video-block .container {
  padding: 0 95px;
}
.helpful-info-video-block .helpful-info-video-wrapper {
  color: #fff;
  border-radius: 8px;
  background: #004595;
  padding: 60px 40px;
  margin-bottom: 3.5rem;
}
.helpful-info-video-block .helpful-info-block {
  text-align: center;
}
.helpful-info-video-block .helpful-info-block h2 {
  padding-bottom: 24px;
  font-size: 36px;
  color: #fff;
}
.helpful-info-video-block .helpful-info-block .helpful-info-description {
  font-size: 18px;
  padding-bottom: 38px;
  width: 582px;
  margin: auto 0;
  display: inline-block;
}
.helpful-info-video-block .helpful-info-card {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.helpful-info-video-block .helpful-info-card .help-info-card-wrap {
  color: #fff;
  flex-basis: calc(33.33% - 13.3333333333px);
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #fff;
}
.helpful-info-video-block .helpful-info-card .help-info-card-wrap span {
  margin-bottom: 6px;
  display: block;
}
.helpful-info-video-block .helpful-info-card .help-info-card-wrap span i {
  font-size: 20px;
}
.helpful-info-video-block .helpful-info-card .help-info-card-wrap p {
  padding-bottom: 0;
  font-weight: 600;
}
.helpful-info-video-block .helpful-info-card .help-info-card-wrap:hover {
  color: #004595;
  background: #fff;
  /*img {
      color: #004595;
      filter: brightness(0) saturate(100%) invert(17%) sepia(65%) saturate(2823%) hue-rotate(201deg) brightness(97%) contrast(101%);
  }*/
}
.helpful-info-video-block .helpful-video-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap {
  width: 65%;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .video__block {
  height: 340px;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: scale(1);
  position: relative;
  object-fit: cover;
  z-index: 999;
  padding: 138px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .video__block:before {
  border-radius: 8px;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .video__block .cssload-container {
  border-radius: 8px;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .video__block .video-content {
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap iframe, .helpful-info-video-block .helpful-video-block .video-block-wrap .video-desktop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap iframe {
  position: absolute;
  z-index: 990;
  border-radius: 8px;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .video-desktop {
  display: none;
  position: absolute;
  z-index: 1;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .btn-play {
  border-radius: 4px;
  background: #004595;
  z-index: 9;
}
.helpful-info-video-block .helpful-video-block .video-block-wrap .btn-play i {
  font-size: 2rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap {
  width: 50%;
  padding-left: 38px;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap p {
  font-size: 18px;
  font-weight: 400;
  width: 300px;
  margin-bottom: 2rem;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap .video-content-link {
  color: #fff;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap .video-content-link:hover {
  text-decoration: underline;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap .video-open-btn {
  border: 1px solid #fff;
  border-radius: 4px;
  width: fit-content;
  padding: 20px 40px;
  color: #fff;
  font-weight: 600;
  line-height: normal;
}
.helpful-info-video-block .helpful-video-block .video-content-wrap .video-open-btn:hover {
  background-color: #fff;
  color: #004595;
}
.helpful-info-video-block .helpful-video-block .wistia-video-block-wrap {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .video__block {
  height: 470px;
  width: 100%;
}
.helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message {
  width: 100%;
  border: 1px solid #767676;
  background-color: #E1E1E1;
}
.helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message .cookie-setting-block {
  height: 470px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 180px 150px;
  justify-content: center;
  text-align: Center;
}
.helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message .cookie-setting-block h4 {
  font-size: 28px;
  font-weight: 700;
  color: #000;
}
.helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message .cookie-setting-block a {
  text-decoration: underline;
}
.helpful-info-video-block .video-transcription-wrapper .container {
  width: 100%;
  padding: 0px !important;
  margin-top: 24px;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block {
  padding: 0px;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item {
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px solid #f2f2f2;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item h3 button {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item h3 button:before {
  top: 12px;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item h3 button:after {
  top: 3px;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item button:before, .helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item button:after {
  background: #fff;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item .accordion__content {
  padding-right: 0;
}
.helpful-info-video-block .video-transcription-wrapper .container .accordion__block .accordion__item .accordion__content wistia-transcript {
  font-size: 18px;
  margin-left: -6px;
}
.helpful-info-video-block .w-bottom-bar-right-inner .w-css-reset {
  background: rgba(0, 0, 0, 0.6) !important;
}
.helpful-info-video-block .w-bottom-bar-left-inner .w-css-reset {
  background: rgba(0, 0, 0, 0.6) !important;
}
.helpful-info-video-block .w-bottom-bar-middle .w-css-reset {
  background: rgba(0, 0, 0, 0.6) !important;
}
.helpful-info-video-block #wistia_chrome_38 #wistia_grid_58_wrapper .w-css-reset-tree svg {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
.helpful-info-video-block #wistia_chrome_38 #wistia_grid_58_wrapper .w-css-reset-tree div {
  border-radius: 4px;
}
.helpful-info-video-block #wistia_chrome_38 #wistia_grid_58_wrapper .w-css-reset-tree div:hover {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.9);
}
.helpful-info-video-block #w-vulcan-v2-57 .w-bpb-wrapper button {
  width: 80px !important;
  height: 54px !important;
}
.helpful-info-video-block #wistia_chrome_38 .w-bpb-wrapper button.w-big-play-button > div {
  width: 80px !important;
  height: 54px !important;
  background: rgba(0, 0, 0, 0.6);
}
.helpful-info-video-block #wistia_chrome_38 .w-bpb-wrapper button > svg {
  width: 80px !important;
  height: 54px !important;
  background: rgba(0, 0, 0, 0.6);
}
.helpful-info-video-block #wistia_chrome_39 #wistia_grid_73_wrapper .w-css-reset-tree button.w-big-play-button div {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: 4px;
}

/* =========================================
responsive ipad
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .helpful-info-video-block .container {
    padding: 0 35px !important;
  }
  .helpful-info-video-block .video-content-wrap h2 {
    text-align: left;
  }
  .helpful-info-video-block .wistia-video-block-wrap {
    width: 100%;
  }
  .helpful-info-video-block .wistia-video-block-wrap #w-vulcan-v2-57 .w-bpb-wrapper button {
    width: 80px !important;
    height: 54px !important;
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_38 .w-bpb-wrapper button.w-big-play-button > div {
    width: 80px !important;
    height: 54px !important;
    background: rgba(0, 0, 0, 0.6);
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_38 .w-bpb-wrapper button > svg {
    width: 80px !important;
    height: 54px !important;
    background: rgba(0, 0, 0, 0.6);
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_39 #wistia_grid_73_wrapper .w-css-reset-tree button.w-big-play-button div {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 4px;
  }
}
@media (max-width: 992px) {
  .helpful-info-video-block .container {
    padding: 0 20px;
  }
  .helpful-info-video-block .helpful-info-block h2 {
    padding-bottom: 24px;
  }
  .helpful-info-video-block .helpful-info-block .helpful-info-description {
    padding-bottom: 0;
    width: 100%;
  }
  .helpful-info-video-block .helpful-info-video-wrapper {
    padding: 24px;
    margin-bottom: 36px;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-info-card {
    display: block;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-info-card .help-info-card-wrap {
    margin: 20px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-info-card .help-info-card-wrap span {
    margin-bottom: 0;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-info-card .help-info-card-wrap p {
    padding-left: 12px;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block {
    display: block;
    margin-top: 24px;
    text-align: center;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block .video-block-wrap {
    width: 100%;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block .wistia-video-block-wrap {
    width: 100%;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block .wistia-video-block-wrap #wistia_chrome_39 #wistia_grid_73_wrapper .w-css-reset-tree button.w-big-play-button div {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 4px;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block .wistia-video-block-wrap #w-vulcan-v2-57 .w-bpb-wrapper button {
    width: 80px !important;
    height: 54px !important;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block .wistia-video-block-wrap #wistia_chrome_39 #wistia_grid_73_wrapper .w-css-reset-tree button.w-big-play-button div {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 4px;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .helpful-video-block .wistia-video-block-wrap #w-vulcan-v2-57 .w-bpb-wrapper button {
    width: 80px !important;
    height: 54px !important;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .video-block-wrap {
    width: 100%;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .video-content-wrap {
    width: 100% !important;
    padding-left: 0 !important;
    margin-top: 2rem !important;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .video-content-wrap h2 {
    padding-bottom: 8px;
    text-align: left;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .video-content-wrap p {
    padding-bottom: 0;
    width: 100%;
    text-align: left;
  }
  .helpful-info-video-block .helpful-info-video-wrapper .video-content-wrap .video-open-btn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .helpful-info-video-block .helpful-info-block h2 {
    padding-bottom: 24px;
  }
  .helpful-info-video-block .helpful-info-block .helpful-info-description {
    padding-bottom: 0;
    width: 100%;
  }
  .helpful-info-video-block .helpful-info-video-wrapper {
    padding: 24px;
  }
  .helpful-info-video-block .helpful-info-video-wrapper p {
    font-size: 14px;
  }
  .helpful-info-video-block .container {
    padding: 0 20px;
  }
  .helpful-info-video-block .video-block-wrap {
    width: 100%;
  }
  .helpful-info-video-block .video-content-wrap {
    width: 100% !important;
    margin-top: 32px !important;
    margin-bottom: 24px;
    text-align: left;
  }
  .helpful-info-video-block .video-content-wrap h2 {
    text-align: left;
  }
  .helpful-info-video-block .video-content-wrap p {
    padding-bottom: 0 !important;
  }
  .helpful-info-video-block .video-content-wrap .video-open-btn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_39 #wistia_grid_73_wrapper .w-ellipsis {
    background-color: #000000 !important;
  }
  .helpful-info-video-block .wistia-video-block-wrap #w-vulcan-v2-57 .w-bpb-wrapper button {
    width: 28px !important;
    height: 19px !important;
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_38 .w-bpb-wrapper button div {
    width: 20px !important;
    height: 19px !important;
    background: rgba(0, 0, 0, 0.6);
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_38 .w-bpb-wrapper button svg {
    width: 28px !important;
    height: 19px !important;
    background: rgba(0, 0, 0, 0.6);
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_39 #wistia_grid_73_wrapper .w-css-reset-tree button.w-big-play-button div {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 4px;
  }
  .helpful-info-video-block .wistia-video-block-wrap #wistia_chrome_39 #wistia_grid_59_wrapper .w-css-reset-tree svg {
    background: rgb(0, 0, 0) !important;
  }
  .helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message {
    width: 100%;
    border: 1px solid #767676;
    background-color: #E1E1E1;
  }
  .helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message .cookie-setting-block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 46px 24px;
    justify-content: center;
  }
  .helpful-info-video-block .helpful-video-block .wistia-video-block-wrap .cookie-setting-message .cookie-setting-block h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    padding: 0px;
  }
}
/* =========================================
contact us method block
========================================= */
.contact-us-method-block {
  margin-bottom: 3.5rem;
}
.contact-us-method-block .container {
  padding: 0 5.94rem;
}
.contact-us-method-block .contact-us-method-wrap h2 {
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 0;
}
.contact-us-method-block .contact-us-method-wrap p {
  font-size: 18px;
  margin: 8px 0;
  padding-bottom: 0;
}
.contact-us-method-block .contact-us-method-wrap a {
  text-decoration: underline;
  font-weight: 600;
}
.contact-us-method-block h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.contact-us-method-block ul {
  list-style: inherit;
  padding-left: 30px;
}
.contact-us-method-block ul a {
  text-decoration: underline;
  font-weight: 600;
}
.contact-us-method-block ul li {
  font-size: 18px;
}
.contact-us-method-block .method-block {
  margin-top: 24px;
}
.contact-us-method-block .method-block .contactusoptionblock:last-child .contact-method {
  margin-bottom: 0;
}
.contact-us-method-block .contact-method {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  border: 2px solid #004595;
  border-radius: 8px;
  padding: 24px 40px;
  margin-bottom: 24px;
  cursor: pointer;
}
.contact-us-method-block .contact-method:hover {
  background: #F0F0F0 !important;
}
.contact-us-method-block .contact-method:hover h4 {
  text-decoration: underline;
}
.contact-us-method-block .contact-method h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 8px;
}
.contact-us-method-block .contact-method p {
  font-size: 18px;
  color: #000 !important;
}
.contact-us-method-block .contact-method p:hover {
  color: #000 !important;
}
.contact-us-method-block .contact-method .method-description {
  width: 80%;
}
.contact-us-method-block .contact-method .method-description p {
  padding-bottom: 0;
}
.contact-us-method-block .contact-method .method-description p:first-child {
  padding-bottom: 0;
  width: 85%;
}
.contact-us-method-block .contact-method .method-icon {
  padding: 14px;
  border: 2px solid #004595;
  border-radius: 50%;
  color: #004595;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-us-method-block .contact-method .method-icon i {
  font-size: 1rem;
}
.contact-us-method-block .contact-method span .fa-arrow-right {
  font-size: 2rem;
  color: #004595;
}
.contact-us-method-block .method-additional-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}
.contact-us-method-block .method-additional-content .method-additional-content-description {
  padding-left: 24px;
  padding-right: 210px;
}

@media (max-width: 992px) {
  .contact-us-method-block .container {
    padding: 0 20px !important;
  }
  .contact-us-method-block .contact-method {
    padding: 20px !important;
  }
  .contact-us-method-block .method-description {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .contact-us-method-block .method-description .method-additional-content {
    display: none;
  }
  .contact-us-method-block .method-additional-content-description {
    padding-right: 0 !important;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .contact-us-method-block .container {
    padding: 0 35px !important;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .contact-us-method-block .container {
    padding: 0 20px;
  }
}
/* =========================================
  ContentPanelBlock
  ========================================= */
.content-panel-block {
  margin-bottom: 3.5rem;
}
.content-panel-block .container {
  padding: 0rem 6rem;
}
.content-panel-block .container .content-panel-wrapper {
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), #004595;
  padding: 2.5rem;
}
.content-panel-block .container .content-panel-wrapper h2 {
  margin-bottom: 2.25rem;
  padding-bottom: 0px;
  font-size: 3rem;
  color: #fff;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 32px;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-image-section {
  width: auto;
  height: 100%;
  flex: 4;
  border-radius: 8px;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-image-section img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-image-section:before {
  border-radius: 8px;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-content-description {
  width: auto;
  flex: 4;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-content-description h3 {
  font-size: 2rem;
  color: #fff;
  padding-bottom: 1.5rem;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-content-description p {
  color: #fff;
  padding-bottom: 0px;
}
.content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-content-description a {
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
}

/* =========================================
responsive ipad landscape
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .content-panel-block {
    margin-bottom: 3.5rem;
  }
  .content-panel-block .container .content-panel-wrapper {
    padding: 1.5rem;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container {
    -webkit-flex-direction: row;
    flex-direction: row;
    gap: 32px;
    width: 100%;
  }
}
/* =========================================
responsive ipad portrait
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .content-panel-block {
    margin-bottom: 2.5rem;
  }
  .content-panel-block .container {
    padding: 0rem 2rem;
  }
  .content-panel-block .container .content-panel-wrapper {
    padding: 1.5rem;
  }
  .content-panel-block .container .content-panel-wrapper h2 {
    padding-bottom: 0px;
    font-size: 2.25rem;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-image-section {
    margin-bottom: 2rem;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-image-section img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-content-description h3 {
    font-size: 1.75rem;
    padding-bottom: 1.5rem;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .content-panel-block {
    margin-bottom: 2.25rem;
  }
  .content-panel-block .container {
    padding: 0 1.25rem;
  }
  .content-panel-block .container .content-panel-wrapper {
    padding: 1.5rem;
  }
  .content-panel-block .container .content-panel-wrapper h2 {
    padding-bottom: 0px;
    font-size: 2.25rem;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-image-section {
    margin-bottom: 2rem;
  }
  .content-panel-block .container .content-panel-wrapper .content-panel-img-desc-container .content-panel-content-description h3 {
    font-size: 1.75rem;
    padding-bottom: 1.5rem;
  }
}
/* =========================================
  info-panel-block
  ========================================= */
.info-panel-block .container {
  padding: 0rem 6rem;
}
.info-panel-block .info-panel-wrapper {
  color: #fff;
  border-radius: 8px;
  background: #004595;
  padding: 2.5rem;
  margin-bottom: 3.5rem;
  text-align: left;
}
.info-panel-block .info-panel-wrapper h2 {
  padding-bottom: 1.5rem;
  font-size: 3rem;
  color: #fff;
}
.info-panel-block .info-panel-wrapper h3 {
  font-size: 2rem;
  color: #fff;
  padding-bottom: 1.5rem;
}
.info-panel-block .info-panel-wrapper .info-panel-content-description {
  font-size: 18px;
  font-weight: 400;
  margin: auto 0;
  display: inline-block;
  color: #fff;
}
.info-panel-block .info-panel-wrapper .info-panel-content-description p {
  color: #fff;
  padding-block-end: 1rem;
}
.info-panel-block .info-panel-wrapper .info-panel-content-description p:last-child {
  padding-block-start: 8px;
  padding-block-end: 0px;
}
.info-panel-block .info-panel-wrapper .info-panel-content-description ul {
  list-style-type: disc;
  margin-inline-start: 2rem;
  margin-block-end: 1rem;
}
.info-panel-block .info-panel-wrapper .info-panel-content-description ul li {
  padding-block: 0px;
}
.info-panel-block .info-panel-wrapper .info-panel-content-description a {
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
}

/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .info-panel-block .container {
    padding: 0 2rem;
  }
  .info-panel-block .info-panel-wrapper {
    padding: 1.5rem;
    margin-bottom: 2.5rem;
  }
  .info-panel-block .info-panel-wrapper h2 {
    padding-bottom: 1.5rem;
    font-size: 2.25rem;
  }
  .info-panel-block .info-panel-wrapper h3 {
    font-size: 1.75rem;
    padding-bottom: 1.5rem;
  }
}
/* =========================================
responsive ipad portrait
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .info-panel-block .container {
    padding: 0 2rem;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .info-panel-block .container {
    padding: 0 1.25rem;
  }
  .info-panel-block .info-panel-wrapper {
    margin-bottom: 2.25rem;
  }
}
/* =========================================
  Multicolumn-info-container-block
  ========================================= */
.multicolumn-info-container-block {
  margin-bottom: 3.5rem;
}
.multicolumn-info-container-block .container {
  padding: 0rem 6rem;
}
.multicolumn-info-container-block .container .multicolumn-info-box-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 32px;
}
.multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box {
  flex: 1;
  background: rgba(217, 217, 217, 0.5);
  width: 50%;
  padding: 2.5rem;
  border-radius: 8px;
  text-align: center;
}
.multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box h3 {
  font-size: 2.25rem;
  color: #004595;
  padding-bottom: 1.5rem;
}
.multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box p {
  padding-bottom: 1.5rem;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
.multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box a {
  font-weight: 600;
  color: #004595;
  text-decoration: underline;
  font-size: 18px;
}

/* =========================================
responsive ipad portrait
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .multicolumn-info-container-block {
    margin-bottom: 2.5rem;
  }
  .multicolumn-info-container-block .container {
    padding: 0 2rem;
  }
  .multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box {
    width: 45%;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .multicolumn-info-container-block {
    margin-bottom: 2.25rem;
  }
  .multicolumn-info-container-block .container {
    padding: 0 1.25rem;
  }
  .multicolumn-info-container-block .container .multicolumn-info-box-wrapper {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box {
    padding: 1.5rem;
    width: 100%;
  }
  .multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box h3 {
    font-size: 2.25rem;
    padding-bottom: 1.5rem;
  }
  .multicolumn-info-container-block .container .multicolumn-info-box-wrapper .multicolumn-info-box p {
    padding-bottom: 1.5rem;
  }
}
.tooltip-arrow {
  position: absolute;
  bottom: -10px;
  right: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid var(--brand--color-primary);
}

.tooltip-inner {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, animation;
  background: var(--brand--color-primary);
  color: #fff;
  font-weight: 300 !important;
  font-size: 16px !important;
  white-space: nowrap;
  padding-right: 30px;
  min-height: 60px;
  text-align: left;
}
.tooltip-inner .tooltip-label {
  display: inline-block;
  padding: 17px 36px 19px 32px;
}
.tooltip-inner .tooltip-close {
  margin-left: auto;
  color: #fff !important;
  line-height: 14px;
  font-size: 18px;
  position: absolute;
  top: 14px;
  right: 6px;
  padding: 7px 10px;
}
.tooltip-inner .tooltip-close:hover {
  color: var(--header--color-hover) !important;
}
.tooltip-inner.bottom .tooltip-arrow {
  bottom: auto;
  top: -10px;
  border-top: none;
  border-bottom: 10px solid var(--brand--color-primary);
}
.tooltip-inner.center .tooltip-arrow {
  right: calc(50% - 7px);
}
.tooltip-inner.left .tooltip-arrow {
  right: auto;
  left: 7px;
}
.tooltip-inner.fixed {
  position: absolute;
  z-index: 98;
  white-space: normal;
  max-width: 350px;
  display: none;
  padding-right: 0;
}
.tooltip-inner.fixed:before {
  content: "";
  position: absolute;
  right: 7px;
  bottom: -10px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid var(--brand--color-primary);
}
.tooltip-inner.fixed .tooltip-label {
  white-space: normal;
  word-break: break-word;
}
.tooltip-inner.fixed.bottom:before {
  bottom: auto;
  top: -10px;
  border-top: none;
  border-bottom: 10px solid var(--brand--color-primary);
}
.tooltip-inner.fixed.center:before {
  right: calc(50% - 7px);
}
.tooltip-inner.fixed.left:before {
  right: auto;
  left: 7px;
}
.tooltip-inner.show {
  display: block;
  visibility: visible;
  animation: tooltipFadeIn 0.3s forwards;
}

.tooltip-btn, .tooltip-icon {
  font-size: 20px;
  outline: none;
  border: none;
  background: none;
  padding: 0;
}

.nb-tooltip {
  position: relative;
  padding: 0 5px;
  display: inline-block;
  background: #fff;
  z-index: 8;
}
.nb-tooltip > a {
  font-size: 20px;
  outline: none;
  vertical-align: middle;
}
.nb-tooltip .tooltip-btn {
  border: none;
  background: none;
  padding: 0;
  outline: none;
}
.nb-tooltip .tooltip-btn:before {
  will-change: opacity, animation;
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  right: 7px;
  bottom: 32px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid var(--brand--color-primary);
  background: none !important;
}
.nb-tooltip .tooltip-btn:focus {
  color: #0097e6;
}
.nb-tooltip .tooltip-inner {
  position: absolute;
  bottom: 42px;
  right: 0;
}
.nb-tooltip.tooltip-right .tooltip-inner {
  left: 0;
  right: auto;
}
.nb-tooltip.tooltip-center .tooltip-inner {
  width: 350px;
  right: -161px;
}
.nb-tooltip.max-label .tooltip-inner {
  white-space: normal;
  width: 350px;
  word-break: break-word;
}
.nb-tooltip.show {
  z-index: 10;
}
.nb-tooltip.show .tooltip-btn:before {
  visibility: visible;
  animation: tooltipFadeIn 0.3s forwards;
}
.nb-tooltip.show .tooltip-inner {
  visibility: visible;
  animation: tooltipFadeIn 0.3s forwards;
}
.nb-tooltip.no-val .tooltip-inner {
  padding-right: 43px;
}
.nb-tooltip.no-val .tooltip-label {
  padding: 0;
}

/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .nb-tooltip .tooltip-inner {
    width: auto !important;
  }
  .tooltip-inner.fixed {
    left: 15px !important;
    right: 15px !important;
    max-width: inherit;
  }
  .alert-tool-tip .nb-tooltip.show .tooltip-inner.w-246 {
    width: 246px !important;
  }
  .alert-tool-tip .nb-tooltip.show .tooltip-inner .tooltip-label {
    padding: 17px 1px 19px 32px;
  }
  .alert-tool-tip .nb-tooltip.show .tooltip-arrow {
    bottom: -10px;
    right: 122px;
  }
}
.nb-tooltip.pbottom .tooltip-btn:before {
  top: 32px;
  border-bottom: 10px solid var(--button--color-standard);
  border-top: 0;
}
.nb-tooltip.pbottom .tooltip-inner {
  top: 42px;
  bottom: auto;
}

.EPiServerForms {
  width: 450px;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  .EPiServerForms {
    width: 100%;
    padding: 0 20px;
  }
}
.EPiServerForms .container {
  padding: 0 285px;
}
.EPiServerForms h1 {
  text-align: center;
  font-size: 36px;
  line-height: 45px;
}
.EPiServerForms .Form__MainBody .required-indicator {
  margin-bottom: 4rem;
}
.EPiServerForms .Form__MainBody .Form__Element {
  position: relative;
  margin: 0 0 3rem 0;
}
.EPiServerForms .Form__MainBody .Form__Element .nb-tooltip {
  position: absolute;
  right: 0;
  top: 4px;
  white-space: nowrap;
}
.EPiServerForms .Form__MainBody .Form__Element .nb-tooltip a + a {
  margin-left: 24px;
}
.EPiServerForms .Form__MainBody .Form__Element .FormTextbox__Input {
  border: none;
  background: none;
  width: 100%;
  padding: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
  border-bottom: 3px solid #767676;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
  caret-color: #000;
  color: #000;
}
.EPiServerForms .Form__MainBody .Form__Element .FormTextbox__Input:focus + .Form__Element__Caption,
.EPiServerForms .Form__MainBody .Form__Element .FormTextbox__Input:not(:placeholder-shown) + .Form__Element__Caption {
  transform: translateY(-2rem);
  font-size: 12px;
  opacity: 1;
}
.EPiServerForms .Form__MainBody .Form__Element .Form__Element__Caption {
  position: absolute;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  pointer-events: none;
  overflow: hidden;
  cursor: text;
  text-align: initial;
  transition: 0.2s ease all !important;
  text-align: left;
}
.EPiServerForms .Form__MainBody .Form__Element .Form__Element__ValidationError {
  font-size: 12.8px;
  font-weight: 600;
  color: #d91e18;
}
.EPiServerForms .Form__MainBody .Form__Element.ValidationRequired .Form__Element__Caption:before {
  content: "*" !important;
  color: #d91e18;
  margin-right: 8px;
}
.EPiServerForms .Form__MainBody .Form__Element.ValidationRequired .Form__Element__Caption:after {
  content: none !important;
}
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail {
  color: #d91e18;
}
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormTextbox__Input,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormDateTime__Input,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormDateTimeRange__Start,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormDateTimeRange__End,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormChoice__Input--Checkbox {
  border-bottom: 3px solid #d91e18 !important;
}
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormChoice__Input--Checkbox,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormChoice__Input--Radio,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail .FormChoice--Image__Item img,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail textarea,
.EPiServerForms .Form__MainBody .Form__Element.ValidationFail select {
  border: 3px solid #d91e18 !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange {
  margin-bottom: 2.5rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .Form__Element__Caption {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1rem;
  color: #333;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  width: 100%;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  order: 2;
  width: 100%;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Slider__Button {
  background-color: #004595;
  border: none;
  border-radius: 4px;
  padding: 1.5rem 0.75rem;
  cursor: pointer;
  font-size: 1rem;
  color: #333;
  transition: background 0.3s ease;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  margin: 0;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Slider__Button.FormRange__Slider__Button__Disable {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #A4A4A4;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Slider__Button:hover:not(.FormRange__Slider__Button__Disable) {
  background-color: #ccc;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Min,
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Max {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Input {
  flex-grow: 1;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: #d3d3d3;
  outline: none;
  padding-bottom: 12px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Input > input {
  -ms-touch-action: manipulation; /* IE10  */
  touch-action: manipulation;
  opacity: 0;
  width: 100%;
  position: relative;
  z-index: 10;
  margin: 4.25rem 0 0;
  display: inline-block;
  height: 1.5rem;
  appearance: none;
  -webkit-appearance: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Output__Wrapper {
  min-width: 2.5rem;
  order: 1;
  margin-top: 3.75rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Output__Wrapper .FormRange__Output {
  font-weight: 600;
  font-size: 1rem;
  color: #000;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50% !important;
  background: #004595;
  cursor: pointer;
  padding-top: 2.5rem;
  margin-top: 10px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper .FormRange__Input::-moz-range-thumb {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50% !important;
  background: #004595;
  cursor: pointer;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .FormRange__Wrapper input[type=range]::-webkit-slider-runnable-track {
  border-radius: 0.5rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .Form__Element__ValidationError {
  display: block;
  margin-top: 0.5rem;
  color: #d91e18;
  font-size: 0.875rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormRange .Form__Element__ValidationError.hidden {
  display: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTime .FormDateTime__Input {
  min-height: 2.563rem;
  border: none;
  border-bottom: 3px solid #e6e6e6;
  margin-top: 2.5rem;
  font-size: 16px;
  font-weight: 600;
  font-family: IBM Plex Sans, sans-serif;
  caret-color: #000;
  color: #000;
  width: 100%;
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTime .Form__Element__ValidationError {
  margin: 0 0 1.5rem 0;
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange {
  margin-bottom: 3.75rem;
  border: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .Form__Element__Caption {
  font-size: 16px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange label {
  top: 3.125rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .FormDateTimeRange__Start {
  height: 1.875rem;
  border: none;
  border-bottom: 3px solid #e6e6e6;
  width: 40%;
  font-weight: 600;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .FormDateTimeRange__Start {
    width: 7.5rem;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .FormDateTimeRange_Seperator {
  vertical-align: unset;
  margin-top: 0;
  margin-left: 2.25rem;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .FormDateTimeRange_Seperator {
    margin-left: unset;
    padding: 0 1.5rem;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange label[for*=end] {
  left: 16.875rem;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange label[for*=end] {
    left: 12.5rem;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .FormDateTimeRange__End {
  margin-top: 5.625rem;
  height: 1.875rem;
  border: none;
  border-bottom: 3px solid #e6e6e6;
  width: 40%;
  margin-left: 2.5rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormDateTimeRange .FormDateTimeRange__End {
    width: 7.5rem;
    margin-left: unset;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice {
  margin-bottom: 3rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset .Form__Element__Caption {
  font-size: 16px !important;
  display: block;
  margin-bottom: 1rem !important;
  color: #000;
  position: unset !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div {
  display: flex;
  flex-direction: row;
  margin: 16px 0;
  gap: 16px;
  align-items: flex-start;
  position: unset !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input.FormChoice__Input--Checkbox {
  width: 1.875rem;
  height: 1.875rem;
  appearance: none;
  margin: 0;
  border: 3px solid #e6e6e6;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  transition: border 0.3s, background 0.3s;
  outline: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input.FormChoice__Input--Checkbox:checked {
  background-color: #004595;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input.FormChoice__Input--Checkbox:checked::after {
  content: "";
  display: block;
  width: 8px;
  height: 1rem;
  border: solid white;
  border-width: 0 2px 3px 0;
  transform: rotate(45deg);
  position: relative;
  top: 3px;
  left: 8px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input.FormChoice__Input--Checkbox:checked .FormChoice__Label {
  outline: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input.FormChoice__Input--Checkbox:focus {
  outline: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input.FormChoice__Input--Checkbox:focus + .FormChoice__Label {
  border: none !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Label {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  width: fit-content;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input--Radio {
  appearance: none;
  width: 1.875rem;
  height: 1.875rem;
  margin: 0;
  border: 3px solid #e6e6e6;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: border 0.3s, ease;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input--Radio:checked::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #004595;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -53%);
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input--Radio:focus {
  outline: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice fieldset div .FormChoice__Input--Radio:focus + .FormChoice__Label {
  border: none !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image {
  margin-bottom: 3rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .FormChoice--Image__Item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2.75rem 0 2rem 1rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .FormChoice--Image__Item .FormChoice--Image__Item__Caption {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 12px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .FormChoice--Image__Item img {
  width: 100%;
  height: 12.5rem;
  border: 3px solid #e6e6e6;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .FormChoice--Image__Item:last-child {
  margin-bottom: 0;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .Form__Element__Caption {
  display: block !important;
  min-width: 15%;
  vertical-align: top;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .FormChoice__Input:checked ~ img {
  border: 4px solid #004595 !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice--Image .Form__Element__ValidationError {
  margin-top: 0px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormFileUpload .FormFileUpload__Input {
  width: 47%;
  margin-top: 2.75rem;
  cursor: pointer;
  font-weight: 600;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormFileUpload .FormFileUpload__Input {
    width: 67%;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection {
  margin-bottom: 3rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection .Form__Element__Caption {
  display: block;
  margin-bottom: 2rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select {
  width: 100%;
  padding: 0.6rem 0.75rem;
  font-size: 0.95rem;
  color: #333;
  background-color: #fff;
  border: 3px solid #767676;
  border-radius: 4px;
  appearance: none;
  transition: border-color 0.3s ease;
  margin-top: 2.75rem;
  font-size: 16px;
  font-weight: 600;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select option {
  position: relative;
  min-height: 2.5rem;
  font-size: 16px;
  font-weight: 600;
  font-family: IBM Plex Sans, sans-serif;
  padding: 10px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select option:hover, .EPiServerForms .Form__MainBody .Form__Element.FormSelection select option:focus, .EPiServerForms .Form__MainBody .Form__Element.FormSelection select option:active, .EPiServerForms .Form__MainBody .Form__Element.FormSelection select option:checked {
  background-color: #004595;
  color: #fff;
  padding: 10px;
  cursor: pointer;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select:focus {
  outline: none;
  border-color: #767676;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select {
  /*&:invalid {
      border-color: red;
  }*/
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select option[disabled] {
  color: #999;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select option[disabled]:hover, .EPiServerForms .Form__MainBody .Form__Element.FormSelection select option[disabled]:focus, .EPiServerForms .Form__MainBody .Form__Element.FormSelection select option[disabled]:active, .EPiServerForms .Form__MainBody .Form__Element.FormSelection select option[disabled]:checked {
  background-color: #004595;
  color: #fff;
  padding: 10px;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select [multiple] {
  width: 100%;
  min-height: 8rem;
  padding: 0 !important;
  color: #333;
  background-color: #fff;
  border: 3px solid #767676;
  border-radius: 4px;
  transition: border-color 0.3s ease;
  margin-top: 2.75rem;
  font-size: 16px;
  font-weight: 600;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select [multiple]:focus {
  outline: none;
  border-color: #767676;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select [multiple] {
  /*&:invalid {
      border-color: red;
  }*/
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select [multiple] option[disabled] {
  color: #999;
  padding: 10px !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection select [multiple] options {
  padding: 10px !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.hasempty {
  cursor: not-allowed;
  pointer-events: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.hasempty .fa-caret-down, .EPiServerForms .Form__MainBody .Form__Element.FormSelection.hasempty:after {
  display: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.hasempty select::-ms-expand {
  display: none;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.form-tooltip .fa-caret-down {
  right: 2.188rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.empty {
  border-bottom-color: #d91e18;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.empty ~ .form-error {
  display: block;
  animation: fadeIn 1.2s forwards;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.EPiServerForms .Form__MainBody .Form__Element.FormSelection.actived .fa-caret-down {
  transform: rotateX(-180deg);
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox--Textarea .FormTextbox__Input {
  border: 3px solid #767676;
  border-radius: 5px;
  width: 100%;
  height: 9.375rem;
  resize: none;
  top: 2rem;
  position: relative;
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox--Textarea .FormTextbox__Input::placeholder {
  font-style: normal;
  font-weight: 600 !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox--Textarea .Form__Element__ValidationError {
  margin-top: 2rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh {
  background: var(--button--color-standard);
  border: none;
  color: #fff;
  padding: 1.125rem 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5rem !important;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
  margin: 3.25rem 0 0 0;
  float: left;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh {
    margin: 3.25rem 0 0 0;
    width: auto;
    padding: 1.125rem 0.75rem;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:after, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  height: 190%;
  top: -45%;
  left: 0;
  opacity: 0;
  background: var(--button--hover-standard);
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:before {
  border-radius: 0 50% 50% 0;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:after {
  left: auto;
  right: 0;
  border-radius: 50% 0 0 50%;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus {
  color: #fff;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover:after, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover:before, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus:after, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus:before {
  opacity: 1;
  width: 60%;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover:before, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover:after, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover .btn-arrow i, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus .btn-arrow i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:hover .btn-arrow i.fa-arrow-alt-to-bottom, .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Refresh:focus .btn-arrow i.fa-arrow-alt-to-bottom {
  animation: animate-arrow-down 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Image {
  display: block;
  margin: 3.25rem 0 1.5rem 0;
  float: right;
  width: 17rem;
  height: 3.75rem;
}
@media (max-width: 767px) {
  .EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Image {
    margin: 3.25rem 0 0 0;
    width: 10.625rem;
  }
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Input {
  width: 100%;
  padding: 0.6rem 0.75rem;
  border-bottom: 3px solid #767676;
  background-color: #fff;
  transition: #cccccc 0.3s ease;
}
.EPiServerForms .Form__MainBody .Form__Element.FormCaptcha .FormCaptcha__Input:focus {
  outline: none;
}
.EPiServerForms .Form__MainBody .Form__Element .FormParagraphText {
  margin: -1rem 0 1rem 0;
}
.EPiServerForms .Form__MainBody .Form__Element .FormSubmitButton, .EPiServerForms .Form__MainBody .Form__Element .FormResetButton {
  width: 60% !important;
  outline: none !important;
  margin: 0 auto 2rem auto;
  display: block !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox.FormTextbox--Textarea + .Form__Element.FormTextbox {
  margin-bottom: 5rem;
  top: 2rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox.FormTextbox--Textarea + .FormSubmitButton {
  top: 1.75rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox.FormTextbox--Textarea + .Form__Element.FormCaptcha {
  top: 2.75rem;
  margin-bottom: 6.25rem;
}
.EPiServerForms .Form__MainBody .Form__Element.FormTextbox.FormTextbox--Textarea.ValidationRequired.ValidationFail {
  margin: 0 0 0.5rem !important;
}
.EPiServerForms .Form__MainBody .Form__Element.FormChoice.ValidationRequired.ValidationFail {
  margin-bottom: 3rem !important;
}

.ui-datepicker.ui-widget.ui-widget-content {
  width: auto !important;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header {
  width: 100% !important;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next span {
  transform: none !important;
  padding-left: 1rem !important;
  height: 70%;
}
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar {
  margin: 5px !important;
  width: 90% !important;
}

.alert_window.optimizely-netigate-form .alert__block .alert__label {
  margin-bottom: 24px;
}
.alert_window.optimizely-netigate-form .alert__block .fas.fa-check-circle {
  color: var(--brand--color-secondary);
  font-size: 44px;
  margin-right: 0 !important;
}
.alert_window.optimizely-netigate-form .alert__block .alert__content h2 {
  padding-bottom: 20px;
  font-size: 20px;
  color: var(--black-color);
  line-height: 27.5px;
}
.alert_window.optimizely-netigate-form .alert__block .alert__content p {
  margin-bottom: 5px;
  padding-bottom: 24px;
  font-size: 20px;
  line-height: 26px;
}
.alert_window.optimizely-netigate-form .alert__block .container {
  padding: 48px 58px;
  border: 0 solid;
}
.alert_window.optimizely-netigate-form .alert__block .form-close-btn .confirm-btn {
  margin: 0 auto 15px;
}
.alert_window.optimizely-netigate-form .alert__block .form-close-btn .nb-btn-outline {
  margin: auto;
}
.alert_window.optimizely-netigate-form .alert__block .form-close-btn .nb-btn-block {
  max-width: 450px;
}

.alert_window .alert__block {
  background: rgba(0, 0, 0, 0.4) !important;
}

.corporate .Form__MainBody .Form__Element.FormChoice fieldset .Form__Element__Caption {
  margin-bottom: unset !important;
}

fieldset.FormAddressElement {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
fieldset.FormAddressElement .Form__CustomInput {
  border: none;
  background: none;
  width: 100%;
  padding: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
  border-bottom: 3px solid #e6e6e6;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
  margin-bottom: 0.5rem;
}
fieldset.FormAddressElement .Form__CustomInput::placeholder {
  color: transparent;
}
fieldset.FormAddressElement .Form__CustomInput:focus + .Form__Element__Caption {
  transform: translateY(-2rem);
  font-size: 12px;
  opacity: 1;
}

.nb-row-padding {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.nb-row-padding .nb-col-1 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 1) - 15px);
  max-width: calc(100% / (12 / 1) - 15px);
}
.nb-row-padding .nb-col-2 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 2) - 15px);
  max-width: calc(100% / (12 / 2) - 15px);
}
.nb-row-padding .nb-col-3 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 3) - 15px);
  max-width: calc(100% / (12 / 3) - 15px);
}
.nb-row-padding .nb-col-4 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 4) - 15px);
  max-width: calc(100% / (12 / 4) - 15px);
}
.nb-row-padding .nb-col-5 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 5) - 15px);
  max-width: calc(100% / (12 / 5) - 15px);
}
.nb-row-padding .nb-col-6 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 6) - 15px);
  max-width: calc(100% / (12 / 6) - 15px);
}
.nb-row-padding .nb-col-7 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 7) - 15px);
  max-width: calc(100% / (12 / 7) - 15px);
}
.nb-row-padding .nb-col-8 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 8) - 15px);
  max-width: calc(100% / (12 / 8) - 15px);
}
.nb-row-padding .nb-col-9 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 9) - 15px);
  max-width: calc(100% / (12 / 9) - 15px);
}
.nb-row-padding .nb-col-10 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 10) - 15px);
  max-width: calc(100% / (12 / 10) - 15px);
}
.nb-row-padding .nb-col-11 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 11) - 15px);
  max-width: calc(100% / (12 / 11) - 15px);
}
.nb-row-padding .nb-col-12 {
  flex-grow: 1;
  flex-basis: calc(100% / (12 / 12) - 15px);
  max-width: calc(100% / (12 / 12) - 15px);
}

/* =========================================
   responsive ipad
   ========================================= */
@media (min-width: 992px) {
  .nb-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .nb-row .nb-col-1 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 1));
    max-width: calc(100% / (12 / 1));
  }
  .nb-row .nb-col-2 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 2));
    max-width: calc(100% / (12 / 2));
  }
  .nb-row .nb-col-3 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 3));
    max-width: calc(100% / (12 / 3));
  }
  .nb-row .nb-col-4 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 4));
    max-width: calc(100% / (12 / 4));
  }
  .nb-row .nb-col-5 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 5));
    max-width: calc(100% / (12 / 5));
  }
  .nb-row .nb-col-6 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 6));
    max-width: calc(100% / (12 / 6));
  }
  .nb-row .nb-col-7 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 7));
    max-width: calc(100% / (12 / 7));
  }
  .nb-row .nb-col-8 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 8));
    max-width: calc(100% / (12 / 8));
  }
  .nb-row .nb-col-9 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 9));
    max-width: calc(100% / (12 / 9));
  }
  .nb-row .nb-col-10 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 10));
    max-width: calc(100% / (12 / 10));
  }
  .nb-row .nb-col-11 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 11));
    max-width: calc(100% / (12 / 11));
  }
  .nb-row .nb-col-12 {
    flex-grow: 1;
    flex-basis: calc(100% / (12 / 12));
    max-width: calc(100% / (12 / 12));
  }
}
.headerteaserbuttonblock {
  padding-top: 40px;
  padding-bottom: 5px;
}
.headerteaserbuttonblock .text-container-teaser-block {
  width: 250px;
  margin: 0 auto;
  padding-bottom: 15px;
}

.priority-services-block .form-checkbox span.radio-label {
  font-weight: 400;
}
.priority-services-block .priority-service-checkbox .form-checkbox {
  text-align: left;
  align-items: flex-start;
}
.priority-services-block .priority-service-checkbox .form-checkbox .checkbox-label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  top: -4px;
}
.priority-services-block .priority-services-registering-who .required-indicator {
  padding-top: 30px;
}
.priority-services-block .priority-services-registering-who .registering-on-behalf-of {
  margin-bottom: -10px;
  margin-top: -20px;
}
.priority-services-block .priority-services-form .required-subtitle {
  padding-top: 20px;
  font-size: 14px;
}
.priority-services-block .priority-services-form .bg__box.address__box p {
  text-align: center;
  padding: 0 20px;
}

.bg-color {
  background: var(--button--color-standard);
}
.bg-color a {
  color: #fff;
}
.bg-color a:after, .bg-color a:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  left: 0;
  opacity: 0;
  background: var(--button--color-standard);
}
.bg-color a:hover, .bg-color a:focus {
  color: #fff;
  background: var(--button--color-standard);
}
.bg-color a:hover:after, .bg-color a:hover:before, .bg-color a:focus:after, .bg-color a:focus:before {
  opacity: 1;
  width: 60%;
}
.bg-color a:hover:before, .bg-color a:focus:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.bg-color a:hover:after, .bg-color a:focus:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}

.image-hover-modfiy:hover img.image {
  display: none;
}

.image-hover-modfiy img.hover {
  display: none;
}

.image-hover-modfiy:hover img.hover {
  display: inline-block;
}

/* Tool Tip Np-Button*/
.alert-tool-tip-btn {
  background: var(--button--color-standard);
  border: none;
  color: #fff;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
}
.alert-tool-tip-btn:after, .alert-tool-tip-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  will-change: opacity, width, border-radius;
  transition: width 0.5s, opacity 0.5s, border-radius 0.3s;
  width: 0;
  height: 190%;
  top: -45%;
  left: 0;
  opacity: 0;
  background: var(--button--color-standard);
}
.alert-tool-tip-btn:before {
  border-radius: 0 50% 50% 0;
}
.alert-tool-tip-btn:after {
  left: auto;
  right: 0;
  border-radius: 50% 0 0 50%;
}
.alert-tool-tip-btn:hover, .alert-tool-tip-btn:focus {
  color: #fff;
}
.alert-tool-tip-btn:hover:after, .alert-tool-tip-btn:hover:before, .alert-tool-tip-btn:focus:after, .alert-tool-tip-btn:focus:before {
  opacity: 1;
  width: 60%;
}
.alert-tool-tip-btn:hover:before, .alert-tool-tip-btn:focus:before {
  animation: buttonLeftFadeIn 0.3s ease-out forwards;
}
.alert-tool-tip-btn:hover:after, .alert-tool-tip-btn:focus:after {
  animation: buttonRightFadeIn 0.3s ease-out forwards;
}
.alert-tool-tip-btn.nb-btn-inline {
  display: inline-flex;
}
.alert-tool-tip-btn.nb-btn-inline span:not(.btn-arrow) {
  padding-right: 15px;
}
.alert-tool-tip-btn.nb-btn-outline {
  padding-top: 17px;
  padding-bottom: 17px;
  background: transparent;
  border: 1px solid var(--button--color-standard);
  color: var(--button--color-standard);
}
.alert-tool-tip-btn.nb-btn-outline:before, .alert-tool-tip-btn.nb-btn-outline:after {
  background: var(--button--color-standard) !important;
  visibility: inherit;
  border: none;
}
.alert-tool-tip-btn.nb-btn-outline.nb-btn-outline-hover:before, .alert-tool-tip-btn.nb-btn-outline.nb-btn-outline-hover:after {
  background: var(--button--hover-standard);
}
.alert-tool-tip-btn.nb-btn-outline:hover, .alert-tool-tip-btn.nb-btn-outline:focus {
  color: #fff;
}
.alert-tool-tip-btn.nb-btn-sm {
  padding: 9px 16px;
}

.alert-tool-tip .nb-tooltip.show .tooltip-inner {
  bottom: 55px;
}

@media (max-width: 767px) {
  .m-w-300 {
    width: 300px !important;
  }
  .m-w-80 {
    width: 80% !important;
  }
  .m-mb-7rem {
    margin-bottom: 7rem !important;
  }
}
.header__wrap .ui-autocomplete.help-autocomplete {
  margin: 0 auto;
  background: var(--header--color-primary);
}

.select-box-two-container .divide-two-container {
  padding-bottom: 32px;
  padding-top: 20px;
}

.footer__wrap {
  background: var(--footer--color-primary);
  color: var(--footer--color);
  padding: 32px 0 48px;
  clear: both;
}
.footer__wrap a {
  color: var(--footer--color-link);
}
.footer__wrap a:hover {
  color: var(--footer--color-link-hover);
}
.footer__wrap .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer__wrap .footer-nav-wrap {
  font-weight: 500;
}
.footer__wrap .footer-nav-wrap ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.footer__wrap .footer-nav-wrap ul.nav {
  margin: 12px 0 27px;
}
.footer__wrap .footer-nav-wrap ul.nav li + li {
  margin-left: 30px;
}
.footer__wrap .footer-nav-wrap ul.share li i {
  font-size: 24px;
}
.footer__wrap .footer-nav-wrap ul.share li + li {
  margin-left: 40px;
}

.footer_partner {
  margin-left: auto;
}
.footer_partner ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.footer_partner ul li a {
  font-size: 12px;
  font-weight: 300;
  display: block;
}
.footer_partner ul li a img {
  max-height: 85px;
}
.footer_partner ul li .logo {
  width: 65px;
  height: 65px;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer_partner ul li .short {
  margin-top: 17px;
  width: 65px;
  display: block;
}
.footer_partner ul li + li {
  margin-left: 50px;
}

.footer-nav__sub, .nav-copy {
  font-weight: 300;
  font-size: 14px;
}
.footer-nav__sub ul, .nav-copy ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.footer-nav__sub ul li + li, .nav-copy ul li + li {
  margin-left: 42px;
}
.footer-nav__sub ul li.reciteme-link img, .footer-nav__sub ul li.reciteme-link svg, .nav-copy ul li.reciteme-link img, .nav-copy ul li.reciteme-link svg {
  margin-right: 5px;
  vertical-align: middle;
}

.copyright {
  border-top: 1px solid var(--footer--color-line);
  background: var(--footer--color-secondary);
  padding: 42px 0 41px;
  font-size: 14px;
  line-height: 1.3rem;
  font-weight: 300;
  color: #fff;
}
.copyright a {
  color: var(--footer--color-link);
}
.copyright a:hover {
  color: var(--footer--color-link-hover);
}
.copyright a:hover svg path {
  fill: var(--footer--color-link-hover);
}
.copyright .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.copyright .copyright_short {
  min-width: 100%;
}
.copyright .copyright_short p {
  padding: 0;
}
.copyright .copyright__logo img {
  height: 30px;
}
.copyright .footer-nav__sub {
  margin-bottom: 44px;
}
.copyright .footer-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .footer__wrap .container {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .footer__wrap .footer-nav-wrap ul {
    margin-bottom: 42px;
  }
  .footer__wrap .footer-nav-wrap ul.share {
    margin-bottom: 48px;
  }
  .footer__wrap .footer-nav-wrap ul.share li i {
    font-size: 32px;
  }
  .footer__wrap .footer-nav-wrap ul.nav {
    margin-bottom: 26px;
  }
  .footer_partner {
    margin-left: 0;
  }
  .copyright .footer-nav__sub {
    margin-bottom: 0;
  }
  .copyright .footer-nav__sub ul {
    flex-wrap: wrap;
  }
  .copyright .footer-nav__sub ul li.reciteme-link {
    flex-basis: 100%;
    margin: 25px 0;
  }
  .nav-copy ul {
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  .nav-copy ul li {
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .footer__wrap {
    padding-top: 44px;
  }
  .footer__wrap .footer-nav__sub ul, .footer__wrap .footer-nav-wrap ul {
    flex-wrap: wrap;
  }
  .footer__wrap .footer-nav__sub ul.nav, .footer__wrap .footer-nav-wrap ul.nav {
    margin: 0 0 17px;
  }
  .footer__wrap .footer-nav__sub ul.nav li, .footer__wrap .footer-nav-wrap ul.nav li {
    margin-bottom: 25px;
    flex: 0 0 50%;
    text-align: center;
  }
  .footer__wrap .footer-nav__sub ul.nav li + li, .footer__wrap .footer-nav-wrap ul.nav li + li {
    margin-left: 0;
  }
  .footer__wrap .footer-nav__sub ul.share, .footer__wrap .footer-nav-wrap ul.share {
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 47px;
  }
  /* SPRINT 25 - #17278 - SK - App store icons too close together on mobile.*/
  /* Added some properties for support to mobile devices */
  .footer_partner ul {
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer_partner ul li.footer-img-adjust {
    flex: 0 0 33.33%;
    text-align: center;
    margin-left: 2rem;
    margin-right: 1.5rem;
  }
  .footer_partner ul li.footer-img-adjust img {
    margin-bottom: 1rem;
  }
  .copyright {
    padding: 41px 0 48px;
  }
  .copyright .container {
    display: block;
    text-align: center;
  }
  .copyright .footer-nav__sub ul, .copyright .nav-copy ul {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .copyright .footer-nav__sub ul li.reciteme-link, .copyright .nav-copy ul li.reciteme-link {
    margin: 7px 0 15px;
  }
  .copyright .footer-nav__sub li {
    padding: 0 6px;
    margin-bottom: 11px;
  }
  .copyright .footer-nav__sub li + li {
    margin-left: 0;
  }
  .copyright .footer-details {
    flex-direction: column;
  }
  .copyright .copyright__logo {
    margin-top: 20px;
  }
  .copyright .copyright__logo img {
    height: 30px;
  }
}
/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
  .footer__wrap {
    padding-top: 44px;
  }
  .footer__wrap a:hover {
    color: #fff;
  }
}
/*SPRINT 47 - #50077 - ST - Footer links - design and alignment update*/
@media (min-width: 768px) and (max-width: 1023.98px) {
  .copyright .copyright_short .footer-nav__sub ul li + li {
    margin-left: 20px;
  }
  .copyright .copyright_short .footer-nav__sub ul .reciteme-link {
    margin: 32px 0;
  }
}
sup {
  font-size: 9px;
}

.account-tabs {
  /*
  *  Owl Carousel - Core
  */
}
.account-tabs .owl-carousel {
  display: none;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.account-tabs .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.account-tabs .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.account-tabs .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.account-tabs .owl-carousel .owl-wrapper,
.account-tabs .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.account-tabs .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.account-tabs .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
.account-tabs .owl-carousel .owl-nav.disabled,
.account-tabs .owl-carousel .owl-dots.disabled {
  display: none;
}
.account-tabs .owl-carousel .owl-nav .owl-prev,
.account-tabs .owl-carousel .owl-nav .owl-next,
.account-tabs .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.account-tabs .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
.account-tabs .owl-carousel .owl-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.account-tabs .owl-carousel .owl-dots .owl-dot {
  padding: 5px;
  margin: 0;
  background: none;
  border: none;
}
.account-tabs .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
  border: 1px solid transparent;
}
.account-tabs .owl-carousel .owl-dots .owl-dot.active span {
  width: 14px;
  height: 14px;
  background: none;
  border-color: var(--brand--color-primary);
}
.account-tabs .owl-carousel.owl-loaded {
  display: block;
}
.account-tabs .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.account-tabs .owl-carousel.owl-hidden {
  opacity: 0;
}
.account-tabs .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.account-tabs .owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.account-tabs .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.account-tabs .owl-carousel.owl-rtl {
  direction: rtl;
}
.account-tabs .owl-carousel.owl-rtl .owl-item {
  float: right;
}
.account-tabs {
  /* No Js */
}
.account-tabs .no-js .owl-carousel {
  display: block;
}
.account-tabs {
  position: relative;
}
.account-tabs .account-dots {
  overflow: hidden;
}
.account-tabs .owl-carousel {
  position: static;
  margin: 48px 0 0;
}
.account-tabs .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.account-tabs .owl-carousel .owl-stage {
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.account-tabs .owl-carousel .owl-item {
  height: 0;
  opacity: 0;
  overflow: hidden;
  max-width: 1110px;
}
.account-tabs .owl-carousel .owl-item.active {
  height: auto;
  opacity: 1;
  overflow: visible;
}
.account-tabs .custom-dots {
  border-bottom: 2px solid #e6e6e6;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  flex-wrap: nowrap;
  transition: all 0s ease 0s;
}
.account-tabs .custom-dots li {
  font-weight: bold;
  padding: 5px 0 18px;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.account-tabs .custom-dots li:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0px;
  height: 6px;
  background: transparent;
}
.account-tabs .custom-dots li i {
  width: 24px;
  font-size: 18px;
}
.account-tabs .custom-dots li + li {
  margin-left: 48px;
}
.account-tabs .custom-dots li.active {
  color: var(--brand--color-primary);
}
.account-tabs .custom-dots li.active:before {
  background: var(--brand--color-secondary);
}
.account-tabs .owl-nav .owl-prev, .account-tabs .owl-nav .owl-next {
  position: absolute;
  top: 0;
  color: var(--brand--color-primary);
  border: none;
  font-size: 38px;
  line-height: 40px;
  padding: 0 40px;
}
.account-tabs .owl-nav .owl-prev span, .account-tabs .owl-nav .owl-next span {
  position: relative;
  top: -5px;
}
.account-tabs .owl-nav .owl-prev.disabled, .account-tabs .owl-nav .owl-next.disabled {
  display: none;
}
.account-tabs .owl-nav .owl-next {
  padding-right: 1px;
  right: 0;
  background: -moz-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgb(242, 255, 255) 50%, rgb(242, 242, 242) 80%, rgb(242, 242, 242) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(242, 242, 242, 0) 0%, rgb(242, 242, 242) 50%, rgb(242, 242, 242) 80%, rgb(242, 242, 242) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, rgb(242, 242, 242) 50%, rgb(242, 242, 242) 80%, rgb(242, 242, 242) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.account-tabs .owl-nav .owl-prev {
  padding-left: 1px;
  left: 0;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.account__box {
  border: 1px solid #979797;
  background: #fff;
}
.account__box .editorial__block {
  padding: 0;
}
.account__box .editorial__block .container {
  padding: 0;
  max-width: inherit;
}
.account__box .editorial__block p + p {
  padding-top: 10px;
}
.box-bottom {
  margin-bottom: 30px;
}

.p-bottom {
  margin: 20px !important;
}

.bg__box {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
}
.bg__box .nb-tooltip {
  background: transparent;
}
.bg__box div:last-child.form-btn-link {
  margin-bottom: 16px;
  margin-top: 16px;
}
.bg__box p:not(.padding) {
  padding: 0;
}
.bg__box p:not(.padding) + p {
  padding-top: 2px;
}
.bg__box .row-bg + .row-bg {
  margin-top: 16px;
}
.bg__box .sub-title {
  margin-bottom: 0;
}
.bg__box .sub-title + div {
  margin-top: 20px;
}

.property__box {
  margin-top: 24px;
}

.account-form {
  width: 350px;
  margin: 0 auto;
}
.account-form .nb-tabs {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.account-form .nb-tabs li {
  width: 50%;
  float: none;
  text-align: center;
}
.account-form .nb-tabs li + li {
  margin: 0;
}
.account-form .account__box {
  padding: 24px;
}
.account-form .account__box.bg__box {
  margin-bottom: 32px;
}
.account-form .account-teaser, .account-form .sub-title {
  text-align: center;
}
.account-form .sub-title .nb-tooltip {
  top: -2px;
  margin-left: 5px;
}
.account-form .sub-title .normal {
  font-size: 16px;
}
.account-form .sub-title .small {
  font-size: 14px;
  line-height: 20px;
}
.account-form .small-title .nb-tooltip {
  top: -2px;
  margin-left: 6px;
}
.account-form .accordion__block {
  padding: 0;
  margin-bottom: 35px;
}
.account-form .accordion__block .accordion__item {
  border-color: #ccc;
}
.account-form .accordion__block .accordion__item .accordion__content {
  padding-right: 0;
}
.account-form .accordion__block .accordion__item a, .account-form .accordion__block .accordion__item button {
  color: var(--brand--color-primary);
}
.account-form .accordion__block .accordion__item a:before, .account-form .accordion__block .accordion__item a:after, .account-form .accordion__block .accordion__item button:before, .account-form .accordion__block .accordion__item button:after {
  background: var(--brand--color-secondary);
}
.account-form .accordion__block .accordion__item.active {
  border-bottom: none;
}
.account-form .meter-box {
  margin-bottom: 32px;
}
.account-form .meter-input {
  -ms-flex-pack: center;
  justify-content: center;
}
.account-form .row-textarea {
  margin-top: 29px;
}
.account-form .row-ebilling {
  margin-bottom: 65px;
}

.account-teaser h1 {
  padding-bottom: 14px;
  font-size: 36px;
}
.account-teaser p {
  padding-bottom: 40px;
}
.account-teaser > div {
  padding-bottom: 40px;
}
.account-teaser > div p {
  padding: 0;
}
.account-teaser > div strong {
  display: block;
  padding-bottom: 10px;
}
.account-teaser .sub-title {
  margin-bottom: 10px;
}
.account-teaser {
  /*Sprint 81 - KS - 115605 - Mimo - Improve how you are billed message*/
}
.account-teaser .metered .sub-title, .account-teaser .unmetered .sub-title, .account-teaser .mismatch .sub-title, .account-teaser .metered-teaser .sub-title, .account-teaser .unmetered-teaser .sub-title, .account-teaser .mismatch-teaser .sub-title {
  margin-bottom: 32px;
  font-size: 18px;
}
.account-teaser .metered p, .account-teaser .unmetered p, .account-teaser .mismatch p, .account-teaser .metered-teaser p, .account-teaser .unmetered-teaser p, .account-teaser .mismatch-teaser p {
  font-size: 18px;
}
.account-teaser .metered p a, .account-teaser .unmetered p a, .account-teaser .mismatch p a, .account-teaser .metered-teaser p a, .account-teaser .unmetered-teaser p a, .account-teaser .mismatch-teaser p a {
  color: #004595;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  margin-top: 16px;
  display: block;
}
.account-teaser .metered p:has(br) a, .account-teaser .unmetered p:has(br) a, .account-teaser .mismatch p:has(br) a, .account-teaser .metered-teaser p:has(br) a, .account-teaser .unmetered-teaser p:has(br) a, .account-teaser .mismatch-teaser p:has(br) a {
  display: block;
  margin-top: 16px;
}
.account-teaser .metered div p:not(:last-child), .account-teaser .unmetered div p:not(:last-child), .account-teaser .mismatch div p:not(:last-child), .account-teaser .metered-teaser div p:not(:last-child), .account-teaser .unmetered-teaser div p:not(:last-child), .account-teaser .mismatch-teaser div p:not(:last-child) {
  padding-bottom: 16px;
}
.account-teaser .metered div p:not(:first-child), .account-teaser .unmetered div p:not(:first-child), .account-teaser .mismatch div p:not(:first-child), .account-teaser .metered-teaser div p:not(:first-child), .account-teaser .unmetered-teaser div p:not(:first-child), .account-teaser .mismatch-teaser div p:not(:first-child) {
  padding-bottom: 0px;
}

/*Sprint 81 - KS - 115605 - Mimo - Improve how you are billed message*/
@media (min-width: 768px) {
  .account-teaser.no-teaser:has(.metered, .unmetered, .mismatch, .metered-teaser, .unmetered-teaser, .mismatch-teaser) h1 {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .account-teaser.no-teaser:has(.metered, .unmetered, .mismatch, .metered-teaser, .unmetered-teaser, .mismatch-teaser) div p:not(:last-child) {
    padding-bottom: 16px;
  }
  .account-teaser.no-teaser:has(.metered, .unmetered, .mismatch, .metered-teaser, .unmetered-teaser, .mismatch-teaser) div p:not(:first-child) {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .account-teaser.no-teaser:has(.metered, .unmetered, .mismatch, .metered-teaser, .unmetered-teaser, .mismatch-teaser) div p:not(:first-child) {
    padding-bottom: 0px;
  }
}

.add-remove-property .remove-property__step1 div[data-isMetered-section=false] {
  display: none;
}
.add-remove-property .remove-property__step1 .water-metter-details[data-has-water-metter-details=false] {
  display: none;
}

.account-page {
  padding: 85px 0 96px;
}
.account-page .tabs-content {
  padding-bottom: 0;
}

.login-page .cssload-container.overlay {
  position: fixed;
}
.login-page .featured__block {
  background: #e6e6e6;
}
.login-page .login .form-row.row-remember {
  margin: -8px 0 40px;
}
.login-page .login .form-link {
  margin-bottom: 40px;
  margin-top: 24px;
}
.login-page.move-home-page .nb-tabs, .login-page.move-home-page .login-content, .login-page.pay-your-bill-page .nb-tabs, .login-page.pay-your-bill-page .login-content {
  display: none;
}
.login-page.move-home-page .tabs-content, .login-page.pay-your-bill-page .tabs-content {
  padding-top: 0;
}

.register-page .register .existing-nwl {
  margin-bottom: 60px;
}
.register-page .register .existing-nwl .form-lable {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
}
.register-page .register .form-link {
  margin-bottom: 70px;
}
.register-page .account-form .account__box {
  border-color: #e6e6e6;
  padding-bottom: 36px;
}
.register-page .account__box .editorial__block {
  font-size: 16px;
  line-height: 24px;
}
.register-page .account__box .editorial__block strong, .register-page .account__box .editorial__block b {
  font-size: 20px;
  line-height: 30px;
}
.register-page .account__box .editorial__block a {
  display: inline-block;
  margin-top: 8px;
}
.register-page .account__box .editorial__block h2 {
  font-size: 22px;
  line-height: 27.5px;
}

.account-nwl {
  background: #f2f2f2;
}
.account-nwl .account-teaser {
  margin-bottom: 40px;
}
.account-nwl .account-teaser p {
  max-width: 50%;
}
.account-nwl .nb-btn + .nb-btn {
  margin-top: 24px;
}

.verify-email {
  min-height: 60vh;
}

.account-multi__box {
  position: fixed;
  z-index: 998;
  overflow: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.account-multi__box:before {
  content: "";
  position: absolute;
  z-index: 0;
  background: rgba(0, 0, 0, 0.6);
}
.account-multi__box .account__box {
  padding: 32px;
  position: relative;
  z-index: 1;
}

.error__box {
  margin-bottom: 48px;
}
.error__box .account__box {
  border-color: #e6e6e6;
  padding: 24px;
  text-align: center;
}
.error__box .account__box p {
  padding: 16px 0 0;
}
.error__box .fa-exclamation-triangle {
  color: #d91e18;
  font-size: 18px;
}

.msg__input {
  margin-top: 10px;
}
.msg__input + .msg__input {
  margin-top: 5px;
}
.msg__input p {
  padding: 0;
}

.msg__error {
  font-size: 80%;
  font-weight: 600;
  color: #d91e18;
}

.forgotemail-page .form-link {
  margin-bottom: 40px;
}
.forgotemail-page .form-link:not(.text-center) {
  margin-bottom: 60px;
}

.step__box {
  width: 50%;
  margin: 85px auto 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow: hidden;
}
.step__box:before {
  background: #e6e6e6;
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  right: 0;
  height: 1px;
  z-index: -1;
}
.step__box span {
  width: calc(33.33% - 10px);
}
.step__box span:last-child {
  width: 30px !important;
}
.step__box span span {
  height: 30px;
  width: 30px !important;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background: #e6e6e6;
  font-size: 14px;
  color: #7f7f7f;
  font-weight: 600;
  border-radius: 50%;
}
.step__box span.active {
  position: relative;
}
.step__box span.active span {
  color: #fff;
  background: var(--color--hover);
}
.step__box span.active:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 100%;
  height: 1px;
  width: 1000px;
  z-index: -1;
  background: var(--color--hover);
}
.step__box.step__box_3 span {
  width: calc(50% - 15px);
}
.step__box.step__box_2 span {
  width: calc(100% - 30px);
}

/* =========================================
responsive ipad
========================================= */
@media (max-width: 992px) {
  .account-nwl .container {
    padding: 0;
  }
  .account-nwl .owl-carousel {
    padding-left: 15px;
    padding-right: 15px;
  }
  .account-tabs .custom-dots {
    padding: 0 46px;
    position: relative;
    border-bottom-color: transparent;
  }
  .account-tabs .account-dots {
    position: relative;
  }
  .account-tabs .account-dots:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #e6e6e6;
    z-index: 0;
  }
  .account-tabs .owl-nav .owl-next {
    padding-right: 15px;
  }
  .account-tabs .owl-nav .owl-prev {
    padding-left: 15px;
  }
  .step__box {
    width: 66.66%;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .account-page {
    padding: 52px 0 58px;
  }
  .account-teaser h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .account-nwl .account-teaser {
    padding: 0 15px;
  }
  .account-nwl .account-teaser p {
    max-width: inherit;
    padding: 0;
  }
  .step__box {
    width: 100%;
    margin-top: 42px;
  }
}
/* =========================================
responsive mobile sm 375
========================================= */
@media (max-width: 420px) {
  .account-form {
    width: auto;
  }
  .account-multi__box .account-form {
    width: 94%;
  }
}
#data8-address-reportLeak {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 60px;
}
#data8-address-reportLeak::placeholder {
  font-weight: 600;
  color: #000;
}
#data8-address-reportLeak::-moz-placeholder {
  font-weight: 600;
  color: #000;
}
#data8-address-reportLeak:-ms-input-placeholder {
  font-weight: 600;
  color: #000;
}

.form-row:first-child, .form-btn, .form-link, .form-btn-link {
  margin-top: 0;
}

.wp-spacing > .form-row,
.wp-spacing .account__box.bg__box, .wp-spacing .accordion__block,
.wp-spacing .landlord_detail-address-edit, .wp-spacing .landlord_manual, .wp-spacing .landlord-info, .wp-spacing .new-address-edit,
.wp-spacing .verify-addressauto, .wp-spacing .block__box {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .wp-spacing .account-teaser > div, .wp-spacing .account-teaser p {
    padding-bottom: 60px;
  }
}

.verify-dob {
  margin-bottom: 48px;
}

.form-btn, .accordion__block.mrb-xs {
  margin-bottom: 24px;
}

.hasEBilling p {
  margin-bottom: 0;
}

.form-row {
  margin-bottom: 48px;
}
.form-row + .form-link {
  margin-top: -26px;
  margin-bottom: 35px;
}
.form-row + .form-link.mrt0 {
  margin-top: 0;
}
.form-row + .form-link.mrt-lg {
  margin-top: -38px;
}
.form-row + .form-btn {
  margin-top: 48px;
}
.form-row p:last-child {
  padding: 0;
}

.form-btn.nb-row-padding {
  margin-bottom: 32px;
}

.verify-nwlaccount + .form-link {
  margin-top: -26px;
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .step__box {
    margin-top: 64px;
  }
  .step__box + .account-page {
    padding-top: 55px;
  }
}

.account-teaser > div, .account-teaser p {
  font-size: 18px;
  line-height: 27px;
}
.account-teaser h4 {
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .account-teaser h4 {
    padding-bottom: 10px;
  }
}
.account-teaser h1 {
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .account-teaser h1 {
    padding-bottom: 10px;
  }
}
.account-teaser.no-teaser h4 {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .account-teaser.no-teaser h4 {
    padding-bottom: 32px;
  }
}
.account-teaser.no-teaser h1 {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .account-teaser.no-teaser h1 {
    padding-bottom: 32px;
  }
}

.sub-title .normal.small {
  margin-bottom: 40px;
}

.correspondence-address .account__box.bg__box, .landlord-info .account__box.bg__box {
  margin-bottom: 32px;
}

.row-ebilling {
  margin-top: 0;
}
.row-ebilling h2 {
  font-size: 20px;
  line-height: 27.5px;
}
.row-ebilling h6 {
  font-size: 20px;
}
.row-ebilling .switch-label {
  margin-bottom: 0;
}
.row-ebilling .form-link {
  margin-top: 0;
}
.row-ebilling .form-row {
  margin-bottom: 15px;
}

.account__box.bg__box {
  padding-top: 30px;
  padding-bottom: 30px;
}
.account__box.bg__box .account-teaser {
  margin-bottom: 32px;
}
.account__box.bg__box .form-btn {
  margin-top: 32px;
  margin-bottom: 0;
}

.account-form .row-textarea {
  margin-top: 48px;
  line-height: 24px;
}
.account-form .row-textarea label {
  font-size: 12px;
  color: var(--black-color) !important;
}
.account-form .meter-box {
  margin-bottom: 48px;
}

.additional-account .additional-form {
  margin-top: 48px;
}

.account-form .accordion__block .accordion__item .accordion__content {
  padding-top: 60px;
}
.account-form .accordion__block .accordion__item.active {
  padding-bottom: 0;
}

.usage-not-login {
  padding-top: 32px;
}
@media (max-width: 767px) {
  .usage-not-login {
    padding-top: 16px;
  }
}

.login-page form .form-row:first-child {
  margin-top: 16px;
}

.priority-services-block {
  padding-top: 10px;
}

.textarea-validation .row-textarea .form-control {
  border: 1px solid #767676 !important;
}
.textarea-validation .row-textarea .empty {
  border: 1px solid red !important;
}

.loggedin-contact-form {
  padding-top: 30px;
}

.img-as-icon {
  max-height: 30px;
  max-width: 30px;
  display: block;
  margin: 0 auto;
}

.water-saving-tip-icon img {
  width: 36px !important;
  display: block;
  height: auto;
  margin: 0 auto;
}

.contnet__box {
  border: 1px solid #979797 !important;
  margin: -16px 0px 44px 0px !important;
}
.contnet__box .content-box {
  padding: 12px;
}

/*Sprint 53 : #55223 - SC - Forwarding address mandatory*/
.move-out__step2 .forwarding-row-address .forwarding-address-checkbox {
  margin-top: 20px;
  text-align: left;
}
.move-out__step2 .forwarding-row-address .forwarding-address-checkbox .checkbox-label {
  font-weight: 400 !important;
}

/*SPRINT 48 - #48827 - ST - Restrict account login for unverified accounts*/
.alert_window.unverified-account-login .alert__block .container {
  padding: 44px 96px;
  overflow: hidden;
  position: relative;
}
.alert_window.unverified-account-login .alert__block .container .close-icon.nb-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  left: unset;
  padding: 0;
  height: 21px;
  width: 21px;
}
.alert_window.unverified-account-login .alert__block .container .close-icon.nb-btn i {
  top: 0px;
}
.alert_window.unverified-account-login .alert__block .container .sending-validation-mail .alert__content h6 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
}
.alert_window.unverified-account-login .alert__block .container .sending-validation-mail .alert__content p {
  margin-bottom: 32px;
  font-family: "Roboto Slab", serif;
}
.alert_window.unverified-account-login .alert__block .container .success-message .alert__label i {
  color: var(--tabs-active--border);
  font-size: 44px;
  margin-right: 0;
}
.alert_window.unverified-account-login .alert__block .container .success-message .alert__content {
  margin-bottom: 36px;
}
.alert_window.unverified-account-login .alert__block .container .profile-btn button {
  width: 350px;
  margin: 0 auto 16px auto;
}

.move-home .account-teaser h1 {
  font-size: 28px;
  line-height: 35px;
}
.move-home .accordion__content {
  padding-top: 40px !important;
}

@media (max-width: 991px) {
  .alert_window.unverified-account-login .alert__block .container {
    padding: 32px 16px;
    overflow: hidden;
    position: relative;
  }
  .alert_window.unverified-account-login .alert__block .container .close-icon.nb-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    left: unset;
  }
  .alert_window.unverified-account-login .alert__block .container .close-icon.nb-btn i {
    width: 21px;
    height: 21px;
  }
  .alert_window.unverified-account-login .alert__block .container .sending-validation-mail .alert__content h6 {
    padding: 0 28px;
    margin-bottom: 18px;
  }
  .alert_window.unverified-account-login .alert__block .container .sending-validation-mail .alert__content p {
    margin-bottom: 20px;
  }
  .alert_window.unverified-account-login .alert__block .container .profile-btn button {
    width: 100% !important;
    margin-bottom: 0;
  }
}
.alert_window.loginAlert .alert__block .alert__label {
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .alert_window.loginAlert .alert__block .alert__label {
    margin-bottom: 1.5rem;
  }
}
.alert_window.loginAlert .alert__block .fas.fa-exclamation-triangle {
  color: #d91e18;
  font-size: 2rem;
  margin-right: 0 !important;
}
.alert_window.loginAlert .alert__block .alert__content h6 {
  padding-bottom: 1rem !important;
  font-size: 20px;
  color: var(--black-color);
}
@media (max-width: 767.98px) {
  .alert_window.loginAlert .alert__block .alert__content h6 {
    padding-bottom: 12px;
  }
}
.alert_window.loginAlert .alert__block .alert__content .login-error-message, .alert_window.loginAlert .alert__block .alert__content .invalid-email-message {
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .alert_window.loginAlert .alert__block .alert__content .login-error-message, .alert_window.loginAlert .alert__block .alert__content .invalid-email-message {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
  }
}
.alert_window.loginAlert .alert__block .container {
  padding: 2rem 2.5rem;
  border: 0 solid;
}
@media (max-width: 767.98px) {
  .alert_window.loginAlert .alert__block .container {
    padding: 2rem 1.875rem;
  }
}
.alert_window.loginAlert .alert__block .container .fa-exclamation-triangle {
  color: #d91e18;
  margin: 0;
}
.alert_window.loginAlert .alert__block .login-btns .form-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .alert_window.loginAlert .alert__block .login-btns .form-btn {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.alert_window.loginAlert .alert__block .login-btns .form-btn .nb-col-6 {
  width: 100% !important;
}

.alert_window.movein-journey-cancel-alert .alert__block .container {
  padding: 2.75rem 3.75rem;
}
.alert_window.movein-journey-cancel-alert .alert__block .container .alert__label {
  margin-bottom: 1rem;
}
.alert_window.movein-journey-cancel-alert .alert__block .container .alert__label .fa {
  color: #004595;
  font-size: 2.25rem !important;
  margin-right: 0 !important;
}
.alert_window.movein-journey-cancel-alert .alert__block .container .movein-journey-popup-content .alert__content h2 {
  padding-bottom: 1rem !important;
  font-size: 20px;
  color: var(--black-color);
}
.alert_window.movein-journey-cancel-alert .alert__block .container .movein-journey-popup-content .alert__content p {
  padding-bottom: 2rem !important;
  font-size: 14px;
  color: var(--black-color);
}
.alert_window.movein-journey-cancel-alert .alert__block .container .movein-journey-popup-content .alert__content .nb-btn:first-child {
  font-size: 16px;
  margin: 0px auto 0;
}
.alert_window.movein-journey-cancel-alert .alert__block .container .movein-journey-popup-content .alert__content .form-btn:last-child {
  margin-bottom: 0px;
}

.alert_window.movein-journey-preference-update-alert .alert__block .container {
  padding: 2.75rem 3.75rem;
}
.alert_window.movein-journey-preference-update-alert .alert__block .container .alert__label {
  margin-bottom: 1.688rem;
}
.alert_window.movein-journey-preference-update-alert .alert__block .container .alert__label .fa {
  color: #65B32E;
  font-size: 2.75rem !important;
  margin-right: 0 !important;
}
.alert_window.movein-journey-preference-update-alert .alert__block .container .movein-journey-preference-update-alert-content .alert__content p {
  padding-bottom: 2.5rem !important;
  font-size: 18px;
  font-weight: 600;
  color: var(--black-color);
}
.alert_window.movein-journey-preference-update-alert .alert__block .container .movein-journey-preference-update-alert-content .alert__content .nb-btn:first-child {
  font-size: 16px;
  margin: 0px auto 0;
}

.account-summary {
  padding: 48px 96px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.account-summary .account-content {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.account-summary .account-btn {
  margin-left: auto;
  -ms-flex-preferred-size: 38%;
  flex-basis: 38%;
  max-width: 38%;
}

.other-info-links-container .box-container {
  padding: 20px;
}
.other-info-links-container .box-container .sub-container-box {
  margin-bottom: 10px;
}
.other-info-links-container .box-container .box-body-content .form-link {
  margin-top: 1rem;
}
.other-info-links-container .box-container .box-body-content p strong {
  margin-top: 1.5rem;
  display: inline-block;
}

/* Span Line Container Start */
.hr-line-sep .line-or-draw {
  display: flex;
  flex-direction: row;
  color: #000;
}
.hr-line-sep .line-or-draw:before, .hr-line-sep .line-or-draw:after {
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #e6e6e6;
  margin: auto;
}
.hr-line-sep .line-or-draw:before {
  margin-right: 10px;
}
.hr-line-sep .line-or-draw:after {
  margin-left: 10px;
}

/* Span Line Container End */
/* =========================================
   responsive tablets
   ========================================= */
@media (max-width: 768px) {
  .account-summary {
    padding: 48px;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .account-summary {
    display: block;
    padding: 48px 18px;
  }
  .account-summary .account-content, .account-summary .account-btn {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .account-summary .account-content {
    margin-bottom: 22px;
  }
}
.wp-your-usage-smart-unmetered .meter-location {
  font-size: 28px;
  line-height: 35px;
  font-weight: bold;
  font-family: "Roboto Slab";
  position: relative;
}
.wp-your-usage-smart-unmetered .meter-location .nb-tooltip {
  position: absolute;
  padding-left: 5px !important;
}
.wp-your-usage-smart-unmetered .smart-usage-efficiency-message .icon {
  max-height: 53px !important;
  width: auto !important;
  margin: auto;
  margin-bottom: 18px;
}
.wp-your-usage-smart-unmetered .smart-usage-efficiency-message h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}
.wp-your-usage-smart-unmetered .smart-usage-efficiency-message .smart-meter-short-desc {
  font-weight: 600;
}
@media (max-width: 767px) {
  .wp-your-usage-smart-unmetered .smart-usage-efficiency-message .smart-meter-short-desc {
    padding: 0px 40px;
    margin-bottom: 35px;
  }
}

.wp-your-requests .sub-title.cl-main {
  margin-bottom: 10px;
}

.wp-property-metered p {
  font-size: 18px;
  padding-bottom: 10px;
}
.wp-property-metered .sub-title {
  font-size: 24px;
  position: relative;
}
.wp-property-metered .sub-title .nb-tooltip {
  position: absolute;
  padding-left: 5px !important;
}

.copy-icon {
  margin-left: 10px;
  margin-top: 4px;
  position: absolute;
  cursor: pointer;
}

.copy-text {
  position: absolute;
  margin-left: 30px;
  background: var(--copy--background-color);
  color: #fff;
  padding: 0px 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  display: none;
}

.copy-text::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 7px;
  width: 0;
  height: 0;
  border-right: 5px solid var(--copy--border-color);
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  clear: both;
}

.account-id .copy-icon {
  margin-top: 3px;
}

.wp-usage-box .account-form p:last-child {
  padding: 0;
  margin: 0;
}
.wp-usage-box .account-form .due-amount {
  font-size: 36px;
  line-height: 45px;
}
.wp-usage-box .account-form h2.change-bank-details-label, .wp-usage-box .account-form h2.setup-dd-label {
  font-size: 24px !important;
  line-height: 30px !important;
}
.wp-usage-box .account-form h2 {
  font-size: 28px !important;
  line-height: 35px !important;
  padding-bottom: 20px;
}
.wp-usage-box .account-form h3 {
  font-size: 22px;
  line-height: 27.5px;
}
.wp-usage-box .account-form .water-saving-tip-item h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}
.wp-usage-box .account-form .your-usage-compare .wp-your-usage-metered h2,
.wp-usage-box .account-form .your-usage-compare .water-saving-tip-item h2,
.wp-usage-box .account-form .your-usage-compare .pay-your-bill h2,
.wp-usage-box .account-form .your-usage-compare .wp-your-usage-unmetered h2,
.wp-usage-box .account-form .your-usage-compare .wp-your-usage-smart-metered h2,
.wp-usage-box .account-form .your-usage-compare .wp-your-usage-smart-unmetered h2,
.wp-usage-box .account-form .your-usage-compare .wp-your-usage-smart-closed-account h2,
.wp-usage-box .account-form .your-usage-compare .wp-cmb-smartmeter-installed h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}
.wp-usage-box .account-form .wp-other-amount h2 {
  font-size: 36px;
  line-height: 45px;
}

.wp-usage-box.dd-plan-change-promo h2,
.wp-usage-box.pay-bills-easy-way-box h2,
.wp-usage-box.netcall-payment-plan-box h2,
.wp-usage-box.water-without-worry h2,
.setup-payment-plan-box h2,
.setup-direct-debit-box h2,
.wp-usage-unmetered h2,
.unsaved-changes-alert h2,
.ineligible-to-apply-for-meter h2 {
  font-size: 22px !important;
  line-height: 27.5px !important;
}

.your-direct-debit-plan h2,
.wp-usage-box.wp-your-usage-information h2,
.wp-usage-box.banner-due h2,
.wp-usage-box.banner-on-track-water-direct h2,
.wp-usage-box.banner-on-track-3rd-party-claim h2,
.wp-usage-box.banner-overdue h2,
.wp-usage-box.banner-problem h2,
.wp-usage-box.banner-on-track-water-direct h2,
.setup-payment-plan h2,
.wp-usage-box.wp-usage-banner h2,
.wp-usage-box.account-summary-notifications-highconsumption h2,
.wp-usage-box.account-summary-notifications h2,
.wp-usage-box.account-summary-ineligible-dd h2,
.wp-usage-box.account-summary-notifications-typeBased h2,
.wp-usage-box.account-summary-notifications-leakage h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}
.your-direct-debit-plan h3,
.wp-usage-box.wp-your-usage-information h3,
.wp-usage-box.banner-due h3,
.wp-usage-box.banner-on-track-water-direct h3,
.wp-usage-box.banner-on-track-3rd-party-claim h3,
.wp-usage-box.banner-overdue h3,
.wp-usage-box.banner-problem h3,
.wp-usage-box.banner-on-track-water-direct h3,
.setup-payment-plan h3,
.wp-usage-box.wp-usage-banner h3,
.wp-usage-box.account-summary-notifications-highconsumption h3,
.wp-usage-box.account-summary-notifications h3,
.wp-usage-box.account-summary-ineligible-dd h3,
.wp-usage-box.account-summary-notifications-typeBased h3,
.wp-usage-box.account-summary-notifications-leakage h3 {
  font-size: 22px;
  line-height: 27.5px;
}

.wp-usage-box .change-payment-day-success-title,
.wp-usage-box .switch-to-monthly-success-title {
  font-size: 24px;
  line-height: 30px;
}

.fnameSnameCantchange h2,
.wp-usage-box.banner-on-track h2 {
  font-size: 28px !important;
  line-height: 35px !important;
}

.protected-page-container .account-teaser h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}

.no-edit-cancel-request-button {
  margin-top: 20px;
}

.accountSummary__accountDetails .row-bg {
  margin-bottom: 15px;
}
.accountSummary__accountDetails .row-bg .btn-change-detail {
  margin-top: 40px;
}

.payment-status img {
  width: 40px !important;
  margin: auto;
  padding-bottom: 10px;
}
.payment-status {
  /*h2 {
      font-size: 28px!important;
      line-height: 35px!important;
  }*/
}

.wp-e-movingHome h2,
.wp-usage-graph-noreadingdata h2,
.about-your-account h2,
.usage_meter-confirmation h2,
.verify-usage-confirmation h2 {
  font-size: 28px !important;
  line-height: 35px !important;
}

.wp-your-usage-compare h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}

.edit_account_block {
  text-align: center;
}
.edit_account_block .bg__box {
  padding: 20px;
  margin-top: 20px;
}
.edit_account_block .bg__box .address__box-detail {
  margin-bottom: 30px;
}
.edit_account_block .gray_bg {
  background-color: #d8d8d8;
}
.edit_account_block .small_title {
  font-size: 20px;
  font-weight: bold;
}
.edit_account_block .edit_account_request_box {
  background: #fff;
  border: 1px solid #979797;
  padding: 10px;
}
.edit_account_block .blue_dark_bg {
  background: #002551;
  color: #fff;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.edit_account_block .inner_box {
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.edit_account_block .e_billing {
  border: 2px solid rgba(0, 0, 0, 0.24);
  padding: 10px;
}
.edit_account_block .bg_dark_gray {
  background: rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}

.wp-usage-box .water-usage-summary {
  padding: 0 0 10px 0;
  margin-bottom: 20px !important;
}
.wp-usage-box .water-usage-summary .sub-title {
  background: var(--button--color-standard);
  color: var(--header--color);
  padding: 20px;
  margin-bottom: 10px;
}

.wp-usage-container {
  margin-top: 20px;
}

.wp-usage-box.wp-usage-banner {
  padding-bottom: 2.5rem;
}
@media (max-width: 1199.98px) {
  .wp-usage-box.wp-usage-banner {
    padding-bottom: 2rem;
  }
}
.wp-usage-box.wp-usage-banner .account-form {
  max-width: 37.5rem !important;
}
@media (max-width: 1199.98px) {
  .wp-usage-box.wp-usage-banner .account-form {
    max-width: 100% !important;
  }
}
.wp-usage-box.wp-usage-banner .account-form h2 {
  padding-bottom: 1.5rem;
}
@media (max-width: 1199.98px) {
  .wp-usage-box.wp-usage-banner .account-form h2 {
    font-size: 1.25rem;
    padding-bottom: 1.75rem;
  }
}
.wp-usage-box.wp-usage-banner .account-form h2 span {
  padding-right: 1.125rem;
  font-size: 1.625rem;
}
@media (max-width: 1199.98px) {
  .wp-usage-box.wp-usage-banner .account-form h2 span {
    padding-right: 0.75rem;
  }
}
.wp-usage-box.wp-usage-banner .account-form p {
  padding-bottom: 1.5rem;
}
@media (max-width: 1199.98px) {
  .wp-usage-box.wp-usage-banner .account-form p {
    padding-bottom: 1.75rem;
  }
}
.wp-usage-box.wp-usage-banner .account-form a {
  color: #fff;
  border-color: #fff;
}

.my-profile {
  padding: 48px;
}
.my-profile .form-row:first-child {
  margin-top: 0;
}
.my-profile .profile-box {
  margin-bottom: 24px;
}
.my-profile .profile-box:last-child {
  margin-bottom: 0;
}
.my-profile .profile-box h2 {
  font-size: 20px !important;
  padding-top: 15px !important;
}
.my-profile .profile-box label > span {
  display: block;
}
.my-profile .profile-box + .form-link {
  margin-bottom: 48px;
}
.my-profile .account-teaser p {
  max-width: inherit;
}
.my-profile .profile.hidden, .my-profile .account-form.hidden {
  display: none;
}

.profile-view, .profile-edit {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  animation: fadeIn 0.3s;
}
.profile-view.hidden, .profile-edit.hidden {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, animation, display;
  animation: fadeOut 0.3s;
  display: none;
}
.profile-view .profile-content, .profile-edit .profile-content {
  -ms-flex-preferred-size: 38%;
  flex-basis: 38%;
  max-width: 38%;
}
.profile-view .profile-content h2, .profile-edit .profile-content h2 {
  font-size: 28px;
  line-height: 35px;
}
.profile-view .profile-btn, .profile-edit .profile-btn {
  margin-left: auto;
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
  max-width: 32%;
}
.profile-view .small-title, .profile-edit .small-title {
  font-size: 16px !important;
  padding-bottom: 10px;
  font-weight: 800;
}

.profile-edit {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.update_modal .alert__block .alert__label, .unsaved-changes-alert2 .alert__block .alert__label {
  margin-bottom: 24px;
}
.update_modal .alert__block .fa.fa-exclamation-circle, .unsaved-changes-alert2 .alert__block .fa.fa-exclamation-circle {
  color: var(--header--color-line);
  font-size: 44px;
  margin-right: 0 !important;
}
.update_modal .alert__block .alert__content h2, .unsaved-changes-alert2 .alert__block .alert__content h2 {
  padding-bottom: 20px;
  font-size: 20px;
  color: var(--black-color);
  line-height: 27.5px;
}
.update_modal .alert__block .alert__content p, .unsaved-changes-alert2 .alert__block .alert__content p {
  margin-bottom: 5px;
  padding-bottom: 24px;
  font-size: 20px;
  line-height: 26px;
}
.update_modal .alert__block .container, .unsaved-changes-alert2 .alert__block .container {
  padding: 48px 58px;
  border: 0 solid;
}
.update_modal .alert__block .container .fa-exclamation-triangle, .unsaved-changes-alert2 .alert__block .container .fa-exclamation-triangle {
  color: var(--brand--color-secondary);
  margin: 0px;
}
.update_modal .alert__block .profile-btn .confirm-btn, .unsaved-changes-alert2 .alert__block .profile-btn .confirm-btn {
  margin: 0 auto 15px;
}
.update_modal .alert__block .profile-btn .nb-btn-outline, .unsaved-changes-alert2 .alert__block .profile-btn .nb-btn-outline {
  margin: auto;
}
.update_modal .alert__block .profile-btn .nb-btn-block, .unsaved-changes-alert2 .alert__block .profile-btn .nb-btn-block {
  max-width: 450px;
}

.unsaved-changes-alert2 .alert__block .container .fa-exclamation-triangle {
  font-size: 32px;
  color: var(--brand--color-primary);
}

.unsaved-changes-alert .alert__block .alert__label, .dd-unsaved-changes-alert .alert__block .alert__label, .setup-payment-plan-modal .alert__block .alert__label {
  margin-bottom: 24px;
}
.unsaved-changes-alert .alert__block .alert__content h2, .dd-unsaved-changes-alert .alert__block .alert__content h2, .setup-payment-plan-modal .alert__block .alert__content h2 {
  padding-bottom: 6px;
  font-size: 20px;
  color: var(--black-color);
  line-height: 27.5px;
}
.unsaved-changes-alert .alert__block .alert__content p, .dd-unsaved-changes-alert .alert__block .alert__content p, .setup-payment-plan-modal .alert__block .alert__content p {
  padding-bottom: 24px;
  font-size: 14px;
  line-height: 26px;
}
.unsaved-changes-alert .alert__block .container, .dd-unsaved-changes-alert .alert__block .container, .setup-payment-plan-modal .alert__block .container {
  padding: 44px 60px !important;
  border: 0 solid;
}
.unsaved-changes-alert .alert__block .container .fa-exclamation-triangle, .dd-unsaved-changes-alert .alert__block .container .fa-exclamation-triangle, .setup-payment-plan-modal .alert__block .container .fa-exclamation-triangle {
  color: var(--brand--color-primary);
  margin: 0px;
  font-size: 32px;
}
.unsaved-changes-alert .alert__block .profile-btn, .dd-unsaved-changes-alert .alert__block .profile-btn, .setup-payment-plan-modal .alert__block .profile-btn {
  width: 100% !important;
}
.unsaved-changes-alert .alert__block .profile-btn button, .dd-unsaved-changes-alert .alert__block .profile-btn button, .setup-payment-plan-modal .alert__block .profile-btn button {
  width: 100% !important;
  border-radius: 4px;
  margin-bottom: 20px !important;
}
.unsaved-changes-alert .alert__block .profile-btn .confirm-btn, .dd-unsaved-changes-alert .alert__block .profile-btn .confirm-btn, .setup-payment-plan-modal .alert__block .profile-btn .confirm-btn {
  margin: 0 auto 15px;
}
.unsaved-changes-alert .alert__block .profile-btn .nb-btn-outline, .dd-unsaved-changes-alert .alert__block .profile-btn .nb-btn-outline, .setup-payment-plan-modal .alert__block .profile-btn .nb-btn-outline {
  margin: auto;
}
.unsaved-changes-alert .alert__block .profile-btn .nb-btn-block, .dd-unsaved-changes-alert .alert__block .profile-btn .nb-btn-block, .setup-payment-plan-modal .alert__block .profile-btn .nb-btn-block {
  max-width: 450px;
}

.thanks_modal .alert__block h2, .meter_reading_alert .alert__block h2 {
  padding: 0px;
  margin-bottom: 48px;
}
.thanks_modal .alert__block p, .meter_reading_alert .alert__block p {
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 48px;
}
.thanks_modal .alert__block .container, .meter_reading_alert .alert__block .container {
  padding: 60px 58px;
  border: 0 solid;
}
.thanks_modal .alert__block .profile-btn .confirm-btn, .meter_reading_alert .alert__block .profile-btn .confirm-btn {
  margin: 0 auto 15px;
}
.thanks_modal .alert__block .profile-btn .nb-btn-outline, .meter_reading_alert .alert__block .profile-btn .nb-btn-outline {
  margin: auto;
}
.thanks_modal .alert__block .profile-btn .nb-btn-block, .meter_reading_alert .alert__block .profile-btn .nb-btn-block {
  max-width: 350px;
  margin: auto;
}

.contact-method-wrap .sub-title.contact-method {
  margin-bottom: 15px;
}
.contact-method-wrap .small-title label {
  margin-bottom: 25px;
  display: inline-block;
  font-size: 16px;
}
.contact-method-wrap p, .contact-method-wrap a {
  font-size: 14px;
}

.profile-view .profile-content .b-profile-container {
  border-bottom: 0px solid;
}

.alert_window.daily-usage-graph .container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 0px;
  width: 89%;
  height: 666px;
  padding: 15px 30px;
  border: 0px;
  overflow-y: scroll !important;
  max-height: 95%;
}
.alert_window.daily-usage-graph .container .daily-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.alert_window.daily-usage-graph .container .daily-modal-header h2 {
  padding-bottom: 0px;
}
.alert_window.daily-usage-graph .container .daily-close {
  font-weight: bold;
}
.alert_window.daily-usage-graph .container .chart-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}
.alert_window.daily-usage-graph .container .y-axis {
  color: #979797;
  font-size: 16px;
  font-weight: bold;
}
.alert_window.daily-usage-graph .container .usage-chart-title {
  font-size: 18px;
  font-weight: 700;
}
.alert_window.daily-usage-graph .alert__block .close-icon.nb-btn {
  background: none;
  position: relative;
  width: 23px;
  padding: 0;
  top: 0;
  left: 0;
}
.alert_window.daily-usage-graph .alert__block .fa-times {
  position: relative;
  color: #00008b;
  font-size: 24px;
  cursor: pointer;
  top: 0;
}
.alert_window.daily-usage-graph .alert__block canvas {
  height: 415px !important;
}
.alert_window.daily-usage-graph .switch-wrapper.desktop.hidden {
  display: block !important;
}

.alert_window.change-password-alert .alert__block .alert__label, .change-password-lockout-alert .alert__block .alert__label {
  margin-bottom: 24px;
}
.alert_window.change-password-alert .alert__block .fa.fa-exclamation-triangle, .change-password-lockout-alert .alert__block .fa.fa-exclamation-triangle {
  color: #d91e18;
  font-size: 2rem;
  margin-right: 0 !important;
}
.alert_window.change-password-alert .alert__block .fa.fa-check-circle, .change-password-lockout-alert .alert__block .fa.fa-check-circle {
  color: var(--brand--color-secondary);
  font-size: 44px;
  margin-right: 0 !important;
}
.alert_window.change-password-alert .alert__block .alert__content h6, .change-password-lockout-alert .alert__block .alert__content h6 {
  padding-bottom: 20px;
  font-size: 20px;
  color: var(--black-color);
}
.alert_window.change-password-alert .alert__block .container, .change-password-lockout-alert .alert__block .container {
  padding: 2rem 2.5rem;
  border: 0 solid;
}
.alert_window.change-password-alert .alert__block .container .fa-exclamation-triangle, .change-password-lockout-alert .alert__block .container .fa-exclamation-triangle {
  color: #d91e18;
  margin: 0px;
}
.alert_window.change-password-alert .alert__block .container .fa-check-circle, .change-password-lockout-alert .alert__block .container .fa-check-circle {
  color: var(--brand--color-secondary);
  margin: 0px;
}

.alert_window.change-password-alert .alert__block .profile-btn .confirm-btn {
  margin: 0 auto 15px;
}
.alert_window.change-password-alert .alert__block .profile-btn .nb-btn-outline {
  margin: auto;
}
.alert_window.change-password-alert .alert__block .profile-btn .nb-btn-block {
  max-width: 450px;
}

.alert_window.change-password-lockout-alert .alert__block .profile-btn .form-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .alert_window.change-password-lockout-alert .alert__block .profile-btn .form-btn {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.alert_window.change-password-lockout-alert .alert__block .profile-btn .form-btn .nb-col-6 {
  width: 100% !important;
}

.chart-titlemv .usage-chart-title {
  display: none;
}

/* =========================================
   responsive tablets
   ========================================= */
@media (max-width: 768px) {
  .profile-view .profile-content, .profile-edit .profile-content {
    -ms-flex-preferred-size: 42%;
    flex-basis: 42%;
    max-width: 42%;
  }
  .profile-view .profile-btn, .profile-edit .profile-btn {
    -ms-flex-preferred-size: 38%;
    flex-basis: 38%;
    max-width: 38%;
  }
  .usage-break-down .flex-container .switch-wrapper.desktop {
    position: relative;
    top: 58px;
    z-index: 999;
  }
  .alert__block .container .chartDiv {
    overflow-x: scroll !important;
    height: 450px;
  }
  .alert__block .container .chartDiv .inner {
    margin-top: 20px !important;
    min-width: 1050px !important;
    height: 400px !important;
  }
  .alert__block .container .chartDiv .inner canvas {
    width: 1050px !important;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .profile-view, .profile-edit {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .profile-view .profile-content, .profile-edit .profile-content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .profile-view .profile-btn, .profile-edit .profile-btn {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin: 0 0 24px;
  }
  .profile-summary {
    text-align: center;
  }
  .profile-edit .profile-btn {
    margin: 48px 0 0;
  }
  .update_modal .alert__block .container {
    padding: 48px 25px;
  }
  .update_modal .alert__block .alert__label {
    margin-bottom: 24px;
  }
  .update_modal .alert__block .alert__label .fa.fa-exclamation-circle {
    font-size: 36px;
    padding-left: 10px;
  }
  .update_modal .alert__block .alert__content h2 {
    margin-top: -10px;
    font-size: 17px;
  }
  .update_modal .alert__block .alert__content p {
    font-size: 17px;
  }
  .thanks_modal .alert__block .container {
    padding: 60px 18px;
  }
  .daily-title h2 {
    font-size: 18px;
  }
  .alert_window.daily-usage-graph .container {
    height: 620px;
    width: 95%;
  }
  .alert_window.daily-usage-graph .container .chartDiv {
    overflow-x: scroll !important;
    height: 450px;
    margin-top: 10px;
  }
  .alert_window.daily-usage-graph .container .chartDiv .inner {
    margin-top: 20px !important;
    min-width: 950px !important;
    height: 400px !important;
  }
  .alert_window.daily-usage-graph .container .chartDiv .inner canvas {
    width: 950px !important;
  }
  .usage-chart-title {
    display: none;
  }
  .chart-titlemv {
    margin-bottom: 20px;
  }
  .chart-titlemv .usage-chart-title {
    display: block;
  }
  .chart-title {
    position: relative;
    display: flex;
  }
  .chart-title .y-axis {
    position: absolute;
  }
  .chart-title .usage-chart-title {
    flex: auto;
    margin-bottom: 25px;
  }
}
@media (max-width: 767.98px) {
  .alert_window.smart-data-unavailable .alert__block .container {
    padding: 40px 20px;
  }
}
@media (min-width: 768px) {
  .alert_window.smart-data-unavailable .alert__block .container {
    padding: 50px 70px;
  }
}
.alert_window.smart-data-unavailable .alert__block .container .alert__label {
  color: var(--brand--color-primary);
  margin-bottom: 24px;
}
.alert_window.smart-data-unavailable .alert__block .container .alert__label i {
  font-size: 44px;
  margin-right: 0;
}
.alert_window.smart-data-unavailable .alert__block .container .alert__content {
  text-align: center;
  color: var(--black-color);
}
.alert_window.smart-data-unavailable .alert__block .container .alert__content h2 {
  font-family: Roboto Slab;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--black-color);
}
@media (max-width: 767.98px) {
  .alert_window.smart-data-unavailable .alert__block .container .alert__content h2 {
    margin-bottom: 16px;
    line-height: 28px;
  }
}
.alert_window.smart-data-unavailable .alert__block .container .alert__content p {
  font-family: IBM Plex Sans;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 24px;
}
.alert_window.smart-data-unavailable .alert__block .container .alert__content p span {
  font-weight: 600;
  color: var(--brand--color-primary);
}

.alert__block .daily-usage-block {
  margin: 20px 0;
  text-align: left;
}
.alert__block .daily-usage-block .daily-usage-comparison {
  background-color: #f2f2f2;
  display: flex;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-title {
  width: 24%;
  padding: 43px 0 43px 42px;
  font-size: 24px;
  font-weight: 700;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-title p {
  color: var(--black-color);
  padding-bottom: 0;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value {
  width: 76%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--brand--color-primary);
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-ltrs h2 {
  display: inline;
  font-size: 60px;
  font-weight: 700;
  padding-bottom: 0;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-ltrs h2 span {
  font-size: 24px;
  font-weight: 400;
  padding: 0 41px 0 0;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-lb h2 {
  display: inline;
  font-size: 50px;
  font-weight: 400;
  padding-left: 40px;
  padding-bottom: 0;
  border-left: 1px solid #979797;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-lb h2 span {
  font-size: 60px;
  font-weight: 700;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .nb-tooltip {
  background-color: #f2f2f2;
  margin: 0 35px 0 25px;
}
.alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .nb-tooltip .fal.fa-info-circle {
  color: black;
  font-weight: 400;
  margin-bottom: 6px;
  font-size: 24px;
}
.alert__block .daily-usage-block .daily-usage-summary {
  display: flex;
}
.alert__block .daily-usage-block .daily-usage-summary .daily-usage-tub {
  width: 24%;
  text-align: center;
  background-color: var(--header--color-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert__block .daily-usage-block .daily-usage-summary .daily-usage-tub-details {
  width: 76%;
  padding: 48px 0 48px 68px;
  background-color: var(--brand--color-primary);
  color: #fff;
  font-size: 18px;
}

@media (max-width: 991px) {
  .alert__block .daily-usage-block {
    margin: 0 0 31px 0;
  }
  .alert__block .daily-usage-block .daily-usage-comparison {
    flex-direction: column;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-title {
    padding: 8px 0;
    text-align: center;
    width: 100%;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-title p {
    padding-bottom: 0;
    font-size: 13px;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value {
    width: 100%;
    justify-content: center;
    padding-bottom: 8px;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-ltrs h2 {
    font-size: 24px;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-ltrs h2 span {
    font-size: 12px;
    padding: 0 13px 0 3px;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-lb h2 {
    font-size: 20px;
    padding-left: 12px;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .daily-usage-lb h2 span {
    font-size: 24px;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .nb-tooltip {
    margin: 0 0 0 10px !important;
  }
  .alert__block .daily-usage-block .daily-usage-comparison .daily-usage-value .nb-tooltip .fal.fa-info-circle {
    font-size: 18px;
  }
  .alert__block .daily-usage-block .daily-usage-summary .daily-usage-tub {
    width: 40%;
    padding: 15px 0;
  }
  .alert__block .daily-usage-block .daily-usage-summary .daily-usage-tub img {
    width: 43%;
  }
  .alert__block .daily-usage-block .daily-usage-summary .daily-usage-tub-details {
    width: 60%;
    padding: 18px 30px 18px 19px;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* Remove Priority Services Modal*/
.alert_window.success.remove-priority-services-modal .alert__block .container.removepriorityservicesDialog {
  padding: 95px;
  overflow: hidden;
}
.alert_window.success.remove-priority-services-modal .alert__block .container.removepriorityservicesDialog .remove-priority-content .content-area p {
  padding: 0 30px 48px 30px;
}
.alert_window.success.remove-priority-services-modal .alert__block .container.confirm-remove-priority-services {
  padding: 95px;
}
.alert_window.success.remove-priority-services-modal .alert__block .container.confirm-remove-priority-services .remove-priority-content .content-area.remove-psr-success p, .alert_window.success.remove-priority-services-modal .alert__block .container.confirm-remove-priority-services .remove-priority-content .content-area.remove-psr-failed p {
  padding: 0 50px 48px 50px;
}

@media (max-width: 991px) {
  .alert_window.success.remove-priority-services-modal .alert__block .container.removepriorityservicesDialog {
    padding: 55px 22px;
    overflow: hidden;
  }
  .alert_window.success.remove-priority-services-modal .alert__block .container.removepriorityservicesDialog .remove-priority-content .content-area p {
    padding: 0 10px 48px 10px;
  }
  .alert_window.success.remove-priority-services-modal .alert__block .container.confirm-remove-priority-services {
    padding: 55px 22px;
  }
  .alert_window.success.remove-priority-services-modal .alert__block .container.confirm-remove-priority-services .remove-priority-content .content-area.remove-psr-success p, .alert_window.success.remove-priority-services-modal .alert__block .container.confirm-remove-priority-services .remove-priority-content .content-area.remove-psr-failed p {
    padding: 0 35px 48px 35px;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row h2 {
  margin-bottom: 24px;
  font-size: 20px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row .required-indicator {
  padding-bottom: 30px;
  margin-top: 5px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .row-address h2, .my-profile.account__box .profile .profile-edit.profile-form .profile-content .row-ebilling h2 {
  font-size: 20px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox {
  margin-bottom: 32px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox .form-group label {
  transform: translateY(-18px) scale(0.8);
  transform-origin: 0 0;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox {
  /* SPRINT_46 : #39596 - SC - Name Change */
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox ::placeholder {
  font-weight: 600;
  color: #000;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox::-moz-placeholder {
  font-weight: 600;
  color: #000000;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox :-ms-input-placeholder {
  font-weight: 600;
  color: #000;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .form-row.reasonnamechangedetailsbox :-ms-input-placeholder {
  font-weight: 600;
  color: #000;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block {
  padding: 50px 32px 1px 32px;
  background-color: #F4F4F2;
  margin-bottom: 50px;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block {
    padding: 36px 24px 1px;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.reasonnamechangebox {
  margin-bottom: 32px !important;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.reasonnamechangebox {
    margin-bottom: 24px !important;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.reasonnamechangebox .form-select, .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.reasonnamechangebox .sel__box {
  background-color: #F4F4F2;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload {
  margin-bottom: 2rem !important;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload {
    margin-bottom: 1.5rem;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container {
  margin-bottom: 0.75rem;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview {
  background-color: #fff;
  width: 100% !important;
  height: auto;
  display: flex;
  flex-direction: row;
  padding-right: 0;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview {
    margin-top: 4px;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-detail {
  margin: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-detail {
    width: 3.625rem;
    height: 3rem;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-detail .file-preview-type {
  font-size: 1rem;
  margin: 0;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name {
  font-size: 1rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: baseline;
  margin: 0.75rem 0 1.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name {
    margin: 0.75rem 0 0.25rem 0;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: normal;
  color: #000;
  width: 17.188rem;
  min-width: 90%;
  margin-left: 0 !important;
  direction: rtl;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name span {
    width: 0;
    min-width: 65%;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name .deedPoll-upload-success-icon {
  margin-top: 0.75rem;
  position: absolute;
  padding-top: 1.25rem;
}
@media (max-width: 1199.98px) {
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name .deedPoll-upload-success-icon {
    padding-top: 0.75rem;
  }
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .file-preview-name .deedPoll-upload-success-icon .fa.fa-check-circle {
  color: #008a00;
  font-size: 1.5rem;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .tooltip-close.file-close-btn {
  cursor: pointer;
  top: 4px;
  right: 6px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reason_name_change_block .form-row.deedPoll-fileUpload .file-upload-preview-container .file-preview .tooltip-close.file-close-btn i {
  font-weight: 600;
  color: #000;
}

.alert_window.profile_name_update_alert .alert__block .container {
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.alert_window.profile_name_update_alert .alert__block .container .alert__label {
  margin-bottom: 24px;
}
.alert_window.profile_name_update_alert .alert__block .container .alert__label .fa.fa-check-circle {
  color: var(--header--color-line);
  font-size: 44px;
}
.alert_window.profile_name_update_alert .alert__block .container .alert__label .fa.fa-times-circle {
  color: var(--bgred);
  font-size: 44px;
}
.alert_window.profile_name_update_alert .alert__block .container .profile_name_update_content {
  width: 350px;
}
.alert_window.profile_name_update_alert .alert__block .container .profile_name_update_content h2 {
  padding-bottom: 0;
  font-size: 20px;
  color: var(--black-color);
  line-height: 27.5px;
}
.alert_window.profile_name_update_alert .alert__block .container .profile_name_update_content p {
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.alert_window.profile_name_update_alert .alert__block .container .profile-btn button {
  width: 350px;
  margin-top: 24px;
}

@media (max-width: 991px) {
  .alert_window.profile_name_update_alert .alert__block .container {
    padding: 40px 20px;
  }
  .alert_window.profile_name_update_alert .alert__block .container .alert__label {
    margin-bottom: 24px;
  }
  .alert_window.profile_name_update_alert .alert__block .container .alert__label .fa.fa-check-circle {
    font-size: 44px;
  }
  .alert_window.profile_name_update_alert .alert__block .container .alert__label .fa.fa-times-circle {
    font-size: 44px;
  }
  .alert_window.profile_name_update_alert .alert__block .container .profile_name_update_content {
    width: 268px;
  }
  .alert_window.profile_name_update_alert .alert__block .container .profile_name_update_content h2 {
    padding-bottom: 0;
    font-size: 20px;
    color: var(--black-color);
  }
  .alert_window.profile_name_update_alert .alert__block .container .profile_name_update_content p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    margin-top: 12px;
  }
  .alert_window.profile_name_update_alert .alert__block .container .profile-btn button {
    width: 303px;
    margin-top: 24px;
  }
}
/* Sprint 72 : #92045 - ST - SMS reminders - My profile */
.alert_window.profile_text-reminder_alert .alert__block .container {
  padding: 3.75rem 4.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .alert_window.profile_text-reminder_alert .alert__block .container {
    padding: 3rem 1.5rem;
  }
}
.alert_window.profile_text-reminder_alert .alert__block .container .alert__label {
  margin-bottom: 1.5rem;
}
.alert_window.profile_text-reminder_alert .alert__block .container .alert__label .fa.fa-check-circle {
  color: var(--header--color-line) !important;
  font-size: 2.75rem !important;
  margin-right: 0 !important;
}
.alert_window.profile_text-reminder_alert .alert__block .container .profile_text-reminder h6 {
  padding-bottom: 0;
  font-size: 1.25rem;
  color: var(--black-color);
}
@media (max-width: 767.98px) {
  .alert_window.profile_text-reminder_alert .alert__block .container .profile-btn {
    width: 100%;
  }
}
.alert_window.profile_text-reminder_alert .alert__block .container .profile-btn button {
  width: 21.9rem;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .alert_window.profile_text-reminder_alert .alert__block .container .profile-btn button {
    width: 100%;
  }
}

.my-profile.account__box .profile {
  /*Sprint 71 : #79584 - CD/ST - Amend marketing options within My Profile*/
}
.my-profile.account__box .profile .profile-edit.change-marketing .profile-content .additional-services .switch-label.options {
  display: flex;
}
.my-profile.account__box .profile .profile-edit.change-marketing .profile-content .additional-services .switch-label.options .form-toggle {
  overflow: visible;
}
.my-profile.account__box .profile .profile-edit.change-marketing .profile-content .additional-services .switch-label.options .switch-text {
  margin-left: 24px;
  font-size: 16px;
  font-weight: 600;
}
.my-profile.account__box .profile .profile-edit.change-marketing .profile-content .change-marketing-btn-group {
  display: flex;
  justify-content: space-between;
}
.my-profile.account__box .profile .profile-edit.change-marketing .profile-content .change-marketing-btn-group .nb-btn {
  margin-top: 0;
  background: transparent;
  border: 1px solid #004595;
  color: #004595;
  width: 48%;
}
.my-profile.account__box .profile .profile-edit.change-marketing .profile-content .change-marketing-btn-group .nb-btn:hover {
  color: #fff;
  background-color: #004595 !important;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content {
  flex-basis: 50%;
  max-width: 50%;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .small-title.contact-method-title {
  padding-bottom: 24px;
  font-size: 16px !important;
  font-weight: 600;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.contact-method {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 16px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.contact-method .form-checkbox {
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.contact-method .form-checkbox .radio {
  pointer-events: all;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.contact-method .form-checkbox .radio-label {
  font-size: 16px;
  font-weight: 400;
  pointer-events: all;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.contact-method .form-checkbox .error-msg {
  padding-left: 6px;
  margin-top: -7px;
  color: #D91E18;
  display: inline-block;
  width: 100%;
  margin-left: 40px;
  font-size: 12px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .contact-method-teaser p {
  padding-bottom: 10px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reenter-email {
  margin-top: -20px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reenter-email .form-success {
  display: none;
  opacity: 0;
  font-size: 80%;
  font-weight: 600;
  color: var(--tabs-active--border);
  margin-top: 7px;
  will-change: display, opacity, animation;
  animation: fadeOut 1.2s forwards;
  text-align: left;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .reenter-email .form-group.success .form-success {
  display: block;
  animation: fadeIn 1.2s forwards;
  margin-top: 0px;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .emailChecks.form-line {
  overflow: unset !important;
  z-index: 0;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .emailChecks.form-line::before {
  content: "\f00c";
  font-family: Font Awesome\ 6 Pro;
  color: #66b32f;
  position: absolute;
  right: -25px;
  bottom: 10px;
  z-index: 30;
}
.my-profile.account__box .profile .profile-edit.profile-form .profile-content .error .emailChecks.form-line::before {
  content: "\f00d";
  color: #d91e18;
}
.my-profile.account__box .profile .profile-view .profile-content .profile-box.profile-view-contact-method .small-title.contact-method-title {
  padding-bottom: 12px;
  font-weight: 600;
}
.my-profile.account__box .profile .profile-view .profile-content .profile-box.profile-view-contact-method .sub-title.contact-method {
  margin-bottom: 10px !important;
}
.my-profile.account__box .profile .profile-view .profile-content .profile-box.profile-view-contact-method .sub-title.contact-method label {
  font-size: 16px;
  font-weight: 400;
  padding-right: 8px;
}
.my-profile.account__box .profile .profile-view .profile-content .profile-box.profile-view-contact-method .sub-title.contact-method i {
  color: var(--header--color-secondary);
}
.my-profile.account__box .profile .profile-view .profile-content .profile-box.profile-view-contact-method .contact-method-teaser p {
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  .my-profile.account__box {
    padding: 32px 24px !important;
  }
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.sub-title.contact-method .form-checkbox {
    display: flex;
    flex-wrap: wrap;
  }
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.sub-title.contact-method .form-checkbox .radio, .my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.sub-title.contact-method .form-checkbox .radio-label {
    pointer-events: all;
  }
  .my-profile.account__box .profile .profile-edit.profile-form .profile-content .profile-box.profile-edit-contact-method .sub-title.sub-title.contact-method .form-checkbox .error-msg {
    margin-left: 38px;
    margin-top: 1px;
    font-size: 14px;
    line-height: 16px;
  }
}
.my-home {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.my-home small, .my-home label {
  font-weight: 600;
  display: block;
}
.my-home .account__box {
  padding: 48px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.my-home .your-property {
  margin-bottom: 32px;
}
.my-home .your-usage {
  -ms-flex-preferred-size: calc(60% - 32px);
  flex-basis: calc(60% - 32px);
  max-width: calc(60% - 32px);
  margin-right: 32px;
}
.my-home .your-meter {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 40%;
}
.my-home .form-link:last-child {
  margin-bottom: 0;
}
.my-home .form-row:first-child {
  margin-top: 0;
}

.number-occupant-align-center {
  margin: auto;
}

.nb-row-padding .mw-100 {
  max-width: 100%;
}

.your-property {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.your-property > div {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 40%;
}
.your-property .btn-property {
  margin-left: auto;
  padding-left: 24px;
}

.your-usage .chart {
  margin-bottom: 24px;
  height: 331px;
}
.your-usage .chart .highcharts-tooltip .highcharts-label-box {
  stroke: none;
  stroke-width: 0;
  fill: var(--brand--color-primary);
}
.your-usage .chart .tooltip-label {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: center;
  padding: 0 10px;
  min-width: 32px;
}
.your-usage .yourchart {
  height: 100%;
  width: 100%;
}
.your-usage .yourtable {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.meter-box {
  margin-bottom: 24px;
}
.meter-box .meter-input {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 5px;
}
.meter-box input {
  border: 2px solid #767676;
  text-align: center;
  line-height: 38px;
  height: 38px;
  width: 38px;
  font-size: 16px;
  font-weight: 600;
  font-family: "IBM Plex Sans", sans-serif;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
  caret-color: #000;
  color: #000;
  white-space: nowrap;
}
.meter-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
.meter-box input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
.meter-box input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
.meter-box input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.meter-box input + input {
  margin-left: 10px;
}
.meter-box input.success {
  border-color: var(--button--hover-standard);
}
.meter-box input.warning {
  border-color: #ff9966;
}
.meter-box input.error {
  border-color: #d91e18;
}
.meter-box .meter-error {
  font-size: 80%;
  font-weight: 600;
  color: #d91e18;
  margin-top: 30px;
}

.meter-tips {
  background: var(--header--color-secondary);
  color: #fff;
  border: none;
  font-size: 18px;
  line-height: 27px;
}
.meter-tips .sub-title {
  margin-bottom: 8px;
}
.meter-tips .image__block {
  margin: 25px auto 10px;
  border: 1px solid #979797;
  background: #d8d8d8;
  width: 192px;
  height: 143px;
}
.meter-tips .carousel-aspect-ratio, .meter-tips .carousel-image {
  height: 100%;
}

/* =========================================
   responsive ipad
   ========================================= */
@media (max-width: 992px) {
  .my-home {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .my-home .your-usage {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin: 0 0 32px;
  }
  .my-home .your-meter {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .your-property {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .your-property > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .your-property .btn-property {
    padding: 0;
    margin: 32px 0 0;
  }
}
/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .my-home .account__box {
    padding: 48px 15px;
  }
}
/* =========================================
   Usage
   ========================================= */
/*gauge*/
.gauge {
  position: relative;
  margin: auto;
  width: 350px;
  height: 185px;
}
.gauge-wrapper {
  position: relative;
  margin: auto;
  width: 350px;
  height: 175px;
  overflow: hidden;
}

.circle {
  position: relative;
  top: 38px;
  left: 38px;
  text-align: center;
  width: 274px;
  height: 274px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 10;
}

.active-border1,
.active-border {
  position: relative;
  text-align: center;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  background-color: #f2f2f2;
  background-image: linear-gradient(180deg, transparent 50%, #fff 50%), linear-gradient(0deg, #fff 50%, transparent 50%);
}

.active-border1 {
  background-color: transparent;
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, transparent 50%, #fff 50%), linear-gradient(0deg, var(--button--color-standard) 50%, transparent 50%);
}

.chart-skills {
  position: relative;
  width: 350px;
  height: 175px;
  margin: 0;
  overflow: hidden;
  list-style: none;
}
.chart-skills li {
  position: absolute;
  top: 100%;
  left: 0;
  width: inherit;
  height: inherit;
  border: 38px solid;
  border-top: none;
  border-bottom-left-radius: 175px;
  border-bottom-right-radius: 175px;
  transform-origin: 50% 0;
  animation-fill-mode: forwards;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.chart-skills li:before {
  background: #fff;
  position: absolute;
  top: -1px;
  left: -42px;
  height: 2px;
  width: 44px;
  content: "";
}
.chart-skills li:last-child span:before {
  height: 0;
}
.chart-skills li:nth-child(1) {
  z-index: 6;
  border-color: transparent;
  transform: rotate(45deg);
}
.chart-skills li:nth-child(2) {
  z-index: 5;
  border-color: transparent;
  transform: rotate(90deg);
}
.chart-skills li:nth-child(3) {
  z-index: 4;
  border-color: transparent;
  transform: rotate(135deg);
}
.chart-skills li:nth-child(4) {
  z-index: 3;
  border-color: transparent;
  transform: rotate(180deg);
}
.chart-skills li:nth-child(5) {
  z-index: 2;
  border-color: transparent;
  transform: rotate(150deg);
}
.chart-skills li:nth-child(6) {
  z-index: 1;
  border-color: transparent;
  transform: rotate(180deg);
}

.meter_needle {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 12px;
  transform-origin: bottom center;
  animation-fill-mode: forwards;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transform: rotate(270deg);
  z-index: 90;
  width: 24px;
  height: 90px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: 90px solid var(--brand--color-primary);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.meter_needle:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 0px;
  border-radius: 10px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-top: 90px solid var(--brand--color-primary);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.meter_needle:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 70px;
  left: 5px;
  border-radius: 10px;
}

.correctMeterReading i.fas.fa-check {
  color: var(--brand--color-secondary);
  margin: 5px 0 0 7px;
  font-size: 22px;
}

@media (max-width: 992px) {
  .gauge {
    height: 148px;
    width: 280px;
  }
  .chart-skills, .gauge-wrapper {
    width: 280px;
    height: 140px;
  }
  .chart-skills li span {
    width: 32px;
    left: -38px;
  }
  .active-border, .active-border1 {
    width: 280px;
    height: 280px;
  }
  .circle {
    top: 30px;
    left: 30px;
    width: 218px;
    height: 218px;
  }
  .meter_needle {
    width: 20px;
    height: 74px;
    border-bottom: 74px solid var(--button--color-standard);
  }
  .meter_needle:before {
    top: -3px;
    border-top: 74px solid var(--button--color-standard);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .meter_needle:after {
    top: 60px;
    left: 3px;
  }
}
/*end: gauge*/
/*range*/
.range-slider {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-bottom: 15px;
}
.range-slider > input {
  -ms-touch-action: manipulation; /* IE10  */
  touch-action: manipulation;
  opacity: 0;
  width: 100%;
  position: relative;
  z-index: 10;
  margin: 68px 0 0;
  display: inline-block;
  width: 100%;
  height: 30px;
  appearance: none;
  -webkit-appearance: none;
}
.range-slider > input::-ms-tooltip {
  display: none;
}
.range-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  z-index: 10;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.range-slider > input::-moz-range-thumb {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.range-slider > span.slider-container {
  display: inline-block;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: -8px;
  right: 46px;
  z-index: 3;
}
.range-slider > span.slider-container > span.bar {
  background-color: #f2f2f2;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 10px;
  right: -42px;
  height: 8px;
  overflow: hidden;
  border-radius: 10px;
}
.range-slider > span.slider-container > span.bar > span {
  background: var(--brand--color-primary);
  display: block;
  float: left;
  height: 8px;
  width: 0%;
}
.range-slider > span.slider-container > span.bar-btn {
  display: inline-block;
  position: absolute;
  background: var(--brand--color-primary);
  color: #fff;
  font-size: 18px;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  left: -25px;
  top: -65px;
}
.range-slider > span.slider-container > span.bar-btn:after, .range-slider > span.slider-container > span.bar-btn:before {
  content: "";
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
.range-slider > span.slider-container > span.bar-btn:before {
  width: 30px;
  height: 30px;
  z-index: 3;
  border: 1px solid var(--brand--color-primary);
  background-color: #fff;
  left: 15px;
  top: 65px;
}
.range-slider > span.slider-container > span.bar-btn:after {
  width: 12px;
  height: 12px;
  z-index: 4;
  background: var(--brand--color-primary);
  left: 24px;
  top: 74px;
}
.range-slider > span.slider-container > span.bar-btn > span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid var(--button--color-standard);
}

/*end: range*/
/*water-saving-tip*/
.water-saving-tip-carousel.owl-carousel {
  margin: 0 0 23px;
  position: relative;
}
.water-saving-tip-carousel.owl-carousel .owl-stage-outer {
  overflow: hidden;
}
.water-saving-tip-carousel.owl-carousel .owl-prev, .water-saving-tip-carousel.owl-carousel .owl-next {
  background: none;
  color: var(--brand--color-secondary);
  top: 50px;
  font-size: 30px;
  margin: 0 2px;
}
.water-saving-tip-item {
  text-align: center;
}
.water-saving-tip-item h5 {
  font-size: 24px;
  padding: 0 30px;
}
.water-saving-tip-item i {
  font-size: 35px;
  margin-bottom: 15px;
  color: var(--button--color-standard);
}

.wp-usage-no-readingdata .water-saving-tip-carousel.owl-carousel {
  margin-top: 0;
}

/*end: water-saving-tip*/
.wp-low-water-use-block .lbl-line {
  display: inline !important;
}
.wp-low-water-use-block .nb-tooltip {
  position: absolute;
  padding: 0px 5px;
  display: inline;
}

/*low-water-use*/
.wp-low-water-use {
  min-height: 40px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
}
.wp-low-water-use i {
  color: var(--brand--color-secondary);
  margin-right: 15px;
}
.wp-low-water-use i.red {
  color: #d91e18;
}
.wp-low-water-use p {
  padding: 0;
  color: var(--brand--color-primary);
  font-weight: bold;
  animation-delay: 0.3s;
  opacity: 0;
}
.wp-low-water-use i, .wp-low-water-use p {
  opacity: 0;
}
.wp-low-water-use i.animated, .wp-low-water-use p.animated {
  opacity: 1;
}

.animated {
  animation-fill-mode: both;
  animation-duration: 1.5s;
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  50% {
    opacity: 1;
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

/*end: low-water-use*/
/**/
.wp-twocol .wp-col {
  flex-basis: calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.wp-twocol .wp-col .h-100 {
  height: 100% !important;
}
.wp-twocol .wp-col .flex-container {
  display: flex;
  align-items: center;
}
.wp-twocol .wp-col .flex-container .wp-property-metered {
  flex: 1;
}
.wp-twocol .wp-col .account-my-usage {
  height: 100%;
}
.wp-twocol .wp-col .wp-usage-box {
  height: 100%;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .wp-twocol .wp-col:first-child {
    margin-bottom: 30px;
  }
}
.wp-twocol--style {
  background: #fff;
  border: 1px solid #979797;
}
.wp-twocol--style .wp-col {
  flex-basis: 50%;
  max-width: 50%;
  padding: 24px;
}
@media (min-width: 1200px) {
  .wp-twocol--style .wp-col {
    padding: 32px 94px;
  }
}
.wp-twocol--style.border-center .wp-col:first-child {
  border-right: 0;
  border-bottom: solid 2px #979797;
}
@media (min-width: 992px) {
  .wp-twocol--style.border-center .wp-col:first-child {
    border-bottom: 0;
    border-right: solid 2px #979797;
  }
}
.wp-twocol--center .wp-col .wp-usage-box {
  display: flex;
  align-items: center;
}
.wp-twocol--center .wp-col .wp-usage-box .account-form {
  width: 100%;
}

.wp-twocol .wp-col .make-additional-payment-link {
  text-align: center;
  padding-bottom: 2rem;
}
.wp-twocol .wp-col .make-additional-payment-link a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.smart-usage-smart-closed-account .account-form {
  max-width: 500px !important;
}

.wp-your-usage-smart-closed-account-container h5 {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .wp-your-usage-smart-closed-account-container h5 {
    padding-bottom: 35px !important;
  }
}

.wp-twocol, .wp-twocol--style {
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .wp-twocol, .wp-twocol--style {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .wp-twocol, .wp-twocol--style {
    display: flex;
    justify-content: space-between;
  }
}
.wp-twocol .wp-col, .wp-twocol--style .wp-col {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .wp-twocol .wp-col, .wp-twocol--style .wp-col {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .wp-twocol .wp-col.wp-left .sub-title, .wp-twocol .wp-col.wp-right .sub-title, .wp-twocol--style .wp-col.wp-left .sub-title, .wp-twocol--style .wp-col.wp-right .sub-title {
    text-align: left;
  }
  .wp-twocol .wp-col.wp-left .wp-checkbox, .wp-twocol .wp-col.wp-left .wp-other-amount, .wp-twocol .wp-col.wp-right .wp-checkbox, .wp-twocol .wp-col.wp-right .wp-other-amount, .wp-twocol--style .wp-col.wp-left .wp-checkbox, .wp-twocol--style .wp-col.wp-left .wp-other-amount, .wp-twocol--style .wp-col.wp-right .wp-checkbox, .wp-twocol--style .wp-col.wp-right .wp-other-amount {
    justify-content: inherit;
  }
}
@media (min-width: 992px) {
  .wp-twocol .wp-col.wp-left .account-form, .wp-twocol--style .wp-col.wp-left .account-form {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .wp-twocol .wp-col.wp-right .account-form, .wp-twocol--style .wp-col.wp-right .account-form {
    margin-right: 0;
  }
}
.wp-twocol .wp-col .account-form div:last-child, .wp-twocol--style .wp-col .account-form div:last-child {
  margin-bottom: 0;
}

.wp-line {
  width: 100%;
  height: 1px;
  background: #d8d8d8;
  margin: 20px 0;
}
.wp-line--ful-mobile {
  background: #979797;
  margin: 14px -20px 18px -20px;
  width: calc(100% + 40px);
}
@media (max-width: 420px) {
  .wp-line--ful-mobile {
    margin: 14px 0 18px;
    width: 100%;
  }
}

.wp-usage-box {
  background: #fff;
  border: 1px solid #979797;
  padding: 24px;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .wp-usage-box {
    padding: 32px 94px;
  }
}
.wp-usage-box .meter-input {
  justify-content: center;
}
.wp-usage-box .nb-btn {
  margin-top: 20px;
}
.wp-usage-box .form-btn.nb-row-padding .nb-btn {
  margin-top: 0;
}
.wp-usage-box .account-form {
  width: auto;
  max-width: 350px;
}
.wp-usage-box .account-form div:last-child {
  margin-bottom: 0;
}
.wp-usage-box.wp-rended-unders .account-form {
  margin-left: 0;
}

.plink p a {
  color: #000;
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
  font-weight: normal;
}
.plink p a:hover {
  color: #000 !important;
  padding-bottom: 0;
}
.plink strong a, .plink b a {
  font-weight: 600;
}

.bgblue-light, .bgblue-dark, .bgorange, .bgred {
  color: #fff;
  border: 0;
}
.bgblue-light h2, .bgblue-light h5, .bgblue-light h6, .bgblue-light h3, .bgblue-light h4, .bgblue-dark h2, .bgblue-dark h5, .bgblue-dark h6, .bgblue-dark h3, .bgblue-dark h4, .bgorange h2, .bgorange h5, .bgorange h6, .bgorange h3, .bgorange h4, .bgred h2, .bgred h5, .bgred h6, .bgred h3, .bgred h4 {
  color: #fff;
}
.bgblue-light h3, .bgblue-dark h3, .bgorange h3, .bgred h3 {
  font-size: 22px;
  line-height: 27.5px;
}
.bgblue-light h2, .bgblue-dark h2, .bgorange h2, .bgred h2 {
  padding-bottom: 0;
}
.bgblue-light p a, .bgblue-dark p a, .bgorange p a, .bgred p a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.bgblue-light p a:hover, .bgblue-dark p a:hover, .bgorange p a:hover, .bgred p a:hover {
  color: #fff !important;
}
.bgblue-light .form-select, .bgblue-light .form-select select, .bgblue-dark .form-select, .bgblue-dark .form-select select, .bgorange .form-select, .bgorange .form-select select, .bgred .form-select, .bgred .form-select select {
  background: transparent;
  color: #fff;
}
.bgblue-light .form-select .fa-caret-down, .bgblue-dark .form-select .fa-caret-down, .bgorange .form-select .fa-caret-down, .bgred .form-select .fa-caret-down {
  border-top-color: #fff;
}
.bgblue-light .form-select .sel__box__options, .bgblue-dark .form-select .sel__box__options, .bgorange .form-select .sel__box__options, .bgred .form-select .sel__box__options {
  color: #000;
}
.bgblue-light .form-select .sel__box__options:hover, .bgblue-light .form-select .sel__box__options.selected, .bgblue-dark .form-select .sel__box__options:hover, .bgblue-dark .form-select .sel__box__options.selected, .bgorange .form-select .sel__box__options:hover, .bgorange .form-select .sel__box__options.selected, .bgred .form-select .sel__box__options:hover, .bgred .form-select .sel__box__options.selected {
  color: #fff;
}
.bgblue-light .nb-tooltip, .bgblue-dark .nb-tooltip, .bgorange .nb-tooltip, .bgred .nb-tooltip {
  background: transparent;
}
.bgblue-light .nb-tooltip .tooltip-btn, .bgblue-dark .nb-tooltip .tooltip-btn, .bgorange .nb-tooltip .tooltip-btn, .bgred .nb-tooltip .tooltip-btn {
  color: #fff;
}
.bgblue-light .nb-tooltip .tooltip-btn:before, .bgblue-dark .nb-tooltip .tooltip-btn:before, .bgorange .nb-tooltip .tooltip-btn:before, .bgred .nb-tooltip .tooltip-btn:before {
  border-top-color: var(--button--color-border);
  border-bottom-color: var(--button--color-border);
}
.bgblue-light .tooltip-inner, .bgblue-dark .tooltip-inner, .bgorange .tooltip-inner, .bgred .tooltip-inner {
  background: var(--button--color-border);
}

.bgblue-light {
  background: var(--brand--color-primary);
}

.bgblue-dark {
  background: var(--button--color-arrow);
}

.bgorange {
  background: var(--bgorange);
}
.bgorange .nb-btn.nb-btn-white {
  color: var(--bgorange);
}
.bgorange .nb-btn.nb-btn-white:after, .bgorange .nb-btn.nb-btn-white:before {
  background: #ea9b18;
}
.bgorange .nb-btn.nb-btn-white:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .bgorange .nb-btn.nb-btn-white:hover {
    background: #ea9b18;
  }
}

.bgred {
  background: var(--bgred);
}
.bgred .nb-btn.nb-btn-white {
  color: var(--bgred);
}
.bgred .nb-btn.nb-btn-white:after, .bgred .nb-btn.nb-btn-white:before {
  background: #da4e5b;
}
.bgred .nb-btn.nb-btn-white:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .bgred .nb-btn.nb-btn-white:hover {
    background: #da4e5b;
  }
}

@media (min-width: 992px) {
  .flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

/*end*/
/*your-property*/
.wp-your-property-confirm {
  background: #fff;
  border: solid 1px #979797;
}
@media (max-width: 992px) {
  .wp-your-property-confirm {
    padding: 40px 20px 50px;
    text-align: center;
  }
}

.wp-your-property {
  background: #fff;
  border: solid 1px #979797;
}
@media (max-width: 992px) {
  .wp-your-property {
    padding: 40px 20px 50px;
    text-align: center;
  }
}
.wp-your-property h5 {
  padding-bottom: 50px;
}
.wp-your-property-btn {
  display: flex;
  margin-top: 20px;
}
.wp-your-property-btn .nb-btn {
  width: 50%;
  flex-shrink: 0;
  margin: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
}
.wp-your-property-information {
  margin-top: 30px;
}

/*end: your-property*/
/*your-usage*/
.wp-your-usage-information, .wp-your-usage-compare {
  height: 100%;
}
.wp-your-usage-information h2, .wp-your-usage-compare h2 {
  padding-bottom: 35px !important;
  font-size: 24px;
  line-height: 30px;
}
.wp-your-usage-compare .wp-line {
  background: #979797;
}

.your-usage-compare {
  margin-bottom: 30px;
}
.your-usage-compare .wp-line {
  margin-top: 40px;
}

.wp-pecent {
  height: 60px;
  white-space: nowrap;
}
.wp-pecent i {
  font-size: 40px;
  margin-right: 5px;
  animation-name: bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.wp-pecent i.lift {
  transform: translateY(14px);
}
.wp-pecent-text {
  font-size: 28px;
  margin-left: 5px;
}

.wp-average-daily {
  position: relative;
}
.wp-average-daily:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #d8d8d8;
  left: 50%;
  top: 0;
}
.wp-average-daily p {
  padding-bottom: 0;
}
.wp-average-daily.not-previousyearavg {
  justify-content: center;
}
.wp-average-daily.not-previousyearavg:before {
  display: none;
}
.wp-average-daily.not-previousyearavg .wp-pecent-box {
  display: none;
}
.wp-average-daily.not-previousyearavg .wp-usage-unit-box {
  width: 100%;
}
@media (max-width: 767px) {
  .wp-average-daily h2 {
    font-size: 42px;
    line-height: 52.5px;
    height: auto;
  }
  .wp-average-daily .wp-pecent i {
    margin-right: 0;
    font-size: 36px;
    line-height: 54px;
  }
  .wp-average-daily .wp-pecent-text {
    margin-left: 0;
  }
}
@media (max-width: 420px) {
  .wp-average-daily h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .wp-average-daily .wp-pecent i {
    font-size: 26px;
    line-height: 39px;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(0px, -10px, 0px);
  }
}
.wp-find-out-more {
  margin-bottom: 20px;
}

.wp-number-occupiers {
  margin-top: 10px;
}
.wp-number-occupiers .sub-title {
  margin-bottom: 15px;
}

.wp-standard-water i {
  font-size: 25px;
}

.btn-change-number {
  width: 100%;
}

/*end: your-usage*/
/*progress*/
.progress {
  position: relative;
  font-size: 12px;
  height: 106px;
  overflow: hidden;
  background-color: var(--brand--color-primary);
  color: #fff;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 2s ease;
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 2s;
}
.progress-content {
  height: 106px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 12px 20px;
}
.progress-new {
  background: var(--brand--color-secondary);
  padding: 3px 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 16px;
}
@media (max-width: 420px) {
  .progress-new {
    padding: 1px 7px;
  }
}

/*usage-prorgress*/
#waterUsageBarChart {
  height: 240px;
  width: 360px;
  margin: 0px -16px;
  background-color: white;
}
#waterUsageBarChart .usage-bar-chart {
  height: 45px;
}
#waterUsageBarChart .usage-bar-chart .usage-bar-lbl-box {
  float: left;
  width: 90px;
}
#waterUsageBarChart .usage-bar-chart .usage-bar-lbl-box .bar-label-0, #waterUsageBarChart .usage-bar-chart .usage-bar-lbl-box .bar-label-1 {
  text-align: left;
  line-height: 18px;
  margin-left: -14px;
  margin-top: 10px;
}
#waterUsageBarChart .usage-bar-chart .usage-bar-lbl-box .bar-label-2 {
  text-align: left;
  line-height: 18px;
  margin-left: -14px;
  margin-top: 1px;
}
@media (max-width: 420px) {
  #waterUsageBarChart {
    width: 100%;
    margin: 5px;
  }
}
@media (max-width: 350px) {
  #waterUsageBarChart {
    width: 100%;
    margin: 5px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 480px) and (max-device-width: 420px) {
  #waterUsageBarChart .usage-progress {
    max-width: 100%;
    margin: 0;
  }
}
#waterUsageBarChart .usage-progress {
  position: relative;
  font-size: 22px;
  height: 53px;
  overflow: hidden;
  background-color: #fff;
  color: #fff;
  border-radius: 0;
  width: auto;
}
#waterUsageBarChart .usage-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  text-align: center;
  transition: width 2s ease;
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 2s;
}
#waterUsageBarChart .usage-progress-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 14px 8px;
}
#waterUsageBarChart .usage-progress-content .label-litres {
  font-size: 8px;
  font-family: IBM Plex Sans, sans- serif;
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*end: progress*/
/*your-usage-detail*/
.wp-usage-detail .wp-your-property-btn {
  width: 100%;
}
.wp-usage-detail .progress, .wp-usage-detail .usage-progress {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .wp-usage-detail-graph .wp-usage-bottom .flex-center {
    display: flex;
    flex-flow: column-reverse;
  }
  .wp-usage-detail-graph .wp-usage-bottom .flex-center button.nb-btn {
    margin-top: 50px;
  }
}
.wp-usage-header {
  margin-bottom: 25px;
}
.wp-usage-header h2 {
  padding-bottom: 0;
  font-size: 28px;
}
.wp-usage-header .flex-center, .wp-usage-bottom .flex-center {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .wp-usage-header .flex-center, .wp-usage-bottom .flex-center {
    margin-bottom: 60px;
  }
}
.wp-usage-header .flex-center:last-child, .wp-usage-bottom .flex-center:last-child {
  margin-bottom: 0;
}
.wp-usage-checkbox {
  display: flex;
}
.wp-usage-checkbox .form-checkbox {
  margin-right: 30px;
}
.wp-usage-checkbox .form-checkbox:last-child {
  margin-right: 0;
}
@media (max-width: 350px) {
  .wp-usage-checkbox .form-checkbox {
    margin-right: 10px;
  }
  .wp-usage-checkbox .form-checkbox:last-child {
    width: 42%;
  }
}

@media (min-width: 992px) {
  .wp-usage-detail .wp-your-property-btn {
    margin-top: 0;
    width: 35%;
  }
  .wp-usage-detail .progress, .wp-usage-detail .usage-progress {
    margin-bottom: 25px;
  }
  .wp-usage-header {
    margin-bottom: 50px;
  }
  .wp-usage-bottom {
    padding-top: 10px;
  }
  .wp-usage-bottom button.nb-btn {
    width: 35%;
  }
}
/*end: your-usage-detail*/
/*pagination*/
.pagination {
  position: relative;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
@media (max-width: 991px) {
  .pagination {
    text-align: center;
    justify-content: center;
    padding: 0 30px;
    margin-top: 10px;
  }
  .pagination .page-item.prev, .pagination .page-item.next {
    position: absolute;
    top: 0;
  }
  .pagination .page-item.prev {
    left: 0;
  }
  .pagination .page-item.next {
    right: 0;
  }
}

.page-link {
  position: relative;
  min-width: 30px;
  height: 30px;
  display: block;
  padding: 3px 10px;
  color: var(--brand--color-primary);
  background-color: #fff;
  cursor: pointer;
  text-align: center;
}

.page-item.prev .page-link, .page-item.next .page-link {
  color: var(--brand--color-secondary);
}
.page-item.active .page-link {
  color: #fff;
  background-color: var(--brand--color-primary);
}

/*end: pagination*/
/*table-custom*/
.slideInUp {
  animation-name: slideInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    border-bottom: 2px solid transparent;
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    opacity: 1;
    border-bottom: 2px solid #e6e6e6;
    transform: translateY(0);
  }
}
.table-custom {
  width: 100%;
  margin-bottom: 30px;
}
.table-custom .tbhead ul, .table-custom .tbbody ul {
  display: flex;
  text-align: left;
}
@media (min-width: 992px) {
  .table-custom .tbhead ul, .table-custom .tbbody ul {
    align-items: center;
  }
}
.table-custom .tbhead ul {
  border-bottom: 2px solid #e6e6e6;
  font-size: 13px;
  font-weight: bold;
}
.table-custom .tbbody ul {
  font-size: 14px;
  transition-property: border-bottom;
  transition-duration: 0.4s;
  border-bottom: 2px solid #e6e6e6;
  opacity: 0;
}
@media (min-width: 992px) {
  .table-custom .tbbody ul {
    font-size: 16px;
  }
}
.table-custom li {
  width: 33.33333334%;
  padding: 10px;
}
.table-custom li.water-used {
  display: flex;
}
@media (min-width: 992px) {
  .table-custom li {
    padding: 20px 10px;
  }
}
.table-custom li:first-child {
  padding-left: 0;
}
.table-custom li:last-child {
  padding-right: 0;
}
.table-custom--two-col li {
  width: 50%;
}
@media (min-width: 992px) {
  .table-custom--two-col li {
    width: 33.33333334%;
  }
}

[class^=ic-] {
  font-size: 10px;
  width: 20px;
  line-height: 20px;
  background: var(--brand--color-primary);
  color: #fff;
  text-align: center;
  display: inline-block;
}
@media (min-width: 992px) {
  [class^=ic-] {
    font-size: 18px;
    height: 28px;
    width: 28px;
    line-height: 28px;
  }
}

.ic-c {
  background: var(--color--environmental);
}

.ic-e {
  background: #9a12b3;
}

.note-ic {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.note-ic div {
  margin-right: 30px;
}
@media (max-width: 991px) {
  .note-ic div {
    margin-bottom: 15px;
  }
}
.note-ic [class^=ic-] {
  margin-right: 10px;
}

.wp-ic {
  font-size: 42px;
  margin-bottom: 20px;
}

/*end: table-custom*/
/*household*/
.wp-usage-households {
  text-align: center;
}
@media (min-width: 992px) {
  .wp-usage-households {
    text-align: left;
  }
}

.wp-usage-unmetered input[type=number]::-webkit-inner-spin-button,
.wp-usage-unmetered input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wp-household {
  font-weight: bold;
  color: var(--brand--color-primary);
  border: solid 1px var(--brand--color-primary);
  padding: 15px 95px 15px 60px;
  display: flex;
  align-items: center;
  position: relative;
  height: 80px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .wp-household {
    max-width: 350px;
  }
}
.wp-household img {
  max-height: 30px;
  width: auto !important;
  position: absolute;
  left: 15px;
  top: 25px;
}
.wp-household p, .wp-household div {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  text-align: left;
}
.wp-household p span, .wp-household div span {
  font-size: 12px;
  display: block;
}
.wp-household input {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  height: 50px;
  width: 50px;
  text-align: center;
  border: solid 1px var(--brand--color-primary);
  position: absolute;
  right: 25px;
  top: 15px;
  border-radius: 0;
}

@media (min-width: 992px) {
  .wp-households {
    display: flex;
    justify-content: space-between;
  }
}

.wp-select-households {
  width: 100%;
}
@media (min-width: 992px) {
  .wp-select-households {
    width: 35%;
  }
}

.wp-apply-water-meter .nb-btn-link {
  margin-top: 20px;
  display: inline-block;
}
.wp-apply-water-meter .wp-ic {
  color: var(--brand--color-primary);
}

.wp-usage-content {
  text-align: left;
}

@media (max-width: 991px) {
  .wp-rended-unders .sub-title {
    font-size: 16px;
  }
}
.wp-rended-unders .bg__box {
  padding: 24px;
}
.wp-rended-unders .row-textarea {
  margin-top: 25px;
}

/*end: household*/
/*billing & payment*/
.payment-func.main-content .setup-payment-plan-box h2 {
  color: initial;
}
.payment-func.main-content .pagination {
  margin-right: -12px !important;
}
.payment-func.main-content .pagination .page-item {
  font-weight: bolder;
  font-family: "Roboto Slab", serif;
}
.payment-func.main-content .wp-request-paypoint .address.row-bg {
  margin-bottom: 5px;
}
.payment-func.main-content .banner-on-track h2 {
  font-size: 24px !important;
  line-height: 30px !important;
}
.payment-func.main-content .banner-on-track h3 {
  font-size: 22px;
  line-height: 27.5px;
}

.alert_window.success.wp-modal .requestPaypointCardAddress .address {
  margin-top: 8px !important;
}

/*end: billing & payment*/
/*breadcrumb*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .breadcrumb {
    margin-top: 18px;
  }
}
.breadcrumb-item {
  margin: 0;
}
.breadcrumb-item a {
  color: #000;
}
.breadcrumb-item:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  color: var(--button--hover-standard);
}
.breadcrumb-item:last-child:after {
  content: none;
}
.breadcrumb-item:hover {
  color: var(--brand--color-primary);
}

/*end: breadcrumb*/
.usage-dvt span {
  font-size: 28px;
}

@media (max-width: 991px) {
  .wrapper-box {
    max-width: 350px;
    margin: 0 auto;
  }
}

.wp-usage-box[class*=banner-] .wp-ic {
  width: 40px;
  height: 40px;
  border: solid 3px;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  margin: 0 auto 20px;
}
.wp-usage-box[class*=banner-] .wp-ic + h2 {
  padding-bottom: 0;
}

.btn-pay-your-bill {
  margin-bottom: 24px;
}

.wp-e-billing .icon {
  max-height: 80px;
  width: auto !important;
  margin: auto;
  margin-bottom: 20px;
}
.wp-e-billing .account-form {
  max-width: 450px;
}
.wp-e-billing .account-form .switch-smart-meter-btn {
  max-width: 220px;
  margin: auto;
}

.wp-smart-meter-usage-efficiency .icon {
  max-height: 53px !important;
  width: auto !important;
  margin: auto;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .wp-smart-meter-usage-efficiency .smart-meter-short-desc {
    padding: 0px 40px;
    margin-bottom: 35px;
  }
}
.wp-smart-meter-usage-efficiency .save-water {
  color: #fff;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
}
.wp-smart-meter-usage-efficiency .save-water div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  text-align: left;
  line-height: 18px;
}
.wp-smart-meter-usage-efficiency .save-water div img {
  max-width: 25px;
  margin: 0 10px;
}
.wp-smart-meter-usage-efficiency .save-water div:last-child {
  margin-left: 19px;
  padding: 18px;
}
.wp-smart-meter-usage-efficiency .save-water div.arrow-btn {
  background: #fff;
  color: #004595;
  position: relative;
  right: 0;
  width: 60px;
  margin-left: 15px;
}

.smart-meter-efficiency .icon {
  font-size: 50px;
  margin-bottom: 20px;
}

.usage-break-down .flex-container {
  display: flex;
  flex-wrap: wrap;
}
.usage-break-down .flex-container .nb-btn {
  min-width: 160px;
  display: block;
  margin: 0px !important;
}
.usage-break-down .flex-container .nb-btn.active {
  color: #fff;
  background: var(--button--color-standard);
}
.usage-break-down .flex-container .switch-wrapper {
  text-align: right;
}
.usage-break-down .flex-container .switch-wrapper.desktop {
  display: block;
}
.usage-break-down .switch-wrapper {
  margin: auto;
  flex: 1;
  text-align: center;
}
.usage-break-down .switch-wrapper strong {
  font-size: 18px;
  margin: 0px 10px;
  color: #aaa;
}
.usage-break-down .switch-wrapper strong.active {
  color: rgba(51, 181, 229, 0.4);
}
.usage-break-down .switch-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
}
.usage-break-down .switch-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.usage-break-down .switch-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #004595;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.usage-break-down .switch-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.usage-break-down .switch-wrapper input:checked + .slider {
  background-color: #004595;
}
.usage-break-down .switch-wrapper input:focus + .slider {
  box-shadow: 0 0 1px #004595;
}
.usage-break-down .switch-wrapper input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.usage-break-down .switch-wrapper {
  /* Rounded sliders */
}
.usage-break-down .switch-wrapper .slider.round {
  border-radius: 50px;
}
.usage-break-down .switch-wrapper .slider.round:before {
  border-radius: 50%;
}
.usage-break-down .note-container strong {
  color: #004595;
}
.usage-break-down .note-container p {
  padding: 0;
}
.usage-break-down .chart-title {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Roboto Slab";
  position: relative;
}
.usage-break-down .chart-title .y-axis {
  color: #ccc;
  position: absolute;
  left: 0;
}
.usage-break-down .chartDiv {
  overflow-x: auto;
}
.usage-break-down .chartDiv::-webkit-scrollbar-track {
  border-radius: 25px;
  background-color: #F5F5F5;
}
.usage-break-down .chartDiv::-webkit-scrollbar {
  height: 10px;
  background-color: #F5F5F5;
  border-radius: 25px;
}
.usage-break-down .chartDiv::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background-color: #004595;
}
.usage-break-down .chartDiv .inner {
  height: 500px;
  min-width: 600px;
  margin-bottom: 44px;
}
.usage-break-down .chartDiv .inner .no-chart {
  display: flex;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  font-size: 18px;
  font-family: "Roboto Slab";
}
.usage-break-down .chartDiv .inner .no-chart strong {
  width: 100%;
}

.legend-container {
  display: flex;
}
.legend-container.hourly {
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .legend-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .legend-container {
    margin-bottom: 36px;
  }
}
.legend-container .legend-item {
  display: flex;
}
@media (max-width: 1199.98px) {
  .legend-container .legend-item {
    margin: 0 24px 36px 0;
  }
}
@media (min-width: 768px) {
  .legend-container .legend-item {
    justify-content: center;
    align-items: center;
    margin-right: 56px;
  }
}
.legend-container .legend-item:nth-child(2) {
  margin-right: 0 !important;
}
@media (max-width: 1199.98px) {
  .legend-container .legend-item .legend-img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .legend-container .legend-item .legend-img {
    width: 32px !important;
    height: 32px !important;
    margin-right: 12px;
  }
}
@media (max-width: 1199.98px) {
  .legend-container .legend-item span {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .legend-container .legend-item span {
    font-size: 18px;
  }
}
.legend-container .estimates-link {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .legend-container .estimates-link {
    margin: 0 auto 36px !important;
  }
}
@media (min-width: 768px) {
  .legend-container .estimates-link {
    margin-left: auto;
  }
}
.legend-container .estimates-link a {
  text-decoration: underline;
}

.download-app .flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}
.download-app .flex-container .download-features {
  padding: 0px 25px;
}
.download-app .flex-container .download-features img {
  max-width: 20px !important;
  display: inline;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .usage-break-down {
    text-align: center;
  }
  .usage-break-down .switch-wrapper .switch {
    width: 50px;
    height: 30px;
  }
  .usage-break-down .switch-wrapper .slider:before {
    height: 25px;
    width: 25px;
    left: 3px;
    bottom: 2px;
  }
  .usage-break-down h5 {
    font-size: 24px;
  }
  .usage-break-down .flex-container .nb-btn {
    min-width: 25%;
    padding: 0px;
    height: 50px;
  }
  .usage-break-down .flex-container .switch-wrapper.desktop {
    display: block;
    position: relative;
    top: 60px;
  }
  .usage-break-down .content-box {
    position: relative;
  }
  .usage-break-down .switch-wrapper.mobile {
    display: block;
    position: absolute;
    right: 0;
    top: 60px;
  }
  .download-app .flex-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    margin: auto;
    width: max-content;
  }
  .download-app .flex-container .download-features {
    margin-bottom: 15px;
  }
  .chart-title {
    font-size: 16px !important;
  }
  .chart-title .usage-chart-title {
    display: block;
  }
  .chartDiv {
    overflow-x: hidden !important;
  }
  .chartDiv .inner {
    margin-top: 30px !important;
    height: 450px !important;
    min-width: 0 !important;
  }
  .chartDiv .inner canvas {
    width: 100% !important;
  }
  .note-container {
    text-align: left;
  }
}
.strong {
  font-weight: bold;
}
.strong * {
  font-weight: normal;
}

.enter-meter-read {
  /*SPRINT 23 - #13746 - VS - Commented out the below two attributes to match the alignment on enter meter read cshtml(s)*/
}
.enter-meter-read .image__block {
  width: 100%;
}
.enter-meter-read .image__block .carousel-aspect-ratio {
  width: 100%;
  height: 100%;
}
.enter-meter-read .image__block .carousel-aspect-ratio .carousel-image {
  height: 100%;
  height: 100%;
}

.info-box p {
  display: inline;
}

.error {
  color: red;
}

/*SPRINT_36 : #14292 - KA - On mobile Y axis should stay static when scroll across */
@media (max-width: 767px) {
  .usage-break-down .chartDiv .inner {
    min-width: 100%;
  }
}
.wp-your-smart-meter-usage .wp-usage-box.usage-break-down .usage-break-down-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wp-your-smart-meter-usage .wp-usage-box.usage-break-down .usage-break-down-title .user-guide-detail {
  color: var(--brand--color-primary);
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.wp-your-smart-meter-usage .wp-usage-box.usage-break-down .usage-break-down-title .user-guide-detail .usage-break-down-img {
  width: 22px;
}

@media (max-width: 991px) {
  .wp-your-smart-meter-usage .wp-usage-box.usage-break-down .usage-break-down-title .user-guide-detail span {
    display: none;
  }
}
.alert_window.daily-usage-user-guide .alert__block .container {
  width: 1106px;
  padding: 32px 32px 44px 32px;
  overflow: hidden;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container {
  position: relative;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .mySlides.faded .daily-modal-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .mySlides.faded .daily-modal-header .daily-close .close-icon.nb-btn {
  background: none !important;
  position: relative !important;
  width: 10px !important;
  top: 0 !important;
  left: 5px !important;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .mySlides.faded .daily-modal-header .daily-close .close-icon.nb-btn i {
  width: 21px;
  color: var(--black-color);
  font-size: 21px !important;
  font-weight: 400;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .mySlides.faded img {
  margin-top: 20px;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .direction-btn {
  cursor: pointer;
  display: flex;
  gap: 25px;
  justify-content: space-between;
  position: unset;
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .direction-btn .slide-prev {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .direction-btn .slide-next {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  border: none;
  background: none;
}

@media (max-width: 767px) {
  .alert_window.daily-usage-user-guide .alert__block .container {
    width: 95% !important;
    padding: 21px 15px 25px 15px;
  }
  .alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container {
    position: relative;
  }
  .alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .daily-close .close-icon.nb-btn i {
    font-weight: 500;
    top: -10px;
  }
  .alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container img {
    width: 48% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  .alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .direction-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0;
    position: unset;
  }
  .alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .direction-btn .slide-prev {
    position: absolute;
    left: 0;
    top: 56%;
    transform: translateY(-50%);
    display: flex;
    justify-content: start;
  }
  .alert_window.daily-usage-user-guide .alert__block .container .user-guide-carousel .slideshow-container .direction-btn .slide-next {
    position: absolute;
    right: 0;
    top: 56%;
    transform: translateY(-50%);
    display: flex;
    justify-content: end;
  }
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header {
  margin-bottom: 20px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center .wp-your-property-btn {
  width: 48%;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center .wp-your-property-btn button {
  font-weight: 400;
  font-family: Roboto Slab, serif;
  line-height: 21px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center .chart-title .y-axis {
  color: var(--gray-shade);
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin: 48px 0 20px 0;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note img {
  display: inline-block;
  margin-right: 20px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note span {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note .blue-box img {
  width: 24px;
  height: 24px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note .dot-lines img {
  width: 32px;
}
.wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-content .custom-usage-more-details {
  margin-bottom: 40px;
}

.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header {
  margin-bottom: 20px;
}
.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header .flex-center .wp-your-property-btn {
  width: 48%;
}
.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header .flex-center .wp-your-property-btn button {
  font-weight: 400;
  font-family: Roboto Slab, serif;
  line-height: 21px;
}
.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .table-custom.Desktop {
  margin-bottom: 22px;
}
.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile {
  display: none;
}
.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-bottom .flex-center {
  margin-top: 10px;
}
.wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-bottom .flex-center button {
  margin-top: 0;
}

@media (max-width: 767px) {
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center h4 {
    font-size: 22px !important;
    line-height: 29px;
    align-self: flex-start !important;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center .wp-your-property-btn {
    width: 100% !important;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center .wp-your-property-btn button {
    font-size: 14px;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .flex-center .chart-title y-axis {
    top: 0 !important;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    margin: 44px 0 20px !important;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note .box, .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note .dots {
    padding-left: 20px;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .usage-detailed-chart {
    overflow-x: hidden !important;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .usage-detailed-chart .inner {
    margin-top: 30px !important;
    height: 450px !important;
    min-width: 0 !important;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header .flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header .flex-center h4 {
    font-size: 22px !important;
    line-height: 29px;
    align-self: flex-start !important;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header .wp-your-property-btn {
    width: 100% !important;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .table-custom.Desktop {
    display: none !important;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile {
    margin-bottom: 16px;
    display: block;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary {
    margin-bottom: 24px;
    border-bottom: 2px solid #E6E6E6;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-one {
    display: flex;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-one p:first-child {
    padding: 0 0 8px 0;
    font-weight: 600;
    line-height: 20px;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-one .usage-date {
    width: 55%;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-one .usage-reading {
    width: 45%;
    padding-left: 20px;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-two {
    display: flex;
    margin-bottom: 24px;
    align-items: center;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-two .water-usage-label {
    width: 55%;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-two .water-usage-label p:first-child {
    padding: 0 0 8px 0;
    font-weight: 600;
    line-height: 20px;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-two .water-usage-readings {
    width: 45%;
    padding-left: 20px;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .usage-summary-two .water-usage-readings p {
    padding: 0 0 8px 0;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .estimation-reading {
    margin-bottom: 24px;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .estimation-reading .ic-e, .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .estimation-reading .ic-c, .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-content .custom-usage-more-details.mobile .usage-summary .estimation-reading .ic-n {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 0;
    width: 100% !important;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-bottom .flex-center .note-ic {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .chart-note {
    flex-direction: row !important;
  }
  .wp-usage-detail.wp-usage-detail-graph.wp-usage-box .wp-usage-header .wp-your-property-btn {
    width: 100% !important;
  }
  .wp-usage-detail.wp-usage-detail-table.wp-usage-box .wp-usage-header .wp-your-property-btn {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .whole-area-metering .meter__step1 {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .whole-area-metering .meter__step2 {
    margin-bottom: 50px;
  }
}
.whole-area-metering .meter__step2 .address__box-detail p {
  margin-top: 5px;
}
.whole-area-metering .meter__step2 .read-not-found-text {
  margin-bottom: 20px;
}
.whole-area-metering .meter__step2 .meter-input input {
  height: 45px;
  width: 45px;
}
.whole-area-metering .meter__step2 .meter-input .correctMeterReading i.fas.fa-check {
  margin: 5px 0 0 15px;
  font-size: 32px;
}
.whole-area-metering .meter__step2 .meter-error {
  margin: 0 20px 0 20px;
}
@media (min-width: 768px) {
  .whole-area-metering .meter__step2 .people-count .sub-title {
    margin-right: -10px;
  }
}

@media (min-width: 1200px) {
  .in-move-home-journey-setup-dd .select-setup-dd .wp-usage-box {
    padding: 32px;
  }
}

.termscondition-section p a {
  font-size: 18px;
  text-decoration: underline;
  font-weight: 600;
  text-decoration-thickness: 2px;
}

.btn-submit-request-section {
  margin-top: 44px;
  margin-bottom: 16px !important;
}

.submitdisclaimer-second {
  margin-bottom: 44px !important;
}

@media (max-width: 767px) {
  .termscondition-section {
    margin-top: 0px !important;
  }
  .btn-submit-request-section {
    margin-top: 32px;
    margin-bottom: 16px !important;
  }
  .submitdisclaimer-second {
    margin-bottom: 16px !important;
    margin-top: 12px !important;
  }
}
.wp-list-check {
  text-align: left;
}
.wp-list-check .form-group {
  margin-bottom: 8px;
  display: flex;
}

.ps-form-affected-circumstances {
  text-align: left;
}
.ps-form-affected-circumstances .form-group {
  margin-bottom: 20px;
  display: flex;
}

.wp-next-bill h2, .wp-next-bill p {
  padding-bottom: 10px;
}

/*SPRINT_45 : #37857 - SW - Show Cancelled Bills (Type 4)*/
.cancelled-bill {
  background-color: #fceded;
  padding: 7px !important;
  /*height: 50px;*/
  font-weight: 600;
  text-align: center;
  color: #d91e18;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  border-radius: 4px;
  margin: 5px 0;
  border: 1px solid #fff;
}
.cancelled-bill span {
  color: #000;
}

/*SPRINT_36 : #31403 - KA - Lay out ' Eligibility Checker' - where this should start and how customer would get to it*/
.cl-eligibility-checker {
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin: auto;
  display: inline-block;
  font: normal normal 600 18px/23px IBM Plex Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

a.nb-btn.nb-btn-block.btn-try-our-eligibility-checker {
  margin-top: 16px;
}

.title-tooltip {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
}
.title-tooltip h2, .title-tooltip span, .title-tooltip h6 {
  padding-bottom: 0;
}
.title-tooltip span {
  font-size: 22px;
  line-height: 27.5px;
  color: #004595;
  font-family: Roboto Slab, serif;
  margin: 0;
  font-weight: 700;
}
.title-tooltip .nb-tooltip {
  margin-left: 10px;
}

.wp-changes-details {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .wp-changes-details {
    width: 100% !important;
  }
}

.tb-transitions ul {
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .tb-transitions .tbbody ul:not(.not-view-bill) li {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.tb-transitions .tbbody li:last-child {
  width: 100%;
}
@media (max-width: 991px) {
  .tb-transitions .tbbody li:last-child {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .tb-transitions .tbbody li:last-child {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .tb-transitions .tbbody li:not(:last-child) {
    width: 25%;
  }
}
.tb-transitions .tbbody li .nb-btn {
  margin-top: 0;
}
.tb-transitions .tbhead li:last-child {
  padding: 0;
  width: 25px;
}
@media (min-width: 992px) {
  .tb-transitions .tbhead li:not(:last-child) {
    width: 25%;
  }
}
.tb-transitions .btn-viewbill {
  padding: 12px;
  margin-top: 0;
}
.tb-transitions .btn-viewbill i {
  margin-left: 10px;
}

.wp-box-accordion .accordion__block {
  padding: 0;
}
.wp-box-accordion .accordion__block .accordion__item {
  border: 0 !important;
  padding: 0;
  margin: 0;
}
.wp-box-accordion .accordion__block .accordion__item h2 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .wp-box-accordion .accordion__block .accordion__item h2 {
    font-size: 28px;
    min-height: 60px;
    display: flex;
    align-items: center;
  }
}
.wp-box-accordion .accordion__block .accordion__item h2 a, .wp-box-accordion .accordion__block .accordion__item h2 button {
  color: var(--brand--color-primary);
}
@media (min-width: 992px) {
  .wp-box-accordion .accordion__block .accordion__item h2 a:before, .wp-box-accordion .accordion__block .accordion__item h2 a:after, .wp-box-accordion .accordion__block .accordion__item h2 button:before, .wp-box-accordion .accordion__block .accordion__item h2 button:after {
    display: none;
  }
}
.wp-box-accordion .accordion__block .accordion__item h2 a:before, .wp-box-accordion .accordion__block .accordion__item h2 a:after, .wp-box-accordion .accordion__block .accordion__item h2 button:before, .wp-box-accordion .accordion__block .accordion__item h2 button:after {
  background: var(--brand--color-secondary);
}
.wp-box-accordion .accordion__block .accordion__item h2 a:before, .wp-box-accordion .accordion__block .accordion__item h2 button:before {
  top: 10px;
}
.wp-box-accordion .accordion__block .accordion__item h2 a:after, .wp-box-accordion .accordion__block .accordion__item h2 button:after {
  top: 1px;
}
.wp-box-accordion .accordion__block .accordion__item .accordion__content {
  padding-right: 0;
  padding-top: 24px;
}
@media (min-width: 992px) {
  .wp-box-accordion .accordion__block .accordion__item .accordion__content {
    display: block !important;
  }
}
.wp-box-accordion.your-transactions .accordion__block .accordion__item .accordion__content {
  padding-top: 60px;
}
.wp-box-accordion ul {
  margin: 0 !important;
}
.wp-box-accordion li {
  padding-left: 0 !important;
  margin-top: 0 !important;
}
.wp-box-accordion li:before {
  content: none !important;
}
.wp-box-accordion .wp-your-property-btn {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .wp-box-accordion .wp-your-property-btn {
    margin: 0;
    position: absolute;
    width: 35%;
    right: 0;
    top: 0px;
  }
}

.cl-main {
  color: var(--brand--color-primary);
}

.cl-black {
  color: #000;
}

.wp-usage-box .account-form {
  max-width: 400px !important;
}
.wp-usage-box .account-form h2 {
  font-size: 22px;
  line-height: 27.5px;
}

.wp-usage-box .account-form .make-additional-payment-link {
  margin-top: 24px;
  margin-bottom: 32px;
}

.wp-request-paypoint .accordion__block .accordion__item h5, .wp-request-paypoint .accordion__block .accordion__item h2 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .wp-request-paypoint .accordion__block .accordion__item h5, .wp-request-paypoint .accordion__block .accordion__item h2 {
    justify-content: center;
  }
  .wp-request-paypoint .accordion__block .accordion__item h5 a, .wp-request-paypoint .accordion__block .accordion__item h5 button, .wp-request-paypoint .accordion__block .accordion__item h2 a, .wp-request-paypoint .accordion__block .accordion__item h2 button {
    padding: 0;
  }
}
.wp-request-paypoint .accordion__block .accordion__item p {
  padding-bottom: 20px;
}

@media (min-width: 1200px) {
  .wp-modal .alert__block .container {
    padding: 60px 95px;
  }
}
.wp-modal .alert__block p {
  margin-bottom: 20px;
}

.con-nub {
  margin-bottom: 20px;
}
.con-nub:last-child {
  margin-bottom: 0;
}
.con-nub p + div {
  margin-top: 5px;
}

.wp-other-amount {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-other-amount h3, .wp-other-amount h2 {
  margin: 0 5px;
}
.wp-other-amount input {
  font-family: "Roboto Slab", serif;
  font-size: 28px;
  font-weight: 700;
  height: 32px;
  width: 136px;
  text-align: center;
  color: var(--brand--color-primary);
  border: solid 1px #767676;
  border-radius: 0;
  padding: 0 10px;
  margin: 0 5px;
}
.wp-other-amount input::placeholder {
  color: var(--brand--color-primary);
  opacity: 0.6;
}
.wp-other-amount input:-ms-input-placeholder {
  color: var(--brand--color-primary);
}
.wp-other-amount input::-ms-input-placeholder {
  color: var(--brand--color-primary);
}
.wp-other-amount .empty input {
  border-color: #d91e18;
}

.form-img {
  margin-bottom: 24px;
}
.form-img img {
  display: inline-block !important;
  width: auto !important;
}

.wp-forms-payment ul {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.wp-forms-payment li {
  padding: 0 10px;
}
.wp-forms-payment img {
  height: 40px;
  width: auto !important;
  display: inline-block;
}

.wp-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px !important;
}
.wp-checkbox .nb-tooltip {
  margin-left: 10px;
}
.wp-checkbox .label-adjust {
  margin-left: 16px;
  font-weight: 700;
  min-width: 190px;
}

/*added sass tooltip fix */
.setup-dd-validate .choose-frequency .nb-tooltip.max-label .tooltip-inner {
  left: 0;
  right: auto;
}

.wp-need-pay h3, .wp-need-pay h2 {
  padding-bottom: 0;
}
.wp-need-pay-note {
  margin-top: 24px;
}
.wp-need-pay-note p {
  padding-bottom: 40px;
}
.wp-need-pay .nb-space {
  margin-bottom: 0px;
}
.wp-need-pay .mb-40 {
  margin-bottom: 40px;
}
.wp-need-pay .amount-error-box p {
  color: #D70036;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding-bottom: 0px;
  text-align: left;
  margin-left: 5px;
  margin-top: 9px;
}
.wp-need-pay .amount-error-box p.lower-than-owe-warning {
  color: #B95C18;
}

.nb-space {
  margin-bottom: 0px;
}

.mb-40 {
  margin-bottom: 40px;
}

.amount-error-box {
  margin-top: 5px;
}
.amount-error-box p {
  color: #D70036;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding-bottom: 0px;
}
.amount-error-box p.lower-than-owe-warning, .amount-error-box p.lower-than-owe-warning-no-pp {
  color: #B95C18;
}

.makePayment-notLogin-session .amount-error-box p {
  text-align: center;
}
.makePayment-notLogin-session .border-radius {
  border-radius: 8px;
}

.block__box {
  background: #fff;
  border: solid 1px #d0021b;
  padding: 56px 24px 64px;
  margin-bottom: 32px;
}

.block__icon {
  color: var(--bgred);
  margin-bottom: 24px;
}

.directdebit-update-message .account-teaser.no-teaser h4 {
  font-size: 2.25rem;
  padding-bottom: 40px;
}
.directdebit-update-message h5 {
  font-size: 1.75rem;
  line-height: 36px;
  padding-bottom: 24px;
}
.directdebit-update-message p {
  font-size: 1.125rem;
}
.directdebit-update-message .block__box {
  border: solid 1px #E1E1E1;
  padding: 24px;
  margin-bottom: 40px;
}
.directdebit-update-message .block__box .form-row {
  margin-bottom: 24px;
}
.directdebit-update-message .block__box .form-link {
  margin-bottom: 0px;
}
.directdebit-update-message .block__box .form-link a {
  font-size: 18px;
}
.directdebit-update-message .block__box .form-row + .form-link {
  margin-top: 0px;
}
.directdebit-update-message .block__icon {
  color: var(--bgred);
  font-size: 34px;
  margin-bottom: 20px;
}
.directdebit-update-message .form-btn a {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  border-radius: 4px;
}
.directdebit-update-message .nwl-btn {
  background-color: #004595;
  border-radius: 4px;
  border: none;
}
.directdebit-update-message .nwl-btn:hover, .directdebit-update-message .nwl-btn:focus {
  color: #fff;
  background-color: #0A254E;
}

.wp-login .form-link {
  margin-bottom: 48px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .wp-login .form-link {
    margin-bottom: 60px;
  }
}
.wp-login .row-remember {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .wp-login .row-remember {
    margin-bottom: 32px;
  }
}

.account-teaser > div p:not(:last-child) {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .account-teaser > div p:not(:last-child) {
    padding-bottom: 40px;
  }
}
.account-teaser > div p:last-child {
  padding-bottom: 0;
}

.bggray {
  background: #f2f2f2;
}
.bggray h6 {
  color: #000;
}

.nb-btn-full {
  width: 100%;
}

.no-padding {
  padding: 0;
}

.mrb40 {
  margin-bottom: 40px !important;
}

.your-direct-debit-plan .wp-twocol, .your-direct-debit-plan .wp-col {
  margin-bottom: 0;
}
.your-direct-debit-plan .required-indicator {
  padding-bottom: 30px;
}

.account__box.bg__box .form-btn + .form-btn {
  margin-top: 24px;
}

.owl-carousel .owl-item .nb-btn {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.pay-logo div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.pay-logo .block {
  width: 45%;
  margin-bottom: 15px;
}
.pay-logo .block:nth-child(even) {
  margin-left: 5%;
}
.pay-logo img {
  max-width: 100%;
  height: auto;
}

.pay-by-card-box {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pay-by-card-form {
  max-width: 100% !important;
}

.pay__box {
  max-width: 600px;
  margin: 0 auto 30px;
}

.pay-bot-form {
  max-width: 600px !important;
}

.grantee-image {
  max-width: 106px;
}

.mCustomersInCredit .container, .mCustomersInDebit .container, .umCustomersInCredit .container, .umCustomersInDebit .container {
  padding-top: 0px !important;
}
.mCustomersInCredit .container .close-icon.nb-btn, .mCustomersInDebit .container .close-icon.nb-btn, .umCustomersInCredit .container .close-icon.nb-btn, .umCustomersInDebit .container .close-icon.nb-btn {
  top: 20px !important;
}
.mCustomersInCredit .container div.content, .mCustomersInDebit .container div.content, .umCustomersInCredit .container div.content, .umCustomersInDebit .container div.content {
  text-align: left;
}
.mCustomersInCredit .container div.content p:first-child, .mCustomersInDebit .container div.content p:first-child, .umCustomersInCredit .container div.content p:first-child, .umCustomersInDebit .container div.content p:first-child {
  font-size: 24px;
  color: var(--brand--color-primary);
  font-family: "Roboto Slab", serif;
  font-weight: bold;
}
.mCustomersInCredit .container div.content a, .mCustomersInDebit .container div.content a, .umCustomersInCredit .container div.content a, .umCustomersInDebit .container div.content a {
  text-align: center;
  display: initial;
  font-weight: bold;
}
.mCustomersInCredit .container div.content p, .mCustomersInDebit .container div.content p, .umCustomersInCredit .container div.content p, .umCustomersInDebit .container div.content p {
  font-size: 16px;
  text-align: center;
}

.mea-incredit-nbb, mea-indebit-nbb {
  margin-bottom: 20px;
}

.payment-method-data.withDDwithPlan {
  margin-bottom: 20px;
}

.withDDwithPlan output {
  font-size: 36px;
  line-height: 45px;
  color: #004595;
  font-family: Roboto Slab, serif;
  margin: 0;
  font-weight: 700;
  padding-bottom: 10px;
}

.wp-next-bill .payment-frequency-label {
  padding-top: 20px;
  margin-top: 10px;
}

.discount-eligibility-form .finance-details .nb-col-7:first-child button,
.number-of-members-container .nb-col-7:first-child button {
  border-right: none;
}
.discount-eligibility-form .finance-details .account__box,
.number-of-members-container .account__box {
  max-width: 450px;
  margin: 0 auto;
}
.discount-eligibility-form .finance-details .wp-other-amount,
.number-of-members-container .wp-other-amount {
  border-bottom: 3px solid #d8d8d8;
  height: 39px;
  margin-top: 2px;
}
.discount-eligibility-form .finance-details .wp-other-amount input,
.number-of-members-container .wp-other-amount input {
  background: #f2f2f2;
  border: 0px;
  text-align: center;
}
.discount-eligibility-form .finance-details .wp-other-amount input::placeholder,
.number-of-members-container .wp-other-amount input::placeholder {
  font-size: 16px;
  text-align: center;
}
.discount-eligibility-form .finance-details .form-select.selected,
.number-of-members-container .form-select.selected {
  border-bottom: 3px solid #d8d8d8;
  background: #f2f2f2;
}
.discount-eligibility-form .finance-details .form-select,
.number-of-members-container .form-select {
  border-bottom: 1px solid #d8d8d8;
}
.discount-eligibility-form .finance-details .form-select .sel__placeholder,
.number-of-members-container .form-select .sel__placeholder {
  line-height: 30px;
}
.discount-eligibility-form .finance-details .amount-wrap,
.number-of-members-container .amount-wrap {
  width: 37%;
}
.discount-eligibility-form .finance-details .member-container .choose-frequency .nb-col-6,
.number-of-members-container .member-container .choose-frequency .nb-col-6 {
  max-width: calc(50% - 40px);
}
.discount-eligibility-form .finance-details .member-container .wp-other-amount input, .discount-eligibility-form .finance-details .member-container .form-select.selected,
.number-of-members-container .member-container .wp-other-amount input,
.number-of-members-container .member-container .form-select.selected {
  background: transparent;
}
.discount-eligibility-form .finance-details .member-container .sub-title.box-title,
.number-of-members-container .member-container .sub-title.box-title {
  margin-top: 18px;
  margin-bottom: 32px;
  display: inline-block;
}
.discount-eligibility-form .finance-details .member-container .sub-title,
.number-of-members-container .member-container .sub-title {
  font-size: 18px;
  margin-bottom: 32px;
}
.discount-eligibility-form .finance-details .member-container .ss-main .ss-multi-selected .ss-values .ss-disabled,
.discount-eligibility-form .finance-details .member-container .ss-main,
.number-of-members-container .member-container .ss-main .ss-multi-selected .ss-values .ss-disabled,
.number-of-members-container .member-container .ss-main {
  color: var(--black-color);
}
.discount-eligibility-form .finance-details .member-container .ss-content .ss-list .ss-option.ss-highlighted, .discount-eligibility-form .finance-details .member-container .ss-content .ss-list .ss-option:hover,
.number-of-members-container .member-container .ss-content .ss-list .ss-option.ss-highlighted,
.number-of-members-container .member-container .ss-content .ss-list .ss-option:hover {
  background-color: var(--promo-card-hover);
}
.discount-eligibility-form .finance-details .member-container .ss-main .ss-multi-selected .ss-values .ss-value,
.number-of-members-container .member-container .ss-main .ss-multi-selected .ss-values .ss-value {
  background-color: var(--promo-card-hover);
}

.number-of-members-container .member-container .disability-benefits-container .sub-title.box-title {
  margin-top: 0px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.number-of-members-container .member-container .disability-benefits-container .sub-title.box-title .normal.lbl {
  font-weight: 600;
  font-size: 16px;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-size: 16px;
}

.chosen-container-multi .chosen-choices.multi-no-value {
  border: 1px solid #d91e18;
  box-shadow: none;
}

.eligible-for-discount h6.cl-main {
  font-size: 18px;
  color: #000;
  line-height: 27px;
  font-family: "IBM Plex Sans";
  padding: 0 20px 20px;
}
.eligible-for-discount p {
  font-size: 18px;
}
.eligible-for-discount .form-link.text-center {
  margin: 0px;
  padding: 24px 0 50px;
}
.eligible-for-discount .sub-title.transUnion-eligibility-form {
  margin-bottom: 48px;
}
.eligible-for-discount .sub-title.transUnion-eligibility-form label {
  align-items: self-start;
}

.account__box.bg__box.m-top {
  margin-top: 48px;
  padding: 24px 43px;
  margin-bottom: 48px;
}
.account__box.bg__box.m-top h6.cl-main {
  font-size: 18px;
  color: #000;
  line-height: 27px;
  font-family: "IBM Plex Sans";
  padding: 0 20px 24px;
}

.discount-eligibility-form .disability-benefit .nb-col-7:first-child button {
  border-right: none;
}

.discount-eligibility-form .finance-details .choose-frequency .nb-col-5:nth-child(2) {
  margin-top: 0px;
}

.finance-details .cl-main, .disability-benefit .cl-main {
  text-transform: capitalize;
}
.finance-details .lbl, .disability-benefit .lbl {
  font-size: 18px;
}
.finance-details .sub-content-eligible, .disability-benefit .sub-content-eligible {
  padding-bottom: 64px;
}
.finance-details .sub-content-eligible, .finance-details .your-finances-form-section .sub-title, .disability-benefit .sub-content-eligible, .disability-benefit .your-finances-form-section .sub-title {
  width: 300px;
  margin: auto;
}
.finance-details .sub-content-eligible p, .finance-details .your-finances-form-section .sub-title p, .disability-benefit .sub-content-eligible p, .disability-benefit .your-finances-form-section .sub-title p {
  font-size: 18px;
  line-height: 27px;
}
.finance-details .your-finances-form-section .sub-title,
.finance-details .account-form, .disability-benefit .your-finances-form-section .sub-title,
.disability-benefit .account-form {
  margin-bottom: 32px;
}
.finance-details .is-pension-credit, .disability-benefit .is-pension-credit {
  margin-bottom: 48px;
}
.finance-details .normal.lbl, .disability-benefit .normal.lbl {
  font-size: 18px;
  width: 330px;
  margin: auto;
  padding: 0 10px;
  line-height: 27px;
  margin-bottom: 32px;
}
.finance-details .wp-other-amount h4, .disability-benefit .wp-other-amount h4 {
  font-size: 16px;
  color: var(--black-color);
  padding-bottom: 0px;
}
.finance-details #benefits-income,
.finance-details #expense-income, .disability-benefit #benefits-income,
.disability-benefit #expense-income {
  padding-bottom: 0px;
  line-height: 37px;
  min-height: 37px;
}
.finance-details .choose-frequency, .disability-benefit .choose-frequency {
  padding: 0 7px;
}
.finance-details .your-expenses .sub-title, .disability-benefit .your-expenses .sub-title {
  font-size: 24px;
}
.finance-details .form-row, .disability-benefit .form-row {
  margin-bottom: 48px;
}
.finance-details .cl-main, .disability-benefit .cl-main {
  margin-bottom: 32px;
  padding-bottom: 0px;
}
.finance-details .account__box.bg__box, .disability-benefit .account__box.bg__box {
  padding-bottom: 0px;
}

.disability-benefit .account-form.next-space {
  margin-bottom: 15px;
}

.finance-details .account-form .sub-title {
  font-size: 24px;
}

.for-someone-else .sub-title.text-left,
.for-me-joint .sub-title.text-left,
.for-me .sub-title.text-left {
  margin-left: 0px;
  font-size: 18px;
}

.finance-details .for-someone-else.date-wrap .sub-title.text-left,
.finance-details .for-me-joint.date-wrap .sub-title.text-left {
  width: initial;
  margin-bottom: 20px;
}

.wp-usage-box .account-form.disability-benefit .sub-content-eligible p {
  font-size: 18px;
  line-height: 27px;
  width: 310px;
  margin: auto;
}
.wp-usage-box .account-form.disability-benefit .your-finances-form-section .sub-title {
  width: 300px;
  margin: auto;
}
.wp-usage-box .account-form.disability-benefit h4.cl-main {
  text-transform: capitalize;
}
.wp-usage-box .account-form.disability-benefit .form-row.for-me-or-someone {
  margin-bottom: 30px;
}
.wp-usage-box .account-form.disability-benefit .form-row,
.wp-usage-box .account-form.disability-benefit .benefit-expense-container {
  margin-bottom: 48px;
}
.wp-usage-box .account-form.disability-benefit .form-row.form-row.row-number-occupants {
  margin-bottom: 0;
}
.wp-usage-box .account-form.disability-benefit .member-container {
  margin-bottom: 20px;
  display: inline-block;
}
.wp-usage-box .account-form.disability-benefit .member-container h6 {
  margin-bottom: 60px;
  display: inline-block;
  padding-bottom: 0px;
}
.wp-usage-box .account-form.disability-benefit .member-container .sub-title.text-left {
  display: inline-block;
  text-align: left;
  width: 100%;
  font-size: 18px;
}
.wp-usage-box .account-form.disability-benefit .member-container .form-row {
  margin-bottom: 48px;
}

.discount-eligibility-form .account-form .btnFinancesDetails,
.account-form .nb-btn.btnCheckDiscountEligibility {
  margin-top: 48px;
}

.finance-details .account-form.next-space, .btnCheckDiscountEligibility .account-form.next-space {
  margin-bottom: 15px;
}

.is-disability-benefit {
  margin-top: 32px;
}

.form-row.for-me-or-someone .sub-title.box-title {
  margin-top: 48px;
  margin-bottom: 30px;
  font-size: 18px;
}

.eligible-for-discount-pension-credit .cl-main,
.not-eligible-for-discount .cl-main,
.bill-eligible-content-area .cl-main {
  padding-bottom: 0px;
  margin-bottom: 32px;
}
.eligible-for-discount-pension-credit .account__box.bg__box .cl-main,
.not-eligible-for-discount .account__box.bg__box .cl-main,
.bill-eligible-content-area .account__box.bg__box .cl-main {
  margin-bottom: 15px;
}
.eligible-for-discount-pension-credit .sub-content-eligible,
.not-eligible-for-discount .sub-content-eligible,
.bill-eligible-content-area .sub-content-eligible {
  margin-bottom: 30px;
}
.eligible-for-discount-pension-credit .required-indicator, .eligible-for-discount-pension-credit .required,
.not-eligible-for-discount .required-indicator,
.not-eligible-for-discount .required,
.bill-eligible-content-area .required-indicator,
.bill-eligible-content-area .required {
  margin-bottom: 30px !important;
}

.wp-usage-box .account-form .bill-eligible-content-area div:last-child {
  margin-bottom: 30px;
}

.db-top-space {
  margin-top: 18px;
  display: inline-block;
}

.form-select .sel__box__options {
  padding: 14px 14px 17px;
  text-align: center;
}

.wp-usage-box .account-form.disability-benefit .form-row.number-of-members-container {
  margin-bottom: 0px;
}

.bg__box .sub-title + div {
  margin-top: 15px;
}

.personal-details .personnal-detail-form .sub-title {
  font-size: 18px;
}

.disability-benefit-for-someone-else .sub-title {
  font-size: 18px;
}

.benefit-expense-container .amount-wrap .form-group.empty,
.choose-frequency .amount-wrap .form-group.empty {
  height: 39px;
}
.benefit-expense-container .form-group.empty:before,
.choose-frequency .form-group.empty:before {
  content: "";
  width: 110%;
  position: absolute;
  height: 3px;
  border-bottom: 3px solid #d91e18;
  z-index: 99;
  bottom: -2px;
  left: -9px;
}
.benefit-expense-container .benefit-income-frequency .form-select.selected.empty:before,
.choose-frequency .benefit-income-frequency .form-select.selected.empty:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 3px;
  border-bottom: 3px solid #d91e18;
  z-index: 99;
  bottom: -3px;
  left: 0px;
}
.benefit-expense-container .benefit-income-frequency .form-select.selected.empty.active:before,
.choose-frequency .benefit-income-frequency .form-select.selected.empty.active:before {
  background: #d91e18;
}
.benefit-expense-container .expense-amount-frequency .form-select.selected.empty:before,
.choose-frequency .expense-amount-frequency .form-select.selected.empty:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 3px;
  border-bottom: 3px solid #d91e18;
  z-index: 99;
  bottom: -3px;
  left: 0px;
}
.benefit-expense-container .expense-amount-frequency .form-select.selected.empty.active:before,
.choose-frequency .expense-amount-frequency .form-select.selected.empty.active:before {
  background: #d91e18;
}
.benefit-expense-container .disability-benefit-frequency .form-select.selected.empty:before,
.choose-frequency .disability-benefit-frequency .form-select.selected.empty:before {
  content: "";
  width: 110%;
  position: absolute;
  height: 3px;
  border-bottom: 3px solid #d91e18;
  z-index: 99;
  bottom: -2px;
  left: 0px;
}
.benefit-expense-container .disability-benefit-frequency .form-select.selected.empty.active:before,
.choose-frequency .disability-benefit-frequency .form-select.selected.empty.active:before {
  background: #d91e18;
}
.benefit-expense-container .form-group.empty.active:before,
.choose-frequency .form-group.empty.active:before {
  background: #d91e18;
}
.benefit-expense-container .number-of-members-container .choose-frequency .form-group.empty.active:before,
.choose-frequency .number-of-members-container .choose-frequency .form-group.empty.active:before {
  background: #d91e18;
}
.benefit-expense-container .number-of-members-container .choose-frequency .disability-benefit-frequency .form-select.selected.empty.active:before,
.choose-frequency .number-of-members-container .choose-frequency .disability-benefit-frequency .form-select.selected.empty.active:before {
  background: #d91e18;
}

.member-container .choose-frequency .form-select.selected.empty:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 3px;
  border-bottom: 3px solid #d91e18;
  z-index: 99;
  bottom: -3px;
  left: 0;
}

.number-of-members-container .choose-frequency .form-group.empty:before {
  width: 110%;
  bottom: 0px;
}

.number-of-members-container .choose-frequency .disability-benefit-frequency .form-select.selected.empty:before,
.members-container .choose-frequency .form-select.selected.empty:before {
  width: 100%;
  bottom: -3px;
}

.wp-usage-box .account-form.personal-details {
  width: auto;
  max-width: 400px;
}
.wp-usage-box .account-form.personal-details .bill-eligible-content-area h2.cl-main {
  width: 395px;
  margin: auto;
  display: inline-block;
  margin-bottom: 32px;
  padding-bottom: 0;
}
.wp-usage-box .account-form.personal-details .sub-content-eligible p {
  margin-bottom: 32px;
  padding-bottom: 0px;
}
.wp-usage-box .account-form.personal-details .bill-eligible-content-area div:last-child {
  margin-bottom: 16px;
  display: inline-block;
}
.wp-usage-box .account-form.personal-details .text-space {
  width: 307px;
  margin: auto;
  display: inline-block;
  margin-bottom: 50px;
}
.wp-usage-box .account-form.personal-details .income-verification-info {
  padding: 20px;
  margin-bottom: 68px !important;
}

.member-container .ss-main .ss-multi-selected {
  min-height: 40px;
  border: 1px solid var(--black-color);
}

.member-container .ss-main .ss-multi-selected .ss-add {
  margin: 14px 12px 0 5px;
}

.wp-usage-box .account-form.disability-benefit .member-container:last-child {
  margin-bottom: 0px;
}

.eligible-for-discount-pension-credit .account__box.bg__box {
  padding-top: 20px;
  padding-bottom: 20px;
}

.top-space {
  margin-top: 18px;
  display: inline-block;
}

.wp-usage-box .account-form.disability-benefit .member-container .form-row.sureName,
.discount-eligibility-form .form-row.sureName {
  margin-bottom: 28px;
}

.chosen-container-multi:before,
.chosen-container-multi:after {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 8px;
  border-radius: 20px;
  border-bottom: 8px solid #000;
  top: 40%;
  transition: all 0.15s ease;
  z-index: 99;
}

.chosen-container-multi:before {
  right: 18px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.chosen-container-multi:after {
  right: 13px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100% !important;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #dcdcdc;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid var(--black-color);
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: var(--black-color);
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid var(--black-color);
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container .chosen-results {
  color: var(--black-color);
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  font-size: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #004595;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 6px 5px;
  width: 100%;
  height: auto;
  border: 1px solid var(--black-color);
  background-color: #fff;
  cursor: text;
  border-radius: 4px;
  cursor: pointer;
  padding-right: 22px;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 6px 20px 6px 5px;
  max-width: 94%;
  border-radius: 3px;
  background-color: #004595;
  color: #fff;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  color: #fff;
  border: 1px solid;
  z-index: 999;
  top: 8px;
  left: 0;
  right: 0;
  height: 1px;
  background: #fff;
  border-radius: 1px;
  transform: rotate(45deg);
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  color: #fff;
  border: 1px solid;
  z-index: 999;
  top: 8px;
  left: 0;
  right: 0;
  height: 1px;
  background: #fff;
  border-radius: 1px;
  transform: rotate(-45deg);
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #000;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type=text],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type=text],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
.isMobile .benefit-income-frequency select.form-control.dd-frequency.required.slbox,
.isMobile .expense-details select.form-control.dd-frequency.required.slbox {
  background: #f2f2f2;
}

@media (max-width: 767px) {
  .cl-eligibility-checker {
    font: normal normal 600 18px/23px IBM Plex Sans;
  }
  a.nb-btn.nb-btn-block.btn-try-our-eligibility-checker {
    margin-top: 8px;
  }
  .your-transactions .table-custom li {
    width: 37.5%;
  }
  .your-transactions .table-custom li:nth-child(3) {
    width: 25%;
    padding-right: 0;
  }
  .pay-by-card-form {
    margin: 0 15px;
  }
  .pay-logo .block {
    width: 100%;
  }
  .wp-usage-box .account-form.personal-details .bill-eligible-content-area h2.cl-main {
    width: auto;
  }
}
.pay-by-card-not-login-box {
  border: none;
  padding-top: 0px;
}

.payment-func.pay-your-bill .wp-usage-box.text-center {
  padding: 55px 20px;
}
.payment-func.pay-your-bill .row-ebilling {
  margin-bottom: 50px;
}
.payment-func.pay-your-bill .form-btn {
  margin-bottom: 14px;
}

.global-payment {
  border: 1px solid #979797;
  border-radius: 20px;
  margin-bottom: 36px;
  padding: 10px;
  margin-top: -100px;
  z-index: 9999;
  position: relative;
}

.global-payment-img {
  display: inline !important;
  width: auto !important;
}

.your-finances-form-section {
  margin-bottom: 48px;
}

@media (max-width: 1320px) {
  .global-payment {
    margin-top: 20px;
  }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* #SPRINT_38 : #36227 -ST- Message for customers changing current payment plan */
.wp-usage-box.wp-box-accordion.your-direct-debit-plan .accordion__block .wp-twocol .wp-col-pay-wd .account-form .form-row .sub-title {
  margin-bottom: 10px;
}
.wp-usage-box.wp-box-accordion.your-direct-debit-plan .accordion__block .wp-twocol .wp-col-pay-wd .account-form .form-btn {
  margin-top: 43px;
}

@media (max-width: 767px) {
  .wp-usage-box.wp-box-accordion.your-direct-debit-plan .accordion__block .wp-twocol .wp-col-pay-wd {
    max-width: 100%;
  }
  .isMobile .form-select select {
    width: 100% !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .wp-usage-box.wp-box-accordion.your-direct-debit-plan .accordion__block .wp-twocol .wp-col-pay-wd {
    max-width: 100%;
  }
  .isMobile .form-select select {
    width: 100% !important;
  }
}
.wp-changes-details.payment-plan {
  border: 1px solid #7f7f7f;
  background-color: #f2f2f2;
}
.wp-changes-details.payment-plan .payment-plan-container {
  display: flex;
}
.wp-changes-details.payment-plan .payment-plan-container .customer-alert {
  padding: 86px 30px 0 30px;
}
.wp-changes-details.payment-plan .payment-plan-container .customer-alert .fnt-awe-icon {
  color: #fff;
  background-color: var(--promo-card-hover);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-changes-details.payment-plan .payment-plan-container .payment-plan-message {
  padding: 80px 20px 60px 0;
}
.wp-changes-details.payment-plan .payment-plan-container .payment-plan-message p {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .accordion__content .wp-twocol {
    display: flex;
    flex-direction: column;
  }
  .accordion__content .wp-twocol .wp-col.wp-left.wp-changes-details {
    order: 2;
  }
  .wp-changes-details.payment-plan .payment-plan-container {
    flex-direction: column;
  }
  .wp-changes-details.payment-plan .payment-plan-container .customer-alert {
    margin: auto;
    padding: 32px 0 25px 0;
  }
  .wp-changes-details.payment-plan .payment-plan-container .payment-plan-message {
    padding: 0 30px;
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wp-need-pay .nb-tooltip {
    right: -15px;
  }
  .accordion__content .wp-twocol {
    display: flex;
    flex-direction: column;
  }
  .accordion__content .wp-twocol .wp-col.wp-left.wp-changes-details {
    order: 2;
  }
  .wp-changes-details.payment-plan .payment-plan-container {
    flex-direction: column;
  }
  .wp-changes-details.payment-plan .payment-plan-container .customer-alert {
    margin: auto;
    padding: 32px 0 25px 0;
  }
  .wp-changes-details.payment-plan .payment-plan-container .payment-plan-message {
    padding: 0 30px;
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .wp-changes-details.payment-plan .payment-plan-container .payment-plan-message {
    padding-bottom: 38px !important;
  }
}
.payment-func.setup-dd .form-row.setup-dd-question, .payment-func.setup-dd .form-row.account-holder-yes {
  margin-bottom: 30px !important;
}
.payment-func.setup-dd .form-row.setup-dd-question .form-btn.nb-row-padding.are-you-authorized, .payment-func.setup-dd .form-row.account-holder-yes .form-btn.nb-row-padding.are-you-authorized {
  display: flex;
}

/*start*/
.wp-need-pay.wp-make-additional-payment {
  padding: 60px 95px 46px;
  background: #fff;
  border: 1px solid var(--gray-shade);
  margin-bottom: 30px;
}
.wp-need-pay.wp-make-additional-payment .wp-col.additional-payment-summary h2 {
  margin-bottom: 12px;
  font-size: 24px !important;
  line-height: 30px !important;
}
.wp-need-pay.wp-make-additional-payment .wp-col.additional-payment-summary .additional-payment-details {
  width: 63%;
  margin: 0 auto;
}
.wp-need-pay.wp-make-additional-payment .wp-col.additional-payment-summary .additional-payment-details p {
  padding-bottom: 0;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment {
  margin-top: 44px;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form {
  margin-top: 0;
  display: flex;
  justify-content: center;
  width: auto;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .wp-checkbox {
  margin-bottom: 0;
  margin-left: 61px;
  justify-content: start;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .wp-checkbox label {
  width: 90%;
  align-items: start;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .wp-other-amount {
  margin-left: 0px;
  justify-content: center;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .additional-payment-error-msg {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: auto;
  margin-top: 9px;
  margin-bottom: 24px;
}
.wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .additional-payment-error-msg .form-error {
  text-align: center;
  line-height: 18px;
  display: block;
  opacity: 1;
  animation: unset;
  margin-top: 0px;
  color: #D70036;
  font-weight: 700;
}
.wp-need-pay.wp-make-additional-payment .account-form.card-payments-block {
  width: 400px;
  margin-top: 25px;
}
.wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-row.row-phone .form-group {
  margin-top: 32px;
}
.wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-row.row-phone .form-btn {
  margin-top: 0px;
}
.wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-row.row-phone .form-btn .nb-btn.nb-btn-block.bg-black, .wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-row.row-phone .form-btn .nb-btn.nb-btn-outline.nb-btn-block {
  margin-top: 16px;
}
.wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-row.row-phone .form-row.plink {
  margin-bottom: 0;
}

.make-additional-payment-apple-pay-button {
  margin-bottom: 16px;
  margin-top: 16px;
}

.google-pay-button {
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  outline: none;
  margin-top: 16px;
  margin-bottom: 16px;
  max-width: 100%;
  width: 100% !important;
  height: 60px;
}

.google-pay-button:hover, google-pay-button:active {
  background-color: #3c4043;
  border: none;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .wp-need-pay .nb-tooltip {
    right: -15px;
  }
  .wp-need-pay.wp-make-additional-payment {
    padding: 40px 20px 24px 20px;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.additional-payment-summary .additional-payment-details {
    width: 96%;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment {
    margin-top: 32px;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form {
    margin-top: 0;
    display: flex;
    justify-content: center;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .wp-checkbox {
    margin-bottom: 0;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .wp-checkbox label {
    width: 100%;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .wp-other-amount {
    width: 99%;
    justify-content: center;
    margin-left: 0;
  }
  .wp-need-pay.wp-make-additional-payment .wp-col.choose-payment .account-form .form-row .additional-payment-error-msg {
    width: 100%;
    margin-top: 9px;
  }
  .wp-need-pay.wp-make-additional-payment .account-form.card-payments-block {
    width: auto;
    margin-top: 25px;
  }
  .wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-btn {
    margin-bottom: 0;
  }
  .wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-btn .nb-btn.nb-btn-block.bg-black {
    margin-top: 16px;
  }
  .wp-need-pay.wp-make-additional-payment .account-form.card-payments-block .form-row.plink {
    margin-bottom: 0;
  }
  .account-form .mobile-amount-error-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .account-form .mobile-amount-error-box p {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .account-form .mobile-amount-error-box p {
    text-align: center;
  }
}
.welcome-page .jumbotron__block .jumbotron__content {
  padding-top: 126px;
}
.welcome-page .jumbotron__block .jumbotron__content h2 {
  padding-bottom: 15px;
}
.welcome-page .jumbotron__block .jumbotron__content p {
  padding-bottom: 42px;
}

.verification-page .step {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, animation, display;
  animation: fadeOut 0.3s;
  display: none;
}
.verification-page .step.active {
  animation: fadeIn 0.3s;
  visibility: visible;
  opacity: 1;
  display: block;
}
.verification-page .moving-date-step .inline-row {
  font-size: 0;
}
.verification-page .moving-date-step .inline-row .month-select, .verification-page .moving-date-step .inline-row .year-select {
  display: inline-block;
  width: calc(50% - 10px);
  vertical-align: bottom;
}
.verification-page .moving-date-step .inline-row .month-select {
  margin-right: 10px;
}
.verification-page .moving-date-step .inline-row .year-select {
  margin-left: 10px;
}

.form-row.email-confirm-message span {
  text-align: left;
  line-height: 27px;
}

.switch-label {
  margin-bottom: 40px;
}
.switch-label * {
  vertical-align: top;
}
.switch-label .switch-text {
  font-size: 14px;
  max-width: calc(100% - 80px);
  margin-left: 10px;
  display: inline-block;
}

/* =========================================
   responsive mobile
   ========================================= */
@media (max-width: 767px) {
  .welcome-page .jumbotron__block .jumbotron__content {
    padding-top: 35px;
  }
  .welcome-page .jumbotron__block .jumbotron__content h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .welcome-page .jumbotron__block .jumbotron__content p {
    padding-bottom: 25px;
    text-align: center;
  }
}
.account-carousel.owl-carousel.owl-loaded .bgred {
  background-color: var(--bgred);
}
.account-carousel.owl-carousel.owl-loaded .bggreen {
  background-color: var(--color--environmental);
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container {
  padding: 16px 16px 16px 24px;
  margin-bottom: 16px;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group {
  color: #fff;
  display: flex;
  align-items: center;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group .notification_alert_icon {
  display: inline;
  width: 63px;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group .notification_alert_icon i {
  font-size: 38px;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group h6, .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group h2 {
  display: inline;
  padding-bottom: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box button {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  padding: 17px 40px;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box button:hover {
  background-color: #fff !important;
  color: var(--brand--color-primary) !important;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box button:hover::after {
  background-color: #fff;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box button:hover::before {
  background-color: #fff;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .btn-arrow-dashboard {
  line-height: 5px;
  padding: 0 0 0 16px;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .btn-arrow-dashboard i {
  font-size: 24px;
  font-weight: 400;
}
.account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .btn-arrow-dashboard-mobile-view {
  display: none;
}
.account-carousel.owl-carousel.owl-loaded .my-notification {
  padding: 44px 44px 0 44px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification.notification__box {
  border: 1px solid var(--gray-shade);
  background: #fff;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_actions_title h2 {
  padding: 0;
  font-size: 24px;
  line-height: 30px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn {
  display: flex;
  justify-content: end;
  align-items: center;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .action-notify {
  padding: 0;
  background: var(--bgred);
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn {
  padding: 22px 42px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn + .nb-btn {
  margin-top: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn-outline {
  padding: 21px 42px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content {
  padding: 44px 0 0 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended {
  padding-bottom: 44px;
}
@media (max-width: 1199.98px) {
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended {
    padding-bottom: 32px;
  }
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date .notification-title, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended .notification-title {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 28px;
}
@media (max-width: 1199.98px) {
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date .notification-title, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended .notification-title {
    padding-bottom: 12px;
  }
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date .notification-title p, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended .notification-title p {
  padding-bottom: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date .notification-description, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended .notification-description {
  font-size: 18px;
  font-weight: 500;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-date .notification-description p, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-ended .notification-description p {
  padding-bottom: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date {
  padding-bottom: 16px;
}
@media (max-width: 1199.98px) {
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date {
    padding-bottom: 4px;
  }
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period .notification-title, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date .notification-title {
  font-size: 20px;
  font-weight: 700;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period .notification-title p, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date .notification-title p {
  padding-bottom: 28px;
}
@media (max-width: 1199.98px) {
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period .notification-title p, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date .notification-title p {
    padding-bottom: 12px;
  }
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period .notification-description, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date .notification-description {
  font-size: 18px;
  font-weight: 500;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period .notification-description p, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date .notification-description p {
  padding-bottom: 28px;
}
@media (max-width: 1199.98px) {
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-period .notification-description p, .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .price-promise-start-date .notification-description p {
    padding-bottom: 20px;
  }
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number {
  padding-bottom: 44px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block {
  width: 350px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .title {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .form-row {
  padding-top: 32px;
  margin-bottom: 32px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .form-btn {
  margin: 0 !important;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block {
  padding-bottom: 40px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details {
  width: 350px;
  font-size: 20px;
  font-weight: 700;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details p {
  line-height: 20px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .nb-tooltip {
  display: inline-block;
  padding-left: 18px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row {
  margin-bottom: 32px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper {
  background: white;
  display: inline-block;
  font-size: 20px;
  margin-bottom: 0;
  padding: 5px;
  padding: 0 0 0 0;
  margin-top: 16px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper i {
  color: #000;
  background: #767676;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper .plus {
  padding-left: 15px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper input {
  padding-bottom: 10px;
  border: none;
  border-bottom: 3px solid #767676;
  color: var(--brand--color-primary);
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 20px;
  text-align: center;
  width: 45px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper.empty input {
  border-bottom: 3px solid var(--bgred);
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  padding: 0 16px 0 0px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper button[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-btn {
  margin: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up {
  margin: 60px 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up i {
  color: #b2b2b2;
  font-size: 42px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up div {
  color: #b2b2b2;
  font-size: 18px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up h3 {
  font-size: 24px;
  line-height: 30px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .notification {
  width: 350px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .notification .notification-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  padding-bottom: 12px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .notification .form-btn {
  margin-bottom: 44px;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates {
  position: absolute;
  top: 8px;
  left: 34%;
  font-weight: 500;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates p {
  padding-bottom: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates .success {
  background-color: var(--tabs-active--border);
  width: 350px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  position: absolute;
  top: 0;
  left: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates .fail {
  background-color: var(--bgred);
  width: 350px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  position: absolute;
  top: 0;
  left: 0;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .border {
  border-bottom: 2px solid #f5f5f5 !important;
}
.account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .mb-40 {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .account-carousel.owl-carousel.owl-loaded {
    margin-top: 48px;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container {
    padding: 16px 16px 16px 24px;
    margin-bottom: 16px;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group {
    color: #fff;
    display: flex;
    align-items: center;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group .notification_alert_icon {
    display: inline;
    width: 50px;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group .notification_alert_icon i {
    font-size: 30px;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .notification_alert_group h6 {
    font-size: 14px;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box button {
    display: none;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .btn-arrow-dashboard {
    display: none;
  }
  .account-carousel.owl-carousel.owl-loaded .notification_alert_container .notification_alert_box .btn-arrow-dashboard-mobile-view {
    display: block;
    font-size: 30px;
    color: #fff;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification {
    padding: 24px 25px 0 25px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items {
    flex-direction: column;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_actions_title {
    padding-bottom: 17px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_actions_title h2 {
    padding: 0;
    font-size: 24px;
    line-height: 30px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .action-notify {
    padding: 0;
    background: var(--bgred);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    color: #fff;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn {
    padding: 16px 14px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn + .nb-btn {
    margin-top: 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn-outline {
    padding: 15px 16px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_items .tab_property_btn .nb-btn-block {
    padding: 15px 16px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content {
    padding: 15px 0 0 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number {
    padding-bottom: 32px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block {
    width: 100% !important;
    font-size: 20px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .nb-tooltip {
    padding-left: 2px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .form-row {
    margin-bottom: 24px !important;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .form-row .form-group {
    margin-top: 30px;
    margin-bottom: 32px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .form-row .form-lable {
    -webkit-transform: translateY(-18px) scale(0.8);
    transform: translateY(-18px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-phone-number .phone-number-block .form-btn {
    margin: 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details {
    width: 100% !important;
    font-size: 20px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .nb-tooltip {
    padding-left: 2px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row {
    margin-bottom: 24px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper {
    background: #fff;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 2px;
    padding: 5px;
    padding: 0 0 0 0;
    margin-top: 12px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper i {
    color: #000;
    background: #767676;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper .plus {
    padding-left: 16px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper input {
    padding-bottom: 10px;
    border: none;
    border-bottom: 2px solid #767676;
    color: var(--brand--color-primary);
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 20px;
    text-align: center;
    width: 45px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 0 15px 0 0px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-row .form-group .input-stepper button[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .action .update-occupancy-block .occupancy-Details .form-btn {
    margin: 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up {
    margin: 30px 0 30px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up i {
    color: #595959;
    font-size: 42px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .no-Actions-block .no-Actions-up div {
    color: #595959;
    font-size: 18px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .notification {
    width: 295px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .notification .notification-title {
    line-height: 27px;
    padding-bottom: 4px;
    width: 100%;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .notification .form-btn {
    width: 100% !important;
    margin-bottom: 24px;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates {
    position: absolute;
    top: -6%;
    left: 5%;
    font-weight: 500;
    width: 90%;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates p {
    padding-bottom: 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates .success {
    background-color: var(--tabs-active--border);
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    position: relative;
    top: 0;
    left: 0;
  }
  .account-carousel.owl-carousel.owl-loaded .my-notification .tab_block .tab_content .your_Actions_blocks .your_status_updates .fail {
    background-color: var(--bgred);
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    position: relative;
    top: 0;
    left: 0;
  }
}
.fb-12 {
  font-size: 12px;
  font-weight: 600;
  padding: 32px 0 0 0;
}

.header__wrap.animation .container .nav-wrap .header-notification.notify a:hover {
  color: #fff;
}
.header__wrap.animation .container .nav-wrap .header-notification.notify a:hover::before {
  border-bottom: none !important;
}
.header__wrap.animation .container .nav-wrap .header-notification.notify a::before {
  border-bottom: none !important;
}
.header__wrap.animation .container .nav-wrap .header-notification.notify a::after {
  border-left: none !important;
}
.header__wrap.animation .container .nav-wrap .header-notification.notify i::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 10px;
  width: 8px;
  height: 8px;
  background: var(--bgred);
  border-radius: 50%;
}
.header__wrap.animation .container .nav-wrap .header-notification a {
  margin-left: 0;
}
.header__wrap.animation .container .nav-wrap .header-notification a:hover {
  color: #fff;
}
.header__wrap.animation .container .nav-wrap .header-notification a:hover::before {
  border-bottom: none !important;
}
.header__wrap.animation .container .nav-wrap .header-notification a::before {
  border-bottom: none !important;
}
.header__wrap.animation .container .nav-wrap .header-notification a::after {
  border-left: none !important;
}

.account-page .account-tabs .account-dots .custom-dots .owl-dot.notify {
  display: flex;
}
.account-page .account-tabs .account-dots .custom-dots .owl-dot.notify i::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 11px;
  width: 8px;
  height: 8px;
  background: var(--bgred);
  border-radius: 50%;
}
.account-page .account-tabs .account-dots .custom-dots .owl-dot.notify .action-notify {
  padding: 0;
  background: var(--bgred);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  color: #fff;
}
.account-page .account-tabs .pay-error h2, .account-page .account-tabs .pay-success h2 {
  font-size: 24px;
  line-height: 30px;
}
.account-page .account-tabs .pay-error h3, .account-page .account-tabs .pay-success h3 {
  font-size: 22px;
  line-height: 27.5px;
}
.account-page {
  /*Sprint 70 : #81674 - ST - CMB - Message to tell customer meters are being installed*/
}
@media (max-width: 1199.98px) {
  .account-page .summary-func .accountSummary--allComponents .wp-usage-box .account-form h4 {
    font-size: 24px;
  }
  .account-page .summary-func .accountSummary--allComponents .wp-usage-box .account-form p {
    font-size: 14px;
  }
}
@media (max-width: 1199.98px) {
  .account-page .summary-func .wp-usage-box.summary-func .account-form h4 {
    font-size: 24px;
  }
  .account-page .summary-func .wp-usage-box.summary-func .account-form p {
    font-size: 14px;
  }
}

/* Unsaved changes alert */
.alert_window.unsaved-changes-alert .alert__block .container {
  padding: 56px 95px 40px 95px;
  overflow: hidden;
}
.alert_window.unsaved-changes-alert .alert__block .container .alert__content h6, .alert_window.unsaved-changes-alert .alert__block .container .alert__content p {
  padding-bottom: 32px;
}
.alert_window.unsaved-changes-alert .alert__block .container .profile-btn {
  width: 350px;
}
.alert_window.unsaved-changes-alert .alert__block .container .profile-btn button {
  margin-bottom: 16px;
  width: 350px;
}

@media (max-width: 991px) {
  .alert_window.unsaved-changes-alert .alert__block .container {
    padding: 32px 24px 16px 24px;
    overflow: hidden;
  }
  .alert_window.unsaved-changes-alert .alert__block .container .alert__content h6, .alert_window.unsaved-changes-alert .alert__block .container .alert__content p {
    padding-bottom: 32px;
  }
  .alert_window.unsaved-changes-alert .alert__block .container .profile-btn {
    width: 100%;
  }
  .alert_window.unsaved-changes-alert .alert__block .container .profile-btn button {
    margin-bottom: 16px;
    width: 100%;
  }
}
/*mobile Header Notification bell icon*/
.nw_menu .nw_notification_bar {
  color: #fff;
  font-size: 20px;
  padding-left: 33px;
}
.nw_menu .nw_notification_bar.notify i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 70px;
  width: 8px;
  height: 8px;
  background: var(--bgred);
  border-radius: 50%;
}

.landing-page {
  padding: 10px 0 96px;
}
.landing-page .block.editorialblock + .editorialblock .editorial__block {
  padding-top: 0;
}
.landing-page .block .accordion__block a[href] {
  text-decoration: underline;
}
.landing-page .block .accordion__block a[href*="javascript:void(0)"] {
  text-decoration: none;
}
.landing-page .block .editorial__block a[href] {
  text-decoration: underline;
}
.landing-page .block .editorial__block a[href*="javascript:void(0)"] {
  text-decoration: none;
}
.landing-page .block.integrationblock + .integrationblock .integration__block {
  padding-top: 0;
}
.landing-page .block.emergencycontactblock .emergency-contact__block {
  margin: 0 auto;
}
.landing-page .block:first-child.articlecontainerblock .article-cards__block {
  background: none;
}
.landing-page .block:first-child.promoimageblock {
  margin-top: -10px;
}
.landing-page .block:last-child.contactusblock, .landing-page .block:last-child.emergencycontactcontainerblock, .landing-page .block:last-child.articlecontainerblock, .landing-page .block:last-child.promoimageblock, .landing-page .block:last-child.featuredcontentblock, .landing-page .block:last-child.personcontainerblock {
  margin-bottom: -96px;
}
.landing-page .block:last-child.editorialblock .editorial__block {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .landing-page .block.accordionsblock + .editorialblock, .landing-page .block.accordionsblock + .integrationblock, .landing-page .block.accordionsblock + .emergencycontactcontainerblock, .landing-page .block.accordionsblock + .faqcategoriesblock, .landing-page .block.accordionsblock + .featuredcontentblock, .landing-page .block.accordionsblock + .twocolumncontainerblock, .landing-page .block.accordionsblock + .categorycontainerblock, .landing-page .block.accordionsblock + .catchmentareacontainerblock, .landing-page .block.accordionsblock + .timelinecontainerblock, .landing-page .block.accordionsblock + .downloadpdfblock,
  .landing-page .block.accordionsblock * + .accordionsblock {
    margin-top: -155px;
  }
  .landing-page .block.featuredcontentblock + .editorialblock, .landing-page .block.featuredcontentblock + .integrationblock, .landing-page .block.featuredcontentblock + .emergencycontactcontainerblock, .landing-page .block.featuredcontentblock + .faqcategoriesblock, .landing-page .block.featuredcontentblock + .accordionsblock, .landing-page .block.featuredcontentblock + .categorycontainerblock, .landing-page .block.featuredcontentblock + .catchmentareacontainerblock, .landing-page .block.featuredcontentblock + .timelinecontainerblock, .landing-page .block.featuredcontentblock + .twocolumncontainerblock, .landing-page .block.featuredcontentblock + .downloadpdfblock,
  .landing-page .block.featuredcontentblock * + .featuredcontentblock {
    margin-top: -160px;
  }
  .landing-page .block.featuredcontentblock + .featuredcontentblock {
    margin-top: -72px;
  }
  .landing-page .block.featuredcontentblock + .editorialblock {
    margin-top: 0px;
  }
  .landing-page .block.emergencycontactcontainerblock + .editorialblock, .landing-page .block.emergencycontactcontainerblock + .integrationblock, .landing-page .block.emergencycontactcontainerblock + .featuredcontentblock, .landing-page .block.emergencycontactcontainerblock + .faqcategoriesblock, .landing-page .block.emergencycontactcontainerblock + .accordionsblock, .landing-page .block.emergencycontactcontainerblock + .categorycontainerblock, .landing-page .block.emergencycontactcontainerblock + .catchmentareacontainerblock, .landing-page .block.emergencycontactcontainerblock + .timelinecontainerblock, .landing-page .block.emergencycontactcontainerblock + .twocolumncontainerblock, .landing-page .block.emergencycontactcontainerblock + .downloadpdfblock,
  .landing-page .block.emergencycontactcontainerblock * + .emergencycontactcontainerblock {
    margin-top: -96px;
  }
  .landing-page .block.faqcategoriesblock + .editorialblock, .landing-page .block.faqcategoriesblock + .integrationblock, .landing-page .block.faqcategoriesblock + .featuredcontentblock, .landing-page .block.faqcategoriesblock + .emergencycontactcontainerblock, .landing-page .block.faqcategoriesblock + .accordionsblock, .landing-page .block.faqcategoriesblock + .categorycontainerblock, .landing-page .block.faqcategoriesblock + .catchmentareacontainerblock, .landing-page .block.faqcategoriesblock + .timelinecontainerblock, .landing-page .block.faqcategoriesblock + .twocolumncontainerblock, .landing-page .block.faqcategoriesblock + .downloadpdfblock,
  .landing-page .block.faqcategoriesblock * + .faqcategoriesblock {
    margin-top: -85px;
  }
  .landing-page .block.twocolumncontainerblock + .editorialblock, .landing-page .block.twocolumncontainerblock + .integrationblock, .landing-page .block.twocolumncontainerblock + .featuredcontentblock, .landing-page .block.twocolumncontainerblock + .emergencycontactcontainerblock, .landing-page .block.twocolumncontainerblock + .accordionsblock, .landing-page .block.twocolumncontainerblock + .categorycontainerblock, .landing-page .block.twocolumncontainerblock + .catchmentareacontainerblock, .landing-page .block.twocolumncontainerblock + .timelinecontainerblock, .landing-page .block.twocolumncontainerblock + .faqcategoriesblock, .landing-page .block.twocolumncontainerblock + .downloadpdfblock,
  .landing-page .block.twocolumncontainerblock * + .twocolumncontainerblock {
    margin-top: -150px;
  }
  .landing-page .block.downloadpdfblock + .editorialblock, .landing-page .block.downloadpdfblock + .integrationblock, .landing-page .block.downloadpdfblock + .featuredcontentblock, .landing-page .block.downloadpdfblock + .emergencycontactcontainerblock, .landing-page .block.downloadpdfblock + .accordionsblock, .landing-page .block.downloadpdfblock + .categorycontainerblock, .landing-page .block.downloadpdfblock + .catchmentareacontainerblock, .landing-page .block.downloadpdfblock + .timelinecontainerblock, .landing-page .block.downloadpdfblock + .faqcategoriesblock, .landing-page .block.downloadpdfblock + .twocolumncontainerblock,
  .landing-page .block.downloadpdfblock * + .downloadpdfblock {
    margin-top: -60px;
  }
  .landing-page .block.emergencycontactblock .emergency-contact__block {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .landing-page .block.featuredcontentblock + .featuredcontentblock {
    margin-top: -40px;
  }
}

.landing-page .block.featuredcontentblock + .accordionsblock {
  margin-top: 0px;
}

.landing-page .promocontainerblock .promo-cards__block .promo-content {
  height: 100%;
}
.landing-page .promocontainerblock .promo-cards__block .promo-content h3, .landing-page .promocontainerblock .promo-cards__block .promo-content h5 {
  color: var(--brand--color-primary);
}
.landing-page .promocontainerblock .promo-cards__block .promo-content h3:hover, .landing-page .promocontainerblock .promo-cards__block .promo-content h5:hover {
  color: var(--button--hover-standard);
}
.landing-page .promocontainerblock .promo-cards__block .promo-content h3 {
  font-size: 24px;
  line-height: 30px;
}

.subpage-container .editorial__block iframe {
  border-radius: 4px !important;
}
.subpage-container .editorial__block .container, .subpage-container .editorial__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .editorial__block .block.emergencycontactblock {
  padding: 0 95px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .editorial__block .container, .subpage-container .editorial__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .editorial__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .editorial__block .container, .subpage-container .editorial__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .editorial__block .block.emergencycontactblock {
  /*Sprint 69 : #85403 - ST - Help page redesign*/
}
.subpage-container .editorial__block .container.text-center, .subpage-container .editorial__block .landing-page .text-center.block.emergencycontactblock, .landing-page .subpage-container .editorial__block .text-center.block.emergencycontactblock {
  padding-top: 44px !important;
  padding-bottom: 4px !important;
  text-align: center;
}
.subpage-container .editorial__block .container.text-center h1, .subpage-container .editorial__block .landing-page .text-center.block.emergencycontactblock h1, .landing-page .subpage-container .editorial__block .text-center.block.emergencycontactblock h1 {
  padding-bottom: 1rem;
}
@media (max-width: 1199.98px) {
  .subpage-container .editorial__block .container.text-center h1, .subpage-container .editorial__block .landing-page .text-center.block.emergencycontactblock h1, .landing-page .subpage-container .editorial__block .text-center.block.emergencycontactblock h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.subpage-container .editorial__block .container.text-center p, .subpage-container .editorial__block .landing-page .text-center.block.emergencycontactblock p, .landing-page .subpage-container .editorial__block .text-center.block.emergencycontactblock p {
  width: 68%;
  padding-bottom: 16px;
  margin: 0 auto;
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .subpage-container .editorial__block .container.text-center p, .subpage-container .editorial__block .landing-page .text-center.block.emergencycontactblock p, .landing-page .subpage-container .editorial__block .text-center.block.emergencycontactblock p {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .subpage-container .editorial__block .container.text-center p, .subpage-container .editorial__block .landing-page .text-center.block.emergencycontactblock p, .landing-page .subpage-container .editorial__block .text-center.block.emergencycontactblock p {
    width: 85%;
  }
}
.subpage-container .editorial__block .container table, .subpage-container .editorial__block .landing-page .block.emergencycontactblock table, .landing-page .subpage-container .editorial__block .block.emergencycontactblock table {
  width: 100% !important;
}
.subpage-container .editorial__block .container img, .subpage-container .editorial__block .landing-page .block.emergencycontactblock img, .landing-page .subpage-container .editorial__block .block.emergencycontactblock img {
  border-radius: 4px;
}
.subpage-container .editorial__block .container h6, .subpage-container .editorial__block .landing-page .block.emergencycontactblock h6, .landing-page .subpage-container .editorial__block .block.emergencycontactblock h6 {
  text-align: left !important;
}
.subpage-container .editorial__block .container h5, .subpage-container .editorial__block .landing-page .block.emergencycontactblock h5, .landing-page .subpage-container .editorial__block .block.emergencycontactblock h5 {
  text-align: left !important;
}
.subpage-container .wistiavideoblock .editorial__block .container, .subpage-container .wistiavideoblock .editorial__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .wistiavideoblock .editorial__block .block.emergencycontactblock {
  padding: 0 95px;
}
@media (max-width: 1199.98px) {
  .subpage-container .wistiavideoblock .editorial__block .container, .subpage-container .wistiavideoblock .editorial__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .wistiavideoblock .editorial__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .wistiavideoblock .editorial__block .container div, .subpage-container .wistiavideoblock .editorial__block .landing-page .block.emergencycontactblock div, .landing-page .subpage-container .wistiavideoblock .editorial__block .block.emergencycontactblock div {
  border-radius: 4px;
}
.subpage-container .wistiavideoblock .editorial__block .container img, .subpage-container .wistiavideoblock .editorial__block .landing-page .block.emergencycontactblock img, .landing-page .subpage-container .wistiavideoblock .editorial__block .block.emergencycontactblock img {
  border-radius: 4px;
}
.subpage-container .multipromocontainerblock .container, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.subpage-container .multipromocontainerblock .container .icon-container img, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .icon-container img, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .icon-container img {
  width: 25%;
}
@media (max-width: 1199.98px) {
  .subpage-container .multipromocontainerblock .container, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content {
  padding: 27px 32px 32px;
  border: 1px solid #e6e6e6 !important;
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content:hover, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content:hover, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content:hover {
  background-color: var(--promo-card-hover);
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content:hover h5, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content:hover h5, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content:hover h5 {
  color: #fff;
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content:hover h3, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content:hover h3, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content:hover h3 {
  color: #fff;
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content:hover h6, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content:hover h6, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content:hover h6 {
  color: #fff;
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content:hover i, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content:hover i, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content:hover i {
  color: #fff;
}
.subpage-container .multipromocontainerblock .container .clickable .promo-content:hover img, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .clickable .promo-content:hover img, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .clickable .promo-content:hover img {
  filter: contrast(0%) brightness(2);
}
.subpage-container .multipromocontainerblock .container .promo-content, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .promo-content, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .promo-content {
  border-radius: 8px;
  padding: 28px 34px 90px;
  position: relative;
  border: 1px solid #e6e6e6 !important;
}
.subpage-container .multipromocontainerblock .container .promo-content .nb-btn, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .promo-content .nb-btn, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .promo-content .nb-btn {
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  margin-bottom: 30px;
}
.subpage-container .multipromocontainerblock .container .promo-content .nb-btn-container, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .promo-content .nb-btn-container, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .promo-content .nb-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.subpage-container .multipromocontainerblock .container .promo-content .icon-container i, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .promo-content .icon-container i, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .promo-content .icon-container i {
  font-size: 24px;
  color: #004595;
}
.subpage-container .multipromocontainerblock .container .promo-cards, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .promo-cards, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .promo-cards {
  /*margin-left: 0px;*/
  margin-left: -16px;
  margin-right: -16px;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .subpage-container .multipromocontainerblock .container .promo-cards, .subpage-container .multipromocontainerblock .landing-page .block.emergencycontactblock .promo-cards, .landing-page .subpage-container .multipromocontainerblock .block.emergencycontactblock .promo-cards {
    margin: 0 !important;
  }
}
.subpage-container .multipromocontainerblock .cards-block_container .promo-item.promo-2-cards {
  width: calc(50% - 34px);
}
.subpage-container .multipromocontainerblock .cards-block_container .promo-item.promo-3-cards {
  width: calc(33.33% - 34px);
}
.subpage-container .multipromocontainerblock .cards-block_container .promo-item.promo-1-cards {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.subpage-container {
  /*Sprint 69 : #85403 - ST - Help page redesign*/
}
.subpage-container .promocontentblock .container, .subpage-container .promocontentblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promocontentblock .block.emergencycontactblock, .subpage-container .promobannerblock .container, .subpage-container .promobannerblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promobannerblock .block.emergencycontactblock {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  .subpage-container .promocontentblock .container, .subpage-container .promocontentblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promocontentblock .block.emergencycontactblock, .subpage-container .promobannerblock .container, .subpage-container .promobannerblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promobannerblock .block.emergencycontactblock {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .subpage-container .promocontentblock .container, .subpage-container .promocontentblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promocontentblock .block.emergencycontactblock, .subpage-container .promobannerblock .container, .subpage-container .promobannerblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promobannerblock .block.emergencycontactblock {
    padding-right: 0;
    padding-left: 0;
  }
}
.subpage-container .promobannerblock .promo-banner {
  margin-top: 0;
  margin-bottom: 80px;
}
@media (max-width: 1199.98px) {
  .subpage-container .promobannerblock .promo-banner {
    margin-bottom: 64px;
  }
}
.subpage-container .integration__block .container, .subpage-container .integration__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .integration__block .block.emergencycontactblock {
  padding: 0 95px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .integration__block .container, .subpage-container .integration__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .integration__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .integration__block .container .interactivemap__block, .subpage-container .integration__block .landing-page .block.emergencycontactblock .interactivemap__block, .landing-page .subpage-container .integration__block .block.emergencycontactblock .interactivemap__block {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 1199.98px) {
  .subpage-container .integration__block .container .interactivemap__block .map-block, .subpage-container .integration__block .landing-page .block.emergencycontactblock .interactivemap__block .map-block, .landing-page .subpage-container .integration__block .block.emergencycontactblock .interactivemap__block .map-block {
    margin: 0 !important;
  }
}
.subpage-container .iframe__block {
  padding-left: 156px;
  padding-right: 156px;
}
.subpage-container .accordionsblock .heading-image-accordion-block {
  padding: 50px 80px 0 !important;
  text-align: left;
}
@media (max-width: 1199.98px) {
  .subpage-container .accordionsblock .heading-image-accordion-block {
    padding: 0 5px !important;
  }
}
.subpage-container .accordionsblock .heading-image-accordion-block .heading-without-image {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
}
.subpage-container .accordionsblock .accordion__block {
  padding: 0 80px 155px;
  text-align: left;
}
@media (max-width: 1199.98px) {
  .subpage-container .accordionsblock .accordion__block {
    padding: 0 5px 155px;
  }
}
.subpage-container .accordionsblock + .videoblock {
  margin-top: -3rem;
}
.subpage-container .featuredcontentblock .featured__block .container, .subpage-container .featuredcontentblock .featured__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .featuredcontentblock .featured__block .block.emergencycontactblock {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1199.98px) {
  .subpage-container .featuredcontentblock .featured__block .container, .subpage-container .featuredcontentblock .featured__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .featuredcontentblock .featured__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .featuredcontentblock .featured__block .featured__content {
  width: 100%;
  padding-left: 80px;
  padding-right: 32px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .featuredcontentblock .featured__block .featured__content {
    padding-left: 40px;
    padding-right: 0px !important;
  }
}
.subpage-container .featuredcontentblock .featured__block .featured__content .nb-btn {
  border-radius: 4px;
}
@media (max-width: 1199.98px) {
  .subpage-container .featuredcontentblock .featured__block .featured__content .nb-btn {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.subpage-container .featuredcontentblock .featured__block .featured__content h2 {
  font-size: 32px;
}
.subpage-container .featuredcontentblock .featured__block .featured__content h2:hover {
  color: #0097e6;
}
.subpage-container .featuredcontentblock .featured__block .featured__content p {
  padding-bottom: 30px;
  color: #000;
}
.subpage-container .featuredcontentblock .featured__block .featured__content p:hover {
  text-decoration: underline;
}
.subpage-container .featuredcontentblock .featured__block .featured__img {
  margin-left: 0 !important;
  width: 100% !important;
  height: 332px;
  margin-right: 0;
  padding-right: 15px;
}
.subpage-container .featuredcontentblock .featured__block .featured__img img {
  transition: none;
  transform: none;
}
.subpage-container .featuredcontentblock .featured__block .featured__img img:hover {
  transition: none;
  transform: none;
  -webkit-transform: none;
}
@media (max-width: 1199.98px) {
  .subpage-container .featuredcontentblock .featured__block .featured__img {
    padding: 0 !important;
  }
}
.subpage-container .featuredcontentblock .featured__block .featured__img .featured-aspect-ratio {
  padding-top: 0;
  height: 100%;
}
.subpage-container .featuredcontentblock .featured__block .featured__img .btn-play {
  position: unset;
  border-radius: 4px;
}
.subpage-container .featuredcontentblock .featured__block.right-side__image .featured__img {
  margin-right: 0 !important;
  padding-left: 15px;
}
@media (max-width: 1199.98px) {
  .subpage-container .featuredcontentblock .featured__block.right-side__image .featured__img {
    padding: 0 !important;
  }
}
.subpage-container .featuredcontentblock .featured__block.right-side__image .featured__content {
  padding-right: 80px !important;
  padding-left: 32px;
}
@media (max-width: 1199.98px) {
  .subpage-container .featuredcontentblock .featured__block.right-side__image .featured__content {
    padding: 0 !important;
  }
}
.subpage-container .featuredcontentblock .featured__block .img-block {
  border-radius: 8px;
}
.subpage-container .featuredcontentblock .featured__block .video__block {
  position: relative;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  height: 100%;
  border-radius: 8px;
  margin: 0 !important;
}
.subpage-container .featuredcontentblock .featured__block .video__block .container, .subpage-container .featuredcontentblock .featured__block .video__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .featuredcontentblock .featured__block .video__block .block.emergencycontactblock {
  height: 100%;
  transform: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subpage-container .videoblock .video__block {
  margin-bottom: 3rem;
  padding-top: 3rem;
}
.subpage-container .videoblock .video__block::before {
  background: none;
  content: none;
}
@media (max-width: 1199.98px) {
  .subpage-container .videoblock .video__block {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
.subpage-container .videoblock .video__block iframe {
  border-radius: 8px;
}
.subpage-container .videoblock .video__block .cssload-container {
  border-radius: 8px;
}
.subpage-container .videoblock .video__block .container, .subpage-container .videoblock .video__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .videoblock .video__block .block.emergencycontactblock {
  width: 100%;
  height: 566px;
  background-position: 50%;
  transform: scale(1);
  position: relative;
  object-fit: cover;
  z-index: 999;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.subpage-container .videoblock .video__block .container::before, .subpage-container .videoblock .video__block .landing-page .block.emergencycontactblock::before, .landing-page .subpage-container .videoblock .video__block .block.emergencycontactblock::before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-radius: 8px;
}
.subpage-container .videoblock .video__block .video-content {
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .subpage-container .videoblock .video__block .video-content {
    position: unset;
    width: unset;
    transform: unset;
  }
}
.subpage-container .videoblock .video__block .video-content h2 {
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 35px;
}
@media (max-width: 1199.98px) {
  .subpage-container .videoblock .video__block .video-content h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.subpage-container .videoblock .video__block .video-content p {
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subpage-container .videoblock .video__block .video-content p span {
  width: 50%;
}
.subpage-container .videoblock .video__block .video-content .btn-play {
  border-radius: 4px;
}
.subpage-container .videoblock .video__block .video-content .btn-play i {
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subpage-container .download-pdf {
  padding: 0 80px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .download-pdf .cta__block .container, .subpage-container .download-pdf .cta__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .download-pdf .cta__block .block.emergencycontactblock {
    padding: 0px !important;
  }
}
.subpage-container .download-pdf .cta__block .nb-btn {
  margin: 0 !important;
  border-radius: 4px;
}
@media (max-width: 1199.98px) {
  .subpage-container .download-pdf {
    padding: 0 5px !important;
  }
}
@media (max-width: 1199.98px) {
  .subpage-container .cta__block .container, .subpage-container .cta__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .cta__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .cta__block .nb-btn {
  margin: 0 80px;
  border-radius: 4px;
}
@media (max-width: 1199.98px) {
  .subpage-container .cta__block .nb-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  .subpage-container .image__block {
    padding: 0 5px !important;
  }
}
.subpage-container .image__block {
  padding: 0 95px 60px !important;
}
.subpage-container .image__block .image-slider-container {
  width: 100% !important;
  border-radius: 4px;
}
@media (max-width: 1199.98px) {
  .subpage-container .image__block .image-slider-container {
    width: 100% !important;
  }
}
.subpage-container .image__block .image-slider-container .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  cursor: none;
  transition: none;
}
.subpage-container .iframe__block:first-child {
  padding-top: 42px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .iframe__block {
    padding: 0 20px !important;
  }
}
.subpage-container .promocontainerblock .promo-cards__block .promo-item a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block .container, .subpage-container .promocontainerblock .promo-cards__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promocontainerblock .promo-cards__block .block.emergencycontactblock {
    padding: 0 !important;
  }
}
.subpage-container .promocontainerblock .promo-cards__block .container, .subpage-container .promocontainerblock .promo-cards__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promocontainerblock .promo-cards__block .block.emergencycontactblock {
  padding-left: 0;
  padding-right: 0;
}
.subpage-container .promocontainerblock .promo-cards__block {
  padding-left: 0;
  padding-right: 0;
  background: #E1E1E1;
  padding: 88px 0 56px 0;
}
.subpage-container .promocontainerblock .promo-cards__block h4, .subpage-container .promocontainerblock .promo-cards__block h2 {
  padding-bottom: 32px;
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block h4, .subpage-container .promocontainerblock .promo-cards__block h2 {
    font-size: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.subpage-container .promocontainerblock .promo-cards__block h2 {
  font-size: 28px;
  line-height: 35px;
}
.subpage-container .promocontainerblock .promo-cards__block .promo-content {
  border-radius: 0 0 8px 8px;
}
.subpage-container .promocontainerblock .promo-cards__block .promo-cards {
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .promo-item {
    margin: 0 !important;
    width: 100%;
    height: 100%;
  }
}
.subpage-container .promocontainerblock .promo-cards__block .promo-cards .promo-item .promo-img .video__block .btn-play {
  border-radius: 4px;
}
.subpage-container .promocontainerblock .promo-cards__block .promo-cards .promo-item .promo-img {
  border-radius: 8px 8px 0 0;
}
.subpage-container .promocontainerblock .promo-cards__block .promo-cards .promo-item .promo-img:hover {
  transition: unset;
  -webkit-transform: unset;
  transform: unset;
}
.subpage-container .promocontainerblock .promo-cards__block .promo-cards .promo-item .promo-img img {
  transition: unset;
  -webkit-transform: unset;
  transform: unset;
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    margin-top: 0;
    margin-top: 64px;
    margin-right: 0;
  }
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-nav .owl-next {
    width: 3rem;
    height: 3rem;
    border: 0.093rem solid #004595;
    border-radius: 0.25rem;
    margin: 0;
    background: transparent;
  }
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-nav .owl-next .fa-arrow-right {
    color: #004595;
  }
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-nav .owl-prev {
    width: 3rem;
    height: 3rem;
    border: 0.093rem solid #004595;
    border-radius: 0.25rem;
    margin: 0;
    background: transparent;
  }
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-nav .owl-prev .fa-arrow-left {
    color: #004595;
  }
}
.subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-stage-outer {
  overflow: initial;
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-stage-outer {
    margin-left: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-dots {
    background: transparent;
    display: flex;
    padding: 0;
    margin: 0 1rem;
  }
}
@media (max-width: 1199.98px) {
  .subpage-container .promocontainerblock .promo-cards__block .promo-cards .owl-dots .active span {
    background: #FCAF17 !important;
    border: none;
  }
}
.subpage-container .contactus__block .container, .subpage-container .contactus__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .contactus__block .block.emergencycontactblock {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1199.98px) {
  .subpage-container .contactus__block .container, .subpage-container .contactus__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .contactus__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .contactus__block h2 {
  font-size: 28px;
  line-height: 35px;
}
.subpage-container .contactus__block .contactus__btn {
  justify-content: space-between;
  padding-top: 20px;
}
.subpage-container .contactus__block .contactus__btn li .nb-btn {
  min-width: 350px;
  border-radius: 4px;
}
@media (max-width: 1199.98px) {
  .subpage-container .contactus__block .contactus__btn li .nb-btn {
    min-width: 320px;
  }
}
.subpage-container .contactus__block .contactus__btn li:first-child {
  margin-left: 0;
}
.subpage-container .contactus__block .contactus__btn li:last-child {
  margin-right: 0;
}
@media (max-width: 1199.98px) {
  .subpage-container .faq-categories__block .container, .subpage-container .faq-categories__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .faq-categories__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .helpsearchblock {
  margin-bottom: -95px;
}
.subpage-container .helpsearchblock + .editorialblock, .subpage-container .helpsearchblock + .integrationblock, .subpage-container .helpsearchblock + .featuredcontentblock, .subpage-container .helpsearchblock + .emergencycontactcontainerblock, .subpage-container .helpsearchblock + .accordionsblock, .subpage-container .helpsearchblock + .categorycontainerblock, .subpage-container .helpsearchblock + .catchmentareacontainerblock, .subpage-container .helpsearchblock + .timelinecontainerblock, .subpage-container .helpsearchblock + .faqcategoriesblock, .subpage-container .helpsearchblock + .twocolumncontainerblock, .subpage-container .helpsearchblock + .imagescrollerblock,
.subpage-container .helpsearchblock * + .downloadpdfblock {
  margin-top: 150px !important;
}
.subpage-container .helpsearchblock .help-search__block .container, .subpage-container .helpsearchblock .help-search__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .helpsearchblock .help-search__block .block.emergencycontactblock {
  padding: 0;
}
@media (max-width: 767.98px) {
  .subpage-container .helpsearchblock .help-search__block .container, .subpage-container .helpsearchblock .help-search__block .landing-page .block.emergencycontactblock, .landing-page .subpage-container .helpsearchblock .help-search__block .block.emergencycontactblock {
    padding: 0 20px !important;
  }
}
.subpage-container .helpsearchblock .help-search__block .container .searchQuery, .subpage-container .helpsearchblock .help-search__block .landing-page .block.emergencycontactblock .searchQuery, .landing-page .subpage-container .helpsearchblock .help-search__block .block.emergencycontactblock .searchQuery {
  border-radius: 4px;
}
.subpage-container .helpsearchblock .help-search__block form {
  margin: 0;
}
.subpage-container .categorycontainerblock .container, .subpage-container .categorycontainerblock .landing-page .block.emergencycontactblock, .landing-page .subpage-container .categorycontainerblock .block.emergencycontactblock {
  padding-left: 0;
  padding-right: 0;
}
.subpage-container .categorycontainerblock .container .container-fluid, .subpage-container .categorycontainerblock .landing-page .block.emergencycontactblock .container-fluid, .landing-page .subpage-container .categorycontainerblock .block.emergencycontactblock .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.subpage-container .categorycontainerblock .container .container-fluid .category-container, .subpage-container .categorycontainerblock .landing-page .block.emergencycontactblock .container-fluid .category-container, .landing-page .subpage-container .categorycontainerblock .block.emergencycontactblock .container-fluid .category-container {
  padding: 0 95px 25px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .categorycontainerblock .container .container-fluid .category-container, .subpage-container .categorycontainerblock .landing-page .block.emergencycontactblock .container-fluid .category-container, .landing-page .subpage-container .categorycontainerblock .block.emergencycontactblock .container-fluid .category-container {
    padding: 0 0 25px !important;
  }
}
.subpage-container .categorycontainerblock .container .container-fluid .category-container .promo-image:hover .image-card img, .subpage-container .categorycontainerblock .landing-page .block.emergencycontactblock .container-fluid .category-container .promo-image:hover .image-card img, .landing-page .subpage-container .categorycontainerblock .block.emergencycontactblock .container-fluid .category-container .promo-image:hover .image-card img {
  transform: none;
  -webkit-transform: none;
}
.subpage-container .categorycontainerblock .container .container-fluid .category-container .promo-image .image-card img, .subpage-container .categorycontainerblock .landing-page .block.emergencycontactblock .container-fluid .category-container .promo-image .image-card img, .landing-page .subpage-container .categorycontainerblock .block.emergencycontactblock .container-fluid .category-container .promo-image .image-card img {
  border-radius: 4px;
}
.subpage-container .promoimageblock .promo-message__block {
  background-color: transparent;
}
.subpage-container .promoimageblock .promo-message__block::before {
  content: none;
}
.subpage-container .promoimageblock .promo-message__block .promo-message__img {
  background-color: transparent;
  min-height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
.subpage-container .promoimageblock .promo-message__block .promo-message__img::before {
  content: none;
}
@media (max-width: 1199.98px) {
  .subpage-container .promoimageblock .promo-message__block .promo-message__img {
    padding: 60px 20px !important;
  }
}
.subpage-container .promoimageblock .promo-message__block .promo-message__img .container, .subpage-container .promoimageblock .promo-message__block .promo-message__img .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promoimageblock .promo-message__block .promo-message__img .block.emergencycontactblock {
  position: relative;
  background: #f2f2f2;
  background-position: 100% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 260px;
  width: 100%;
  max-width: 1140px;
  border-radius: 8px;
}
@media (max-width: 1199.98px) {
  .subpage-container .promoimageblock .promo-message__block .promo-message__img .container, .subpage-container .promoimageblock .promo-message__block .promo-message__img .landing-page .block.emergencycontactblock, .landing-page .subpage-container .promoimageblock .promo-message__block .promo-message__img .block.emergencycontactblock {
    padding: 60px 20px !important;
  }
}
.subpage-container .promoimageblock .promo-message__block .promo-message__img .container::before, .subpage-container .promoimageblock .promo-message__block .promo-message__img .landing-page .block.emergencycontactblock::before, .landing-page .subpage-container .promoimageblock .promo-message__block .promo-message__img .block.emergencycontactblock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
.subpage-container .promoimageblock .promo-message__block .promo-message__img .container .promo-message .nb-btn__cta, .subpage-container .promoimageblock .promo-message__block .promo-message__img .landing-page .block.emergencycontactblock .promo-message .nb-btn__cta, .landing-page .subpage-container .promoimageblock .promo-message__block .promo-message__img .block.emergencycontactblock .promo-message .nb-btn__cta {
  border: 1px solid #fff;
  border-radius: 4px;
}
.subpage-container .imageblock .image__block .carousel-image {
  transition: none;
  -webkit-transform: none;
  transform: none;
  border-radius: 4px;
}
.subpage-container .imagecarouselblock .carousel-image__block {
  width: 950px !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .imagecarouselblock .carousel-image__block {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
.subpage-container .imagecarouselblock .carousel-image__block .image__block {
  padding: 0 !important;
}
@media (max-width: 1199.98px) {
  .subpage-container .imagecarouselblock .carousel-image__block .image__block {
    padding: 0 5px !important;
    width: 100% !important;
  }
}
.subpage-container .imagecarouselblock .carousel-image__block .carousel-aspect-ratio .carousel-image {
  transition: none;
  -webkit-transform: none;
  transform: none;
}
.subpage-container .imagecarouselblock .carousel-image__block .carousel-aspect-ratio:hover .carousel-image {
  transition: none;
  -webkit-transform: none;
  transform: none;
}

.subpage-container .editorialblock:first-child .editorial__block {
  padding-top: 22px !important;
}
.subpage-container .promocontainerblock + .promocontainerblock .promo-cards__block {
  padding-top: 0;
}
.subpage-container.search-page .faq-categories__block {
  background: transparent;
}
.subpage-container.search-page .helpsearchblock {
  margin-bottom: 0;
}

.activity-management-page, .contactus-form-page {
  padding: 85px 0 36px;
}
.activity-management-page .sub-title.plink a, .contactus-form-page .sub-title.plink a {
  font-weight: 600;
}

.water-quality-box .italics-style {
  font-style: italic !important;
}
.water-quality-box .paragraph-topmargin {
  margin-top: 20px;
}

.wp-ictext {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  color: var(--brand--color-primary);
  text-align: left;
}
.wp-ictext i {
  font-size: 30px;
  height: 30px;
  width: 30px;
  flex-shrink: 0;
  margin-right: 20px;
}
.wp-ictext img {
  font-size: 30px;
  height: 30px;
  width: 30px;
  flex-shrink: 0;
  margin-right: 20px;
}
.wp-ictext--time {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.wp-ictext--box {
  padding: 15px 24px;
  border: solid 1px var(--brand--color-primary);
}
.wp-ictext--box i {
  margin-right: 30px;
}
.wp-ictext--status {
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  color: #000;
}

.wp-status .wp-ictext {
  margin-bottom: 15px;
}
.wp-status .wp-ictext:last-child {
  margin-bottom: 0;
}

.wp-water-disruption .wp-ictext {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  min-height: 35px;
}
.wp-water-disruption .wp-ictext i {
  font-size: 35px;
}
.wp-water-disruption .pagination {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .wp-water-disruption .pagination {
    justify-content: flex-end;
  }
}
.wp-water-disruption > .sub-title {
  margin-bottom: 18px;
}

.wp-iclocation {
  position: absolute;
  right: 0;
  top: 4px;
}
.wp-iclocation i {
  font-size: 24px;
  background: #fff;
  color: var(--color--hover);
}
.wp-iclocation + .nb-tooltip {
  right: 30px;
}

.nb-row-padding .nb-col6 {
  width: 50%;
  flex-shrink: 0;
}
.nb-row-padding .nb-btn {
  height: 100%;
}

.bgwhite {
  background: #fff;
}

.bdblue {
  border-color: var(--brand--color-primary);
}

.wp-location {
  font-size: 14px;
  background: var(--brand--color-primary);
  color: #fff;
  padding: 24px 40px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .wp-location.wp-location--detail.wp-location--detail--full {
    min-height: 170px;
  }
}
.wp-location > div {
  padding: 0 5px;
  flex-shrink: 0;
}
.wp-location > div.wp-location--upload {
  margin-bottom: auto;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  background: var(--brand--color-primary);
}
@media (min-width: 768px) {
  .wp-location > div.wp-location--upload {
    flex-direction: row-reverse;
  }
}
.wp-location > div.wp-location--upload a {
  display: none;
  margin: 3px;
}
.wp-location > div.wp-location--upload a.share_this {
  display: block;
}
.wp-location > div.wp-location--upload a.show {
  display: block;
}
@media (min-width: 1200px) {
  .wp-location {
    font-size: 18px;
  }
}
.wp-location--address {
  width: 50%;
}
.wp-location--address p {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .wp-location--address p {
    padding-bottom: 5px;
  }
}
.wp-location--address:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.wp-location--upload a {
  color: #fff;
  font-size: 14px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: solid 2px #fff;
  display: inline-block;
  text-align: center;
  line-height: 26px;
}
.wp-location--time {
  width: 40%;
}
.wp-location--time div {
  margin-bottom: 5px;
}
@media (min-width: 1200px) {
  .wp-location--time div {
    margin-bottom: 10px;
  }
}
.wp-location--time div:last-child {
  margin-bottom: 0;
}
.wp-location--time time {
  display: block;
}
.wp-location--number {
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media (min-width: 1200px) {
  .wp-location--number {
    margin-bottom: 10px;
  }
}
.wp-location--number:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin-left: 10px;
}
@media (min-width: 1200px) {
  .wp-location--number:after {
    width: 50px;
  }
}
.wp-location--detail {
  position: absolute;
  width: calc(100% - 30px);
  height: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  align-items: center;
}
@media (min-width: 1200px) {
  .wp-location--detail {
    width: 33.33333334%;
  }
}
.wp-location--detail > div {
  flex-shrink: inherit;
}
.wp-location--detail .wp-location--address {
  max-width: 30%;
  width: auto;
  padding-right: 24px;
  border-right: solid 1px #fff;
}
@media (min-width: 1200px) {
  .wp-location--detail .wp-location--address {
    padding-right: 40px;
  }
}
.wp-location--detail .wp-location--address i {
  font-size: 25px;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .wp-location--detail .wp-location--address i {
    font-size: 30px;
  }
}
.wp-location--detail .wp-location--time {
  flex-grow: 1;
  width: auto;
  padding-left: 24px;
}
@media (min-width: 1200px) {
  .wp-location--detail .wp-location--time {
    padding-left: 40px;
  }
}
.wp-location--detail .wp-location--time time {
  display: inline-block;
}
.wp-location--detail--full {
  position: relative;
  display: block;
  padding-right: 70px;
  margin: -68px auto 0 auto;
}
@media (min-width: 1200px) {
  .wp-location--detail--full {
    width: 1140px;
    text-align: center;
    padding-left: 70px;
    margin-top: -75px;
  }
}
.wp-location--detail--full .wp-location--address {
  max-width: 100%;
  border: 0;
  display: flex;
  padding: 0;
}
@media (min-width: 1200px) {
  .wp-location--detail--full .wp-location--address {
    justify-content: center;
  }
}
.wp-location--detail--full .wp-location--address p {
  padding-top: 5px;
}
.wp-location--detail--full .wp-location--address i {
  margin-right: 15px;
}
@media (max-width: 1200px) {
  .wp-location--detail--full .wp-location--address i {
    width: 35px;
    flex-shrink: 0;
  }
}
.wp-location--detail--full .wp-location--time {
  padding: 0 0 0 50px;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .wp-location--detail--full .wp-location--time {
    padding-left: 0;
  }
}
.wp-location--detail--full .wp-location--upload {
  position: absolute;
  right: 20px;
  top: 15px;
}

.wp-location-map {
  position: relative;
  min-height: 600px;
  margin-bottom: 60px;
}
.wp-location-map .wp-map {
  background: #ddd;
  height: 600px;
  width: 100%;
}

.wp-find-location-by-map {
  position: relative;
  min-height: 300px;
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
  width: calc(100vw - 20px);
  margin-left: calc(-50vw + 50% + 10px);
}
.wp-find-location-by-map strong {
  color: #0097e6;
  text-decoration: underline;
}
.wp-find-location-by-map span {
  padding-top: 60px;
}
.wp-find-location-by-map .wp-leak-map {
  background: #ddd;
  height: 300px;
  width: 100%;
}
.wp-find-location-by-map .gm-style .gm-style-iw.gm-style-iw-c {
  background-color: #fff;
  padding: 0 !important;
  text-align: left;
  width: 290px !important;
}
.wp-find-location-by-map .gm-style .gm-style-iw.gm-style-iw-c:not([aria-label]) {
  height: 195px !important;
}
.wp-find-location-by-map .gm-style .gm-style-iw.gm-style-iw-c[aria-label] {
  height: unset;
}
.wp-find-location-by-map .inner-dialog {
  background-color: white;
  text-align: left;
  width: 220px;
  height: 120px;
  position: relative;
}
.wp-find-location-by-map .info-close-icon {
  display: inline-block;
  position: absolute;
  top: 0;
  padding: 0;
}
.wp-find-location-by-map .inner-dialog-box {
  background-color: #fff;
  width: 170px;
  height: 80px;
  border: black;
  font-size: 16px;
  font-weight: 400;
  margin-left: 10px;
  margin-top: 10px;
}
.wp-find-location-by-map .leakpopup-footer {
  background-color: #002551;
  width: 100%;
  bottom: 0;
  position: absolute;
  padding: 15px 25px 15px 25px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  left: 0;
}

.wp-slider-location {
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
}
@media (min-width: 1200px) {
  .wp-slider-location {
    /*
    *  Owl Carousel - Core
    */
  }
  .wp-slider-location .owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .wp-slider-location .owl-carousel .owl-stage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
  }
  .wp-slider-location .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .wp-slider-location .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .wp-slider-location .owl-carousel .owl-wrapper,
  .wp-slider-location .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .wp-slider-location .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  .wp-slider-location .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .wp-slider-location .owl-carousel .owl-nav.disabled,
  .wp-slider-location .owl-carousel .owl-dots.disabled {
    display: none;
  }
  .wp-slider-location .owl-carousel .owl-nav .owl-prev,
  .wp-slider-location .owl-carousel .owl-nav .owl-next,
  .wp-slider-location .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
  }
  .wp-slider-location .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
  }
  .wp-slider-location .owl-carousel .owl-dots {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .wp-slider-location .owl-carousel .owl-dots .owl-dot {
    padding: 5px;
    margin: 0;
    background: none;
    border: none;
  }
  .wp-slider-location .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background: var(--brand--color-primary);
    border: 1px solid transparent;
  }
  .wp-slider-location .owl-carousel .owl-dots .owl-dot.active span {
    width: 14px;
    height: 14px;
    background: none;
    border-color: var(--brand--color-primary);
  }
  .wp-slider-location .owl-carousel.owl-loaded {
    display: block;
  }
  .wp-slider-location .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  .wp-slider-location .owl-carousel.owl-hidden {
    opacity: 0;
  }
  .wp-slider-location .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  .wp-slider-location .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .wp-slider-location .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
  }
  .wp-slider-location .owl-carousel.owl-rtl {
    direction: rtl;
  }
  .wp-slider-location .owl-carousel.owl-rtl .owl-item {
    float: right;
  }
  .wp-slider-location {
    /* No Js */
  }
  .wp-slider-location .no-js .owl-carousel {
    display: block;
  }
  .wp-slider-location {
    left: 0;
  }
}
.wp-slider-location .owl-carousel .owl-stage-outer {
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .wp-slider-location .owl-carousel .owl-stage .owl-item.active .wp-location {
    padding-left: 100px;
  }
}
@media (min-width: 1200px) {
  .wp-slider-location .owl-carousel .owl-stage .owl-item.active.center .wp-location {
    padding-left: 40px;
  }
  .wp-slider-location .owl-carousel .owl-stage .owl-item.active.center .wp-location:before {
    content: "";
    width: 100%;
    height: 21px;
    position: absolute;
    top: -20px;
    left: 0;
    background: var(--brand--color-primary);
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .wp-slider-location .owl-carousel .owl-stage .owl-item.active.center + .active .wp-location {
    padding-right: 100px;
    padding-left: 40px;
  }
}
.wp-slider-location .owl-prev, .wp-slider-location .owl-next {
  position: absolute;
  top: 50%;
  background: none;
  border: 0;
  color: #fff;
  font-size: 20px;
  transform: translateY(-5px);
}
@media (min-width: 1200px) {
  .wp-slider-location .owl-prev, .wp-slider-location .owl-next {
    font-size: 30px;
  }
}
.wp-slider-location .owl-prev span, .wp-slider-location .owl-next span {
  display: none;
}
.wp-slider-location .owl-prev:before, .wp-slider-location .owl-next:before {
  font-family: "Font Awesome 5 Pro";
}
.wp-slider-location .owl-prev {
  left: 1%;
}
@media (min-width: 1200px) {
  .wp-slider-location .owl-prev {
    left: 35px;
  }
}
.wp-slider-location .owl-prev:before {
  content: "\f104";
}
.wp-slider-location .owl-next {
  right: 6%;
}
@media (max-width: 1200px) and (min-width: 767px) {
  .wp-slider-location .owl-next {
    right: 3%;
  }
}
@media (min-width: 1200px) {
  .wp-slider-location .owl-next {
    right: 35px;
  }
}
.wp-slider-location .owl-next:before {
  content: "\f105";
}

.chart-waters {
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
  padding: 100px 0 30px;
}
.chart-waters--number {
  font-size: 14px;
  position: absolute;
  bottom: -30px;
  left: 0;
}
.chart-waters--tooltip {
  color: #fff;
  padding: 15px;
  text-align: center;
  background: var(--brand--color-primary);
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 200px;
  opacity: 0;
}
.chart-waters li {
  position: relative;
  height: 38px;
  width: 14.6%;
  margin-right: 3px;
  flex-shrink: 0;
}
.chart-waters li:before {
  content: "";
  background: var(--brand--color-primary);
  width: 100%;
  height: 100%;
  display: inline-block;
}
.chart-waters li:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 50px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #004595;
  transform: translateX(-7px);
  opacity: 0;
}
.chart-waters li:hover .chart-waters--tooltip, .chart-waters li:hover:after {
  opacity: 1;
}
.chart-waters li + li .chart-waters--number {
  left: -10px;
}
.chart-waters li:first-child:before {
  opacity: 0.4;
}
.chart-waters li:nth-child(2):before {
  opacity: 0.6;
}
.chart-waters li:nth-child(3):before {
  opacity: 0.8;
}
.chart-waters li:nth-child(4) .chart-waters--tooltip {
  left: -85px;
}
.chart-waters li:nth-child(4) .chart-waters--tooltip:before {
  left: 50%;
}
.chart-waters li:nth-child(5) .chart-waters--tooltip, .chart-waters li:last-child .chart-waters--tooltip {
  left: auto;
  right: 0;
}
.chart-waters li:nth-child(5) {
  width: 29.2%;
}
.chart-waters li:last-child {
  width: 7.3%;
  margin-right: 0;
}
.chart-waters li:last-child:before {
  background: #002752;
}
.chart-waters li:last-child .chart-waters--tooltip {
  left: auto;
  right: 0;
}
.chart-waters li:last-child .chart-waters--number {
  left: -15px;
}

.nb-btn.btn-morately-hard {
  display: inline-block;
  width: auto;
  margin: 10px 0;
  min-width: 170px;
}

.account-teaser > i {
  font-size: 40px;
  margin-bottom: 15px;
  color: var(--brand--color-primary);
}

.wp-report-list {
  margin-bottom: 30px;
  text-align: center;
}
.wp-report-list button {
  border: none;
}
.wp-report-list__title {
  display: none;
}
@media (min-width: 992px) {
  .wp-report-list__title {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.wp-report-list__title .wp-report-item {
  cursor: pointer;
}
@media (min-width: 992px) {
  .wp-report-list__title .wp-report-item {
    margin: 0 15px 30px;
    width: calc(25% - 32px);
    flex-shrink: 0;
  }
}
.wp-report-list__title .wp-report-title {
  /*sprint 54 : #59293 - ST - Report a Problem - boxes to highlight when hover over*/
}
.wp-report-list__title .wp-report-title:hover {
  background: var(--brand--color-primary);
}
.wp-report-list__title .wp-report-title:hover h6 {
  color: #fff;
}
.wp-report-list__title .wp-report-title:hover h2 {
  color: #fff;
}
@media (min-width: 992px) {
  .wp-report-list__title .wp-report-title {
    padding: 70px 30px 80px;
    min-height: 266px;
    justify-content: center;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .wp-report-list__content .wp-report-title {
    display: none;
  }
}
@media (min-width: 992px) {
  .wp-report-list__content .wp-report-item {
    display: none;
  }
  .wp-report-list__content .wp-report-item.active {
    display: block;
  }
}
.wp-report-item.active .wp-report-title {
  color: #fff;
  background: var(--brand--color-primary);
}
.wp-report-item.active .wp-report-title h6 {
  color: #fff;
}
.wp-report-item.active .wp-report-title h2 {
  color: #fff;
}
@media (max-width: 991px) {
  .wp-report-item.active .wp-report-content {
    display: block;
  }
}
.wp-report-title {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 32px;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
}
.wp-report-title h6 {
  color: var(--brand--color-primary);
  font-size: 18px;
  padding-bottom: 5px;
}
.wp-report-title h2 {
  color: var(--brand--color-primary);
  font-size: 18px;
  padding-bottom: 5px;
  line-height: 22px;
}
.wp-report-title p {
  font-size: 14px;
  padding-bottom: 0;
}
.wp-report-content {
  display: inline-block;
}
@media (max-width: 991px) {
  .wp-report-content {
    margin: 32px 0;
    display: none;
  }
}
.wp-report-content .waterTap-yes-content .form-btn.nb-row-padding,
.wp-report-content .waterTap-yes-content .waterTap-yes-content__options {
  margin-bottom: 28px;
}
.wp-report-content .resolvedProblem-no-content p {
  margin-bottom: 14px;
}

.wp-check-img .form-checkbox, .wp-check-icon .form-checkbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.wp-check-img .form-checkbox span.radio, .wp-check-icon .form-checkbox span.radio {
  border-width: 1px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wp-check-img .form-checkbox span.radio-label, .wp-check-icon .form-checkbox span.radio-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.wp-check-img .form-checkbox input:checked ~ span.radio-label, .wp-check-icon .form-checkbox input:checked ~ span.radio-label {
  border-color: var(--brand--color-primary);
}
.wp-check-img .form-checkbox input:checked ~ span.radio:before, .wp-check-icon .form-checkbox input:checked ~ span.radio:before {
  height: 16px;
  width: 16px;
}
.wp-check-img--title, .wp-check-icon--title {
  font-size: 18px;
}

.wp-check-img {
  margin-bottom: 24px;
}
.wp-check-img .form-checkbox span.radio {
  border-color: #fff;
}
.wp-check-img .form-checkbox input:checked ~ span.radio-label {
  bottom: 0;
  border-style: solid;
  border-width: 3px;
}
.wp-check-img .form-checkbox input:checked ~ span.radio:before {
  background: #fff;
}
.wp-check-img--img {
  height: 200px;
  width: 100%;
  background: #ccc;
}
.wp-check-img--title {
  font-weight: 600;
  padding: 15px;
}

.wp-check-icon .form-checkbox span.radio-label {
  height: 160px;
  border: solid 3px #e6e6e6;
}
.wp-check-icon .form-checkbox input:checked ~ i {
  opacity: 1;
}
.wp-check-icon--icon, .wp-check-icon i {
  height: 160px;
  width: 100%;
}
.wp-check-icon i {
  font-size: 50px;
  color: var(--brand--color-primary);
  position: absolute;
  top: 0;
  left: 0;
  line-height: 160px;
  opacity: 0.3;
}
.wp-check-icon--title {
  padding-top: 15px;
}

.wp-slider-customs {
  /*
  *  Owl Carousel - Core
  */
}
.wp-slider-customs .owl-carousel {
  display: none;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.wp-slider-customs .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.wp-slider-customs .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.wp-slider-customs .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.wp-slider-customs .owl-carousel .owl-wrapper,
.wp-slider-customs .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.wp-slider-customs .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.wp-slider-customs .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
.wp-slider-customs .owl-carousel .owl-nav.disabled,
.wp-slider-customs .owl-carousel .owl-dots.disabled {
  display: none;
}
.wp-slider-customs .owl-carousel .owl-nav .owl-prev,
.wp-slider-customs .owl-carousel .owl-nav .owl-next,
.wp-slider-customs .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.wp-slider-customs .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
.wp-slider-customs .owl-carousel .owl-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.wp-slider-customs .owl-carousel .owl-dots .owl-dot {
  padding: 5px;
  margin: 0;
  background: none;
  border: none;
}
.wp-slider-customs .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
  border: 1px solid transparent;
}
.wp-slider-customs .owl-carousel .owl-dots .owl-dot.active span {
  width: 14px;
  height: 14px;
  background: none;
  border-color: var(--brand--color-primary);
}
.wp-slider-customs .owl-carousel.owl-loaded {
  display: block;
}
.wp-slider-customs .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.wp-slider-customs .owl-carousel.owl-hidden {
  opacity: 0;
}
.wp-slider-customs .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.wp-slider-customs .owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wp-slider-customs .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.wp-slider-customs .owl-carousel.owl-rtl {
  direction: rtl;
}
.wp-slider-customs .owl-carousel.owl-rtl .owl-item {
  float: right;
}
.wp-slider-customs {
  /* No Js */
}
.wp-slider-customs .no-js .owl-carousel {
  display: block;
}
.wp-slider-customs .owl-carousel .owl-dots {
  display: inline-flex;
}
.wp-slider-customs .owl-prev, .wp-slider-customs .owl-next {
  font-size: 24px;
  background: none;
  border: 0;
  color: var(--brand--color-secondary);
  position: absolute;
  bottom: -4px;
}
.wp-slider-customs .owl-prev span, .wp-slider-customs .owl-next span {
  display: none;
}
.wp-slider-customs .owl-prev:before, .wp-slider-customs .owl-next:before {
  font-family: "Font Awesome 5 Pro";
}
.wp-slider-customs .owl-prev {
  left: 100px;
}
.wp-slider-customs .owl-prev:before {
  content: "\f104";
}
.wp-slider-customs .owl-next {
  right: 100px;
}
.wp-slider-customs .owl-next:before {
  content: "\f105";
}
.wp-slider-customs .wp-check-img {
  margin-bottom: 10px;
}

p i {
  opacity: 0.8;
}

.accordion__block .wp-link-list .form-link {
  margin-bottom: 10px;
}
.accordion__block .wp-link-list .nb-btn-link {
  font-weight: normal;
  border-width: 1px;
}

.beach-aware-page {
  padding: 60px 0 96px;
}

.wp-map-view .wp-map {
  height: 600px;
  width: 100%;
  background: #ddd;
  margin-top: 15px;
  margin-bottom: 60px;
}

.wp-classification {
  background: #fff;
  padding: 20px 0;
  min-height: 90px;
}
.wp-classification .sub-title {
  margin-bottom: 10px;
}
.wp-classification--icon {
  color: var(--brand--color-primary);
  margin-bottom: 10px;
}

.account__box .wp-classification {
  padding-left: 20px;
  padding-right: 20px;
}
.account__box .wp-classification .sub-title {
  margin-bottom: 0;
}

.wp-overflow-status .wp-ictext {
  margin-bottom: 24px;
  align-items: inherit;
}
.wp-overflow-status .wp-ictext i {
  margin-right: 40px;
  margin-top: 10px;
}
.wp-overflow-status .wp-ictext--text {
  color: #000;
  min-height: 48px;
  display: flex;
  align-items: center;
}

.wp-bathing-water-quality .accordion__block .accordion__item.active {
  border-bottom: 1px solid #ccc;
}
.wp-bathing-water-quality .accordion__block .accordion__item.active .accordion__content {
  padding-top: 40px;
  padding-bottom: 24px;
}

.box__icon {
  font-size: 30px;
  margin-bottom: 20px;
  color: var(--brand--color-primary);
}
.box__link a {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  font-weight: normal;
}
.box__link a:hover {
  color: var(--brand--color-primary);
  padding-bottom: 0;
}

@media (min-width: 767px) {
  .wp-annual-water-quality .account__box .sub-title {
    text-align: left;
  }
}

.gm-style .gm-style-iw {
  border-radius: 0;
}
.gm-style .gm-style-iw.gm-style-iw-c {
  background-color: #004595;
  padding: 20px !important;
}
.gm-style .gm-style-iw {
  /* SPRINT_41 : #36769 - SC - Show existing leaks on the map : Temporary CSS added for close button*/
}
.gm-style .gm-style-iw button.gm-ui-hover-effect {
  top: 15px !important;
}
.gm-style .gm-style-iw button.gm-ui-hover-effect span {
  width: 30px !important;
  margin: 6px !important;
  margin-left: -12px !important;
  margin-top: -8px !important;
  padding-top: 30px !important;
}
.gm-style .gm-style-iw .gm-style-iw-d {
  overflow: auto !important;
  padding: 10px;
}
.gm-style .gm-style-iw .gm-info {
  color: #fff;
  text-align: left;
  width: 70%;
  position: absolute;
  top: 15px;
}
.gm-style .gm-style-iw .gm-info .gm-info__text {
  font-weight: bold;
  margin-bottom: 10px;
}
.gm-style .gm-style-iw .gm-info .gm-info__close,
.gm-style .gm-style-iw .gm-info .gm-info__viewmore {
  color: #fff;
  display: block;
  text-decoration: underline;
  cursor: pointer;
}
.gm-style .gm-style-iw .gm-info .gm-info__viewmore {
  text-decoration: none !important;
  border-bottom: 2px solid #fff !important;
  padding-bottom: 5px !important;
  width: fit-content;
}
.gm-style .gm-style-iw-t::after {
  box-shadow: none;
  background-color: #004595;
}
.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c {
  width: 230px;
  height: 96px;
  padding: 8px 8px 8px 14px !important;
  border-radius: 4px;
  left: -80px;
}
.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect {
  top: 5px !important;
  right: 0 !important;
  width: 24px !important;
  height: 26px !important;
  opacity: 1;
}
.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect span {
  mask-repeat: no-repeat;
  width: 20px !important;
  margin: unset !important;
  background-color: #ffffff;
}
.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
  overflow: hidden !important;
  padding: 0px !important;
}
.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc::after {
  background-color: #004595;
}

@media (max-width: 1199.98px) {
  .check-your-area .wp-spacing .form-row:last-child {
    margin-bottom: 40px;
  }
}
.check-your-area .form-group .form-control {
  padding-right: 60px;
}
.check-your-area {
  /* SPRINT 57 - #68851 - SC - Shaw Trust Element Mark Up Issues */
}
.check-your-area .wp-iclocation button {
  border: none;
  background: transparent;
}
.check-your-area .promobannerblock .container {
  padding: 0;
}
@media (max-width: 1199.98px) {
  .check-your-area .promobannerblock .container {
    padding: 0 20px;
  }
}
@media (max-width: 1199.98px) {
  .check-your-area .promobannerblock .container .promo-banner {
    margin-bottom: 0 !important;
  }
}
.check-your-area .tabs-content {
  padding-bottom: 0;
}

.icon-locate-me {
  width: 23px;
  height: 23px;
}

.find-address {
  margin-top: 30px;
  text-align: center;
}
.find-address strong {
  color: #0097e6;
  text-decoration: underline;
}

.leak_emg_box p > a {
  font-weight: 400 !important;
}

.leak-address-blk .wp-iclocation {
  position: absolute;
  right: 0;
  top: 4px;
}
.leak-address-blk .wp-iclocation i {
  font-size: 24px;
  background: #fff;
  color: var(--color--hover);
}
.leak-address-blk .nb-tooltip {
  right: 30px;
  font-size: 20px;
}
.leak-address-blk .nb-tooltip i {
  font-size: 20px;
  color: var(--color--hover);
}

.leak-emg-box {
  width: 348px;
  height: 199px;
  border: solid 1px #e6e6e6;
  background-color: #f2f2f2;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-family: IBM Plex Sans, sans-serif;
  text-align: center;
  color: #000000;
}
.leak-emg-box .leak-head-tag {
  width: 340px;
  height: 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  margin: 28px 5px 14px 2px;
}
.leak-emg-box .leak-editorial__block {
  width: 306px;
  height: 106px;
  font-size: 16px;
  line-height: 1.5;
}

.wp-no-leak {
  width: 349px;
  height: 83px;
  border: solid 1px #004595;
}
.wp-no-leak-title {
  font-family: IBM Plex Sans, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #004595;
}

.serverity-check-row .form-checkbox .error {
  border: 1px solid red !important;
}
.serverity-check-row .img-check-box {
  width: 99px;
  height: 97px;
}

.leak-radio-list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.leak-radio-list-image.clearfix {
  display: flex !important;
}
.leak-radio-list div {
  display: block;
  position: relative;
  float: left;
  margin-right: 20px;
  width: 97px;
  height: 95.1px;
  border: solid 1px #e6e6e6;
  margin: 0px 29px 0px 0px;
}
.leak-radio-list div:nth-child(3) {
  margin-right: 0px;
}
@media (max-width: 767px) {
  .leak-radio-list div:nth-child(3) {
    margin-right: 0;
  }
}
@media (max-width: 1200px) and (min-width: 767px) {
  .leak-radio-list div {
    margin: 0px;
  }
}
@media (min-width: 1200px) {
  .leak-radio-list div {
    margin-right: 29px;
  }
}
@media (max-width: 767px) {
  .leak-radio-list div {
    margin-right: 12px;
  }
}
.leak-radio-list div label {
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  text-transform: none;
  text-align: center;
  padding: 0 13px;
  z-index: 5;
  cursor: pointer;
  background-color: #eee;
  color: #333;
  width: 97px;
  height: 95.1px;
  margin-bottom: 6px;
}
.leak-radio-list div label img {
  margin: 8px 0px;
  border-radius: 100%;
  border: 2px solid #ccc;
  max-width: 100%;
  height: inherit;
  vertical-align: middle;
  border: none;
  width: 98PX;
  height: 80PX;
}
.leak-radio-list div label .check {
  background-color: #ddd;
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  top: 66px;
  left: 55px;
  z-index: 10;
  text-align: center;
}
.leak-radio-list div label:hover {
  background-color: #004595;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.leak-radio-list div input[type=radio] {
  position: absolute;
}
.leak-radio-list div input[type=radio]:checked ~ label {
  background-color: #004595;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.leak-radio-list div input[type=radio]:checked ~ label .check {
  background-color: #5bc0de;
}

.img-check-box.nb-btn-error {
  border: 1px solid red;
}

.leak-report-confirmation {
  margin-top: 60px;
}

.file-upload .btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 20px 20px;
  text-decoration: none;
  width: 349px;
  height: 60px;
  background-color: #004595;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  display: table;
}
.file-upload .disable-upload {
  opacity: 0.4;
  background-color: #004595;
}
.file-upload i.far.fa-cloud-upload {
  margin-left: 10px;
  width: 24px;
  height: 18px;
}
.file-upload input[type=file] {
  display: none !important;
}

.file-preview {
  background-color: #f2f2f2;
  font-weight: 300 !important;
  font-size: 16px !important;
  white-space: nowrap;
  padding-right: 30px;
  min-height: 60px;
  text-align: left;
  position: relative;
  margin-top: 12px;
  height: 90px;
}
@media (min-width: 1200px) {
  .file-preview {
    width: 350px !important;
  }
}
.file-preview-detail {
  width: 58px;
  height: 58px;
  background-color: #004595;
  margin: 16px 0px 0px 14px;
  color: white;
  line-height: 3.5;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}
.file-preview .tooltip-close {
  margin-left: auto;
  line-height: 14px;
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 6px;
  padding: 7px 10px;
}
.file-preview-type {
  flex: 0 0 100%;
  margin: 0 9px;
}
.file-preview-name {
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin: -63px 0px 0px 97px;
  font-size: 12px;
  font-weight: 400;
  width: 211.4px;
  height: 20px;
  font-weight: normal;
}
.file-preview-name span {
  margin-left: -60px !important;
}
.file-preview-cls-btn {
  width: 17.1px;
  height: 17.1px;
  transform: rotate(-90deg);
  margin: -5px 64px;
}
.file-previewa {
  color: blue;
}
.file-preview .progress {
  position: relative;
  height: 5px;
  overflow: hidden;
  background-color: #7f7f7f;
  margin-left: 90px;
  width: 243px;
}
.file-preview .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  line-height: 20px;
  text-align: center;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 2s ease;
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
  background-color: #004595;
}
.file-preview .loader-status {
  color: #000;
  font-style: italic;
  font-size: 12px;
  text-align: center;
  letter-spacing: normal;
  margin-top: -30px;
  margin-left: 73px;
  font-weight: 400;
  width: 101px;
}
.file-preview .loader-status-completed {
  color: green;
  font-style: italic;
  font-size: 12px;
  text-align: center;
  letter-spacing: normal;
  margin-top: -30px;
  margin-left: 73px;
  font-weight: 400;
  width: 101px;
}

.leak-edit p {
  font-size: 16px !important;
}

textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400 !important;
  font-stretch: normal;
  font-style: italic;
  line-height: 2.06;
  letter-spacing: normal;
  color: #7f7f7f !important;
}

.view-leak-area {
  font-family: IBM Plex Sans, sans-serif;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.view-leak-area-blk {
  color: #004595;
  font-size: 32px;
  font-weight: bold;
}
.view-leak-area-status {
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
  margin-top: 15px;
}
.view-leak-area .view-leak-date {
  font-weight: 600;
}

.view-leak-update {
  font-style: italic !important;
  line-height: 1.69 !important;
  font-size: 16px;
  margin-bottom: 15px;
}

.leak-works {
  margin-bottom: 60px;
}

.leak-works-body, .leak-works, .leak-view-body {
  font-family: IBM Plex Sans, sans-serif;
}
.leak-works-body .leak-list__box .wp-ictext--status, .leak-works .leak-list__box .wp-ictext--status, .leak-view-body .leak-list__box .wp-ictext--status {
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  color: #000;
}
.leak-works-body .leak-list__box .wp-ictext--status i, .leak-works .leak-list__box .wp-ictext--status i, .leak-view-body .leak-list__box .wp-ictext--status i {
  font-size: 18px !important;
  margin-top: 10px !important;
}
.leak-works-body .leak-list__box .wp-ictext--status .nb-tooltip, .leak-works .leak-list__box .wp-ictext--status .nb-tooltip, .leak-view-body .leak-list__box .wp-ictext--status .nb-tooltip {
  position: relative;
  display: inline-block;
  background: #fff;
  width: 20px;
  height: 20px;
  margin-left: 2px;
}
.leak-works-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-btn::before, .leak-works .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-btn::before, .leak-view-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-btn::before {
  right: -7px;
}
.leak-works-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner, .leak-works .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner, .leak-view-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner {
  margin-right: -20px;
}
.leak-works-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner .tooltip-close, .leak-works .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner .tooltip-close, .leak-view-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner .tooltip-close {
  margin-left: auto;
  color: #fff !important;
  line-height: 14px;
  font-size: 16px;
  position: absolute;
  padding: 0px 0px;
  margin-right: -20px;
  top: 0px;
}
.leak-works-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner .tooltip-close i, .leak-works .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner .tooltip-close i, .leak-view-body .leak-list__box .wp-ictext--status .nb-tooltip .tooltip-inner .tooltip-close i {
  margin-right: 10px;
}
.leak-works-body .leak-list__box .wp-ictext--time, .leak-works .leak-list__box .wp-ictext--time, .leak-view-body .leak-list__box .wp-ictext--time {
  font-size: 14px;
  font-style: normal;
  color: #000000;
  text-align: center;
  line-height: 1.69;
}
.leak-works-body .leak-list__box .wp-ictext--time i, .leak-works .leak-list__box .wp-ictext--time i, .leak-view-body .leak-list__box .wp-ictext--time i {
  font-size: 18px !important;
}
.leak-works-body .leak-list__box .wp-ictext--time .nb-tooltip, .leak-works .leak-list__box .wp-ictext--time .nb-tooltip, .leak-view-body .leak-list__box .wp-ictext--time .nb-tooltip {
  position: relative;
  display: inline-block;
  background: #fff;
  width: 20px;
  height: 20px;
}
.leak-works-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-btn::before, .leak-works .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-btn::before, .leak-view-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-btn::before {
  right: -7px;
}
.leak-works-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner, .leak-works .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner, .leak-view-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner {
  margin-right: -20px;
}
.leak-works-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner .tooltip-close, .leak-works .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner .tooltip-close, .leak-view-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner .tooltip-close {
  padding: 10px 0px;
  top: 0px;
  right: 0px;
}
.leak-works-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner .tooltip-close i, .leak-works .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner .tooltip-close i, .leak-view-body .leak-list__box .wp-ictext--time .nb-tooltip .tooltip-inner .tooltip-close i {
  margin-right: -2px;
}

.wp-find-location-by-map .wp-leak-map {
  height: 600px;
}

@media (max-width: 767px) {
  .wp-map-view .wp-map {
    height: 500px;
  }
  .wp-find-location-by-map .wp-leak-map {
    height: 500px;
  }
}
/* SPRINT_40 : #34447 - ST - Pre-Budget Questions */
.budget-estimator-page {
  background-color: #f2f2f2;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form {
  width: 100%;
  background-color: #fff;
  padding: 40px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form h4 {
  padding: 0 0 49px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator {
  display: flex;
  gap: 35px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator {
  width: 60%;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .sub-title {
  margin-bottom: 16px;
  padding: 0;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator p {
  padding: 0 0 30px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row {
  margin-bottom: 40px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .sub-title {
  margin-bottom: 24px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .sub-title .nb-tooltip {
  margin-left: 0;
  background: transparent;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .sub-title .nb-tooltip .tooltip-inner {
  z-index: 99;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .sub-title .nb-tooltip .tooltip-inner p {
  padding-bottom: 0;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-error {
  position: absolute;
  top: 36px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .wp-usage-checkbox {
  display: flex;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .wp-usage-checkbox .form-checkbox {
  margin-right: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .wp-usage-checkbox .form-checkbox .radio-label {
  margin-left: 10px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group {
  /*Range slider*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider {
  display: flex;
  align-items: center;
  width: 100%;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box {
  width: 70%;
  position: relative;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box .tooltipslider {
  position: absolute;
  color: #fff;
  top: -50px;
  z-index: 1;
  opacity: 0;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box .tooltipslider::before {
  content: "";
  width: 40px;
  height: 40px;
  background: var(--brand--color-primary);
  top: -6px;
  display: flex;
  left: -13px;
  z-index: -1;
  position: absolute;
  border-radius: 5px solid var(--brand--color-primary);
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box .tooltipslider::after {
  content: "";
  position: absolute;
  top: 34px;
  left: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid var(--brand--color-primary);
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 3px;
  padding: 0;
  border-radius: 2px;
  outline: none;
  margin-right: 20px;
  pointer-events: none;
  /*Chrome thumb*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 25px;
  height: 34px;
  width: 34px;
  border-radius: 25px;
  background: #fff;
  border: 3px solid var(--brand--color-primary);
  cursor: pointer;
  pointer-events: auto;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  /*Mozilla thumb*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-border-radius: 25px;
  height: 34px;
  width: 34px;
  border-radius: 25px;
  background: #fff;
  border: 3px solid var(--brand--color-primary);
  cursor: pointer;
  pointer-events: auto;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  /*IE & Edge input*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-ms-track {
  width: 300px;
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 2px 0;
  /*remove default tick marks*/
  color: transparent;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  /*IE & Edge thumb*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-ms-thumb {
  height: 14px;
  width: 14px;
  border-radius: 5px;
  background: #767676;
  border: 1px solid #767676;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  /*IE & Edge left side*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-ms-fill-lower {
  background: var(--brand--color-primary);
  border-radius: 2px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  /*IE & Edge right side*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-ms-fill-upper {
  background: #767676;
  border-radius: 2px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  /*IE disable tooltip*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range]::-ms-tooltip {
  display: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .slider-box input[type=range] {
  border: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider input[type=range].error {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 3px;
  padding: 0;
  border-radius: 2px;
  outline: none;
  margin-right: 20px;
  pointer-events: none;
  background-color: #d91e18 !important;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider {
  /*chrome thumb*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider input.error::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 25px;
  height: 34px;
  width: 34px;
  border-radius: 25px;
  background: #fff;
  border: 3px solid #d91e18 !important;
  cursor: pointer;
  pointer-events: auto;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider {
  /*Mozilla thumb*/
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider input.error::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-border-radius: 25px;
  height: 34px;
  width: 34px;
  border-radius: 25px;
  background: #fff;
  border: 3px solid #d91e18 !important;
  cursor: pointer;
  pointer-events: auto;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .rangevalue, .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .slider .rangevaluemeter {
  border: none;
  border-bottom: 2px solid #767676 !important;
  text-align: center !important;
  font-size: 16px;
  font-weight: 700;
  margin-left: 35px;
  padding-bottom: 12px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group {
  /* ===== Select Box ===== */
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select {
  border-bottom: 3px solid #767676;
  background: #fff;
  position: relative;
  height: 41px;
  cursor: pointer;
  text-align: left;
  outline: none;
  width: 70%;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select select {
  display: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .form-line {
  border-bottom-color: var(--brand--color-secondary);
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .fa-caret-down {
  position: absolute;
  right: 0;
  top: 15px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .fa-caret-down:before {
  display: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__placeholder {
  display: block;
  line-height: 32px;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  pointer-events: none;
  user-select: none;
  visibility: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 20px 4px 0;
  height: 38px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__box {
  outline: none !important;
  border: 3px solid #e6e6e6;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  list-style-type: none;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  max-height: 235px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__box .sel__box_inner {
  position: relative;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__box__options {
  display: list-item;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 24px 17px;
  user-select: none;
  cursor: pointer;
  outline: none !important;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__box__options + .sel__box__options {
  border-top: 3px solid #e6e6e6;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__box__options:hover, .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select .sel__box__options.selected {
  background-color: var(--color--hover);
  color: #fff;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.hasempty {
  cursor: not-allowed;
  pointer-events: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.hasempty .fa-caret-down, .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.hasempty:after {
  display: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.hasempty select::-ms-expand {
  display: none;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.form-tooltip .fa-caret-down {
  right: 35px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.empty {
  border-bottom-color: #d91e18;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.empty ~ .form-error {
  display: block;
  animation: fadeIn 1.2s forwards;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.actived .fa-caret-down {
  transform: rotateX(-180deg);
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.actived .sel__box {
  display: block;
  animation: fadeInUp 500ms;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-btn {
  display: flex;
  gap: 24px;
  margin-bottom: 40px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-btn .nb-btn {
  width: 100%;
  justify-content: center;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container {
  width: 40%;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator {
  background-color: #f2f2f2;
  min-height: 500px;
  padding: 32px 32px;
  margin-bottom: 24px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .sub-title {
  margin-bottom: 24px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-summary {
  display: flex;
  margin-bottom: 4px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-summary .budget-title {
  width: 75%;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-summary .budget-currency {
  padding: 0 10px;
  color: var(--brand--color-primary);
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-summary .budget-cost {
  width: 11%;
  text-align: right;
  color: var(--brand--color-primary);
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator hr {
  border: 1px solid #767676;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total {
  display: flex;
  padding: 16px 0 24px 0;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total .budget-total-title {
  flex-grow: 1;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total .budget-total-currency, .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total .budget-total-cost {
  color: var(--brand--color-primary);
  font-size: 32px;
  padding: 0 6px 0 0px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total-btn {
  display: flex;
  background-color: #fff;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total-btn button {
  width: 100%;
  justify-content: center;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-total-more-info {
  display: block;
  padding: 30px 0 0 0;
  text-align: center;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .currencycg {
  color: var(--footer--color-line) !important;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .pre-disclaimer .disclaimer-title .sub-title {
  margin-bottom: 0;
  padding-bottom: 0;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .pre-disclaimer .disclaimer-description p {
  font-weight: 500;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .post-disclaimer .estimate-disclaimer-app-btn {
  padding-top: 12px;
}
.budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .post-disclaimer .estimate-disclaimer-app-btn .nb-btn {
  padding: 20px 25px;
  display: inline-block;
}

.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box {
  width: 100%;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box {
  display: flex;
  gap: 32px;
  margin-bottom: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box .account__box.bg__box {
  width: 50%;
  padding-top: 24px;
  margin-bottom: 80px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box .account__box.bg__box .sub-title {
  padding-bottom: 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box .account__box.bg__box .plink.editorial__block.editorial__block-none {
  margin-top: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box .account__box.bg__box .plink.editorial__block.editorial__block-none p:first-child {
  padding-bottom: 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box .account__box.bg__box .plink.editorial__block.editorial__block-none strong {
  font-size: 16px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .account-teaser p {
  padding-bottom: 32px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk {
  position: relative;
  margin-bottom: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .find-address {
  margin-top: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map {
  margin-top: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-pin-info {
  background-color: #002551;
  color: #fff;
  padding: 10px 0;
  font-size: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-pin-info .info-img {
  padding-right: 8px;
  max-width: unset;
  padding-left: 10px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-pin-info .info-icon {
  display: flex;
  padding-top: 3px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-pin-info p {
  padding-right: 8px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-footer {
  background-color: var(--black-color);
  color: #fff;
  padding: 24px 0;
  margin-bottom: 40px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-footer p {
  font-size: 16px;
  font-weight: 600;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-footer .key strong {
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-footer .key img {
  padding: 0 16px 0 38px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .zero-leaks-found {
  background-color: #B2B2B2;
  width: 350px;
  padding: 28px 6px;
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .gm-style-iw-d strong {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .gm-style-iw-d .address {
  padding-top: 10px;
  padding-bottom: 10px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .gm-style-iw-d br {
  margin-bottom: 16px !important;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-row-map-btn {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-row-map-btn p {
  padding-bottom: 25px;
  font-size: 18px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-row-map-btn .form-btn {
  margin-bottom: 0;
  width: 350px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-row-map-btn .form-btn .nb-btn {
  display: flex;
  justify-content: center;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group {
  width: 360px;
  height: 60px;
  margin: 0 auto;
  background-color: #fff;
  left: 0;
  right: 0;
  position: absolute;
  top: 70px;
  box-shadow: 0px 3px 6px #ceced6;
  border-radius: 3px;
  opacity: 0.85;
}
@media (max-width: 991px) and (max-width: 767px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group {
    top: 96px;
  }
}
@media (max-width: 767px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group {
    top: 126px !important;
  }
}
@media (max-width: 320px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group {
    width: 218px !important;
    left: -68px !important;
  }
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .form-control {
  padding: 12px 0 0 0 !important;
  margin-left: 24px;
  width: 75%;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .close-reset {
  position: absolute;
  top: 18px;
  right: 20px;
  cursor: pointer;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .close-reset img {
  width: 15px;
  height: 15px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group label {
  padding: 5px 60px 0 24px !important;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .form-line {
  margin: 6px 0 0 24px;
  max-width: 75%;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
  position: absolute;
  top: 70px;
  left: 68%;
  width: 60px;
  height: 60px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 6px #ceced6;
  border-radius: 3px;
  opacity: 0.85;
}
@media (max-width: 991px) and (max-width: 767px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
    top: 96px;
  }
}
@media (max-width: 767px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
    top: 126px;
  }
}
@media (max-width: 320px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
    left: 79% !important;
  }
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location a {
  width: 24px;
  height: 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
  /* SPRINT 57 - #68851 - SC - Shaw Trust Element Mark Up Issues */
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location button {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group.completed .form-line {
  margin: 6px 0 0 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .form-control:focus ~ .form-lable {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: none;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group.active .form-lable {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: none;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.report-leak__box .form-btn {
  width: 350px;
  margin: 0 auto;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .form-row.start-report-leak, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leak-report-detail, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak {
  width: 350px;
  margin: 40px auto;
}
@media (max-width: 767.98px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .form-row.start-report-leak, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leak-report-detail, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak {
    width: 100%;
  }
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .form-row.start-report-leak .required-indicator, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leak-report-detail .required-indicator, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak .required-indicator {
  padding-bottom: 0px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form {
  /*Sprint 58 : NR - #66791 - Report Leak changes*/
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .icon-container i {
  font-size: 2rem;
  color: #000;
  padding-bottom: 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .freshWaterNo .account__box, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .account__box {
  padding: 2rem !important;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .freshWaterNo h6, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported h6 {
  font-size: 18px;
  color: #000 !important;
  font-weight: 600;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .freshWaterNo h6 i, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported h6 i {
  font-size: 24px;
  color: #000;
  padding-right: 14px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .freshWaterNo p, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported p {
  font-size: 18px;
  padding-bottom: 24px;
  color: #000 !important;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .freshWaterNo .title, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .title {
  width: 350px;
  margin: 20px auto;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .is-the-leak-visible-question, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak {
  width: 350px;
  margin: 40px auto 0px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .is-the-leak-visible-question .form-row, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak .form-row {
  margin-bottom: 40px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .is-the-leak-visible-question .form-row .form-btn, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak .form-row .form-btn {
  margin-bottom: 0px;
}
@media (max-width: 767.98px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .is-the-leak-visible-question, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak {
    width: 100%;
  }
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .is-the-leak-visible-question .required-indicator, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak .required-indicator {
  padding-bottom: 0px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .is-the-leak-visible-question .sub-title, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .pre-start-report-leak .sub-title {
  margin-bottom: 16px;
  padding: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form .leakvisibleNo .account__box.bg__box, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form .isLeakReported .account__box.bg__box {
  margin-bottom: 0px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported {
  margin-bottom: 40px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .icon-container, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .account__box, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .icon-container, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .account__box {
  padding: 2rem !important;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo.form-box, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported.form-box {
  display: flex;
  gap: 32px;
  margin-bottom: 0;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo.form-box .account__box.bg__box, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported.form-box .account__box.bg__box {
  width: 50%;
  padding-top: 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo h6, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported h6 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  padding-bottom: 24px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo h6 i, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported h6 i {
  font-size: 24px;
  color: #000;
  padding-right: 14px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo p, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported p {
  font-size: 18px;
  padding-bottom: 24px;
  color: #000;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .title, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .title {
  width: 350px;
  margin: 20px auto 20px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .isleakreported-headingbox, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .isleakreported-headingbox {
  background: #004595;
  width: 100% !important;
  margin: 40px 0px;
  padding: 32px 20px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .isleakreported-headingbox .icon-placehoder, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .isleakreported-headingbox .icon-placehoder {
  margin-bottom: 20px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .isleakreported-headingbox .icon-placehoder i, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .isleakreported-headingbox .icon-placehoder i {
  font-size: 24px;
  color: #fff;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .isleakreported-headingbox h6.title, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .isleakreported-headingbox h6.title {
  font-size: 28px;
  font-weight: 700;
  color: #fff !important;
  width: 100% !important;
  margin: 0px;
  line-height: 36px;
}
.activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .leakvisibleNo .isleakreported-headingbox p, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .isLeakReported .isleakreported-headingbox p {
  font-size: 18px;
  font-weight: 400;
  color: #fff !important;
  padding-bottom: 0px;
}
.activity-management-page.report-a-problem .report-a-problem-block .report-leak-vyn {
  width: 100%;
  margin-bottom: 32px;
  margin-top: 30px;
}
.activity-management-page.report-a-problem .report-a-problem-block .report-leak-vyn .wp-report-list-vyn-block {
  background-color: #002551;
  border-radius: 4px;
  padding: 32px;
}
.activity-management-page.report-a-problem .report-a-problem-block .report-leak-vyn .wp-report-list-vyn-block h2 {
  color: #fff;
  font-size: 28px;
}
.activity-management-page.report-a-problem .report-a-problem-block .report-leak-vyn .wp-report-list-vyn-block p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.activity-management-page.report-a-problem .report-a-problem-block .report-leak-vyn .wp-report-list-vyn-block a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid #fff;
  padding-bottom: 3px;
}
.activity-management-page.report-a-problem .report-a-problem-block .report-leak-vyn .wp-report-list-vyn-block a:hover {
  padding-bottom: 1px;
}
.activity-management-page.report-a-problem .report-a-problem-block .vyn-video-block {
  margin: 8px 0 40px;
}
.activity-management-page.report-a-problem .report-a-problem-block .vyn-video-block p {
  font-size: 18px;
}
.activity-management-page.report-a-problem .report-a-problem-block .vyn-video-block p a {
  font-weight: 600;
  text-decoration: underline;
  color: #004595;
}
.activity-management-page.report-a-problem .report-a-problem-block .vyn-video-block .send-vyn-video-btn {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 537px) {
  .budget-estimator-page .wp-usage-checkbox fieldset {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .budget-estimator-page .wp-usage-checkbox fieldset .form-checkbox {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form {
    padding: 24px 16px;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form h4 {
    font-size: 24px;
    padding-bottom: 24px;
    line-height: 32px;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator {
    flex-direction: column;
    gap: 0;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator {
    width: 100%;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .sub-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-checkbox {
    margin-right: 0 !important;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-row .form-row .form-group .form-select.selected {
    width: 100%;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-btn {
    flex-direction: column;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .water-estimator .form-btn button {
    width: 100% !important;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container {
    width: 100%;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator {
    padding: 32px 16px;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-estimator-block .budget-total .budget-total-currency {
    padding: 0 !important;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-estimator-block .budget-total .budget-total-cost {
    padding: 0 0 0 5px !important;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .budget-estimator .budget-estimator-block .budget-total-more-info {
    padding-top: 24px !important;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .pre-disclaimer .disclaimer-title .sub-title {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .pre-disclaimer .disclaimer-description p {
    font-weight: 500;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .post-disclaimer .estimate-disclaimer-app-btn {
    padding-top: 12px;
  }
  .budget-estimator-page .account-page.budget-estimator-container .container .account-form .estimator .budget-container .disclaimer .post-disclaimer .estimate-disclaimer-app-btn .nb-btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box {
    flex-direction: column;
    gap: 0;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.form-box .account__box.bg__box {
    width: 100% !important;
    margin-bottom: 32px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .account-teaser {
    padding: 40px 42px;
    line-height: 27px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group {
    width: 249px;
    opacity: 1;
    left: -77px;
    top: 96px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .postcode-out-error-msg {
    width: 340px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .form-control {
    margin-left: 12px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .close-reset {
    right: 14px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .close-reset img {
    width: 15px;
    height: 15px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group label {
    padding: 5px 30px 0 12px !important;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group .form-line {
    margin: 6px 0 0 12px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .form-group.completed .form-line {
    margin: 6px 0 0 12px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
    left: 80%;
    opacity: 1;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map-footer {
    padding: 22px 0;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map-footer p {
    display: flex;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map-footer .key-label-mb-v {
    display: none;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map-footer .key {
    width: 50%;
    margin-left: 20px;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    line-height: 20px;
    padding: 0;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map-footer .key img {
    padding: 0 16px 0 10px !important;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .zero-leaks-found {
    width: 100% !important;
    left: 0 !important;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.report-leak__box {
    margin-bottom: 0;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.report-leak__box .form-btn {
    width: 100%;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form .leakvisibleNo .account__box.bg__box, .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form .isLeakReported .account__box.bg__box {
    margin-bottom: 32px;
  }
}
/*Sprint 42 - SC - #42206 - UI Issues with Leak Maps on INT*/
@media (max-width: 480px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .zero-leaks-found {
    bottom: 82px;
  }
  .gm-fullscreen-control, .gm-style-mtc {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
    left: 70%;
    opacity: 1;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-footer .key {
    margin-left: 60px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .zero-leaks-found {
    width: 350px !important;
    padding: 24px 6px;
    bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-iclocation.icmap-location {
    left: 66%;
    opacity: 1;
    top: 96px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .wp-find-location-by-map-footer .key {
    margin-left: 115px;
  }
  .activity-management-page.report-a-problem .report-a-problem-block .wp-report-content.report-leak-form .account-form.account-box .form-row.leak-address-blk .wp-find-location-by-map .zero-leaks-found {
    width: 350px !important;
    padding: 24px 6px;
    bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .nb-tooltip .tooltip-inner {
    left: 0 !important;
    width: max-content !important;
    max-width: 350px;
  }
}
.display-documents-page {
  background-color: #f2f2f2;
}
.display-documents-page .display-documents-container {
  padding: 5.313rem 0 6rem;
}
.display-documents-page .display-documents-container .display-documents {
  width: 100%;
  background-color: #fff;
  padding: 2.5rem;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents {
    padding: 1rem;
  }
}
.display-documents-page .display-documents-container .display-documents h4 {
  font-size: 1.75rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents h4 {
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .search-container {
  position: relative;
  width: 40%;
  border: 2px solid #000;
  border-radius: 0;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .view-displayed-documents .search-container {
    width: 60%;
  }
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .search-container button {
  position: absolute;
  top: 7px;
  border: none;
  background: transparent;
  padding-left: 1rem;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .search-container button i {
  font-weight: 600;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .search-container .form-control {
  padding-left: 2.75rem;
  width: 100%;
  border: 0;
  box-shadow: 0;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .search-container .form-control:focus {
  box-shadow: none;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-link {
  color: #000;
  font-weight: 600;
  background: #e6e6e6;
  padding: 0.875rem 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-link {
    padding: 0.75rem;
  }
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.2) -4px 6px 20px;
  border: 1px solid #767676;
  border-radius: 4px;
  padding: 1.25rem 1rem;
  background: #fff;
  position: absolute;
  top: 120%;
  right: 0;
  z-index: 9;
  width: 21rem;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items {
    width: 100%;
  }
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #000;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group span {
  font-weight: 600;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items span {
  font-weight: 600;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list {
  padding-right: 1.625rem;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check {
  padding: 1rem 0;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check:last-child {
  border-bottom: none !important;
  padding-bottom: 2rem;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check .form-check-input {
  float: right;
  margin-left: 0;
  cursor: pointer;
  border: 2px solid #767676;
  width: 1.25rem;
  height: 1.25rem;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 class=%27bi bi-circle-fill%27 viewBox=%270 0 16 16%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%278%27/%3E%3C/svg%3E") !important;
  background-size: 74% 83% !important;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check .form-check-input:checked[type=radio] {
    background-size: 74% 76% !important;
  }
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check .form-check-input:checked {
  background-color: #fff !important;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check .form-check-input:focus {
  box-shadow: none;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .sort-list .form-check .form-check-label {
    width: 85%;
  }
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list {
  height: 26.75rem;
  overflow: auto;
  padding-right: 1rem;
  /* Scrollbar Styling */
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list::-webkit-scrollbar {
  width: 6px;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #707070;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list {
  /* End Scrollbar Styling */
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list span {
  font-weight: 600;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list .form-check {
  padding: 1rem 0;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list .form-check:last-child {
  border-bottom: none !important;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list .form-check .form-check-input {
  float: right;
  margin-left: 0;
  cursor: pointer;
  border: 2px solid #767676;
  width: 1.25rem;
  height: 1.25rem;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list .form-check .form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2750%27 height=%2750%27 fill=%27currentColor%27 class=%27bi bi-check-lg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z%27/%3E%3C/svg%3E") !important;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list .form-check .form-check-input:checked {
  background-color: #fff !important;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-group .group-items .category-list .form-check .form-check-input:focus {
  box-shadow: none;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-btn .nb-btn.reset-filters-btn {
  background-color: #e6e6e6;
  color: #000;
}
.display-documents-page .display-documents-container .display-documents .view-displayed-documents .filter-container .filter-items .filter-btn button.nb-btn {
  width: 10rem;
  height: 3rem;
  margin-top: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.display-documents-page .display-documents-container .display-documents .display-documents-table {
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}
.display-documents-page .display-documents-container .display-documents .display-documents-table table {
  border-collapse: collapse;
  width: 100%;
}
.display-documents-page .display-documents-container .display-documents .display-documents-table table thead th {
  padding: 1.25rem 1.125rem;
  background-color: #004595;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .display-documents-table table thead th {
    padding: 1.25rem 1.125rem;
  }
}
.display-documents-page .display-documents-container .display-documents .display-documents-table table tbody td {
  padding: 1.25rem 1.125rem;
  border-bottom: 1px solid #e6e6e6;
}
.display-documents-page .display-documents-container .display-documents .display-documents-table table tbody td div {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .display-documents-table table tbody td div.file-name-container {
    width: 330px;
  }
}
.display-documents-page .display-documents-container .display-documents .display-documents-table table tbody td div i {
  font-size: 24px;
  font-weight: 500;
  padding-right: 1rem;
  color: #000;
}
.display-documents-page .display-documents-container .display-documents .display-entries {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .display-entries {
    flex-direction: column;
    margin-bottom: 3rem;
  }
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .display-entries span {
    margin-bottom: 3rem;
  }
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination {
  --bs-border-color: transparent;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination {
    padding: 0px;
  }
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li.disabled {
  padding-top: 2px;
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li.disabled > .page-link, .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li.disabled > .span {
  background-color: transparent;
  border-color: transparent;
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li a, .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li span {
  margin-right: 8px;
  color: #000;
  border: none;
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li a:focus, .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li span:focus {
  box-shadow: none;
}
@media (max-width: 1199.98px) {
  .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li a, .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li span {
    margin-right: 4px;
    padding: 3px 4px;
  }
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li.active {
  background-color: #004595;
  padding: 3px 3px 3px 10px;
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li.active .page-link, .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li.active span {
  color: #fff !important;
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li:last-child {
  padding-left: 8px;
}
.display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li:last-child .page-link, .display-documents-page .display-documents-container .display-documents .display-entries nav .pagination li:last-child span {
  padding-right: 0;
  margin-right: 0;
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.bg-black {
  background-color: var(--black-color) !important;
}

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

/*error and warning*/
.border-warning {
  border: 1px solid #d91e18 !important;
}

.center-container {
  margin: 0 auto;
}

.error-line {
  border-bottom-color: #d0021b !important;
}

.visibility-none {
  visibility: hidden;
}

.postcode-out-error-msg {
  color: #d0021b;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}

.display-block {
  display: block;
}

.displayflex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.displayflex-column {
  display: flex;
  flex-direction: column;
}

/*SPRINT_56 : #64839 - ST - Ebilling updates*/
.displayflex-columnReverse {
  display: flex;
  flex-direction: column-reverse;
}

.align-self-center {
  align-self: center;
}

.display-flex {
  display: flex;
}

/* Sprint 65 : #76377 - ST - Reason for name change = Other > Please enter Details for other reason - change to sentence case */
/* Position */
.right-unset {
  right: unset !important;
}

/* Sprint 55 : #59909 - PB - Website headers size and order */
h1.small-h1 {
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 15px;
}

/* Sprint 55 : #59909 - PB - Website headers size and order - Ends */
.d-inline-block {
  display: inline-block;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mt-auto {
  margin-top: auto;
}

.mt-0 {
  margin-top: 0px !important;
}

.p-all-10px-6px {
  padding: 6px 10px 10px;
}

.p-all-14px-6px {
  padding: 6px 14px 10px;
}

.ptb-65-plr-96 {
  padding: 65px 96px !important;
}

.pl-10 {
  padding-left: 10px;
}

.pl-40 {
  padding-left: 40px;
}

.p-30 {
  padding: 30px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mt--15 {
  margin-top: -15px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.mt--30 {
  margin-top: -30px !important;
}

.mb--10 {
  margin-bottom: -10px !important;
}

.mb--20 {
  margin-bottom: -20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-1rem {
  margin-top: 1rem !important;
}

.mt-2rem {
  margin-top: 2rem !important;
}

.mt-3rem {
  margin-top: 3rem !important;
}

.mt-4rem {
  margin-top: 4rem !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-3rem {
  margin-bottom: 3rem !important;
}

.mb-5rem {
  margin-bottom: 5rem !important;
}

.mb-6rem {
  margin-bottom: 6rem !important;
}

.m-t-b-3rem {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-t-m-4 {
  margin-top: -4%;
}

.w-100 {
  width: 100% !important;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50% !important;
}

.w-66 {
  width: 66%;
}

/*Sprint 70 : #81674 - CMB - Message to tell customer meters are being installed*/
.wd-md-75 {
  width: 75%;
}
@media (max-width: 1199.98px) {
  .wd-md-75 {
    width: 100%;
  }
}

.w-78 {
  width: 78%;
}

.w-300 {
  width: 300px !important;
}

.w-350 {
  width: 350px;
}

.w-460 {
  width: 460px;
}

.m-w-350 {
  max-width: 350px;
}

.min-h-100 {
  min-height: 100px;
}

.min-h-100 {
  min-height: 100px;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-10-p {
  margin-left: 10% !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-10 {
  margin-right: 10%;
}

/*strong*/
.bold {
  font-weight: 700;
}

.b-none {
  border: none !important;
}

.b-all {
  border: 1px solid #004595;
}

.icon-color {
  color: #004595;
}

.b-container {
  border: 1px solid #e6e6e6;
}

.x-hidden {
  overflow-x: hidden;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.icon-green {
  color: #65B32E !important;
}

.icon-red {
  color: #D91E18 !important;
}

.required:before {
  content: "*";
  color: red;
  margin-right: 8px;
}

.required-indicator {
  padding-right: 10px;
}
.required-indicator .required {
  font-size: 15px;
}
.required-indicator .required:before {
  font-weight: 600;
  font-size: 16px;
}

.emailMeOneTimeLinkAlert .alert-container {
  margin: auto !important;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  position: absolute !important;
}
.emailMeOneTimeLinkAlert .alert-container .close-icon.nb-btn {
  top: 15px !important;
}
.emailMeOneTimeLinkAlert .alert-container .required-indicator {
  margin-top: -15px;
}

.budgetTotalMoreInfoAlert .alert-container {
  margin: auto !important;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  position: absolute !important;
  padding: 32px !important;
  width: 725px !important;
  max-height: 70% !important;
}
.budgetTotalMoreInfoAlert .alert-container .close-icon.nb-btn {
  top: 15px !important;
  position: absolute !important;
  left: 90% !important;
  width: 10px !important;
}
.budgetTotalMoreInfoAlert .alert-container .alert__label_more_info {
  color: #d91e18;
  font-weight: 600;
  font-size: 24px;
  text-align: left;
}
.budgetTotalMoreInfoAlert .alert-container .alert__content_more_info {
  font-weight: 400;
  color: #000;
  line-height: 20px;
  text-align: left;
}
.budgetTotalMoreInfoAlert .alert-container .alert__content_more_info p {
  padding-bottom: 12px;
}

@media (max-width: 1024px) {
  .budgetTotalMoreInfoAlert .alert-container {
    width: 95% !important;
    padding: 24px !important;
  }
  .budgetTotalMoreInfoAlert .alert-container .close-icon.nb-btn {
    left: 85% !important;
  }
}
/*Sprint 45 - #32553 - ST - Slimline promo block */
.slimeline_promo_block {
  max-width: 1140px;
  padding: 0 0 0px 0px;
  margin: 2% auto;
}
.slimeline_promo_block .promo-block {
  width: 100%;
  color: #fff;
}
.slimeline_promo_block .promo-block.purple-gradient, .slimeline_promo_block .promo-block.custom-background {
  background: transparent linear-gradient(90deg, #004595 0%, #9A12B3 100%) 0% 0% no-repeat padding-box;
}
.slimeline_promo_block .promo-block.purple-gradient:hover .hovereffect, .slimeline_promo_block .promo-block.custom-background:hover .hovereffect {
  position: absolute;
  top: 0;
  background: #002551;
  opacity: 0.9;
  width: 100%;
  height: 90px;
  left: 0;
  display: block;
}
.slimeline_promo_block .promo-block.purple-gradient:hover .hovereffect p, .slimeline_promo_block .promo-block.purple-gradient:hover .hovereffect a, .slimeline_promo_block .promo-block.custom-background:hover .hovereffect p, .slimeline_promo_block .promo-block.custom-background:hover .hovereffect a {
  color: #fff;
}
.slimeline_promo_block .promo-block.purple-gradient:hover .hovereffect p i, .slimeline_promo_block .promo-block.custom-background:hover .hovereffect p i {
  opacity: 1;
}
.slimeline_promo_block .promo-block.purple-gradient:hover .mobile, .slimeline_promo_block .promo-block.custom-background:hover .mobile {
  display: none;
}
.slimeline_promo_block .promo-block.purple-gradient .hovereffect, .slimeline_promo_block .promo-block.custom-background .hovereffect {
  display: none;
}
.slimeline_promo_block .promo-block.green-gradient {
  background: transparent linear-gradient(90deg, #004595 0%, #65B32E 100%) 0% 0% no-repeat padding-box;
}
.slimeline_promo_block .promo-block.green-gradient:hover .hovereffect {
  position: absolute;
  top: 0;
  background: #002551;
  opacity: 0.9;
  width: 100%;
  height: 90px;
  left: 0;
  display: block;
}
.slimeline_promo_block .promo-block.green-gradient:hover .hovereffect p, .slimeline_promo_block .promo-block.green-gradient:hover .hovereffect a {
  color: #fff;
}
.slimeline_promo_block .promo-block.green-gradient:hover .hovereffect p i {
  opacity: 1;
}
.slimeline_promo_block .promo-block.green-gradient:hover .mobile {
  display: none;
}
.slimeline_promo_block .promo-block.green-gradient .hovereffect {
  display: none;
}
.slimeline_promo_block .promo-block.white-promo-block {
  color: #004595;
}
.slimeline_promo_block .promo-block.white-promo-block:hover .hovereffect {
  position: absolute;
  top: 0;
  background: #002551;
  opacity: 0.9;
  width: 100%;
  height: 90px;
  left: 0;
  display: block;
  color: #fff;
}
.slimeline_promo_block .promo-block.white-promo-block:hover .hovereffect p, .slimeline_promo_block .promo-block.white-promo-block:hover .hovereffect a {
  color: #fff;
}
.slimeline_promo_block .promo-block.white-promo-block:hover .hovereffect p i {
  opacity: 1;
}
.slimeline_promo_block .promo-block.white-promo-block:hover .mobile {
  display: none;
}
.slimeline_promo_block .promo-block.white-promo-block .hovereffect {
  display: none;
}
.slimeline_promo_block .promo-block.white-promo-block .block-container {
  border: 1px solid #e6e6e6;
}
.slimeline_promo_block .promo-block.blue-promo-block-image, .slimeline_promo_block .promo-block.custom-background-image {
  background-color: #004595;
}
.slimeline_promo_block .promo-block.blue-promo-block-image:hover .hovereffect, .slimeline_promo_block .promo-block.custom-background-image:hover .hovereffect {
  position: absolute;
  top: 0;
  background: #002551;
  opacity: 0.9;
  width: 100%;
  height: 90px;
  left: 0;
  display: block;
  color: #fff;
}
.slimeline_promo_block .promo-block.blue-promo-block-image:hover .hovereffect p, .slimeline_promo_block .promo-block.blue-promo-block-image:hover .hovereffect a, .slimeline_promo_block .promo-block.custom-background-image:hover .hovereffect p, .slimeline_promo_block .promo-block.custom-background-image:hover .hovereffect a {
  color: #fff;
}
.slimeline_promo_block .promo-block.blue-promo-block-image:hover .hovereffect p i, .slimeline_promo_block .promo-block.custom-background-image:hover .hovereffect p i {
  opacity: 1;
}
.slimeline_promo_block .promo-block.blue-promo-block-image:hover .mobile, .slimeline_promo_block .promo-block.custom-background-image:hover .mobile {
  display: none;
}
.slimeline_promo_block .promo-block.blue-promo-block-image .hovereffect, .slimeline_promo_block .promo-block.custom-background-image .hovereffect {
  display: none;
}
.slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img, .slimeline_promo_block .promo-block.custom-background-image .promo-logo-subtitle-img {
  padding-right: 0;
}
.slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-logo, .slimeline_promo_block .promo-block.custom-background-image .promo-logo-subtitle-img .block-view .title-view .block-logo {
  width: 18%;
}
.slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title, .slimeline_promo_block .promo-block.custom-background-image .promo-logo-subtitle-img .block-view .title-view .block-title {
  width: 100% !important;
  font-size: 19px;
  line-height: 26px;
}
.slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract, .slimeline_promo_block .promo-block.custom-background-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract {
  width: 100%;
  margin-right: 0 !important;
}
.slimeline_promo_block .promo-block.white-promo-block-image {
  background-color: #fff;
  color: #000;
  border: 1px solid #e6e6e6;
}
.slimeline_promo_block .promo-block.white-promo-block-image:hover .hovereffect {
  position: absolute;
  top: 0;
  background: #002551;
  opacity: 0.9;
  width: 100%;
  height: 90px;
  left: 0;
  display: block;
  color: #fff;
}
.slimeline_promo_block .promo-block.white-promo-block-image:hover .hovereffect p, .slimeline_promo_block .promo-block.white-promo-block-image:hover .hovereffect a {
  color: #fff;
}
.slimeline_promo_block .promo-block.white-promo-block-image:hover .hovereffect p i {
  opacity: 1;
}
.slimeline_promo_block .promo-block.white-promo-block-image:hover .mobile {
  display: none;
}
.slimeline_promo_block .promo-block.white-promo-block-image .hovereffect {
  display: none;
}
.slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img {
  padding-right: 0;
}
.slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-logo {
  width: 18%;
}
.slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title {
  width: 100% !important;
  font-size: 19px;
  line-height: 26px;
}
.slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract {
  width: 100% !important;
  margin-right: 0 !important;
}
.slimeline_promo_block .promo-block.custom-background, .slimeline_promo_block .promo-block.custom-background-image {
  background-repeat: no-repeat;
  background-size: cover;
}
.slimeline_promo_block .promo-block .block-heading {
  font-size: 32px !important;
}
.slimeline_promo_block .promo-block .block-small-title {
  font-size: 12px !important;
}
.slimeline_promo_block .promo-block .block-container {
  padding: 0 24px;
  position: relative;
}
.slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-logo, .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-logo {
  order: 2;
}
.slimeline_promo_block .promo-block .block-container.promo-logo-subtitle .block-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.slimeline_promo_block .promo-block .block-container.promo-logo-subtitle .block-logo {
  width: 10% !important;
}
.slimeline_promo_block .promo-block .block-container.promo-logo-subtitle .block-title {
  width: 100% !important;
}
.slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-heading, .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-small-title {
  display: block;
}
.slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-heading-mdevice, .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-small-title-mdevice {
  display: none;
}
.slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-heading, .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-small-title {
  display: block;
}
.slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-heading-mdevice, .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-small-title-mdevice {
  display: none;
}
.slimeline_promo_block .promo-block .block-container .block-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
}
.slimeline_promo_block .promo-block .block-container .block-view .block-logo {
  width: 18%;
}
.slimeline_promo_block .promo-block .block-container .block-view .block-title {
  width: 80%;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}
.slimeline_promo_block .promo-block .block-container .block-view .block-title p {
  padding-bottom: 0;
}
.slimeline_promo_block .promo-block .block-container .block-view .block-title .block-title-mdevice {
  display: none;
}
.slimeline_promo_block .promo-block .block-container .block-view .block-logo + .block-title {
  width: 50%;
}
.slimeline_promo_block .promo-block .block-container .block-view .block-abstract {
  display: flex;
  justify-content: end;
  margin-right: -26px;
  width: 18%;
}
.slimeline_promo_block .promo-block .block-container .hovereffect .block-hover-view {
  height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
}
.slimeline_promo_block .promo-block .block-container .hovereffect .block-hover-view .block-title-hover {
  width: 50%;
}
.slimeline_promo_block .promo-block .block-container .hovereffect .block-hover-view .block-title-hover p {
  padding-bottom: 0;
}
.slimeline_promo_block .promo-block .block-container .hovereffect .block-hover-view .viewmore p {
  padding-bottom: 0;
}
.slimeline_promo_block .promo-block .block-container .hovereffect .block-hover-view .viewmore i {
  padding-left: 12px;
}

@media (max-width: 991px) {
  .slimeline_promo_block {
    padding: 0 15px 0 15px;
    margin: 4% auto;
  }
  .slimeline_promo_block .promo-block {
    width: 100%;
  }
  .slimeline_promo_block .promo-block a {
    color: #fff;
  }
  .slimeline_promo_block .promo-block .block-heading {
    font-size: 14px !important;
  }
  .slimeline_promo_block .promo-block .block-container {
    padding: 0 12px !important;
    position: relative;
  }
  .slimeline_promo_block .promo-block .block-container.hovereffect.desktop {
    display: none !important;
  }
  .slimeline_promo_block .promo-block .block-container.mobile {
    display: block !important;
    background: none !important;
    height: 50px !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 !important;
  }
  .slimeline_promo_block .promo-block .block-container.mobile a {
    height: 50px !important;
  }
  .slimeline_promo_block .promo-block .block-container.mobile a .block-hover-view {
    height: 50px !important;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title .block-view .block-logo, .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-logo {
    width: 10% !important;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title .block-view .block-title, .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-title {
    width: 73%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title .block-view .block-title .block-title-desktop, .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-title .block-title-desktop {
    display: none;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title .block-view .block-title .block-title-mdevice, .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-title .block-title-mdevice {
    display: block;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title .block-view .block-abstract, .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-abstract {
    display: none;
  }
  .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-logo {
    text-align: end;
  }
  .slimeline_promo_block .promo-block .block-container.promo-title-logo .block-view .block-title {
    text-transform: capitalize !important;
    width: 60% !important;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-subtitle {
    display: none;
  }
  .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title {
    width: 100%;
  }
  .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-heading {
    display: none;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-small-title {
    display: none;
    font-size: 13px;
    font-family: Roboto Slab, serif;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-heading-mdevice {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: 88%;
  }
  .slimeline_promo_block .promo-block .block-container.promo-heading-logo .block-view .block-title .block-small-title-mdevice {
    display: block;
    font-size: 13px;
    font-family: Roboto Slab, serif;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
    width: 88%;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-logo {
    width: 9% !important;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 84%;
    padding-left: 14px;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-heading {
    display: none;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-small-title {
    display: none;
    font-size: 13px;
    font-family: Roboto Slab, serif;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-heading-mdevice {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-view .block-title .block-small-title-mdevice {
    display: block;
    font-size: 13px;
    font-family: Roboto Slab, serif;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-title-abstract .block-abstract {
    margin-right: -14px !important;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-heading-abstract .block-view .block-logo {
    width: 9% !important;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-heading-abstract .block-view .block-title {
    width: 69%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-heading-abstract .block-view .block-title .block-title-desktop {
    display: none;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-heading-abstract .block-view .block-title .block-title-mdevice {
    display: block;
  }
  .slimeline_promo_block .promo-block .block-container.promo-logo-heading-abstract .block-abstract {
    margin-right: -14px !important;
  }
  .slimeline_promo_block .promo-block .block-view {
    height: 50px !important;
  }
  .slimeline_promo_block .promo-block .block-view .block-logo {
    width: 11% !important;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img {
    padding-right: 0 !important;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view {
    width: 100% !important;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view {
    width: 70%;
    display: flex;
    align-items: center;
    height: 50px;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-logo {
    width: 12% !important;
    margin-right: 15px !important;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title .block-title-desktop {
    display: none;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title .block-title-mdevice {
    display: block;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view {
    width: 30%;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract {
    margin-right: 0 !important;
  }
  .slimeline_promo_block .promo-block.blue-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract img {
    height: 50px;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img {
    padding-right: 0 !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view {
    width: 100% !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view {
    width: 70%;
    display: flex;
    align-items: center;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-logo {
    width: 12% !important;
    margin-right: 15px !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title .block-title-desktop {
    display: none;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title .block-title-mdevice {
    display: block;
    color: #004595 !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .title-view .block-title a {
    color: #004595 !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view {
    width: 30%;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract {
    margin-right: 0 !important;
  }
  .slimeline_promo_block .promo-block.white-promo-block-image .promo-logo-subtitle-img .block-view .abstract-view .block-abstract img {
    height: 50px;
  }
}
/*Sprint 45 - #32553 - Ends */
/*Sprint WE49: #32555 - SW - Image Scroller Block */
*::before,
*,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.image-slider-container {
  position: relative;
  width: 600px;
  height: 300px;
  overflow: hidden;
  transform-style: preserve-3d;
  margin: auto;
}
.image-slider-container .image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.image-slider-container .image:nth-child(2) {
  filter: saturate(1.3);
  width: 90%;
}
.image-slider-container .range-slider {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(242, 242, 242, 0.2);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
  transition: all 200ms linear;
}
.image-slider-container .range-slider:hover {
  background: rgba(242, 242, 242, 0.1);
}
.image-slider-container .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6px;
  height: 800px;
  cursor: move;
  transition: all 300ms ease;
}

.slider-control {
  z-index: 0;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: white;
  top: 50%;
  left: 90%;
  transform: translate(-60%, -50%);
  cursor: grab;
}
.slider-control::after, .slider-control::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.slider-control::after {
  content: ">";
  right: 3px;
}
.slider-control::before {
  content: "<";
  left: 3px;
}

@keyframes focusToSlider {
  from {
    box-shadow: inset 0 0 200px;
  }
  to {
    box-shadow: inset 0 0 0 0;
  }
}
/*Sprint WE49: #36555 - SW - Image Scroller Block - Ends*/
.whatsapp-icon {
  position: fixed;
  bottom: 5%;
  right: 2%;
  z-index: 99999;
}
.whatsapp-icon .whatsapp-link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #66D072;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.25);
}
.whatsapp-icon .whatsapp-link .fab.fa-whatsapp {
  font-size: 1.75rem;
  color: #fff;
}

.wp-usage-box a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.wp-usage-box button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.wp-usage-box .form-checkbox {
  position: relative;
}
.wp-usage-box .form-checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wp-usage-box .form-checkbox input[type=radio]:focus-visible + .radio {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.wp-usage-box .form-checkbox .radio {
  margin: 6px;
}

.wp-usage-view .wp-twocol .bgred a:focus-visible, .wp-usage-view .wp-twocol .bgorange a:focus-visible, .wp-usage-view .wp-twocol .bgblue-light a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.wp-usage-view .wp-twocol .bgred button:focus-visible, .wp-usage-view .wp-twocol .bgorange button:focus-visible, .wp-usage-view .wp-twocol .bgblue-light button:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.account-page input[type=tel]:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.account-page button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.account-page .account-tabs .account-dots .custom-dots {
  width: 100%;
  margin: 4px 4px;
}
.account-page .account-tabs .account-dots .custom-dots .owl-dot:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 2px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.account-page .account-tabs .account-carousel .summary-func .notification_alert_box button:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.account-page .account-tabs .account-carousel .summary-func .wp-usage-box.bgblue-light a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px !important;
  border-radius: 0.2px !important;
  box-shadow: none !important;
}
.account-page .account-tabs .account-carousel .payment-func .wp-usage-box.bgblue-light a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px !important;
  border-radius: 0.2px !important;
  box-shadow: none !important;
}
.account-page .account-form a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.account-page .account-form button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.account-page .account-form .form-checkbox {
  position: relative;
}
.account-page .account-form .form-checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.account-page .account-form .form-checkbox input[type=radio]:focus-visible + .radio {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.account-page .account-form .form-checkbox .radio {
  margin: 6px;
}
.account-page .account-form .form-checkbox {
  position: relative;
}
.account-page .account-form .form-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.account-page .account-form .form-checkbox input[type=checkbox]:focus-visible + .checkbox {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.account-page .account-form .form-checkbox .checkbox {
  margin: 6px;
}
.account-page .account-form .form-checkbox {
  position: relative;
}
.account-page .account-form .form-checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.account-page .account-form .form-checkbox input[type=radio]:focus-visible + .checkbox {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.account-page .account-form .form-checkbox .checkbox {
  margin: 6px;
}
.account-page .account-form .chk-button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.account-page .account-form .chk-button:focus-visible span {
  color: #fff;
}
.account-page .account-form .form-group textarea:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.account-page .account-form textarea:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}

.account__box a:focus-visible, .my-notification.notification__box a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.account__box a:focus-visible span, .my-notification.notification__box a:focus-visible span {
  color: #fff;
}

.subpage_breadcrumb a:focus-visible, .block a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.block.promobannerblock a:focus-visible, .block.quickfactscontainerblock a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.block.contactusformblock .form-group textarea:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.block.contactusformblock .form-checkbox {
  position: relative;
}
.block.contactusformblock .form-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.block.contactusformblock .form-checkbox input[type=checkbox]:focus-visible + .checkbox {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.block.contactusformblock .form-checkbox .checkbox {
  margin: 6px;
}
.block.contactusformblock .form-checkbox {
  position: relative;
}
.block.contactusformblock .form-checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.block.contactusformblock .form-checkbox input[type=radio]:focus-visible + .radio {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.block.contactusformblock .form-checkbox .radio {
  margin: 6px;
}
.block.contactusformblock .chk-button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.block.contactusformblock .chk-button:focus-visible span {
  color: #fff;
}
.block.contactusformblock button {
  outline: unset;
}
.block.contactusformblock button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.block.promocontainerblock .promo-cards .promo-item:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.block.promocontainerblock .promo-cards .promo-item .btn-play:focus-visible {
  outline: 2px solid #FFF !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.beach-aware-page.beach-aware-landing-page .account-form .form-link a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.block.promobannerblock a:focus-visible, .block.promocontentblock a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.activity-management-page a:focus-visible,
.promo-cards a:focus-visible,
.contact-us-category-dropdown-block a:focus-visible,
.contact-us-help-block a:focus-visible,
.helpful-info-video-block a:focus-visible,
.quick-links-block a:focus-visible,
.contact-us-method-block a:focus-visible,
.button-groups a:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
  position: relative;
}
.activity-management-page button:focus-visible,
.promo-cards button:focus-visible,
.contact-us-category-dropdown-block button:focus-visible,
.contact-us-help-block button:focus-visible,
.helpful-info-video-block button:focus-visible,
.quick-links-block button:focus-visible,
.contact-us-method-block button:focus-visible,
.button-groups button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}
.activity-management-page .chk-button:focus-visible,
.promo-cards .chk-button:focus-visible,
.contact-us-category-dropdown-block .chk-button:focus-visible,
.contact-us-help-block .chk-button:focus-visible,
.helpful-info-video-block .chk-button:focus-visible,
.quick-links-block .chk-button:focus-visible,
.contact-us-method-block .chk-button:focus-visible,
.button-groups .chk-button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.activity-management-page .chk-button:focus-visible span,
.promo-cards .chk-button:focus-visible span,
.contact-us-category-dropdown-block .chk-button:focus-visible span,
.contact-us-help-block .chk-button:focus-visible span,
.helpful-info-video-block .chk-button:focus-visible span,
.quick-links-block .chk-button:focus-visible span,
.contact-us-method-block .chk-button:focus-visible span,
.button-groups .chk-button:focus-visible span {
  color: #fff;
}
.activity-management-page .form-checkbox,
.promo-cards .form-checkbox,
.contact-us-category-dropdown-block .form-checkbox,
.contact-us-help-block .form-checkbox,
.helpful-info-video-block .form-checkbox,
.quick-links-block .form-checkbox,
.contact-us-method-block .form-checkbox,
.button-groups .form-checkbox {
  position: relative;
}
.activity-management-page .form-checkbox input[type=checkbox],
.promo-cards .form-checkbox input[type=checkbox],
.contact-us-category-dropdown-block .form-checkbox input[type=checkbox],
.contact-us-help-block .form-checkbox input[type=checkbox],
.helpful-info-video-block .form-checkbox input[type=checkbox],
.quick-links-block .form-checkbox input[type=checkbox],
.contact-us-method-block .form-checkbox input[type=checkbox],
.button-groups .form-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.activity-management-page .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.promo-cards .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.contact-us-category-dropdown-block .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.contact-us-help-block .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.helpful-info-video-block .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.quick-links-block .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.contact-us-method-block .form-checkbox input[type=checkbox]:focus-visible + .checkbox,
.button-groups .form-checkbox input[type=checkbox]:focus-visible + .checkbox {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.activity-management-page .form-checkbox .checkbox,
.promo-cards .form-checkbox .checkbox,
.contact-us-category-dropdown-block .form-checkbox .checkbox,
.contact-us-help-block .form-checkbox .checkbox,
.helpful-info-video-block .form-checkbox .checkbox,
.quick-links-block .form-checkbox .checkbox,
.contact-us-method-block .form-checkbox .checkbox,
.button-groups .form-checkbox .checkbox {
  margin: 6px;
}
.activity-management-page .form-checkbox,
.promo-cards .form-checkbox,
.contact-us-category-dropdown-block .form-checkbox,
.contact-us-help-block .form-checkbox,
.helpful-info-video-block .form-checkbox,
.quick-links-block .form-checkbox,
.contact-us-method-block .form-checkbox,
.button-groups .form-checkbox {
  position: relative;
}
.activity-management-page .form-checkbox input[type=radio],
.promo-cards .form-checkbox input[type=radio],
.contact-us-category-dropdown-block .form-checkbox input[type=radio],
.contact-us-help-block .form-checkbox input[type=radio],
.helpful-info-video-block .form-checkbox input[type=radio],
.quick-links-block .form-checkbox input[type=radio],
.contact-us-method-block .form-checkbox input[type=radio],
.button-groups .form-checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.activity-management-page .form-checkbox input[type=radio]:focus-visible + .radio,
.promo-cards .form-checkbox input[type=radio]:focus-visible + .radio,
.contact-us-category-dropdown-block .form-checkbox input[type=radio]:focus-visible + .radio,
.contact-us-help-block .form-checkbox input[type=radio]:focus-visible + .radio,
.helpful-info-video-block .form-checkbox input[type=radio]:focus-visible + .radio,
.quick-links-block .form-checkbox input[type=radio]:focus-visible + .radio,
.contact-us-method-block .form-checkbox input[type=radio]:focus-visible + .radio,
.button-groups .form-checkbox input[type=radio]:focus-visible + .radio {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.activity-management-page .form-checkbox .radio,
.promo-cards .form-checkbox .radio,
.contact-us-category-dropdown-block .form-checkbox .radio,
.contact-us-help-block .form-checkbox .radio,
.helpful-info-video-block .form-checkbox .radio,
.quick-links-block .form-checkbox .radio,
.contact-us-method-block .form-checkbox .radio,
.button-groups .form-checkbox .radio {
  margin: 6px;
}
.activity-management-page .form-group textarea:focus-visible,
.promo-cards .form-group textarea:focus-visible,
.contact-us-category-dropdown-block .form-group textarea:focus-visible,
.contact-us-help-block .form-group textarea:focus-visible,
.helpful-info-video-block .form-group textarea:focus-visible,
.quick-links-block .form-group textarea:focus-visible,
.contact-us-method-block .form-group textarea:focus-visible,
.button-groups .form-group textarea:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.activity-management-page .file-upload:focus-visible,
.promo-cards .file-upload:focus-visible,
.contact-us-category-dropdown-block .file-upload:focus-visible,
.contact-us-help-block .file-upload:focus-visible,
.helpful-info-video-block .file-upload:focus-visible,
.quick-links-block .file-upload:focus-visible,
.contact-us-method-block .file-upload:focus-visible,
.button-groups .file-upload:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}
.activity-management-page .img-check-box input[type=radio]:focus-visible,
.promo-cards .img-check-box input[type=radio]:focus-visible,
.contact-us-category-dropdown-block .img-check-box input[type=radio]:focus-visible,
.contact-us-help-block .img-check-box input[type=radio]:focus-visible,
.helpful-info-video-block .img-check-box input[type=radio]:focus-visible,
.quick-links-block .img-check-box input[type=radio]:focus-visible,
.contact-us-method-block .img-check-box input[type=radio]:focus-visible,
.button-groups .img-check-box input[type=radio]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
  width: 99px;
  height: 96px;
  margin-left: -50px;
}

.wp-usage-box.bgblue-light .account-form button:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 4px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

/*Sprint 83 : #126370 - CD - No focus indictor on mobile (Shaw Trust)*/
.navbar-toggler:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px;
  border-radius: 0.2px;
  box-shadow: none !important;
}

.mega-menu-services .mega-menu-link:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px;
  border-radius: 0.2px;
  box-shadow: none !important;
  display: block;
}

/*Sprint 76 : #98143 - ST - How do I find my account number*/
.find-my-acno-container {
  background-color: #E1E1E1;
  padding: 1rem 1rem 1.5rem;
}
.find-my-acno-container h2 {
  font-size: 1rem !important;
  font-weight: 600;
  padding-bottom: 1.5rem;
  cursor: pointer;
}
.find-my-acno-container p {
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 1.5rem !important;
}
.find-my-acno-container img {
  padding-bottom: 1.5rem;
}

.form-row .form-link:has(.find-my-account) {
  margin-top: -26px !important;
}

.move-home:has(.how-to-read-your-meter-reading-section) .how-to-read-your-meter-reading-section {
  width: 100%;
  position: relative;
}
.move-home:has(.how-to-read-your-meter-reading-section) .how-to-read-your-meter-reading-section::after {
  content: "";
  position: absolute;
  bottom: -31px;
  left: 0;
  right: 0;
  border-bottom: 2px solid #E6E6E6;
}

.how-to-read-your-meter-reading-section, .account-credit-debit-section {
  width: 100%;
}
.how-to-read-your-meter-reading-section .fade-in-out-title-btn, .account-credit-debit-section .fade-in-out-title-btn {
  display: block;
  width: 100%;
  font-weight: 600;
  line-height: 24px;
  color: #004595;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 12px;
  text-decoration-color: #4c7cb5;
  background: #fff;
  padding: 0px 0px 10px;
  transition: background-color 1s ease-in-out, text-underline-offset 0.5s;
  border: none;
}
.how-to-read-your-meter-reading-section .fade-in-out-title-btn:hover, .account-credit-debit-section .fade-in-out-title-btn:hover {
  cursor: pointer;
  text-underline-offset: 6px;
  transition: text-underline-offset 400ms;
}
.how-to-read-your-meter-reading-section .fade-in-out-title-btn.activeLink:hover, .account-credit-debit-section .fade-in-out-title-btn.activeLink:hover {
  cursor: pointer;
  color: #004595;
}
.how-to-read-your-meter-reading-section .fade-in-out-title-btn.activeLink, .account-credit-debit-section .fade-in-out-title-btn.activeLink {
  text-decoration: none;
  background: rgba(225, 225, 225, 0.5);
  padding: 20px 0px 20px;
  transition: background-color 0.5s ease-in-out;
}
.how-to-read-your-meter-reading-section .fade-in-out-close-btn, .account-credit-debit-section .fade-in-out-close-btn {
  display: block;
  width: 100%;
  font-weight: 600;
  line-height: 24px;
  color: #004595;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 12px;
  text-decoration-color: #4c7cb5;
  font-size: 15px;
  padding: 0px 0px 20px;
  transition: background-color 0.5s ease-in-out, text-underline-offset 0.5s;
  border: none;
}
.how-to-read-your-meter-reading-section .fade-in-out-close-btn:hover, .account-credit-debit-section .fade-in-out-close-btn:hover {
  cursor: pointer;
  text-underline-offset: 6px;
  transition: text-underline-offset 400ms;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block, .account-credit-debit-section .fade-in-out-description-block {
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  background: rgba(225, 225, 225, 0.5);
  padding: 0px 16px;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section {
  display: none;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category {
  flex-direction: column;
  border-bottom: 1px solid #767676;
  padding: 1.5rem 0px;
  display: flex;
  align-items: center;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category.no-border, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category.no-border {
  border-bottom: none;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category:first-child, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category:first-child {
  padding-top: 0px;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .meter-category-image-section, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .meter-category-image-section {
  align-items: center;
  padding: 0px 0px 12px;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .meter-category-image-section img, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .meter-category-image-section img {
  width: 120px;
  height: auto;
  object-fit: cover;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .fade-in-out-description-text, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .fade-in-out-description-text {
  color: #000;
  text-align: center;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.how-to-read-your-meter-reading-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .fade-in-out-description-text p, .account-credit-debit-section .fade-in-out-description-block .fade-in-out-description-section .fade-in-out-description-category .fade-in-out-description-text p {
  padding-bottom: 0px;
}

.mobile-search-bar .container {
  display: flex;
}
.mobile-search-bar .container .search-Form {
  width: 100%;
}
.mobile-search-bar .container .searchButton {
  position: absolute;
  bottom: 23px;
  right: 30px;
}
.mobile-search-bar .container .searchButton svg {
  stroke-width: 35px;
  stroke: #fff;
}
.mobile-search-bar .container .searchButton svg path {
  color: #fff;
}

/*sprint 78 - goback button style in pay your bill page*/
.back-to-billsPayments {
  margin: 16px auto;
}

.make-a-payment-nonloggedin-goback-btn {
  margin: 0px auto 20px auto;
}

.video-block-landing-page .wistia-video-block {
  padding: 0px 0px;
}
.video-block-landing-page .wistia-video-block .cookie-setting-message {
  width: 100%;
  border: 1px solid #767676;
  background-color: #E1E1E1;
  padding: 0 40px;
}
.video-block-landing-page .wistia-video-block .cookie-setting-message .cookie-setting-block {
  height: 470px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 180px 150px;
  justify-content: center;
  text-align: Center;
}
.video-block-landing-page .wistia-video-block .cookie-setting-message .cookie-setting-block h4 {
  font-size: 28px;
  font-weight: 700;
  color: #000;
}

.editorial__block:has(.video-block-landing-page) {
  padding: 0px 0 40px;
}

/*=========================================
responsive ipad
========================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .video-block-landing-page .wistia-video-block {
    padding: 0px 0px;
  }
  .video-block-landing-page .wistia-video-block .cookie-setting-message {
    padding: 0px 0px;
  }
  .video-block-landing-page .wistia-video-block .cookie-setting-message .cookie-setting-block {
    padding: 180px 200px;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .video-block-landing-page .wistia-video-block {
    padding: 0px 0px;
  }
  .video-block-landing-page .wistia-video-block .cookie-setting-message {
    width: 100%;
    border: 1px solid #767676;
    background-color: #E1E1E1;
    padding: 0px 0px;
  }
  .video-block-landing-page .wistia-video-block .cookie-setting-message .cookie-setting-block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 46px 24px;
    justify-content: center;
  }
  .video-block-landing-page .wistia-video-block .cookie-setting-message .cookie-setting-block h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    padding: 0px;
  }
}
div.apple-pay {
  max-width: 350px;
  width: 100%;
  height: 55px;
  background-color: black;
}

@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }
  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: 0.5px solid black;
  }
  .apple-pay-button-with-text {
    --apple-pay-scale: 1; /*(height / 32) */
    display: inline-flex;
    justify-content: center;
    font-size: 12px;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }
  .apple-pay-button-black-with-text {
    background-color: black;
    color: white;
  }
  .apple-pay-button-white-with-text {
    background-color: white;
    color: black;
  }
  .apple-pay-button-white-with-line-with-text {
    background-color: white;
    color: black;
    border: 0.5px solid black;
  }
  .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
  .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  .apple-pay-button-with-text > .text {
    font-family: -apple-system;
    font-size: calc(1em * var(--apple-pay-scale));
    font-weight: 300;
    align-self: center;
    margin-right: calc(2px * var(--apple-pay-scale));
  }
  .apple-pay-button-with-text > .logo {
    width: calc(35px * var(--scale));
    height: 100%;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin-left: calc(2px * var(--apple-pay-scale));
    border: none;
  }
}
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
  }
  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }
  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }
  .apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
  }
  .apple-pay-button-with-text {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: buy;
  }
  .apple-pay-button-with-text > * {
    display: none;
  }
  .apple-pay-button-black-with-text {
    -apple-pay-button-style: black;
  }
  .apple-pay-button-white-with-text {
    -apple-pay-button-style: white;
  }
  .apple-pay-button-white-with-line-with-text {
    -apple-pay-button-style: white-outline;
  }
}