@charset "UTF-8";
/* SCSS that uses Hugo variables needs to go in main bc variable expansion
 * doesn't happen in templates...
 */
/** RESET CSS **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 Shared stuff -- headers, navigation & footers
 **/
/**************
 WAVE STYLES
 **************/
/**
 Text styles
 **/
/* Body text is in Inter by default */
body {
  font-family: 'Inter', sans-serif;
  font-size: 14px; }

b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

/* But most actual text on the screen is in Walsheim */
h1, h2, h3, h4, h5, h6 {
  font-family: 'GT Walsheim Bold', sans-serif; }

/* biggest text on screen */
h1 {
  font-size: 64px;
  line-height: 1; }

/* subheadline / section headers (all pages) */
h2 {
  font-size: 48px;
  line-height: 1.17; }

/* on careers page, Core Values titles */
h3 {
  font-size: 28px; }

/* card headlines on homescreen, name of execs on about page */
h4 {
  font-size: 20px;
  line-height: 1.25; }

/* footer headline, job title on about page */
h5 {
  font-size: 16px; }

/* Responsive small-desktop / ipad for headers */
@media only screen and (min-width: 576px) and (max-width: 900px) {
  h1 {
    font-size: 48px; }
  h2 {
    font-size: 36px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 14px; }
  h6 {
    font-size: 10px; } }

/* Responsive mobile sizes for headers */
@media (max-width: 575.98px) {
  h1 {
    font-size: 28px; }
  h2 {
    font-size: 24px; }
  h3 {
    font-size: 20px; }
  h4 {
    font-size: 16px; }
  h5 {
    font-size: 12px; }
  h6 {
    font-size: 10px; }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.33;
    text-align: center; } }

/* "navbar" means the top bar that includes the logo, navigation and lang switcher */
.navbar {
  padding: 24px 200px; }

/* The "small" logo appears on both the top nav and the footer. */
.logo-small {
  width: 115px;
  height: 51px; }

.navbar-nav {
  font-size: 14px;
  align-items: center;
  margin-right: -10px;
  /* Stop À Propos from wrapping */
  white-space: nowrap;
  /* the top row of links have header-style formatting, but not walsheim, to let the wave logo pop */ }
  .navbar-nav > li {
    margin-left: 41px; }
  .navbar-nav a {
    text-decoration: none;
    color: #020203;
    padding: 10px; }
  .navbar-nav a:visited {
    color: #020203; }
  .navbar-nav > li > a {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-transform: uppercase; }
  .navbar-nav > .nav-lang {
    margin-left: 75px; }
  .navbar-nav img {
    /* These images should be sized according to their own content, not including padding. */
    box-sizing: content-box;
    width: 28px;
    vertical-align: middle; }

/* style the Bootstrap dropdown menu: size, shadow & corners */
.dropdown-menu {
  min-width: 200px;
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px; }

/* style the Bootstrap dropdown item also */
.dropdown-item {
  color: #0E0D5D; }

/* elements in the dropdown menu - border underneath each except the last */
.lang-item {
  padding: 0 16px; }

.lang-item-border {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #ECECEC; }

.lang-item:last-child .lang-item-border {
  border-bottom: none; }

.lang-item img {
  padding-right: 16px; }

/**
 Shared stuff -- basic page layout
 */
.waverow {
  padding: 0 200px; }

/* Shared responsive styles:
   - on <1200px we shrink the side paddings a bit
   - on <575.98px we reset paddings to 24px 16px
   */
@media only screen and (min-width: 576px) and (max-width: 900px) {
  .waverow, .navbar {
    padding-left: 60px;
    padding-right: 60px; } }

@media only screen and (min-width: 901px) and (max-width: 1200px) {
  .waverow, .navbar {
    padding-left: 133px;
    padding-right: 133px; } }

/*******************
 ABOUT & CAREERS shared styles
 *******************/
#aboutPage, #careersPage, #blogPage {
  color: #0E0D5D; }

#aboutPage p, #careersPage p {
  line-height: 1.67;
  font-weight: 400; }

/* on desktop, the body text for these pages is in 24px type */
@media (min-width: 576px) {
  #aboutPage p, #careersPage p {
    font-size: 24px; } }

/* footer layout */
.main-footer {
  margin: 60px 170px 100px;
  display: flex;
  flex-direction: row;
  color: #0E0D5D;
  line-height: 1.625;
  font-weight: 400;
  gap: 20px; }
  .main-footer .lang-chooser {
    width: 246px; }
  .main-footer .lang-menu {
    margin-top: 8px;
    display: block; }
  .main-footer .lang-menu button {
    color: inherit; }
  .main-footer .lang-menu button h5 {
    display: inline;
    margin: 0; }
  .main-footer .wavecol {
    width: 222px; }
  .main-footer h5 {
    margin-bottom: 9px; }
  .main-footer a {
    text-decoration: none;
    font-size: 16px;
    color: #0E0D5D; }
  .main-footer a:visited {
    color: #0E0D5D; }
  .main-footer .download-links {
    flex: 1;
    text-align: right;
    display: flex;
    flex-direction: column; }
  .main-footer .download-badge {
    height: 56px; }
  .main-footer ul {
    margin-bottom: 1em; }

@media only screen and (min-width: 576px) and (max-width: 900px) {
  .main-footer {
    margin-left: 32px;
    margin-right: 32px; }
  #footer-navigation {
    margin-left: 25px; } }

@media only screen and (min-width: 901px) and (max-width: 1200px) {
  .main-footer {
    margin-left: 75px;
    margin-right: 75px; } }

/* recruiting footer (on most pages except index) */
#recruitingFooter {
  background: url("/https/www.wave.com/img/pattern/round_pattern_sky.svg") bottom right/48% no-repeat, #3F41BF;
  color: #FFFFFF; }
  #recruitingFooter h2 {
    margin-bottom: 26px; }

.wavebutton, .business-button {
  display: block;
  width: max-content;
  min-width: 200px;
  border-radius: 28px;
  background: #1AB3E5;
  color: #FFFFFF;
  font-family: 'GT Walsheim Bold', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding: 20px 20px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
  text-align: center; }

.wavebutton:hover, .business-button:hover {
  color: #FFFFFF; }

button.wavebutton, button.business-button {
  border: 1px solid transparent; }

#recruitingFooter .wavebutton, #recruitingFooter .business-button {
  margin: auto; }

@media (min-width: 576px) {
  .main-footer .lang-menu {
    margin-left: -12px;
    /* negate the button padding in Bootstrap */ }
  #recruitingFooter {
    padding-top: 71px;
    padding-bottom: 122px;
    background-position: bottom -12vw right -12vw; }
  #recruitingFooter .wavebutton, #recruitingFooter .business-button {
    margin: 0; } }

@media (max-width: 575.98px) {
  #recruitingFooter {
    background-size: 348px;
    background-position: bottom -90px center;
    padding-bottom: 43px; } }

/* mobile nav and footer: */
@media (max-width: 575.98px) {
  .waverow, .navbar {
    padding-left: 16px;
    padding-right: 16px; }
  .waverow {
    padding-top: 24px;
    padding-bottom: 24px; }
  .navbar {
    padding-top: 16px;
    padding-bottom: 16px; }
  .logo-small {
    width: 86px;
    height: 39px; }
  .main-footer {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.8; }
    .main-footer .lang-chooser, .main-footer .wavecol {
      width: inherit; }
    .main-footer .logo {
      display: none; }
    .main-footer .download-links {
      order: -1;
      text-align: center; }
    .main-footer h5 {
      font-size: 14px;
      margin-top: 24px;
      margin-bottom: 10px; }
    .main-footer a {
      font-size: 13px; } }

/* mobile and tablet nav */
@media (max-width: 991.98px) {
  /* On md and below, Bootstrap gives us a hamburger (collapse-by-default) navbar.
  This section implements the styles for the expanded navbar on mobile and tablet.
  */
  .navbar-nav {
    align-items: flex-start; }
    .navbar-nav li {
      margin-left: 0; }
    .navbar-nav .nav-lang {
      order: -1;
      margin-left: 44px; }
  .navbar-nav > li > a {
    display: block;
    padding: 5px 5px 5px 44px; } }

/*******************
 INDEX (home page) specific styles
 *******************/
/* the banner at top of page */
.notice-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D85F1D;
  color: #FFFFFF;
  font-weight: 700;
  /* the banner link to sendwave has the neat "orange arrow" thingy,
   which we do using a background and padding */ }
  .notice-banner a {
    color: #FFFFFF;
    text-decoration: underline;
    text-decoration-color: #F9A31A;
    background: url("/https/www.wave.com/img/orange-arrow.png") right/16px 14px no-repeat;
    padding-right: 32px; }
  .notice-banner a:visited {
    color: #FFFFFF; }

@media (min-width: 576px) {
  .notice-banner {
    flex-direction: row;
    font-size: 14px;
    padding: 19px; }
    .notice-banner p {
      margin-right: 0.5em; } }

/* responsive banner centers and goes to 2 lines */
@media (max-width: 575.98px) {
  .notice-banner {
    flex-direction: column;
    line-height: 1.67;
    padding: 10px;
    font-size: 12px;
    /* the text wants to be centered without the arrow, so give the same padding as on the right */ }
    .notice-banner p {
      margin-right: 0; }
    .notice-banner a {
      padding-left: 32px; } }

/** First row -- blue background with tagline & phone **/
/*
The left side tagline is configured with a max width so it can shrink if forced.
The phone <img> tag itself is a bare screenshot with no "phone chrome".
*/
#indexRow1 {
  background: #1AB3E5;
  color: #FFFFFF;
  display: flex;
  /* if you shrink the screen enough (just over 600), the iphone gets pushed off the page a bit,
  but i'm ok with that as long as the scrollbars don't appear, so set overflow hidden here!
   */
  overflow-x: hidden; }
  #indexRow1 p {
    font-weight: 500; }
  #indexRow1 .badges {
    display: flex; }

/* on desktop, a mobile-screenshot div just takes a screenshot <img> tag and places it within a
   "white phone"-looking border */
.mobile-screenshot {
  overflow-y: hidden;
  background: url("/https/www.wave.com/img/phone_border.png") top center/100% no-repeat; }
  .mobile-screenshot img {
    margin: 49px 22px 90px;
    width: 362px; }

/* Responsive design for row 1:
   - on >575.98px (desktop), we use a horizontal tagline / screenshot layout.
     - on narrow desktops (<1200px), the screenshot is a bit smaller
   - at <575.98px (mobile), we rebuild the layout completely
 */
@media (min-width: 576px) {
  #indexRow1 {
    background: url("/https/www.wave.com/img/pattern/round_pattern_indigo.png") bottom right 39% / 408px no-repeat, url("/https/www.wave.com/img/pattern/angle_pattern_sky.png") bottom 15% right/375px no-repeat, #1AB3E5;
    padding-top: 47px;
    flex-direction: row;
    justify-content: space-between; }
    #indexRow1 .left {
      max-width: 550px;
      padding: 90px 0 165px 0;
      margin-right: 30px; }
    #indexRow1 .right {
      align-self: flex-end; }
    #indexRow1 p {
      margin: 35px 0 46px;
      font-size: 28px;
      line-height: 1.25; }
    #indexRow1 .download-badge {
      height: 72px; }
    #indexRow1 .badges {
      flex-direction: row;
      justify-content: start; }
    #indexRow1 .badges > *:first-child {
      margin-right: 25px; }
  br.mobileonly {
    display: none; }
  #indexRow1 .mobile-screenshot {
    height: 576px; } }

@media only screen and (min-width: 576px) and (max-width: 1200px) {
  #indexRow1 .left {
    padding-top: 0; }
  #indexRow1 h1 {
    margin-right: -100%; }
  #indexRow1 .mobile-screenshot {
    height: 450px; }
  #indexRow1 .badges {
    justify-content: center; }
  .mobile-screenshot img {
    width: 271px; } }

@media (max-width: 575.98px) {
  .download-badge {
    height: 56px; }
  #indexRow1 {
    flex-direction: column;
    text-align: center;
    padding-bottom: 0; }
    #indexRow1 p {
      font-size: 18px;
      line-height: 2;
      margin-top: 6px;
      margin-bottom: 24px; }
    #indexRow1 .right {
      margin-top: 32px;
      align-self: center; }
    #indexRow1 .mobile-screenshot {
      height: 428px; }
    #indexRow1 .mobile-screenshot img {
      width: 320px; }
    #indexRow1 .badges {
      flex-direction: column; } }

/** Second row -- What you can do with wave **/
#indexRow2 {
  background: url("/https/www.wave.com/img/pattern/round_pattern_blue.png") left bottom/309px no-repeat, url("/https/www.wave.com/img/pattern/angle_pattern_yellow.png") right 31px top 165px/347px no-repeat, url("/https/www.wave.com/img/pattern/round_pattern_gray.png") right bottom/453px no-repeat, #F8F8F8;
  color: #0E0D5D; }

.cards li {
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); }

/* Responsive changes for cards --

The cards are built using a grid:
   - >1100px -> 3-wide
   - >575.98px  -> 2-wide
   - <600 (mobile) -> 1-wide

On mobile, cards also have different dimensions, and a few cards
marked with 'nomobile' are ignored. And the background positioning
is different.
 */
.cards {
  margin: auto;
  display: grid; }
  .cards li {
    background-position: top 27px left 20px;
    background-repeat: no-repeat;
    background-size: auto 36px; }
  .cards .bank {
    background-image: url("/https/www.wave.com/img/icon/bank.png"); }
  .cards .coins {
    background-image: url("/https/www.wave.com/img/icon/coins.png"); }
  .cards .bulb {
    background-image: url("/https/www.wave.com/img/icon/bulb.png"); }
  .cards .phone {
    background-image: url("/https/www.wave.com/img/icon/phone.png"); }
  .cards .headset {
    background-image: url("/https/www.wave.com/img/icon/headset.png"); }
  .cards .shield {
    background-image: url("/https/www.wave.com/img/icon/shield.png"); }

@media (min-width: 576px) {
  #indexRow2 {
    padding-top: 158px;
    padding-bottom: 166px; }
    #indexRow2 h2 {
      margin-bottom: 74px; }
  .cards {
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    grid-gap: 20px; }
    .cards li {
      height: 172px; }
    .cards h4 {
      padding: 82px 22px 0 20px; } }

@media only screen and (min-width: 576px) and (max-width: 1100px) {
  .cards {
    grid-template-columns: repeat(2, minmax(250px, 1fr)); } }

@media (max-width: 575.98px) {
  #indexRow2 {
    background-position: bottom -35px left -60px, top 69px right -70px, bottom right -100px;
    background-size: 155px, 196px, 225px;
    padding-bottom: 36px; }
  .cards {
    grid-template-columns: repeat(1, minmax(250px, 1fr));
    grid-gap: 16px;
    margin-top: 24px; }
    .cards li {
      height: 128px;
      background-size: auto 24px;
      background-position: top 18px left 16px; }
    .cards h4 {
      padding: 56px 16px 0;
      text-align: left; }
    .cards .nomobile {
      display: none; } }

/** Third row -- Agents that always have cash, everywhere **/
#indexRow3 {
  color: #0E0D5D;
  background: url("/https/www.wave.com/img/svg/africa-dots.svg") right center/35% no-repeat, #FFFFFF;
  /* the input box has a total of 20 horiz and 10 vertical padding+borders around its width/height*/ }
  #indexRow3 input {
    font-family: 'GT Walsheim Regular', sans-serif;
    padding-left: 8px;
    padding-right: 8px;
    height: 56px;
    font-size: 18px;
    border-radius: 4px;
    border: 1px solid #ccc; }
  #indexRow3 .loading input {
    background: url("/https/www.wave.com/img/ajax-loader.gif") right 10px center/28px no-repeat; }
  #indexRow3 .msg-no-results {
    display: none; }
  #indexRow3 .no-elems.not-loading .msg-no-results {
    display: block; }
  #indexRow3 .msg-loading {
    display: none; }
  #indexRow3 .no-elems.loading .msg-loading {
    display: block; }
  #indexRow3 .msg {
    padding: 6px 24px;
    color: #9A99B9; }
  #indexRow3 input:focus {
    border: 1px solid #1AB3E5;
    box-shadow: 0px 0px 7px 0px rgba(26, 179, 229, 0.4); }

/** Fourth row -- Testimonials Carousel **/
/* Unlike the other rows, this row is centered and has no enforced paddings. */
#indexRow4 {
  /* This background is a red stripe that becomes white at some point.
   The intent (I think) from design is to have it land right at the vertical middle of the
   square portrait photo, but I don't know a reliable way to compute that, and in any case
   it's pretty subtle and so I think doesn't matter that much.

   FIXME(lincoln): This doesn't work on iOS, it's all red. I don't yet know why not.
   */
  background: url("/https/www.wave.com/img/pattern/angle_pattern_orange.png") right top 174px/40% no-repeat, linear-gradient(180deg, #882A1A 0%, #882A1A 532px, #FFFFFF 532px, #FFFFFF 100%); }
  #indexRow4 h2 {
    color: #FFFFFF;
    text-align: center;
    margin: auto; }

.testimonial q, .testimonial cite {
  display: block;
  font-family: 'GT Walsheim Bold', sans-serif;
  color: #882A1A; }

.testimonial q {
  background: url("/https/www.wave.com/img/quote_orange.png") top left/59px no-repeat; }

.testimonial cite {
  text-transform: uppercase; }

#indexRow4 .carousel-indicators li {
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: none;
  background: #C6C6FF; }

#indexRow4 .carousel-indicators .active {
  background: #F16A21; }

/* Responsive row 4:
- desktop has a horizontal image/quote layout with very precise, annoying positioning and margins
- on 601 - 1200px we shrink the testimonials box a bit (slightly hackily using 'scale' but easier than
  futzing with all the subsizes!)
- mobile has a vertical layout with image, then quote.
*/
@media only screen and (min-width: 901px) {
  #indexRow4 {
    padding: 83px 0 100px 0; }
    #indexRow4 h2 {
      max-width: 676px; }
    #indexRow4 .carousel {
      margin-top: 72px; }
  .testimonial {
    width: 80vw;
    height: 41vw;
    margin: auto;
    display: flex;
    flex-direction: row; }
    .testimonial img {
      z-index: 1;
      width: 48%;
      max-width: 510px;
      flex: none;
      align-self: flex-start; }
    .testimonial .quote {
      background: #FBDE87;
      height: 96%;
      align-self: flex-end;
      padding-left: 344px;
      margin-left: calc(-344px + 60px);
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .testimonial q {
      margin: 0 67px 0 0;
      padding-top: 15%;
      font-size: 33px;
      line-height: 1.25; }
    .testimonial cite {
      margin-top: 31px;
      font-size: 20px;
      padding-bottom: 60px; }
  .carousel-indicators {
    bottom: -53px; } }

/* Shrink the testimonials font sizes a bit on narrower screens */
@media only screen and (min-width: 901px) and (max-width: 1200px) {
  .testimonial q {
    font-size: 25px;
    background-size: 15%; }
  .testimonial cite {
    font-size: 16px; } }

@media only screen and (max-width: 900px) {
  #indexRow4 {
    background: url("/https/www.wave.com/img/pattern/angle_pattern_orange.png") right -80px top 96px / 284px no-repeat, linear-gradient(180deg, #882A1A 0%, #882A1A 380px, #FFFFFF 380px, #FFFFFF 100%);
    padding-bottom: 56px;
    padding-top: 20px; }
  .testimonial {
    /* img is centered */
    /* this fancy calculation is intended to get '.quote' to underlap the img above it
    by about 2/3rds of the image height. Since the image is square and set at 40% width,
    the 2/3rds of that is going to be about 0.24 times the viewport width (24vw).
    Then we need to restore that 24vw so the quote mark and text can appear
    properly below the image.
    */
    /* the quote height is 21px and we want a 12px margin from the quotemark = 33px */ }
    .testimonial img {
      display: block;
      width: 40%;
      margin: 32px auto 0; }
    .testimonial .quote {
      background: #FBDE87;
      text-align: center;
      margin-top: -24vw;
      padding: calc(24vw + 24px) 16px 32px; }
    .testimonial q {
      padding-top: 33px;
      background-size: 29px;
      background-position: top center;
      font-size: 18px;
      line-height: 1.5;
      padding-bottom: 8px; }
    .testimonial cite {
      font-size: 14px; }
  .carousel-indicators {
    bottom: -24px; } }

/*******************
 CAREERS specific styles
 *******************/
#careersHero {
  width: 100%;
  height: 35vh;
  background: url("https://www.wave.com/img/careers/hero_hu8390f38f1b7e2cddd45ca31c5f43a697_4908931_2592x1156_resize_q75_box.7b997065b4892d2cae5b41652723c5a3e5b211a2dd5d957a7093373365942c2a.jpg") 100% 30%/cover no-repeat; }

#careersRow2 h2 {
  text-align: center; }

#careersCarousel {
  margin: auto; }

#careersCarousel p {
  text-align: center;
  width: 100%;
  height: 6em;
  /* reserve space for 3 lines */ }

#careersCarousel .carousel-item img {
  width: 100%; }

#careersRow1 {
  background: url("/https/www.wave.com/img/pattern/round_pattern_yellow.png") bottom -20px right -120px/584px no-repeat, #F8F8F8; }

#careersRow2 {
  background-image: url("/https/www.wave.com/img/pattern/angle_pattern_green_down.png"), url("/https/www.wave.com/img/pattern/angle_pattern_blue.png");
  background-position: left bottom, right top 150px;
  background-repeat: no-repeat, no-repeat; }
  #careersRow2 .imgContainer {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto; }
  #careersRow2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block; }
  #careersRow2 img.shift-left {
    object-position: 90% center; }
  #careersRow2 img.shift-right {
    object-position: 30% center; }
  #careersRow2 .carousel-indicators li {
    margin-left: 5px;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: none;
    background: #CDD7DB; }
  #careersRow2 .carousel-indicators .active {
    background: #0E0D5D;
    transform: scale(1.18); }

/* special list styling */
#careersRow3 {
  background: url("/https/www.wave.com/img/pattern/angle_pattern_pale_green_down.png") right top no-repeat; }

#careersRow3 ol {
  counter-reset: valuesCounter; }

#careersRow3 ol > li {
  counter-increment: valuesCounter;
  /* this background extends 22px above the "real" top of the li, so we just pad it by that much.
  it also isn't quite centered, so I had to do this calc.

  To handle the horizontal offset on desktop, I also pad the left and right by 17px and do a negative
  margin to offset the padding.
   */
  background: url("/https/www.wave.com/img/pattern/angle_pattern_sky_transparent.png") calc(50% + 6px) top/83px no-repeat;
  padding: 22px 17px 0 17px;
  margin: 0 -17px; }

#careersRow3 ol > li::before {
  content: "0" counter(valuesCounter);
  font-family: "GT Walsheim Bold", sans-serif;
  font-size: 36px;
  color: #4164FF;
  text-align: center;
  display: block; }

#openRolesRow {
  background: url("/https/www.wave.com/img/pattern/round_pattern_transparent_white_rot180.png") top/100% no-repeat #E8F7FC;
  background-size: 100% auto;
  padding-top: 120px;
  padding-bottom: 100px;
  font-family: "GT Walsheim Regular", sans-serif; }
  #openRolesRow h1,
  #openRolesRow h2,
  #openRolesRow h3 {
    font-family: "GT Walsheim Bold", sans-serif;
    color: #0E0D5D; }
  #openRolesRow h3 {
    margin-top: 48px; }
  #openRolesRow h2 {
    text-align: center;
    padding-bottom: 20px; }

/* header for a section of job roles */
.accessible .level-0 h3 {
  /* greenhouse default CSS makes this annoying */
  font-size: 32px;
  margin-top: 48px;
  margin-bottom: 0; }

.opening {
  border-bottom: 1px solid #989AC0;
  position: relative;
  margin-bottom: 0;
  background: url("/https/www.wave.com/img/opening_arrow.png") center right 32px/12px no-repeat;
  /* the 'location' is not inside the <a> in the HTML, but we want the whole row to be clickable.
  So, we oversize the 'a' and then offset 'location' from the bottom by the right amount.
  ("Right amount" was determined by squinting.)

  TODO(ben): clean up the HTML now that we control it
  */ }
  .opening a {
    display: block;
    padding: 32px 0 calc(32px + 34px);
    /* see comment on .location */
    color: #0E0D5D;
    font-size: 24px; }
  .opening a:hover {
    background-color: rgba(0, 0, 0, 0.03);
    text-decoration: none; }
  .opening .location {
    position: absolute;
    bottom: 2px;
    color: #4164FF;
    pointer-events: none;
    font-size: 20px;
    margin: 8px 0px; }

.accessible .opening {
  line-height: 1.4; }

/* small screen, just adjust font sizes */
@media (max-width: 767.98px) {
  .accessible .level-0 h3 {
    /* greenhouse default CSS makes this annoying */
    font-size: 18px; }
  .opening a {
    padding: 16px 0 calc(16px + 16px);
    /* see comment on .location */
    font-size: 16px; }
  .opening .location {
    font-size: 14px; } }

@media (min-width: 576px) {
  #careersRow1.waverow {
    padding-top: 85px;
    padding-bottom: 85px; }
  #careersRow1 p {
    margin-top: 34px;
    margin-bottom: 43px; }
  #careersRow2.waverow {
    padding-top: 73px;
    padding-bottom: 131px; }
  #careersRow3 {
    background-size: 25%; }
  #careersRow3.waverow {
    padding-top: 44px;
    padding-bottom: 120px; }
  #careersRow3 h2 {
    margin-bottom: 72px; }
  /* on desktop, the li numbering is at the top left, not center. */
  #careersRow3 ol > li {
    background-position: left top;
    background-size: 93px;
    padding-top: 27px; }
  #careersRow3 ol > li::before {
    text-align: left;
    margin-bottom: 5px; }
  #careersRow3 ol h3 {
    margin-bottom: 17px; }
  #careersRow3 ol p {
    font-size: 20px;
    line-height: 1.8; }
  /* also, we use a 2x2 grid */
  #careersRow3 ol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 74px; } }

@media (min-width: 992px) {
  #careersCarousel {
    margin-top: 36px;
    width: 695px; }
    #careersCarousel .carousel-item {
      padding: 0 12px; }
  #careersRow2 .imgContainer {
    height: 500px; }
  #careersRow1 .wavecol {
    max-width: 50%; } }

@media (min-width: 576px) and (max-width: 991.98px) {
  #careersCarousel {
    width: 100%; }
    #careersCarousel .carousel-item {
      padding: 0 12px; }
  #careersRow2 .imgContainer {
    height: 400px; }
  #careersRow1 .wavecol {
    max-width: 70%; } }

@media (max-width: 575.98px) {
  #careersHero {
    background-size: 100% auto; }
  #careersRow2 {
    background-size: 133px auto, 245px auto; }
    #careersRow2 .imgContainer {
      height: 300px; }
  #careersRow3 {
    background-image: none; }
  #careersRow1 {
    padding-bottom: 42px;
    background-size: 150px;
    background-position: bottom -20px right -50px; }
    #careersRow1 p {
      margin: 16px 26px; }
    #careersRow1 .wavebutton, #careersRow1 .business-button {
      margin: auto; }
    #careersRow1 .carousel-item {
      padding: 0 5px; }
  #careersRow2.waverow {
    padding-bottom: 92px; }
  #careersRow2 h2 {
    margin-bottom: 16px; }
  #careersRow2 .carousel-indicators {
    bottom: -38px; }
  #careersRow3 h2 {
    margin-bottom: 44px; }
  #careersRow3 ol > li {
    margin-bottom: 24px; }
  #careersRow3 ol h3 {
    margin-bottom: 17px; }
  #careersRow3 ol p {
    line-height: 1.86; } }

/*******************
 ABOUT specific style
 *******************/
#aboutPage p {
  color: #595978;
  margin-bottom: 2em; }

#aboutPage p:last-of-type {
  margin-bottom: 0; }

#aboutPage .waverow {
  padding-top: 32px; }

#aboutPage img {
  width: 100%; }

#aboutPage h2 {
  margin-bottom: 20px; }

@media (min-width: 576px) and (max-width: 991.98px) {
  #aboutPage p {
    font-size: 16px; } }

/** Row 1 **/
#aboutRow1 .imagecol {
  position: relative; }

/* on desktop we flex the row */
@media (min-width: 768px) {
  #aboutPage h2 {
    margin-bottom: 48px; }
  #aboutRow1.waverow {
    display: flex;
    flex-direction: row;
    padding-bottom: 133px; }
  #aboutRow1 .textcol {
    padding-top: 86px;
    padding-right: 61px;
    flex-basis: 60%; }
  #aboutRow1 .imagecol {
    flex-basis: 40%; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  #aboutRow1 {
    background: url("/https/www.wave.com/img/pattern/round_pattern_gray.png") right bottom/40% no-repeat; }
    #aboutRow1 .textcol {
      flex-basis: 60%; }
    #aboutRow1 .imagecol {
      text-align: center;
      flex-basis: 40%;
      background: none;
      padding: 10px 0 10px 0; }
    #aboutRow1 img {
      width: 400px; } }

@media (max-width: 575.98px) {
  #aboutRow1 {
    background-image: url("/https/www.wave.com/img/pattern/angle_pattern_indigo_up.png"), url("/https/www.wave.com/img/pattern/round_pattern_gray.png");
    background-position: right bottom 150px, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 60%, 60%; }
  #aboutRow1.waverow {
    padding-left: 0;
    padding-right: 0; }
  #aboutRow1 .textcol {
    padding-left: 16px;
    padding-right: 16px; }
  #aboutRow1 .imagecol {
    padding: 49px 16px 53px; } }

/** Row 2 **/
#aboutRow2 {
  background: url("/https/www.wave.com/img/pattern/round_pattern_transparent_white.png") bottom/86% no-repeat #E8F7FC; }
  #aboutRow2 figcaption {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    font-family: "GT Walsheim Bold", sans-serif; }

/* on desktop we flex horizontally, put the image on the left, and kill the padding so it's full bleed */
@media (min-width: 768px) {
  #aboutRow2.waverow {
    display: flex;
    flex-direction: row;
    padding-top: 100px;
    padding-bottom: 120px;
    padding-left: 0; }
  #aboutRow2 .imagecol {
    order: -1;
    flex: 1;
    margin-right: 122px; }
  #aboutRow2 .textcol {
    flex: 1; }
  #aboutRow2 figure {
    position: relative; }
  #aboutRow2 figcaption {
    position: absolute;
    right: -20px;
    bottom: -20px;
    padding: 24px;
    line-height: 1.5;
    font-size: 16px;
    max-width: 60%; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  #aboutRow2 .imagecol {
    text-align: center; }
  #aboutRow2 img {
    width: 70%; }
  #aboutRow2 figcaption {
    top: -42px;
    margin: 0 13px;
    padding: 12px 16px;
    line-height: 1.71;
    font-size: 14px;
    text-align: left; }
  .textcol {
    margin-bottom: 10px; } }

@media (max-width: 575.98px) {
  #aboutRow2 figcaption {
    top: -42px;
    margin: 0 13px;
    padding: 12px 16px;
    line-height: 1.71;
    font-size: 14px; }
  .textcol {
    margin-bottom: 10px; } }

/** Row 3 **/
#aboutSection3 {
  background: #F8F8F8; }
  #aboutSection3 h2 {
    text-align: center; }
  #aboutSection3 b {
    color: #0E0D5D; }

.teamgrid h4,
.teamgrid h5 {
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px; }

.teamgrid h5 {
  color: #9A99B9; }

.teamgrid li img {
  border-radius: 50%;
  padding: 0 10px;
  margin-bottom: 10px; }

/* For xl screens, the names and titles can be bigger without wrapping;
for sm screens we need to shrink further
*/
@media (min-width: 1200px) {
  .teamgrid h4,
  .teamgrid h5 {
    font-size: 16px; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .teamgrid h4,
  .teamgrid h5 {
    font-size: 13px; } }

/* on desktop flex aboutFounders horizontally and make the team a 5x2 grid */
@media (min-width: 768px) {
  #aboutSection3 {
    padding-top: 73px;
    padding-bottom: 117px; }
  #aboutFounders.waverow {
    display: flex;
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 48px; }
  #aboutFounders .wavecol {
    flex: 1;
    position: relative; }
  #aboutFounders .imagecol {
    margin-left: 25px;
    align-self: flex-start; }
  #aboutFounders .imagecol:after {
    content: "";
    display: block;
    position: absolute;
    right: -61px;
    bottom: -47px;
    width: 100%;
    height: 100%;
    background: url("/https/www.wave.com/img/pattern/round_pattern_yellow.png") bottom right/50% no-repeat; }
  #aboutExecs.waverow {
    padding-top: 16px; }
  .teamgrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    grid-column-gap: 26px;
    grid-row-gap: 100px; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  #aboutSection3 {
    padding-top: 32px;
    padding-bottom: 32px; }
  .teamgrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 50px; } }

/* on mobile the teamgrid is 2x5 instead of 5x2 */
@media (max-width: 575.98px) {
  #aboutSection3 {
    padding-top: 32px;
    padding-bottom: 48px; }
  .teamgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 32px; } }

/** Row 4 **/
#aboutRow4 h2 {
  text-align: center; }

#aboutRow4 .investor-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
  grid-row-gap: 20px;
  margin-top: 32px;
  align-items: center; }

#aboutRow4 .investor-grid li {
  width: 100%; }

#aboutRow4 .investor-grid img {
  max-height: 60px; }

/** on desktop we flex the ul row **/
@media (min-width: 576px) {
  #aboutRow4.waverow {
    padding-top: 120px;
    padding-bottom: 120px; }
  #aboutRow4 h2 {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto; }
  #aboutRow4 .investor-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 60px; }
  #aboutRow4 .investor-grid img {
    max-height: 100px; } }

/*******************
 BLOG INDEX specific styles
 *******************/
#blogPage {
  width: 100%;
  background: #F8F8F8;
  /* inset box-shadow, to make the nav-bar look a bit elevated */
  box-shadow: inset 0 3px 2px -2px rgba(35, 41, 47, 0.15);
  padding-top: 40px;
  /* reset submit button to have no shaded border */ }
  #blogPage h2 {
    text-align: center;
    color: #2E3280;
    /* set size so that we can vertical align the sidebar */
    height: 100px; }
  #blogPage input[type="submit"] {
    border: 0; }

@media (max-width: 575.98px) {
  #blogPage h2 {
    height: inherit;
    margin-bottom: 1em; } }

.blogContainer {
  display: flex;
  flex-direction: row;
  padding-bottom: 16px; }

#blogContent {
  color: #595978; }

.byline {
  color: #353E70;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none; }
  .byline .authorThumbnail {
    border-radius: 50%;
    width: 40px; }
  .byline .authorDescription {
    margin-left: 10px;
    display: flex;
    align-items: baseline; }
  .byline .name {
    font-size: 14px; }
  .byline .date {
    font-size: 12px; }
  .byline .tag {
    display: flex;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    height: 30px;
    border-radius: 11px;
    background-color: #DEDCFE; }
    .byline .tag .tag-text {
      font-size: 12px;
      font-family: 'GT Walsheim Bold', sans-serif;
      text-transform: uppercase;
      color: #5B63FE; }

#postContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  grid-row-gap: 25px;
  min-width: 740px;
  text-decoration: none;
  margin: 0; }
  #postContainer .postPreview, #postContainer #latestPostPreview {
    display: block;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(1, 46, 122, 0.15); }
    #postContainer .postPreview .imgContainer, #postContainer #latestPostPreview .imgContainer {
      overflow: hidden; }
    #postContainer .postPreview .featuredImage, #postContainer #latestPostPreview .featuredImage {
      width: 100%; }
  #postContainer .blogTitle {
    text-decoration: none;
    line-height: 1.25;
    color: #0E0D5D;
    margin-top: 13px; }
  #postContainer li {
    text-decoration: none; }
  #postContainer .text {
    color: #595978;
    font-size: 16px; }
  #postContainer a {
    text-decoration: none; }

.pagination {
  grid-column: 1/-1;
  margin-bottom: 10px;
  /* vertical and horizontal align pagination content */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center; }
  .pagination .pagination-number-container {
    font-size: 16px;
    /* align numbers horizontally*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: #595978; }
    .pagination .pagination-number-container div {
      margin-left: 15px;
      margin-right: 15px; }
      .pagination .pagination-number-container div a {
        color: #4164FF;
        width: 30px;
        height: 30px;
        /* center number vertically and horizontally */
        display: flex;
        justify-content: center;
        align-items: center; }
    .pagination .pagination-number-container .pagination-current-item {
      border-radius: 100%;
      background-color: #FFFFFF;
      box-shadow: 0 10px 20px rgba(1, 46, 122, 0.15); }
      .pagination .pagination-number-container .pagination-current-item a {
        color: #2E3280; }
  .pagination .paginate-previous, .pagination .paginate-next, .pagination .no-next, .pagination .no-previous {
    font-size: 16px;
    font-weight: bold; }
  .pagination .no-previous, .pagination .no-next {
    color: #D9D9D9; }
  .pagination .paginate-previous, .pagination .no-previous {
    float: left; }
  .pagination .paginate-next, .pagination .no-next {
    float: right;
    text-align: right; }

#blogSidebar h4 {
  font-size: 18px; }

#blogSidebar .subscribe {
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(1, 46, 122, 0.15);
  padding: 16px;
  border-radius: 4px; }

.subscribe input[type="email"] {
  width: 100%; }

.subscribe p {
  margin-bottom: 16px; }

.subscribe h4 {
  padding-bottom: 5px; }

.subscribe input[type="email"] {
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #A0A6C7;
  color: #2E3280; }

.subscribe ::placeholder {
  color: #A0A6C7; }

.subscribe input[type="submit"] {
  cursor: pointer;
  width: 100%;
  padding: 20px 0;
  margin-top: 16px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); }

@media (min-width: 1200px) {
  .blogContainer {
    flex-direction: row;
    padding-left: 133px;
    padding-right: 133px; }
  #blogSidebar {
    margin-left: 10px;
    margin-top: 100px; }
  #latestPostPreview {
    grid-column: 1/-1; }
  .postPreview .imgContainer {
    height: 240px; }
  #latestPostPreview .imgContainer {
    height: 350px; }
  .subscribe {
    width: 280px; } }

@media (min-width: 768px) and (max-width: 1199.98px) {
  .blogContainer {
    flex-direction: column;
    padding-left: 50px;
    padding-right: 50px; }
  #blogSidebar {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #latestPostPreview {
    grid-column: 1/-1; }
  .postPreview .imgContainer {
    height: 240px; }
  #latestPostPreview .imgContainer {
    height: 350px; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  #blogPage {
    background-color: #FFFFFF; }
    #blogPage .blogContainer {
      flex-direction: column;
      margin-left: 10px;
      margin-right: 10px; }
  #blogSidebar {
    margin-top: 10px;
    display: flex;
    justify-content: center; }
  #postContainer {
    min-width: 0;
    grid-template-columns: repeat(1, 1fr); }
    #postContainer #latestPostPreview .featuredImage, #postContainer .postPreview .featuredImage {
      height: auto;
      object-fit: contain; }
    #postContainer .postPreview .imgContainer, #postContainer #latestPostPreview .imgContainer {
      height: 240px; }
  .subscribe {
    width: 100%; } }

@media (max-width: 575.98px) {
  #blogPage {
    background-color: #FFFFFF; }
    #blogPage .blogContainer {
      flex-direction: column;
      margin-left: 10px;
      margin-right: 10px; }
  #postContainer {
    min-width: 0;
    grid-template-columns: repeat(1, 1fr); }
    #postContainer #latestPostPreview, #postContainer .postPreview {
      width: 100%;
      padding-bottom: 0; }
      #postContainer #latestPostPreview .featuredImage, #postContainer .postPreview .featuredImage {
        height: auto;
        object-fit: contain; }
  #blogSidebar {
    margin-top: 20px; }
  .subscribe {
    width: 100%; }
  .pagination {
    flex-flow: row;
    justify-content: center; }
  .text, .authorThumbnail, .name, .date-on,
  .paginate-previous, .paginate-next, .no-next, .no-previous {
    display: none; }
  .byline {
    display: flex;
    flex-flow: column; }
    .byline .authorDescription {
      margin-left: 0;
      display: flex;
      flex-flow: column;
      justify-content: flex-start; }
      .byline .authorDescription .tag {
        height: 23px;
        margin-top: 10px;
        margin-left: 0;
        background-color: #F1F8FE;
        border-radius: 3px; }
        .byline .authorDescription .tag .tag-text {
          font-size: 11px;
          color: #5B63FE; }
    .byline .date {
      margin-left: 0;
      text-transform: uppercase;
      font-weight: bold; } }

/*******************
 Styles for legal document-like pages
 *******************/
#legalPage p {
  margin: 1.5em 0 1.5em 0;
  line-height: 1.5; }

#legalPage ul {
  list-style-type: disc;
  margin-left: 40px; }

#legalPage ol {
  list-style-type: decimal;
  margin-left: 40px; }

/*******************
 BLOG POST specific styles
 *******************/
#articleWrapper {
  width: 100%;
  background: #F8F8F8;
  padding-bottom: 16px;
  padding-top: 16px;
  display: flex;
  color: #353E70; }

.longform-content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  /** I took all the headings from _shared and moved them down by one size
   * (so h2 here = h1 in _shared), then made them relative so that the
   * headings get reduced when the body size is reduced by the breakpoint
   * above
   */
  /* on careers page, Core Values titles */
  /* card headlines on homescreen, name of execs on about page */
  /* footer headline, job title on about page */ }
  @media (max-width: 767.98px) {
    .longform-content {
      font-size: 14px; } }
  .longform-content h1, .longform-content h2 {
    margin-top: 10px;
    margin-bottom: 10px; }
  .longform-content h1, .longform-content h2 {
    color: #0E0D5D; }
  .longform-content h3 {
    line-height: 1.5;
    padding-top: 12px; }
  .longform-content h4, .longform-content h5, .longform-content h6, .longform-content p, .longform-content ul, .longform-content ol {
    margin-bottom: 14px;
    margin-top: 14px;
    line-height: 1.5; }
  .longform-content ol, .longform-content ul {
    margin-left: 12px; }
    .longform-content ol li, .longform-content ul li {
      margin-left: 12px;
      padding-left: 5px;
      margin-top: 2px;
      margin-bottom: 2px; }
  .longform-content ul {
    list-style-type: square; }
    .longform-content ul ul {
      list-style-type: circle; }
  .longform-content ol {
    list-style-type: decimal; }
    .longform-content ol ol {
      list-style-type: lower-alpha; }
  .longform-content ol ol, .longform-content ul ul {
    margin: 0;
    margin-left: 2em; }
  .longform-content img {
    width: 100%; }
  .longform-content .byline {
    align-items: center;
    margin-top: 10px; }
  .longform-content .byline img {
    width: 40px; }
  .longform-content article {
    background: #FFFFFF;
    padding: 40px;
    color: #223;
    max-width: 900px; }
  .longform-content h1 {
    font-size: 300%;
    line-height: 1.17; }
  .longform-content h2 {
    font-size: 175%; }
  .longform-content h3 {
    font-size: 125%;
    line-height: 1.25; }
  .longform-content h4 {
    font-size: 16px; }

@media (max-width: 767.98px) {
  #articleWrapper {
    background: #FFFFFF; }
    #articleWrapper article {
      padding: 10px; } }

code, pre {
  font-family: "JetBrains Mono", monospace; }

blockquote {
  color: #778;
  border-left: 2px solid;
  padding-left: 10px; }

pre {
  padding: 8px; }

code {
  background: #F8F8F8; }

.closer {
  font-style: italic; }

sup, sub {
  font-size: 75%; }

.subscribe input[type="submit"] {
  border: 0; }

/*******************
 Styles for terms and conditions
 *******************/
#termsContent p {
  margin: 1.5em 0 1.5em 0;
  line-height: 1.5; }

#termsContent b {
  color: #0E0D5D; }

#termsAndConditionsPage {
  width: 75%;
  margin: auto; }
  #termsAndConditionsPage .margin {
    margin: 1rem; }
  #termsAndConditionsPage #termsHeader h1, #termsAndConditionsPage #termsHeader h2 {
    text-align: center; }
  #termsAndConditionsPage #termsHeader h2 {
    font-size: 36px; }
  #termsAndConditionsPage .logoHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem;
    align-items: center; }
  #termsAndConditionsPage .centeredLogoHeader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2rem; }
  #termsAndConditionsPage .waveLogo {
    height: 112px;
    width: auto;
    max-width: 100px; }
  #termsAndConditionsPage .bankLogo {
    height: auto;
    width: auto;
    max-width: 150px;
    max-height: 150px; }
  #termsAndConditionsPage .termsText {
    text-align: justify; }
  #termsAndConditionsPage .termsText ul {
    list-style-type: disc;
    padding-inline-start: 40px; }
  #termsAndConditionsPage .definitionText {
    font-weight: normal;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  #termsAndConditionsPage .wordToPandocHacks ol li {
    list-style-position: inside;
    list-style-type: decimal; }
    #termsAndConditionsPage .wordToPandocHacks ol li > p {
      display: inline; }
  #termsAndConditionsPage .wordToPandocHacks ul li {
    list-style-position: inside;
    list-style-type: circle; }
    #termsAndConditionsPage .wordToPandocHacks ul li > p {
      display: inline; }
  #termsAndConditionsPage .wordToPandocHacks ol li {
    font-weight: bold; }
    #termsAndConditionsPage .wordToPandocHacks ol li > p {
      font-weight: normal; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="1"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="1"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="1"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="1"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="1"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="1"] > li > ol > li > ol > li:before {
        content: "1." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="2"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="2"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="2"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="2"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="2"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="2"] > li > ol > li > ol > li:before {
        content: "2." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="3"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="3"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="3"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="3"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="3"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="3"] > li > ol > li > ol > li:before {
        content: "3." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="4"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="4"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="4"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="4"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="4"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="4"] > li > ol > li > ol > li:before {
        content: "4." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="5"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="5"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="5"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="5"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="5"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="5"] > li > ol > li > ol > li:before {
        content: "5." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="6"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="6"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="6"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="6"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="6"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="6"] > li > ol > li > ol > li:before {
        content: "6." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="7"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="7"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="7"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="7"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="7"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="7"] > li > ol > li > ol > li:before {
        content: "7." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="8"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="8"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="8"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="8"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="8"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="8"] > li > ol > li > ol > li:before {
        content: "8." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="9"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="9"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="9"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="9"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="9"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="9"] > li > ol > li > ol > li:before {
        content: "9." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="10"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="10"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="10"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="10"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="10"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="10"] > li > ol > li > ol > li:before {
        content: "10." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="11"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="11"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="11"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="11"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="11"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="11"] > li > ol > li > ol > li:before {
        content: "11." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="12"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="12"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="12"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="12"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="12"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="12"] > li > ol > li > ol > li:before {
        content: "12." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="13"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="13"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="13"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="13"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="13"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="13"] > li > ol > li > ol > li:before {
        content: "13." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="14"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="14"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="14"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="14"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="14"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="14"] > li > ol > li > ol > li:before {
        content: "14." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="15"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="15"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="15"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="15"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="15"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="15"] > li > ol > li > ol > li:before {
        content: "15." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="16"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="16"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="16"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="16"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="16"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="16"] > li > ol > li > ol > li:before {
        content: "16." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="17"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="17"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="17"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="17"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="17"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="17"] > li > ol > li > ol > li:before {
        content: "17." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="18"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="18"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="18"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="18"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="18"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="18"] > li > ol > li > ol > li:before {
        content: "18." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="19"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="19"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="19"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="19"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="19"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="19"] > li > ol > li > ol > li:before {
        content: "19." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="20"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="20"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="20"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="20"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="20"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="20"] > li > ol > li > ol > li:before {
        content: "20." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="21"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="21"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="21"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="21"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="21"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="21"] > li > ol > li > ol > li:before {
        content: "21." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="22"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="22"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="22"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="22"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="22"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="22"] > li > ol > li > ol > li:before {
        content: "22." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="23"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="23"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="23"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="23"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="23"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="23"] > li > ol > li > ol > li:before {
        content: "23." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="24"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="24"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="24"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="24"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="24"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="24"] > li > ol > li > ol > li:before {
        content: "24." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="25"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="25"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="25"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="25"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="25"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="25"] > li > ol > li > ol > li:before {
        content: "25." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="26"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="26"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="26"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="26"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="26"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="26"] > li > ol > li > ol > li:before {
        content: "26." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="27"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="27"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="27"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="27"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="27"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="27"] > li > ol > li > ol > li:before {
        content: "27." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="28"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="28"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="28"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="28"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="28"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="28"] > li > ol > li > ol > li:before {
        content: "28." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="29"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="29"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="29"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="29"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="29"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="29"] > li > ol > li > ol > li:before {
        content: "29." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="30"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="30"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="30"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="30"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="30"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="30"] > li > ol > li > ol > li:before {
        content: "30." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="31"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="31"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="31"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="31"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="31"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="31"] > li > ol > li > ol > li:before {
        content: "31." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="32"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="32"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="32"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="32"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="32"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="32"] > li > ol > li > ol > li:before {
        content: "32." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="33"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="33"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="33"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="33"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="33"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="33"] > li > ol > li > ol > li:before {
        content: "33." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="34"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="34"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="34"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="34"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="34"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="34"] > li > ol > li > ol > li:before {
        content: "34." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="35"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="35"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="35"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="35"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="35"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="35"] > li > ol > li > ol > li:before {
        content: "35." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="36"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="36"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="36"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="36"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="36"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="36"] > li > ol > li > ol > li:before {
        content: "36." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="37"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="37"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="37"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="37"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="37"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="37"] > li > ol > li > ol > li:before {
        content: "37." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="38"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="38"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="38"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="38"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="38"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="38"] > li > ol > li > ol > li:before {
        content: "38." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="39"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="39"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="39"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="39"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="39"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="39"] > li > ol > li > ol > li:before {
        content: "39." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="40"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="40"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="40"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="40"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="40"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="40"] > li > ol > li > ol > li:before {
        content: "40." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="41"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="41"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="41"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="41"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="41"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="41"] > li > ol > li > ol > li:before {
        content: "41." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="42"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="42"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="42"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="42"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="42"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="42"] > li > ol > li > ol > li:before {
        content: "42." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="43"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="43"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="43"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="43"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="43"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="43"] > li > ol > li > ol > li:before {
        content: "43." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="44"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="44"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="44"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="44"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="44"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="44"] > li > ol > li > ol > li:before {
        content: "44." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="45"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="45"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="45"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="45"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="45"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="45"] > li > ol > li > ol > li:before {
        content: "45." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="46"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="46"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="46"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="46"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="46"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="46"] > li > ol > li > ol > li:before {
        content: "46." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="47"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="47"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="47"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="47"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="47"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="47"] > li > ol > li > ol > li:before {
        content: "47." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="48"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="48"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="48"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="48"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="48"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="48"] > li > ol > li > ol > li:before {
        content: "48." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="49"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="49"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="49"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="49"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="49"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="49"] > li > ol > li > ol > li:before {
        content: "49." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="50"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="50"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="50"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="50"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="50"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="50"] > li > ol > li > ol > li:before {
        content: "50." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="51"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="51"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="51"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="51"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="51"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="51"] > li > ol > li > ol > li:before {
        content: "51." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="52"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="52"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="52"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="52"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="52"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="52"] > li > ol > li > ol > li:before {
        content: "52." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="53"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="53"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="53"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="53"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="53"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="53"] > li > ol > li > ol > li:before {
        content: "53." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="54"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="54"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="54"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="54"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="54"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="54"] > li > ol > li > ol > li:before {
        content: "54." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="55"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="55"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="55"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="55"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="55"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="55"] > li > ol > li > ol > li:before {
        content: "55." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="56"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="56"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="56"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="56"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="56"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="56"] > li > ol > li > ol > li:before {
        content: "56." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="57"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="57"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="57"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="57"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="57"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="57"] > li > ol > li > ol > li:before {
        content: "57." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="58"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="58"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="58"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="58"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="58"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="58"] > li > ol > li > ol > li:before {
        content: "58." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="59"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="59"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="59"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="59"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="59"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="59"] > li > ol > li > ol > li:before {
        content: "59." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="60"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="60"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="60"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="60"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="60"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="60"] > li > ol > li > ol > li:before {
        content: "60." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="61"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="61"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="61"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="61"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="61"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="61"] > li > ol > li > ol > li:before {
        content: "61." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="62"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="62"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="62"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="62"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="62"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="62"] > li > ol > li > ol > li:before {
        content: "62." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="63"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="63"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="63"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="63"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="63"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="63"] > li > ol > li > ol > li:before {
        content: "63." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="64"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="64"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="64"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="64"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="64"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="64"] > li > ol > li > ol > li:before {
        content: "64." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="65"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="65"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="65"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="65"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="65"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="65"] > li > ol > li > ol > li:before {
        content: "65." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="66"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="66"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="66"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="66"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="66"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="66"] > li > ol > li > ol > li:before {
        content: "66." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="67"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="67"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="67"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="67"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="67"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="67"] > li > ol > li > ol > li:before {
        content: "67." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="68"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="68"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="68"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="68"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="68"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="68"] > li > ol > li > ol > li:before {
        content: "68." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="69"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="69"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="69"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="69"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="69"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="69"] > li > ol > li > ol > li:before {
        content: "69." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="70"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="70"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="70"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="70"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="70"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="70"] > li > ol > li > ol > li:before {
        content: "70." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="71"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="71"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="71"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="71"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="71"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="71"] > li > ol > li > ol > li:before {
        content: "71." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="72"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="72"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="72"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="72"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="72"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="72"] > li > ol > li > ol > li:before {
        content: "72." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="73"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="73"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="73"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="73"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="73"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="73"] > li > ol > li > ol > li:before {
        content: "73." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="74"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="74"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="74"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="74"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="74"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="74"] > li > ol > li > ol > li:before {
        content: "74." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="75"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="75"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="75"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="75"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="75"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="75"] > li > ol > li > ol > li:before {
        content: "75." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="76"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="76"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="76"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="76"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="76"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="76"] > li > ol > li > ol > li:before {
        content: "76." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="77"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="77"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="77"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="77"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="77"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="77"] > li > ol > li > ol > li:before {
        content: "77." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="78"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="78"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="78"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="78"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="78"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="78"] > li > ol > li > ol > li:before {
        content: "78." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="79"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="79"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="79"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="79"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="79"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="79"] > li > ol > li > ol > li:before {
        content: "79." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="80"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="80"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="80"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="80"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="80"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="80"] > li > ol > li > ol > li:before {
        content: "80." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="81"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="81"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="81"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="81"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="81"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="81"] > li > ol > li > ol > li:before {
        content: "81." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="82"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="82"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="82"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="82"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="82"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="82"] > li > ol > li > ol > li:before {
        content: "82." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="83"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="83"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="83"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="83"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="83"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="83"] > li > ol > li > ol > li:before {
        content: "83." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="84"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="84"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="84"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="84"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="84"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="84"] > li > ol > li > ol > li:before {
        content: "84." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="85"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="85"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="85"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="85"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="85"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="85"] > li > ol > li > ol > li:before {
        content: "85." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="86"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="86"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="86"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="86"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="86"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="86"] > li > ol > li > ol > li:before {
        content: "86." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="87"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="87"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="87"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="87"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="87"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="87"] > li > ol > li > ol > li:before {
        content: "87." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="88"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="88"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="88"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="88"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="88"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="88"] > li > ol > li > ol > li:before {
        content: "88." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="89"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="89"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="89"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="89"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="89"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="89"] > li > ol > li > ol > li:before {
        content: "89." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="90"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="90"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="90"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="90"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="90"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="90"] > li > ol > li > ol > li:before {
        content: "90." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="91"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="91"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="91"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="91"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="91"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="91"] > li > ol > li > ol > li:before {
        content: "91." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="92"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="92"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="92"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="92"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="92"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="92"] > li > ol > li > ol > li:before {
        content: "92." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="93"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="93"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="93"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="93"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="93"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="93"] > li > ol > li > ol > li:before {
        content: "93." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="94"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="94"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="94"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="94"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="94"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="94"] > li > ol > li > ol > li:before {
        content: "94." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="95"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="95"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="95"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="95"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="95"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="95"] > li > ol > li > ol > li:before {
        content: "95." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="96"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="96"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="96"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="96"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="96"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="96"] > li > ol > li > ol > li:before {
        content: "96." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="97"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="97"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="97"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="97"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="97"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="97"] > li > ol > li > ol > li:before {
        content: "97." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="98"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="98"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="98"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="98"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="98"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="98"] > li > ol > li > ol > li:before {
        content: "98." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks ol[start="99"] > li > ol, #termsAndConditionsPage .wordToPandocHacks ol[start="99"] > li > ol > li > ol {
    counter-reset: item; }
    #termsAndConditionsPage .wordToPandocHacks ol[start="99"] > li > ol > li, #termsAndConditionsPage .wordToPandocHacks ol[start="99"] > li > ol > li > ol > li {
      display: block;
      padding-bottom: 1em; }
      #termsAndConditionsPage .wordToPandocHacks ol[start="99"] > li > ol > li:before, #termsAndConditionsPage .wordToPandocHacks ol[start="99"] > li > ol > li > ol > li:before {
        content: "99." counters(item, ".") " ";
        counter-increment: item; }
  #termsAndConditionsPage .wordToPandocHacks blockquote {
    margin-left: 1em; }
  #termsAndConditionsPage .pandocLimits {
    padding-left: 1em; }
    #termsAndConditionsPage .pandocLimits blockquote, #termsAndConditionsPage .pandocLimits p {
      display: inline; }
  #termsAndConditionsPage #countrySection {
    padding: 1rem; }
    #termsAndConditionsPage #countrySection h3 {
      border-bottom: 1px solid #989AC0; }
  #termsAndConditionsPage .bankPickerSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding: 2rem; }
    @media (min-width: 400px) {
      #termsAndConditionsPage .bankPickerSection {
        flex-direction: row;
        justify-content: center; } }
/*****************************
 Business page specific styles
 *****************************/
/* Business page components */
.business-button {
  text-transform: none;
  background: #1DC8FF;
  min-width: auto;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 29px;
  border-radius: 48px;
  padding: 22px 57px; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .business-button {
      font-size: 20px;
      border-radius: 36px;
      padding: 15px 40px; } }
  @media (max-width: 767.98px) {
    .business-button {
      padding: 10.67px 28.02px;
      border-radius: 24px;
      font-size: 14px; } }
.businessrow {
  background-repeat: no-repeat;
  padding: 0 200px; }
  @media (max-width: 1199.98px) {
    .businessrow {
      padding: 0 133px; } }
  @media (max-width: 991.98px) {
    .businessrow {
      padding: 0 60px; } }
@media (max-width: 767.98px) {
  .businessrow {
    padding: 0 20px; } }

@media (max-width: 991.98px) {
  .desktop-only {
    display: none; } }

/* business page has blue navbar with no border for the hamburger */
#businessHeader .navbar {
  background-color: #EFFBFF; }
  #businessHeader .navbar .navbar-toggler {
    border: none; }

/* Different fonts for
- large desktop: xl
- small desktop, big tablet: lg, md 
  - these are actually smaller than tablet! since on tablet we redesign the whole page
- small tablet: sm
- mobile: xs
*/
#businessPage h1 {
  font-size: 64px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  line-height: 1.1;
  text-align: left; }

#businessPage h2 {
  font-size: 48px;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.13; }

#businessPage h3 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Inter", sans-serif; }

#businessPage p {
  font-size: 24px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  line-height: 1.25; }

@media (max-width: 1199.98px) {
  #businessPage h1 {
    font-size: 36px; }
  #businessPage h2 {
    font-size: 36px; }
  #businessPage h3 {
    font-size: 18px; }
  #businessPage p {
    font-size: 18px; } }

@media (min-width: 576px) and (max-width: 991.98px) {
  #businessPage h1 {
    font-size: 48px; }
  #businessPage h2 {
    font-size: 48px; }
  #businessPage h3 {
    font-size: 24px; }
  #businessPage p {
    font-size: 24px; } }

@media (max-width: 575.98px) {
  #businessPage h1 {
    font-size: 28px; }
  #businessPage h2 {
    font-size: 28px; }
  #businessPage h3 {
    font-size: 16px; }
  #businessPage p {
    font-size: 15px;
    line-height: 1.13; } }

/** First row 

On desktop, it's split into left and right.

On mobile, we hide the business portal screenshot, split top and bottom
**/
#businessRow1 {
  background-image: url("/https/www.wave.com/img/pattern/round_pattern_light_blue.svg");
  background-position-y: bottom;
  background-position-x: right;
  background-color: #EFFBFF;
  color: #1C1C1C;
  display: flex; }
  #businessRow1 p {
    margin: 35px 0 46px; }
  #businessRow1 .businessapp-only {
    position: relative; }
  #businessRow1 .business-app-badges {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    justify-content: left; }
  #businessRow1 .download-business-app-badge {
    max-height: 300px; }
  @media (max-width: 767.98px) {
    #businessRow1 .business-app-badges {
      flex-direction: column;
      gap: 15px;
      margin: auto;
      padding-top: 10px; }
    #businessRow1 .businessapp-only {
      display: flex;
      margin: auto;
      justify-content: center;
      padding-bottom: 30px; } }
  @media (min-width: 992px) {
    #businessRow1 {
      padding-top: 47px;
      padding-bottom: 40px;
      flex-direction: row;
      justify-content: space-between;
      background-size: 50%; }
      #businessRow1 .left {
        max-width: 55%;
        padding: 100px 0;
        margin-right: 30px;
        z-index: 1; }
      #businessRow1 .right {
        max-width: 40%; }
        #businessRow1 .right .businessportal {
          position: absolute;
          right: 0;
          width: 45%;
          max-height: 700px;
          z-index: 2; }
        #businessRow1 .right .businessapp img {
          position: relative;
          padding-top: 130px;
          left: 50%;
          transform: translateX(-50%);
          width: 80%;
          z-index: 3; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    #businessRow1 .left {
      max-width: 55%;
      padding: 60px 0 80px 0; }
    #businessRow1 .right {
      max-width: 40%; }
      #businessRow1 .right .businessapp img {
        padding-top: 60px; } }
  @media (max-width: 991.98px) {
    #businessRow1 {
      flex-direction: column;
      padding-bottom: 0; }
      #businessRow1 .right {
        margin-top: 32px; }
        #businessRow1 .right .businessapp {
          position: relative;
          overflow: hidden; }
          #businessRow1 .right .businessapp img {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 70%; }
          #businessRow1 .right .businessapp::before {
            content: "";
            display: block;
            padding-top: 80%; } }
  @media (max-width: 767.98px) {
    #businessRow1 {
      background-size: 90% 50%; } }
  @media (max-width: 575.98px) {
    #businessRow1 h1 {
      margin-bottom: 0; }
    #businessRow1 p {
      font-size: 15px;
      margin-top: 12px;
      margin-bottom: 12px; } }
/** Second row 

Partner logos and usage stats 
**/
#businessRow2 {
  background: white;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 100px 40px;
  max-width: 1100px;
  gap: 40px; }
  @media (max-width: 991.98px) {
    #businessRow2 {
      padding: 40px 20px; } }
.logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .logos li {
    display: flex;
    justify-content: center;
    /* kind of complicated... 
    remember to remove 2 * padding from width,
    then divide into four equal parts
    */
    padding: 5px;
    flex: 1 0 calc(25% - 10px);
    max-width: calc(25% - 10px); }
  .logos #jumia img {
    max-width: 100%; }
  .logos #burgerking img {
    max-width: 40%; }
  .logos #total img {
    max-width: 54.5%; }
  .logos #auchan img {
    max-width: 84%; }
  .logos #yango img {
    max-width: 68%; }
  .logos #shell img {
    max-width: 41%; }
  .logos #brioche img {
    max-width: 67%; }
  .logos img {
    display: block;
    height: auto;
    object-fit: contain; }
  @media (max-width: 991.98px) {
    .logos li {
      flex: 1 0 33%;
      max-width: 33%; }
    .logos .desktop-only {
      display: none; }
    .logos #jumia {
      order: 1; }
    .logos #burgerking {
      order: 2; }
    .logos #total {
      order: 6; }
    .logos #auchan {
      order: 3; }
    .logos #yango {
      order: 5; }
    .logos #shell {
      order: 4; } }
/* Annoying consequence of having specified with id elsewhere,
which has too high a specificity. We have to specify it here to 
be able to style the stats-header.  */
#businessPage .stats {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  padding: 20px 0; }
  #businessPage .stats li {
    flex: 1; }
    #businessPage .stats li .stats-header {
      margin-bottom: 5px; }
  @media (max-width: 991.98px) {
    #businessPage .stats {
      flex-direction: column;
      padding: 0px 45px;
      gap: 32px; } }
/** Icon title

i.e. a little business portal icon img + title
**/
.icontitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px; }
  .icontitle img {
    margin-right: 10px;
    width: 64px; }
    @media (max-width: 1199.98px) {
      .icontitle img {
        width: 32px; } }
/** Split rows

rows with text on one side and image on the other 
**/
.splitrow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 100px 0;
  gap: 80px;
  align-items: center; }
  .splitrow .left,
  .splitrow .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 50%; }
    .splitrow .left img,
    .splitrow .right img {
      display: block;
      height: auto;
      object-fit: contain; }
  @media (max-width: 991.98px) {
    .splitrow {
      flex-direction: column;
      gap: 30px;
      padding: 32px 0; }
      .splitrow .left,
      .splitrow .right {
        width: 100%; } }
/** Third row -- Bulk payments **/
#businessRow3 {
  background-image: url("/https/www.wave.com/img/pattern/angle_pattern_lilac_right_crop.png");
  background-position-x: right;
  background-position-y: bottom;
  background-color: #F7F9FC;
  /** Give the big biz portal screenshot more space **/ }
  @media (min-width: 992px) {
    #businessRow3 .splitrow .left {
      width: 45%; }
    #businessRow3 .splitrow .right {
      width: 55%; } }
  @media (max-width: 991.98px) {
    #businessRow3 {
      background-size: 50% 40%; } }
/** Fourth row -- Business app **/
#businessRow4 {
  background-image: url("/https/www.wave.com/img/pattern/round_pattern_light_blue_alt.png");
  background-position-x: left;
  background-position-y: bottom;
  background-color: #FFFFFF; }
  #businessRow4 .splitrow .left {
    margin: auto; }
    #businessRow4 .splitrow .left img {
      width: 90%;
      margin: auto; }
  @media (max-width: 991.98px) {
    #businessRow4 {
      background-size: 60%;
      background-position-x: -40%;
      background-position-y: 94%; }
      #businessRow4 .splitrow {
        display: flex;
        flex-direction: column-reverse; }
        #businessRow4 .splitrow .left {
          padding-bottom: 60px; }
          #businessRow4 .splitrow .left img {
            width: auto;
            margin: 0 42px; } }
/** Fifth row -- Collections **/
#businessRow5 {
  background-image: url("/https/www.wave.com/img/pattern/angle_pattern_lilac_right_crop.png");
  background-position-x: right;
  background-position-y: bottom;
  background-color: #F7F9FC; }
  @media (max-width: 991.98px) {
    #businessRow5 {
      background-size: 50% 40%; }
      #businessRow5 .splitrow .right img {
        width: auto;
        margin: 20px 32px; } }
/** Sixth row -- Checkout API **/
#businessRow6 {
  background-image: url("/https/www.wave.com/img/pattern/angle_pattern_lilac_left_crop.png");
  background-position-x: left;
  background-position-y: 55%;
  background-color: #FFFFFF; }
  #businessRow6 .splitrow .left {
    margin: auto; }
    #businessRow6 .splitrow .left img {
      width: 80%;
      margin: auto; }
  @media (max-width: 991.98px) {
    #businessRow6 {
      background-size: 50% 40%; }
      #businessRow6 .splitrow {
        display: flex;
        flex-direction: column-reverse; } }
/** Seventh row -- Contact **/
#businessRow7 {
  background-image: url("/https/www.wave.com/img/pattern/round_pattern_pale_blue_for_bottom_right.png");
  background-position-x: right;
  background-position-y: bottom;
  background-color: #1DC8FF;
  color: white; }
  #businessRow7 div {
    min-height: 450px;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    gap: 20px;
    padding: 40px 0; }
  #businessRow7 .business-button {
    color: #1DC8FF;
    background-color: white; }
  @media (max-width: 991.98px) {
    #businessRow7 {
      background-image: url("/https/www.wave.com/img/pattern/round_pattern_pale_blue_for_right.png");
      background-size: 40%;
      background-position-y: 94%; }
      #businessRow7 div {
        min-height: 250px;
        max-width: 60%; } }
/* hide wrong footer for screen size */
@media (min-width: 576px) {
  #businessFooter .mobile-footer {
    display: none; } }

@media (max-width: 575.98px) {
  #businessFooter .main-footer {
    display: none; } }

#businessFooter .download-links {
  display: none; }

#businessFooter .main-footer,
#businessFooter .mobile-footer {
  color: #1C1C1C; }
  #businessFooter .main-footer a,
  #businessFooter .mobile-footer a {
    color: #1C1C1C; }
  #businessFooter .main-footer a:visited,
  #businessFooter .mobile-footer a:visited {
    color: #1C1C1C; }

/* TODO: also show this on rest of website */
.mobile-footer {
  display: flex;
  flex-direction: column;
  line-height: 1.625;
  font-weight: 400;
  align-items: center;
  padding: 40px 16px; }
  .mobile-footer h5 {
    font-size: 16px; }
  .mobile-footer a {
    font-size: 12px; }
  .mobile-footer .footer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 20px; }
  .mobile-footer .lang-menu {
    margin-top: 8px;
    display: flex; }
  .mobile-footer .lang-menu button {
    color: inherit; }
  .mobile-footer .lang-menu button h5 {
    display: inline;
    margin: 0; }
  .mobile-footer .footer-row ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px 20px;
    margin-top: 40px; }
  .mobile-footer .footer-row a {
    font-size: 11px; }