/* FONTS */
div[role="main"].container-fluid .richtext h1 {
  font-size: 46px;
  line-height: 120%;
  font-weight: 900;
  font-family: Guardian;
  color: #00175A;
}

div[role="main"].container-fluid .richtext h2 {
  font-size: 40px;
  line-height: 120%;
  font-weight: 900;
  font-family: Guardian;
  color: #00175A;
}

div[role="main"].container-fluid .richtext h3 {
  font-size: 34px;
  line-height: 120%;
  font-weight: 500;
  font-family: BentonSans;
}

div[role="main"].container-fluid .richtext h3.small {
  font-size: 24px;
  line-height: 120%;
  font-weight: 500;
  font-family: BentonSans;
}

/* BODY TEXT */
div[role="main"].container-fluid .richtext p {
  font-size: 16px;
  line-height: 150%;
}

/* MAIN CONTAINER */
div[role="main"].container-fluid.pad-0-lr .tab-content.pad-responsive-lr {
  padding: 0 !important;
}

/* NO PADDING */
.vd--grid-no-padding .container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* SECTION PADDING */
.vd--grid-padding-all {
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: hidden;
}

.vd--grid-above {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.vd--grid-liquidity-above {
  padding-top: 8rem;
  padding-bottom: 2rem;
}

.vd--grid-liquidity-button {
  padding-top: 2rem;
  padding-bottom: 8rem;
}

.vd--grid-legal {
  padding-top: 2rem;
  padding-bottom: 2rem;
}


/* HORIZONTAL ALIGN */
.vd--horizontal-align .row {
  flex-wrap: wrap;
  align-items: center;
}

.vd--standard-align .row {
  flex-wrap: initial;
  align-items: initial;
}

/* TAB MENU */
.container-fluid.pad-0-lr .tab-menu {
  background-color: #ECEDEE;
  display: flex;
  width: 100%;
}

.container-fluid.pad-0-lr .tab-menu .tab-link {
  flex: 1;
  text-align: center;
    white-space: initial; /*Add white-space to tab-link*/
}

.container-fluid.pad-0-lr .tab-menu .tab-link span {
  font-weight: bold;
  display: inline-block;
  /*Remove white space*/
}

.container-fluid.pad-0-lr .tab-menu .tab-link[aria-selected="true"] {
  background-color: #00175A;
  color: white;
  position: relative;
  border: none;
}

/* CARDS SLIDER */
.vd--cards-slider {
  display: block;
  width: 100%;
}

.container-fluid.pad-0-lr .vd--cards-slider .container {
    width: 100%;
}

section .vd--cards-slider > .container > .row > .col-md-12 {
  overflow-x: auto;
}

/* Center by default */
section .vd--cards-slider > .container > .row > .col-md-12 > div{
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    justify-content: center;
    padding: 0 var(--grid-padding);
}

section .vd--cards-slider > .container > .row > .col-md-12.overflowing > div{
    justify-content: flex-start;
}

.container-fluid.pad-0-lr .vd--cards-slider .container .row .col-md-12 > div::-webkit-scrollbar {
  display: none;
}

.container-fluid.pad-0-lr .vd--card-wrapper {
  scroll-snap-align: start;
}

.vd--card-wrapper {
  flex: 0 0 auto;
  min-width: 360px;
  max-width: 360px;
  padding-bottom: 2rem;
}

.vd--cards-slider .container {
  width: 100%;
  padding: 0;
  max-width: 100%;
}

.vd--cards-slider .row {
  margin: 0;
}

.vd--card {
  padding: 1.5rem 1rem;
  height: 100%;
}

.vd--card-callout {
  display: inline-block;
  height: 32px;
  align-content: center;
  position: absolute;
  top: 0.5rem;
  left: 1.5rem;
  z-index: 10;
  padding: 4px;
}

/* STICKY NAV */
.vd--sticky-nav .col-md-12 > div {
  display: flex;
  gap: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}

.vd--sticky-nav a.link-underlined.text-link.linkout {
  text-decoration: none;
}

.vd--sticky-nav a.link-underlined.text-link.linkout:hover,
.vd--sticky-nav a.link-underlined.text-link.linkout:focus {
  text-decoration: underline;
}

/* HORIZONTAL GRID */
.vd--grid-horizontal .col-md-12 > div {
  display: flex;
  padding-top: 5rem;
  gap: 2rem;
}

/* BUTTON GRID */
.vd--button-grid .col-md-6 {
  flex: 0 1 auto;
}

/* ICON LIST */
section .vd--icon-list > .container > .row > .col-md-12 > div {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-top: initial;
}

.vd--icon-list .container {
  padding-left: 0;
  padding-right: 0;
}

.vd--icon {
  height: 40px;
  width: 40px
}

/* ROUNDED CORNERS */
.vd--round-corners > div {
  border-radius: 12px;
}

/* STEPS */
.vd--steps .row {
  gap: 2rem;
  justify-content: space-between;

}

.vd--steps .col-md-4 {
  flex: 1;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.vd--steps .pad-3-t.pad-3-b.pad-2-l.pad-2-r {
  width: 100%;
  margin: 0 auto;
}

.vd--steps-icon-list .container {
  width: 100%;
}

.vd--stroke {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* WHAT DOES AN UPGREADE MEAN */
.vd--what-changes .row {
  gap: 4rem;
  justify-content: space-between;
}

.vd--what-changes .col-md-6 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vd--what-changes  .vd--icon-list .col-md-12 > div {
    gap: 2rem !important;
  padding-bottom: 1rem;
}

/* CARD TABLE */
.vd--card-image-top {
  position: relative;
  top: 3rem;
  z-index: 2
}

.vd--card-image-top img {
width: 170px;
}

.vd--card-comparison-wrapper {
  flex: 0 0 auto;
  min-width: 386px;
  max-width: 386px;
  margin-top: -3rem;
}

.vd--card-comparison-column {
  padding-top: 1.5rem;
}

/* MAX WIDTH GRID */
.vd--grid-max-width {
  max-width: 820px;
  margin: 0 auto;
}

/* LIQUIDITY IMAGE */
.vd--liquidity-plus {
  min-width: 800px;
  align-items: center;
}

/* CROSS SELL CARD */
.vd--grid-cross-sell {
  max-width: 1000px;
  margin: 0 auto;
}

section .vd--cross-sell-card > .container > .row > .col-md-12 > div {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.vd--cross-sell-card-image-wrapper .container {
  padding: 0;
  margin: 0;
  width: 390px;
}

.vd--cross-sell-card-image-wrapper img {
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {

/* FONTS */
div[role="main"].container-fluid .richtext h1 {
  font-size: 30px;
}

div[role="main"].container-fluid .richtext h2 {
  font-size: 28px;
}

div[role="main"].container-fluid .richtext h3 {
  font-size: 24px;
}

div[role="main"].container-fluid .richtext h3.small {
  font-size: 22px;
}

/* SECTION PADDING */
.vd--grid-padding-all {
  padding: 5rem 1rem;
}

.vd--grid-above {
  padding: 2rem 1rem;
}

.vd--grid-legal {
  padding: 2rem 1rem;
}

section .vd--cards-slider > .container > .row > .col-md-12 > div{
    gap: 1rem;
}
  
  .vd--card-wrapper {
  flex: 0 0 auto;
  min-width: 320px;
  max-width: 320px;
  padding-bottom: 2rem;
}

  .vd--card-comparison-wrapper {
  flex: 0 0 auto;
  min-width: 340px;
  max-width: 340px;
  margin-top: -3rem;
}

  .vd--grid-padding-all .row {
    gap: 2rem;
  }

  .vd--grid-horizontal .col-md-12 > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  .vd--icon-list .col-md-12 > div {
    display: flex;
    gap: 1rem;
    padding-top: 0;
  }

  .vd--steps .row {
    flex-direction: column;
    gap: 4rem;
  }

  .vd--steps .col-md-4 {
    width: 100%;
  }

  .vd--grid-liquidity-mobile {
    padding: 0 4rem;
  }

  /* CROSS SELL CARD */
  .vd--grid-cross-sell {
    max-width: 1000px;
    margin: 0 auto;
  }

  .vd--cross-sell-card .col-md-12 > div {
    flex-direction: column;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    gap: 2rem;
  }

  .vd--cross-sell-card-text .col-md-12 > div {
    gap: 0;
  }

  .vd--cross-sell-card-image-wrapper .container {
    width: 100%;
  }
}