/**
* Computes a CSS calc function that betweens a value from
* A to B over viewport-width A to viewport-width B.
* Requires 2 media queries to cap the upper (B) and lower (A) values.
*/
.csan-theme210 {
  max-width: 1130px;
  background-color: #FFF;
  color: #202020;
  font-family: libre-franklin, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.csan-theme210 .offer {
  display: flex;
  flex-flow: row wrap;
  margin: 1rem;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 35.9375em) {
  .csan-theme210 .offer {
    margin: 2rem;
  }
}
@media (min-width: 50em) {
  .csan-theme210 .offer {
    padding: 2rem;
  }
}
.csan-theme210 .offer h2 {
  margin: 0 0 1rem;
  font-family: oswald, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
}
@media (min-width: 50em) {
  .csan-theme210 .offer h2 {
    margin: 0 0 2rem;
    text-align: left;
    order: 0;
  }
}
.csan-theme210 .offer h2 a {
  color: #202020 !important;
  text-decoration: none;
}
.csan-theme210 .offer h2 a:hover {
  color: #3139F2 !important;
}
.csan-theme210 .offer > * {
  flex: 1 100%;
}
.csan-theme210 .offer__img {
  display: flex;
  align-items: center;
  flex-direction: column;
  order: 1;
  max-width: 185px;
  margin: 0 auto;
}
@media all and (min-width: 600px) {
  .csan-theme210 .offer__img {
    flex: 1 0 0;
  }
}
.csan-theme210 .offer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 0;
  background-color: #3139F2;
  border-radius: 6px;
  color: #FFF;
  font-family: oswald, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.csan-theme210 .offer__btn:hover {
  box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.csan-theme210 .offer__btn:hover svg {
  fill: #3139F2;
}
.csan-theme210 .offer__btn svg {
  height: 20px;
  margin-left: 0.5rem;
}
.csan-theme210 .offer__details {
  display: flex;
  flex-direction: column;
  order: 2;
  margin-top: 2rem;
}
@media all and (min-width: 800px) {
  .csan-theme210 .offer__details {
    flex: 3 0px;
    margin-top: 0;
    margin-left: 3rem;
  }
}
.csan-theme210 .offer__details div:last-of-type {
  margin-bottom: 0;
}
.csan-theme210 .offer__specs {
  margin: 0 0 1rem;
}
.csan-theme210 .offer__specs .specs {
  display: flex;
  flex-flow: row wrap;
}
.csan-theme210 .offer__specs .spec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 1.5rem 0;
  padding-left: 1rem;
  flex-basis: 100%;
  border-left: 2px solid #202020;
}
@media (min-width: 35.9375em) {
  .csan-theme210 .offer__specs .spec {
    flex-basis: 43%;
    margin: 0 0.5rem 1.5rem 0;
  }
}
@media (min-width: 66.25em) {
  .csan-theme210 .offer__specs .spec {
    flex-basis: 20%;
    margin: 0 1rem 0.5rem 0;
  }
}
.csan-theme210 .offer__specs .spec dd {
  margin: 0.5rem 0 0;
  color: #202020;
  font-family: oswald, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
}
.csan-theme210 .offer__specs .spec__name {
  margin-bottom: 0.25rem;
  color: #50525A;
  font-size: 0.725rem;
  font-weight: 200;
  text-transform: uppercase;
}
@media (min-width: 50em) {
  .csan-theme210 .offer__specs .spec__name {
    margin-bottom: 0;
  }
}
.csan-theme210 .offer__bullets {
  display: flex;
  color: #50525A;
}
.csan-theme210 .offer__bullets ul {
  margin: 0 0 0 0.75rem;
  list-style-type: none;
}
.csan-theme210 .offer__bullets ul li {
  position: relative;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.csan-theme210 .offer__bullets ul li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 1em;
  height: 0.75em;
  margin-left: -1.5em;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='caret-right' class='svg-inline--fa fa-caret-right fa-w-6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='currentColor' d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z' /%3E%3C/svg%3E");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}
.csan-theme210 .offer__short-desc,
.csan-theme210 .offer__long-desc {
  width: 100%;
}
.csan-theme210 .offer__short-desc p,
.csan-theme210 .offer__long-desc p {
  margin: 1rem 0;
  font-size: 1rem;
}
.csan-theme210 .offer__long-desc {
  order: 2;
}
.csan-theme210 .offer__disc {
  width: 100%;
  order: 3;
}
.csan-theme210 .offer__disc p {
  margin: 1rem 0 0;
  font-size: 0.875rem;
  font-style: italic;
  text-align: right !important;
}
.csan-theme210 .credit-reco {
  margin: 1.25rem 0 1rem;
}
.csan-theme210 .credit-reco .spec__name {
  color: #50525A;
  font-size: 0.725rem;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
}
.csan-theme210 .credit-reco .spec dd {
  margin: 0;
  color: #202020;
  font-family: oswald, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
}
.csan-theme210 .csan-rates-fees-link {
  font-size: 0.875rem;
  text-decoration: none;
}