@charset "UTF-8";
/* Global CSS */ /****************************************************Font Face**************************************************************/
@font-face {
  font-family: "CalibriRegular";
  src: url("../fonts/CalibriRegular.ttf") format("ttf"), url("../fonts/CalibriRegular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "berlingske_sans_roundlight";
  src: url("../fonts/berlingskesansround-lt-webfont.ttf") format("ttf"), url("../fonts/berlingskesansround-lt-webfont.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "berlingske_sans_roundregular";
  src: url("../fonts/berlingskesansround-rg-webfont.ttf") format("ttf"), url("../fonts/berlingskesansround-rg-webfont.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "berlingske_sans_roundmedium";
  src: url("../fonts/berlingskesansround-md-webfont.ttf") format("ttf"), url("../fonts/berlingskesansround-md-webfont.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "roobert_light";
  src: url("../fonts/Roobert-Light.ttf") format("ttf"), url("../fonts/Roobert-Light.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "roobert_regular";
  src: url("../fonts/Roobert-Regular.ttf") format("ttf"), url("../fonts/Roobert-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "roobert_medium";
  src: url("../fonts/Roobert-Medium.ttf") format("ttf"), url("../fonts/Roobert-Medium.woff2") format("woff2");
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
  font-variant-ligatures: none;
}

html {
  scrollbar-gutter: stable;
}

html,
body {
  font-family: "roobert_regular";
  color: #002236;
  font-weight: 400;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: inherit;
}

body {
  line-height: 1.5;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

a.anchor-black, a.anchor-white {
  border-bottom: 1px solid #BFF355;
}
a.anchor-black {
  color: #002236;
}
a.anchor-white {
  color: #fff;
}

p {
  font-size: 2.125rem;
  margin-bottom: 1.875rem;
}

#content {
  max-width: 100%;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .spacer {
    height: 5rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .promo {
    float: inherit;
    width: 100%;
  }
}

/* Color classes */
.bg_light_blue_txt_white {
  background-color: #002236;
  color: #fff;
}

.bg_dark_green_txt_black {
  background-color: #002236;
  color: #002236;
}

.bg_dark_green_txt_white {
  background-color: #002236;
  color: #fff;
}

.bg_dark_grey_txt_white {
  background-color: #EEE5E1;
  color: #fff;
}

.bg_dark_grey_txt_black {
  background-color: #EEE5E1;
  color: #002236;
}

.bg_green_txt_black {
  background-color: #557630;
  color: #002236;
}

.bg_green_txt_white {
  background-color: #557630;
  color: #fff;
}

.bg_light_green_txt_black {
  background-color: #bff355;
  color: #002236;
}

.bg_light_green_txt_white {
  background-color: #bff355;
  color: #fff;
}

.bg_purple_txt_white {
  background-color: #002236;
  color: #fff;
}

.bg_purple_txt_black {
  background-color: #002236;
  color: #002236;
}

.bg_dark_green_txt_light_green {
  background-color: #002236;
  color: #BFF355;
}

.bg_light_green {
  background: #bff355;
}

.bg_grey {
  background: rgba(226, 214, 207, 0.4);
}
.bg_grey.csl_payment_sector, .bg_grey.csl_col_counter {
  background: transparent;
}

/* Gradient utilities — one class name per $hlc-* token (see HLC_DESIGN_TOKENS.md). */
.hlc-gradient-light-mint-to-white {
  background: linear-gradient(302deg, #bff355 0%, #bcf180 6%, #b9efb8 14%, #9fe3d9 24%, #c4e2fa 41%, #d9ecfb 45%, #eaf4fd 49%, #f6fafe 61.1592%, #fdfefe 71.6353%, #ffffff 81%);
}

.hlc-gradient-light-mint-to-white-why-us {
  background: linear-gradient(302deg, #bff355 0%, #bcf180 6%, #b9efb8 14%, #9fe3d9 24%, #c4e2fa 41%, #d9ecfb 45%);
}

.hlc-gradient-dark-blue-to-lime {
  background: linear-gradient(47deg, #00223a 18%, #002640 25%, #003153 35%, #004571 44.0276%, #004d7e 54.9244%, #006b8b 63.9007%, #7ccec0 83.7789%, #9fe3d9 89.4352%, #bff355 97.2506%);
}

.hlc-gradient-bg-deep-blue {
  background-image: url("../images/common/hlc-noise-monotone.svg"), linear-gradient(108.09deg, #00223a 0%, #002640 24.86%, #003153 49.71%, #004571 74.57%, #004d7e 99.42%);
  background-size: 220px 220px, cover;
  background-position: center, center;
  background-repeat: repeat, no-repeat;
  background-blend-mode: multiply, normal;
}

.hlc-noise-texture {
  position: relative;
  isolation: isolate;
}
.hlc-noise-texture::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("../images/common/hlc-noise-monotone.svg");
  background-size: 220px 220px;
  background-position: center;
  background-repeat: repeat;
  mix-blend-mode: overlay;
  opacity: 0.9;
}
.hlc-noise-texture > * {
  position: relative;
  z-index: 1;
}
.hlc-noise-texture.split_hero_banner .content_background,
.hlc-noise-texture.split_hero_banner .banner_mobile .section_content {
  position: relative;
  overflow: hidden;
}
.hlc-noise-texture.split_hero_banner .content_background::after,
.hlc-noise-texture.split_hero_banner .banner_mobile .section_content::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url("../images/common/hlc-noise-monotone.svg");
  background-size: 220px 220px;
  background-position: center;
  background-repeat: repeat;
  mix-blend-mode: overlay;
  opacity: 0.9;
}
.hlc-noise-texture.split_hero_banner .content {
  position: relative;
  z-index: 2;
}

.hlc-noise-texture-soft::before {
  opacity: 0.55;
}
.hlc-noise-texture-soft.split_hero_banner .content_background::after,
.hlc-noise-texture-soft.split_hero_banner .banner_mobile .section_content::after {
  opacity: 0.55;
}

.hlc-noise-texture-strong::before {
  opacity: 1;
}
.hlc-noise-texture-strong.split_hero_banner .content_background::after,
.hlc-noise-texture-strong.split_hero_banner .banner_mobile .section_content::after {
  opacity: 1;
}

.hlc-gradient-brand-hero {
  background: linear-gradient(135deg, #002236 0%, #1f4a83 100%);
}

.hlc-gradient-brand-soft {
  background: linear-gradient(180deg, #f8fee7 0%, #EEE5E1 100%);
}

/* $hlc-gradient-stroke-news-blue-aqua — background only */
.hlc-gradient-bg-stroke-news-blue-aqua,
.hlc-gradient-bg-stroke-news {
  background: linear-gradient(90deg, #002236 0%, #9fe3d9 50%, #b4e4ff 100%);
}

/* $hlc-gradient-stroke-insights-lime-aqua — background only */
.hlc-gradient-bg-stroke-insights-lime-aqua,
.hlc-gradient-bg-stroke-insights {
  background: linear-gradient(90deg, #bff355 0%, #9fe3d9 50%, #d6e6f4 100%);
}

/* Text Color */
.txt_green {
  color: #557630;
}

.text_light_blue {
  color: #002236;
}

.txt_voilet {
  color: #002236;
}

.text_dark_green {
  color: #002236;
}

.text_dark_gray {
  color: #002236;
}

.text_light_green {
  color: #BFF355;
}

/* All RTE color classes */
.rte-light-green {
  color: #bff355 !important;
}

.rte-dark-blue {
  color: #002236 !important;
}

.rte-taupe {
  color: #EEE5E1 !important;
}

.rte-light-blue {
  color: #D6E6F4 !important;
}

.rte-teal {
  color: #9fe3d9 !important;
}

/*  All RTE color classes */
/* Margin and padding classes */
.no-margin-bottom {
  margin-bottom: 0 !important;
}

.p-15 {
  padding: 5rem 0 !important;
}
@media only screen and (min-width: 992px) {
  .p-15 {
    padding: 15rem 0 !important;
  }
}

.mb-15 {
  margin-bottom: 12.5rem;
}
@media only screen and (min-width: 992px) {
  .mb-15 {
    margin-bottom: 15rem;
  }
}

.mt-15 {
  margin-top: 9.5rem;
}
@media only screen and (min-width: 992px) {
  .mt-15 {
    margin-top: 12rem;
  }
}

.mt-14 {
  margin-top: 5rem;
}
@media only screen and (min-width: 992px) {
  .mt-14 {
    margin-top: 12rem;
  }
}

.mb-7 {
  margin-bottom: 7.5rem;
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .pr0 {
    padding-right: 0;
  }
}

.fixed-section {
  position: fixed;
  width: 100%;
  left: 0;
}

.slider-wrapper .slick-track {
  display: flex;
}
.slider-wrapper .slick-track .slick-slide {
  height: auto;
}

.pb-15 {
  padding-bottom: 15rem;
}

.pt-15 {
  padding-top: 15rem;
}

.component.content {
  width: 100%;
}

.on-page-editor h2 {
  font-weight: 500;
}

.padlock-icon {
  width: 50px;
  height: 50px;
  background-image: url("../images/common/Lock-Fill.svg");
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.padunlock-icon {
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url("../images/common/Unlock-Fill.svg");
  background-size: cover;
  top: 0;
  right: 0;
  z-index: 9;
}

.modal-open {
  padding-right: 0 !important;
}

.custom-container#pdp-col-8 {
  max-width: 100%;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .custom-container#pdp-col-8 {
    max-width: 64.35%;
    margin-right: 36px;
  }
}

.custom-container#pdp-col-4 {
  max-width: 100%;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .custom-container#pdp-col-4 {
    max-width: 32.36%;
    margin-right: 0;
  }
}

.gpi-title .rich-text.sxa-rich-text-default h2 {
  font-size: 35px;
  font-family: "roobert_regular";
}

/* Reusable section heading pattern (intro + eyebrow + title). */
.hlc-section-intro {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  margin-bottom: 10rem;
}

.hlc_content_carousel .hlc-section-intro {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  margin-bottom: 7.5rem;
}

.hlc-section-eyebrow {
  width: 35rem;
  min-width: 35rem;
  color: inherit;
  font-family: "roobert_medium";
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.1;
  border-left: 1px solid currentColor;
  display: flex;
  align-items: flex-end;
  padding-left: 2rem;
  height: 7.5rem;
}

@media (max-width: 767px) {
  .hlc-section-eyebrow {
    height: 3.375rem;
    font-weight: 400 !important;
  }
}
.hlc-section-title {
  width: 110rem;
  color: inherit;
  font-family: "roobert_medium";
  font-size: 4.375rem;
  line-height: 1.15;
  letter-spacing: -1%;
  margin: 0;
  font-weight: 750;
}

@media only screen and (min-width: 0) and (max-width: 1199px) {
  .hlc-section-eyebrow {
    width: 22rem;
    min-width: 22rem;
  }
  .hlc-section-title {
    width: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .hlc-section-intro {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 5rem;
  }
  .hlc-section-eyebrow {
    width: auto;
    min-width: 0;
    padding-top: 0;
    min-height: auto;
  }
  .hlc-section-title {
    font-size: 4.375rem;
    line-height: 1.18;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .hlc-section-title {
    font-size: 4.375rem;
    line-height: 1.15;
  }
}
@media (min-width: 992px) {
  section .container {
    /* padding: 0 !important; */
  }
}
button:focus {
  outline: none !important;
}