@font-face {
  font-family: Market Pro;
  src: url(../../fonts/market-pro-regular.woff2) format("woff2"), url(../../fonts/market-pro-regular.woff) format("woff");
}
.font-marketpro {
  font-family: Market Pro;
  font-weight: 500;
  letter-spacing: 2px;
}

.hero-section {
  background-image: url(../../images/backgrounds/hero-bg.jpg);
  background-size: cover;
  min-height: 760px;
  background-position-x: center;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 639px) {
  .hero-section {
    padding: 156px 15px 32px 15px;
    text-align: center;
    background-image: url(../../images/backgrounds/hero-bg-mob.png);
    min-height: 625px;
  }
}

.banner.energy-lines:before {
    bottom: 0;
    height: 100%;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
}

.banner.energy-lines:before {
    background-image: url(../../images/backgrounds/energy-lines.png);
    /* background-position: -1px 154px; */
    display: block;
    width: 100%;
    background-size: 1123px;
    z-index: -1;
}

@media screen and (max-width: 1060px) {
  .banner.energy-lines:before {
      background-position: -79px 0px;
  }
}

@media screen and (max-width: 855px) {
  .banner.energy-lines:before {
      display: none;
  }
}

.savings-section {
  /* background-image: url(../../images/backgrounds/bg-1.jpg); */
  /* background-size: cover; */
  /* min-height: 1027px; */
  /* background-position: center; */
}
@media screen and (max-width: 639px) {
  .savings-section {
    /* background-image: url(../../images/backgrounds/bg-1-mob.jpg); */
    /* min-height: 725px; */
  }
}

.earn-section {
  /* background-image: url(../../images/backgrounds/bg-2.jpg); */
  /* background-color: #EEE8DE; */
  /* background-size: cover; */
  /* min-height: 1044px; */
  /* background-repeat: no-repeat; */
}
@media screen and (max-width: 1000px) {
  .earn-section {
    /* background-image: url(../../images/backgrounds/bg-2-mob.png); */
    /* background-position-y: 200px; */
    /* min-height: 826px; */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1250px) {
  .earn-section {
    /* background-position-y: 70px; */
  }
}

.everyday-section {
  /* background-image: url(../../images/backgrounds/bg-3.jpg); */
  /* background-size: cover; */
  /* min-height: 1202px; */
}
@media screen and (max-width: 639px) {
  .everyday-section {
    /* background-image: url(../../images/backgrounds/bg-3-mob.png); */
    /* min-height: 835px; */
  }
}

.travel-section {
  /* background-image: url(../../images/backgrounds/bg-4.jpg);
  background-size: cover;
  min-height: 1226px; */
}
@media screen and (max-width: 639px) {
  .travel-section {
    /* background-image: url(../../images/backgrounds/bg-4-mob.png);
    min-height: 920px; */
  }
}

.value-anchor-nav {
  display: flex;
}
@media screen and (max-width: 639px) {
  .value-anchor-nav {
    display: none;
  }
}

.value-anchor-item {
  margin-right: 30px;
  font-size: 14px;
  line-height: 20px;
}
.value-anchor-item.active a {
  font-weight: 700;
}
.value-anchor-item.active:after {
  display: block;
  content: "";
  width: 100%;
  margin-top: 8px;
  background-color: #FEDF01;
  height: 3px;
}
.value-anchor-item a {
  color: white;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
  align-items: start;
}
.value-anchor-item a img {
  margin-top: 4px;
  margin-right: 10px !important;
}
.value-anchor-item.dark a {
  color: #252525;
}

.font-inter {
  font-family: Inter;
}

.thin-yellow-line-divider {
  width: 100%;
  max-width: 455px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background: #FEDF01;
}
@media screen and (max-width: 639px) {
  .thin-yellow-line-divider {
    max-width: 255px;
  }
}

/* mobile-only */
@media screen and (max-width: 639px) {
  .slick-list {
    padding: 0 !important;
  }
  .mob-hidden {
    display: none !important;
  }
  .section-heading {
    padding-right: 0 !important;
    max-width: 260px;
  }
  .section-heading.smaller {
    max-width: 215px;
  }
  .section-heading.r-aligned {
    margin-left: auto;
  }
}
/* desktop only */
@media screen and (min-width: 640px) {
  .section-heading {
    padding-top: 170px !important;
    padding-bottom: 45px !important;
  }
}
.bright-yellow {
  color: #FFBA00;
}

.h1-heading {
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 116%; /* 81.2px */
}
@media screen and (max-width: 639px) {
  .h1-heading {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px; /* 125% */
  }
}

.h1-subheading {
  font-family: RBCDisplay;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 125% */
  color: white;
  margin-top: 32px;
  margin-bottom: 32px;
}
.h1-subheading .font-marketpro {
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 49px;
}
@media screen and (max-width: 639px) {
  .h1-subheading {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 125% */
  }
  .h1-subheading .font-marketpro {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
  }
}

.h2-heading {
  color: white;
}
@media screen and (min-width: 640px) {
  .h2-heading {
    margin-top: 65px;
  }
}
.h2-heading .font-marketpro {
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px; /* 78.125% */
}
@media screen and (max-width: 639px) {
  .h2-heading .font-marketpro {
    font-size: 40px;
    line-height: 50px; /* 125% */
  }
}

.h2-subheading {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}
@media screen and (max-width: 639px) {
  .h2-subheading {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
  }
}

.hero-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-section .hero-flex {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  flex-grow: 1;
  /* justify-content: center; */
}

@media screen and (max-width: 1470px) {
  .hero-section .hero-flex {
    justify-content: center;
  }
}
#page-title {
  text-align: center;
}

.thin-white-line-divider {
  background: rgba(255, 255, 255, 0.3);
  height: 1px;
}

.hero-icons-container {
  color: white;
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
  max-width: 754px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}
@media screen and (max-width: 639px) {
  .hero-icons-container {
    flex-wrap: wrap;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-icons-container > a {
    flex-basis: 50%;
  }
}
.hero-icons-container .hero-icon-item {
  text-align: center;
}
.hero-icons-container .hero-icon-item .hero-icon-icon img {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}
.hero-icons-container .hero-icon-item .hero-icon-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.inter {
  font-family: Inter !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.font-16, .font-16 > p {
  font-size: 16px !important;
  line-height: 24px !important; /* 150% */
}

@media (max-width: 639px) {
  .tile-wpr .tile3, .tile-wpr .tile4, .tile-wpr .tile5 {
    min-height: 496px !important;
  }
}
.tile-wpr .tile {
  width: 100%;
  min-height: 580px;
  padding: 64px;
  border-radius: 6.5px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.tile-wpr .tile .tile-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tile-wpr .tile.longer {
  min-height: 665px;
}
.tile-wpr .tile.longest {
  min-height: 680px;
}
.tile-wpr .tile:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 639px) {
  .tile-wpr .tile {
    min-height: 400px;
    padding: 24px;
    border-radius: 4px;
  }
  .tile-wpr .tile.longer, .tile-wpr .tile.longest {
    min-height: 580px;
  }
  .tile-wpr .tile:not(:last-child) {
    margin-right: 15px;
  }
}
.tile-wpr .tile .tile-img-top {
  margin-bottom: 15px;
}
.tile-wpr .tile .tile-img-top img {
  max-width: 100%;
}
.tile-wpr .tile.tile-image-overflow-topleft .tile-img-top {
  position: absolute;
  top: -40px;
  right: 30px;
}
@media screen and (max-width: 639px) {
  .tile-wpr .tile.tile-image-overflow-topleft .tile-img-top {
    width: 166px;
  }
}
.tile-wpr .tile.tile-image-overflow-topleft .tile-heading {
  margin-top: 220px;
}
@media screen and (max-width: 639px) {
  .tile-wpr .tile.tile-image-overflow-topleft .tile-heading {
    margin-top: 160px;
  }
}
.tile-wpr .tile .tile-heading {
  margin-bottom: 15px;
}
.tile-wpr .tile .tile-heading, .tile-wpr .tile .tile-heading p {
  font-family: RBCDisplay;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
}
@media screen and (min-width: 640px) {
  .tile-wpr .tile .tile-heading.f-36, .tile-wpr .tile .tile-heading.f-36 p {
    font-size: 36px;
    line-height: 45px;
  }
}
.tile-wpr .tile .tile-subheading, .tile-wpr .tile .tile-subheading p {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 150% */
  z-index: 999;
  position: relative;
}
@media screen and (max-width: 639px) {
  .tile-wpr .tile .tile-heading, .tile-wpr .tile .tile-heading p {
    font-size: 19px;
    line-height: 24px;
  }
  .tile-wpr .tile .tile-subheading, .tile-wpr .tile .tile-subheading p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.tile-wpr.tile-wpr-half-half {
  display: flex;
}
.tile-wpr.tile-wpr-half-half .tile {
  flex-basis: 50%;
  width: 584px;
}
.tile-wpr.tile-wpr-multiple .slick-list {
  overflow: visible;
}
@media screen and (min-width: 640px) {
  .tile-wpr.tile-wpr-multiple .tile, .tile-wpr.tile-wpr-multiple .slick-slide {
    width: 582px;
  }
  .tile-wpr.tile-wpr-multiple.max-513 .tile, .tile-wpr.tile-wpr-multiple.max-513 .slick-slide {
    width: 513px;
  }
}
@media screen and (min-width: 640px) and (min-width: 640px) {
  .tile-wpr.tile-wpr-multiple.max-513 .tile, .tile-wpr.tile-wpr-multiple.max-513 .slick-slide {
    padding: 57px;
  }
}

.tile1 {
  background-color: #0051A5;
}
@media screen and (min-width: 640px) and (max-width: 770px) {
  .tile1 .tile-img-bottom {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 771px) and (max-width: 1000px) {
  .tile1 .tile-img-bottom {
    padding-bottom: 180px;
  }
}

.tile2 {
  background-color: white;
  overflow: hidden;
}
@media screen and (min-width: 640px) and (max-width: 808px) {
  .tile2 .tile-img-bottom {
    padding-bottom: 180px;
  }
}

.tile3 {
  background-image: url("../../images/tiles/tilebg_1.jpg");
  background-size: cover;
}
@media screen and (max-width: 639px) {
  .tile3 {
    padding: 40px;
  }
}

.tile4 {
  background: linear-gradient(148deg, #A7CFDB 2.33%, #FFF 79.71%);
}
@media screen and (max-width: 639px) {
  .tile4 {
    padding: 40px;
  }
  .tile4 .tile-img-top {
    margin-top: 0px !important;
  }
}

.tile5 {
  background: linear-gradient(148deg, #A7CFDB 2.33%, #FFF 79.71%);
}
@media screen and (max-width: 639px) {
  .tile5 {
    padding: 40px;
  }
}

.tile6 {
  background: linear-gradient(180deg, #002750 0%, #0059B6 100%);
}

.tile7 {
  background: #006AC3;
  overflow: hidden;
}

.tile8 {
  background: #801AB8;
  overflow: hidden;
}

.tile9 {
  background-image: url("../../images/tiles/tilebg_6.jpg");
  background-size: cover;
  background-position-y: 100%;
}

.tile10 {
  background: #00AFA7;
  overflow: hidden;
}

.tile11 {
  background-image: url("../../images/tiles/tilebg_8.png");
  background-size: cover;
}
@media screen and (max-width: 639px) {
  .tile11 {
    padding-bottom: 80px !important;
    background-position-y: 100%;
  }
}

.tile12 {
  background-image: url("../../images/tiles/tilebg_9.png");
  background-size: 100% 100%;
  background-color: #F7F7F7;
  overflow: hidden;
}

.tile13 {
  background-color: #E1EBEF;
  background-image: url("../../images/tiles/tileimg_10.png");
  background-size: cover;
}

.controls {
  display: flex;
  justify-content: end;
  width: 100%;
  margin-bottom: 25px;
}

/**
 *  Progress Bar
 */
.carousel-progress__bar {
  width: 356px;
  background: #b3b3b3;
  height: 3px;
  scrollbar-width: none;
  display: block;
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

#save, #earn, #everyday, #travel {
  visibility: hidden;
}

.rbcxmusic-tile {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../../images/tiles/tileimg_5_soundwaves.png");
  background-size: cover;
}

.rbcxmusic-tile:before{
  background: linear-gradient(180deg, #002750 0%, #0059B6 100%);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
  left: 0;
  top: 0;
  border-radius: 6.5px;
}

.avion-rewards-tile:after, .avion-rewards-tile-fr:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 234px;
  height: 172px;
  background-image: url("../../images/tiles/shieldwave.png");
  background-size: cover;
}

.avion-rewards-tile-fr:after {
  background-image: url("../../images/tiles/shieldwave_fr.png") !important;
}

@media screen and (max-width: 639px) {
  .avion-rewards-tile:after {
    width: 162px;
    height: 119px;
  }
}

.tile-img-bottom {
  position: relative;
  flex-grow: 1;
}

.moi-circle {
  position: absolute;
  width: 395px;
  bottom: -64px;
  left: calc(50% - 197.5px);
}
.moi-circle img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .moi-circle {
    width: 240px;
    bottom: -24px;
    left: calc(50% - 120px);
  }
}

.moi-card {
  background-image: url("../../images/tiles/tileimg_5_card.png");
  bottom: -50px;
  background-size: cover;
  left: calc(50% - 170px);
  width: 340px;
  height: 226px;
  position: absolute;
}
@media screen and (max-width: 639px) {
  .moi-card {
    width: 205px;
    height: 136px;
    left: calc(50% - 102.5px);
    bottom: -20px;
  }
}

.bewell-card {
  width: 357px;
  position: absolute;
  right: -100px;
  bottom: -64px;
}
.bewell-card img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .bewell-card {
    width: 215px;
    right: -32px;
    bottom: -32px;
  }
}

.clouds {
  max-width: 334px;
  position: absolute;
  right: -30px;
  bottom: -50px;
}
.clouds img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .clouds {
    width: 190px;
    right: 0px;
    bottom: 0px;
  }
}

.falling-coins-bg {
  max-width: 326px;
  position: absolute;
  right: -30px;
  bottom: -50px;
}
.falling-coins-bg img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .falling-coins-bg {
    max-width: 155px;
    right: 0px;
    bottom: 0px;
  }
}

.falling-coins {
  width: 1080px;
  position: absolute;
  bottom: 40px;
  right: -78%;
}
@media screen and (max-width: 639px) {
  .falling-coins {
    bottom: 24px;
  }
}
.falling-coins #falling-coins-canvas {
  width: 100%;
}

.car-animation {
  position: absolute;
  width: 900px;
  bottom: -160px;
  left: calc(80px - 50%);
}
@media screen and (max-width: 639px) {
  .car-animation {
    width: 700px;
    left: calc(50% - 330px);
    bottom: -125px;
  }
}
@media screen and (max-width: 415px) {
  .car-animation {
    left: -45vw;
  }
}
.car-animation #car-canvas {
  width: 100%;
}

.plane-animation {
  position: absolute;
  width: 900px;
  top: -120px;
  left: -120px;
  transform: rotateY(160deg);
}
.plane-animation #plane-canvas {
  width: 100%;
}

.slick-next.slick-disabled .active, .slick-prev.slick-disabled .active {
  display: none;
}

.slick-next:not(.slick-disabled) .disabled, .slick-prev:not(.slick-disabled) .disabled {
  display: none;
}

.slick-track {
  display: flex !important;
}
.slick-track .tile {
  align-self: stretch;
  height: auto;
}

@media screen and (min-width: 640px) {
  .border-right-desktop {
    border-right: 1px solid #E0E0E0;
  }
}

.text-white sup a {
  color: white !important;
}

.text-black sup a {
  color: black !important;
}

.ready-section .btn {
  padding: 20px 32px;
}

#scrolling-partners-carousel .partner-icon {
  padding: 36px;
}

.scrolling-container {
  margin-top: auto;
}

.mobile-only-flex {
  display: none;
}
@media screen and (max-width: 639px) {
  .mobile-only-flex {
    display: flex;
  }
}

.text-black {
  color: #252525 !important;
}

#travel .tile-img-top {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 640px) {
  html[lang=fr-CA] .tile4 .tile-content .tile-subheading, html[lang=fr-CA] .tile5 .tile-content .tile-subheading {
    padding-bottom: 40px;
  }
  html[lang=fr-CA] .tile-wpr .tile.longer {
    min-height: 700px !important;
  }
}
@media screen and (max-width: 639px) {
  html[lang=fr-CA] .tile-wpr .tile.longer {
    min-height: 620px;
  }
}

@media screen and (min-width: 640px) {
  .nowrap-desktop {
    white-space: nowrap;
  }
  #save .progress {
    display: none;
  }
}
.progress {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 0px;
  overflow: hidden;
  margin-top: 40px;
  background-color: #f5f5f5;
  background-image: linear-gradient(to right, #006AC3, #006AC3);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-position-x 0.4s ease-in-out;
}
@media screen and (max-width: 639px) {
  .progress {
    margin-top: 16px;
  }
}

#everyday .progress, #earn .progress, #travel .progress {
  background-size: 33% 100%;
  background-position-x: 0%;
}

#save .progress {
  background-size: 50% 100%;
  background-position-x: 0%;
}

/*# sourceMappingURL=value.css.map */