.card.card--compare-v {
  border: 0;
  margin: 0;
  background: #fff;
  box-shadow: none;
}
.card.card--compare-v .card-compare-v-item {
  border-top: 0;
}
.card.card--compare-v .card-compare-v-title {
  margin: 0.5em 0;
}
.card.card--compare-v .card-compare-v-title .card-title {
  font-size: 1.2em;
}
.card.card--compare-v .card--img {
  margin-bottom: 1em;
}
.card.card--compare-v a.btn {
  display: block;
}

@media screen and (max-width: 767px) {
  .card-compare--card-1 .card-compare-v-item,
  .card-compare--offer-1 .card-compare-v-item,
  .card-compare--value-1 .card-compare-v-item,
  .card-compare--annual-fee-1 .card-compare-v-item,
  .card-compare--best-for-1 .card-compare-v-item {
    border-left: 0;
  }
  .card-compare-v-item-heading {
    border-left: 1px solid #e7eaea;
    border-right: 1px solid #e7eaea;
  }
}
/* card items spacing and borders */
.card-compare-v-item {
  padding: 1em;
  border-left: 1px solid #e7eaea;
  border-top: 1px solid #e7eaea;
  height: 100%;
  text-align: center;
}

.card-compare-v-item-heading {
  padding: 1em;
  border-top: 1px solid #e7eaea;
  text-align: center;
}

.card-compare--card .card-compare-v-item {
  border-top: 0;
  padding-top: 0;
}

/* === Card Ranking === */
.card-ranking .card--welcome_bonus,
.card-ranking .card--best_for,
.card-ranking .card--value {
  display: none;
}

/* card */
.container_template--compare-v .card-graphic-cta {
  margin: 0.5em auto 1.5em auto;
}

.container_template--compare-v .card-img .card-img-wrap .card-img--details {
  left: 0;
}

/* Card title */
.card-compare-v-title {
  height: 5em;
  display: grid;
  align-items: center;
}

.card-compare-v-title .card-title {
  font-size: 1em;
  font-weight: var(--font-weight-bold);
}

body .container_template--compare-v a,
body .container_template--compare-v a:hover {
  border: 0;
}

.container_template--compare-v .card-compare--annual-fee,
.container_template--compare-v .card-compare--offer,
.container_template--compare-v .card-compare--rates {
  display: block;
}

/* labels */
.card-compare-v-item-heading {
  background: #f8fafc;
}

.card-compare-v-item-heading .card-specs--title {
  text-align: center;
  margin: 0;
  font-size: 0.8em;
}

/* badge */
.card-compare--best-of ul {
  margin: 0;
}

/* === Grid placements === */
body .container_template--compare-v {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0em;
  font-size: 0.8em;
}

/* Headings */
.card-compare--offer-heading {
  grid-column: 1/span 3;
  grid-row: 2;
}

.card-compare--value-heading {
  grid-column: 1/span 3;
  grid-row: 4;
}

.card-compare--fee-heading {
  grid-column: 1/span 3;
  grid-row: 6;
}

.card-compare--best-heading {
  grid-column: 1/span 3;
  grid-row: 8;
}

/* Card image / title / apply  */
.container_template--compare-v .card-compare--card-1 {
  grid-column: 1;
  grid-row: 1;
}

.container_template--compare-v .card-compare--card-2 {
  grid-column: 2;
  grid-row: 1;
}

/* Offer  */
.container_template--compare-v .card-compare--offer-1 {
  grid-column: 1;
  grid-row: 3;
}

.container_template--compare-v .card-compare--offer-2 {
  grid-column: 2;
  grid-row: 3;
}

/* Value */
.container_template--compare-v .card-compare--value-1 {
  grid-column: 1;
  grid-row: 5;
}

.container_template--compare-v .card-compare--value-2 {
  grid-column: 2;
  grid-row: 5;
}

/* Fee */
.container_template--compare-v .card-compare--annual-fee-1 {
  grid-column: 1;
  grid-row: 7;
}

.container_template--compare-v .card-compare--annual-fee-2 {
  grid-column: 2;
  grid-row: 7;
}

/* Best */
.container_template--compare-v .card-compare--best-for-1 {
  grid-column: 1;
  grid-row: 9;
}

.container_template--compare-v .card-compare--best-for-2 {
  grid-column: 2;
  grid-row: 9;
}

/*--------------------------------------------------------------
# above ipads
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  /* === Card compare V === */
  body .container_template--compare-v.container_count--2 {
    display: grid;
    grid-template-columns: 0.5fr 1fr 1fr;
    grid-gap: 0em;
    font-size: 0.8em;
  }
  /* Headings */
  .card-compare--offer-heading {
    grid-column: 1;
    grid-row: 2;
  }
  .card-compare--value-heading {
    grid-column: 1;
    grid-row: 3;
  }
  .card-compare--fee-heading {
    grid-column: 1;
    grid-row: 4;
  }
  .card-compare--best-heading {
    grid-column: 1;
    grid-row: 5;
  }
  /* labels */
  .card-compare-v-item-heading {
    background: transparent;
    text-align: left;
  }
  .card-compare-v-item-heading .card-specs--title {
    text-align: right;
    font-size: 0.7em;
  }
  /* Card image / title / apply  */
  .container_template--compare-v .card-compare--card-1 {
    grid-column: 2;
    grid-row: 1;
  }
  .container_template--compare-v .card-compare--card-2 {
    grid-column: 3;
    grid-row: 1;
  }
  /* Offer  */
  .container_template--compare-v .card-compare--offer-1 {
    grid-column: 2;
    grid-row: 2;
  }
  .container_template--compare-v .card-compare--offer-2 {
    grid-column: 3;
    grid-row: 2;
  }
  /* Value */
  .container_template--compare-v .card-compare--value-1 {
    grid-column: 2;
    grid-row: 3;
  }
  .container_template--compare-v .card-compare--value-2 {
    grid-column: 3;
    grid-row: 3;
  }
  /* Fee  */
  .container_template--compare-v .card-compare--annual-fee-1 {
    grid-column: 2;
    grid-row: 4;
  }
  .container_template--compare-v .card-compare--annual-fee-2 {
    grid-column: 3;
    grid-row: 4;
  }
  /* Best for  */
  .container_template--compare-v .card-compare--best-for-1 {
    grid-column: 2;
    grid-row: 5;
  }
  .container_template--compare-v .card-compare--best-for-2 {
    grid-column: 3;
    grid-row: 5;
  }
}
/*--------------------------------------------------------------
# Desktop
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
  /* === Card compare V === */
  body .content-area .container_template--compare-v {
    font-size: 1em;
  }
  body .content-area.container-sidebar .container_template--compare-v {
    font-size: 0.8em;
  }
  body .container_template--compare-v.container_count--2 .card-compare-v-title .card-title {
    font-size: 1.2em;
  }
}

/*# sourceMappingURL=cards-compare-v.css.map */