/*!***************************************************************************************************************************************************************************!*\
  !*** 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_corporate.scss ***!
  \***************************************************************************************************************************************************************************/
@charset "UTF-8";
/* =========================================
   Font family
   ========================================= */
/* =========================================
   Line height
   ========================================= */
/* =========================================
   Font size
   ========================================= */
/* =========================================
   Font weight
   ========================================= */
/* =========================================
   Breakpoints
   ========================================= */
/* =========================================
   Spacing
   ========================================= */
/* =========================================
   Url
   ========================================= */
/* =========================================
   Animation
   ========================================= */
/* =========================================
   Aspect Ratio
   ========================================= */
/* =========================================
   Colors
   ========================================= */
.percent_100, .corporate-jumbotron .owl-carousel .owl-dots.dot-box .owl-dot:after, .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: #9a12b3;
  --button--hover-standard: #540962;
  --button--color-arrow: #540962;
  --button--color-border: #9a12b3;
  --brand--color-primary: #9a12b3;
  --brand--color-secondary: #540962;
  --brand--color-three: #fff;
  --header--color-primary: #9a12b3 !important;
  --header--color-secondary: #540962;
  --header--color-line: #9a12b3;
  --header--color-hover: #fff;
  --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: #9a12b3;
  --footer--color-primary: #540962;
  --footer--color-secondary: #540962;
  --footer--color-line: #70327d;
  --footer--color: #fff;
  --footer--color-link: #fff;
  --footer--color-link-hover: #9a12b3;
  --breadcrumb--color-hover: #f3b2ff;
  --color--hover: #9a12b3;
  --autocomplete-color--hover: #f3b2ff;
  --tabs--color: #9a12b3;
  --tabs-active--color: #9a12b3;
  --tabs-active--border: #9a12b3;
  --copy--background-color: #002652;
  --copy--border-color: #002652;
  --promo-card-hover: #9a12b3;
  --promo-card-icon-color: #9a12b3;
}

/* 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;
}

.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);
}

.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;
}

.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;
  border-bottom: 3px solid var(--color--hover);
  transition: all 0.3s;
  color: transparent;
  max-width: 100%;
  pointer-events: none;
  overflow: hidden;
}
.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 #e6e6e6;
  -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;
}
.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);
}
.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 #e6e6e6;
  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 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 #e6e6e6;
  background: #fff;
  position: relative;
  height: 41px;
  cursor: pointer;
  text-align: left;
  outline: none;
}
.form-select select {
  display: none;
}
.form-select .form-line {
  border-bottom-color: var(--brand--color-secondary);
}
.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 #e6e6e6;
  background: #fff;
  z-index: 999 !important;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  border-bottom: 3px solid #e6e6e6;
  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;
}
.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 #e6e6e6 !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 #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;
}
.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 #e6e6e6;
}
.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: #66b32f;
}
.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: #66b32f;
}
.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: #66b32f;
  }
  .phase--inprogress .phase__title--mobile {
    border-color: #66b32f;
  }
}
.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 {
  padding: 2.5rem 0;
  margin-bottom: 56px;
  margin-top: 0;
}
#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 .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;
  }
}
/* =========================================
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;
  }
}
.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 #e6e6e6;
  -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 #e6e6e6;
  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: #e6e6e6;
}
.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 #e6e6e6;
  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: #e6e6e6;
}
.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 #e6e6e6;
  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 #e6e6e6;
  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, .ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next {
  top: 4px !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;
  }
}
.corporate-page .promo-cards__block {
  background: #fff;
}
.corporate-page .featured__block {
  background: #e6e6e6;
}

.corporate .landing-page h1, .corporate .landing-page h2, .corporate .landing-page h3, .corporate .landing-page h4, .corporate .landing-page h5, .corporate .landing-page h6, .corporate .article-page h1, .corporate .article-page h2, .corporate .article-page h3, .corporate .article-page h4, .corporate .article-page h5, .corporate .article-page h6 {
  color: #000;
}
.corporate .landing-page .block.personcontainerblock + .articlecontainerblock .article-cards__block, .corporate .article-page .block.personcontainerblock + .articlecontainerblock .article-cards__block {
  background: #fff;
}
.corporate .promo-cards__block h4 {
  color: #000;
}
.corporate .promo-cards__block .promo-content h5 {
  color: var(--brand--color-primary);
}
.corporate .promo-cards__block .promo-content h5:hover {
  color: var(--button--hover-standard);
}
.corporate .help-search__block {
  border-top: 1px solid var(--brand--color-primary);
}
.corporate .search-result {
  padding: 90px 0 50px;
}
.corporate .search-result h4, .corporate .search-result h6 {
  text-align: center;
  padding-bottom: 63px;
  color: #000;
}
.corporate .search-result .search-title {
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 14px;
}
.corporate .search-result .search-list {
  margin-bottom: 45px;
}
.corporate .search-result .search-list li + li {
  margin-top: 24px;
}
.corporate .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;
}
.corporate .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;
}
.corporate .search-result .search-list li a p {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.corporate .search-result .search-list li a .search-title__sub {
  flex: 1 0 0;
}
.corporate .search-result .search-list li a .search-teaser {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-top: 17px;
}
.corporate .search-result .search-list li a:hover i {
  animation: animate-arrow-right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.corporate-jumbotron {
  /*
  *  Owl Carousel - Core
  */
}
.corporate-jumbotron .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;
}
.corporate-jumbotron .owl-carousel .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
.corporate-jumbotron .owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.corporate-jumbotron .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);
}
.corporate-jumbotron .owl-carousel .owl-wrapper,
.corporate-jumbotron .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.corporate-jumbotron .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.corporate-jumbotron .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
.corporate-jumbotron .owl-carousel .owl-nav.disabled,
.corporate-jumbotron .owl-carousel .owl-dots.disabled {
  display: none;
}
.corporate-jumbotron .owl-carousel .owl-nav .owl-prev,
.corporate-jumbotron .owl-carousel .owl-nav .owl-next,
.corporate-jumbotron .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;
}
.corporate-jumbotron .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
.corporate-jumbotron .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;
}
.corporate-jumbotron .owl-carousel .owl-dots .owl-dot {
  padding: 5px;
  margin: 0;
  background: none;
  border: none;
}
.corporate-jumbotron .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  background: var(--brand--color-primary);
  border: 1px solid transparent;
}
.corporate-jumbotron .owl-carousel .owl-dots .owl-dot.active span {
  width: 14px;
  height: 14px;
  background: none;
  border-color: var(--brand--color-primary);
}
.corporate-jumbotron .owl-carousel.owl-loaded {
  display: block;
}
.corporate-jumbotron .owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.corporate-jumbotron .owl-carousel.owl-hidden {
  opacity: 0;
}
.corporate-jumbotron .owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.corporate-jumbotron .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;
}
.corporate-jumbotron .owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.corporate-jumbotron .owl-carousel.owl-rtl {
  direction: rtl;
}
.corporate-jumbotron .owl-carousel.owl-rtl .owl-item {
  float: right;
}
.corporate-jumbotron {
  /* No Js */
}
.corporate-jumbotron .no-js .owl-carousel {
  display: block;
}
.corporate-jumbotron {
  position: relative;
}
.corporate-jumbotron .jumbotron-content {
  opacity: 0;
}
.corporate-jumbotron .corporate_jumbotron__block img {
  transform: scale(1.38);
}
.corporate-jumbotron .corporate_jumbotron__block + .corporate_jumbotron__block {
  opacity: 0;
}
.corporate-jumbotron .scroll-explore, .corporate-jumbotron .nb-btn-link {
  position: absolute;
  right: calc((100vw - 1140px) / 2);
  bottom: 90px;
  z-index: 1;
  transform: translateY(80px);
  will-change: animation, opacity;
  opacity: 0;
}
.corporate-jumbotron .nb-btn-link {
  bottom: 137px;
  color: #fff;
  padding-bottom: 1px;
}
.corporate-jumbotron .nb-btn-link:before {
  border-bottom-width: 2px;
  border-bottom-color: #fff;
}
.corporate-jumbotron .owl-carousel {
  display: block;
}
.corporate-jumbotron .owl-carousel .dots-line {
  position: absolute;
  left: 0;
  bottom: 190px;
  height: 6px;
  will-change: width;
  width: 0;
  background: var(--brand--color-primary);
}
.corporate-jumbotron .owl-carousel .owl-item .corporate_jumbotron__block {
  opacity: 1;
}
.corporate-jumbotron .owl-carousel .owl-item {
  will-change: animation, opacity;
  animation: jumbotronslideOut 0s;
}
.corporate-jumbotron .owl-carousel .owl-item.jumbotronslideOut {
  z-index: 1;
}
.corporate-jumbotron .owl-carousel .owl-item.jumbotronslideIn {
  z-index: 0;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box {
  position: absolute;
  left: calc((100vw - 1140px) / 2);
  right: 100%;
  bottom: 93px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  will-change: right;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box .owl-dot {
  padding: 32px 0 0;
  position: relative;
  flex: 0 0 255px;
  width: 255px;
  margin-right: 30px;
  min-height: 60px;
  will-change: animation, opacity;
  opacity: 0;
  transition: opacity 0.6s, transform 0.3s;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box .owl-dot:after {
  content: "";
  position: absolute;
  z-index: 9;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box label {
  display: block;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box .dot-img {
  width: 80px;
  height: 60px;
  float: left;
  margin-right: 15px;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box .dot-content {
  overflow: hidden;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
.corporate-jumbotron .owl-carousel .owl-dots.dot-box .dot-content .numb {
  margin: -6px 0 -3px;
  font-size: 12px;
  font-weight: bold;
}
.corporate-jumbotron.animation .scroll-explore, .corporate-jumbotron.animation .nb-btn-link {
  animation: scrollToExplore 1.2s forwards;
  transition-delay: 2s;
}
.corporate-jumbotron.animation .jumbotron-content {
  will-change: animation;
  animation: jumbotronContentSlideOut 1.2s forwards;
}
.corporate-jumbotron.animation .owl-carousel .owl-item.active .corporate_jumbotron__block {
  opacity: 1;
}
.corporate-jumbotron.animation .owl-carousel .owl-item.active {
  opacity: 1;
  animation: jumbotronslideIn 0s;
}
.corporate-jumbotron.animation .owl-carousel .owl-item.active .jumbotron-content {
  animation: jumbotronContentSlideIn 1.2s forwards;
}
.corporate-jumbotron.animation .owl-carousel .owl-item.active img {
  will-change: animation;
  animation: jumbotronImageSlideOut 30s linear;
  transform: scale(1);
}
.corporate-jumbotron.animation .owl-carousel .owl-dots.dot-box {
  animation: jumbotronslideDotsBox 1.2s forwards;
}
.corporate-jumbotron.animation .owl-carousel .owl-dots.dot-box .owl-dot {
  animation: jumbotronslideDot 1.2s forwards;
  transition-delay: 2s;
}
.corporate-jumbotron.animation .owl-carousel .dots-line {
  animation: jumbotronslideLine 1.2s forwards;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* IE9, IE10 */
@media screen and (min-width: 0\0 ) {
  .corporate-jumbotron.animation .owl-carousel .owl-dots.dot-box {
    right: calc((100% - 1140px) / 2);
  }
}
/*Microsoft Edge*/
@supports (-ms-ime-align: auto) {
  .corporate-jumbotron.animation .owl-carousel .owl-dots.dot-box {
    right: calc((100% - 1140px) / 2);
  }
}
/* =========================================
responsive desktops
========================================= */
@media (max-width: 1200px) {
  .corporate-jumbotron .owl-carousel .owl-dots.dot-box {
    left: calc((100% - 960px) / 2);
  }
  .corporate-jumbotron .nb-btn-link, .corporate-jumbotron .scroll-explore {
    right: calc((100% - 960px) / 2);
  }
  .corporate-jumbotron.animation .owl-carousel .owl-dots.dot-box {
    animation: jumbotronslideDotsBoxDesktops 1.2s forwards;
  }
}
/* =========================================
responsive ipad
========================================= */
@media (max-width: 992px) {
  .corporate-jumbotron .scroll-explore {
    right: 30px;
    bottom: 58px;
  }
  .corporate-jumbotron .nb-btn-link {
    right: auto;
    left: 30px;
    bottom: 57px;
  }
  .corporate-jumbotron .corporate_jumbotron__block .nb-btn {
    display: inline-flex;
    width: inherit;
  }
  .corporate-jumbotron .owl-carousel .dots-line {
    max-width: 210px;
  }
  .corporate-jumbotron .owl-carousel .owl-dots.dot-box {
    left: 30px;
    bottom: 117px;
    width: calc(100% - 60px);
  }
  .corporate-jumbotron .owl-carousel .owl-dots.dot-box .owl-dot {
    width: 210px;
    flex: 0 0 210px;
  }
  .corporate-jumbotron .owl-carousel .owl-dots.dot-box .dot-img {
    float: none;
    margin: 0 0 15px;
  }
}
/* =========================================
responsive mobile
========================================= */
@media (max-width: 767px) {
  .corporate-jumbotron .scroll-explore {
    right: 15px;
    bottom: 44px;
  }
  .corporate-jumbotron .nb-btn-link {
    bottom: auto;
    left: 50%;
    margin-left: -55px;
    top: calc(50% + 50px + 25px + 40px);
  }
  .corporate-jumbotron .corporate_jumbotron__block .nb-btn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .corporate-jumbotron .owl-carousel .owl-item .container {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -50px;
  }
  .corporate-jumbotron .owl-carousel .owl-item .jumbotron-content {
    width: 100%;
  }
  .corporate-jumbotron .owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: calc(50% + 50px + 25px);
    transform: translateY(80px);
    will-change: animation, opacity;
    opacity: 0;
  }
  .corporate-jumbotron.animation .owl-carousel .owl-dots {
    animation: scrollToExplore 1.2s forwards;
    transition-delay: 2s;
  }
}
/*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: 50%;
  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-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 */
.required:before {
  content: "*";
  color: red;
  margin-right: 8px;
}

.required-indicator {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 10px;
}
.required-indicator .required {
  font-size: 14px;
}
.required-indicator .required:before {
  font-weight: 600;
  font-size: 16px;
}

/*Sprint WE50: #53496 - 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: #53496 - SW - Image Scroller Block - Ends*/
.article-page .article-share {
  right: 15px;
  z-index: 60;
  position: fixed;
}
.article-page .article-cards__block {
  margin-top: 30px;
}

/* =========================================
   responsive tablets
   ========================================= */
@media (min-width: 768px) {
  .article-page {
    position: relative;
  }
  .article-page .article-share {
    position: absolute;
    top: 51px;
    right: calc((100vw - 720px - 15px) / 2);
  }
  .article-page .article-cards__block {
    margin-top: 0;
  }
}
/* =========================================
   responsive ipad
   ========================================= */
@media (min-width: 992px) {
  .article-page .article-share {
    right: calc((100vw - 960px - 15px) / 2);
  }
}
/* =========================================
   responsive desktops
   ========================================= */
@media (min-width: 1200px) {
  .article-page .article-share {
    right: calc((100vw - 1140px - 15px) / 2);
  }
}
.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: 0 !important;
  }
}
.subpage-container .featuredcontentblock .featured__block .featured__content .nb-btn {
  border-radius: 4px;
}
.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;
}

@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: 10px;
  right: 10px;
  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 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;
}