@charset "UTF-8";
/*  SUBMENU ICON MIXINS
========================================= */
#catMenu {
  position: relative;
  z-index: 5;
  height: 60px;
  background-color: #123058;
  color: #FFFFFF;
}
@media screen and (max-width: 991.9px) {
  #catMenu .container {
    margin: 0;
  }
}
#catMenu .cat-menu-toggle {
  background: transparent;
  border: none;
}
#catMenu .overlay-menu {
  position: relative;
  top: 1px;
  left: -100%;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  z-index: 1;
  background: #FFFFFF;
  -webkit-transform: translate3d(-350px, 0, 0);
          transform: translate3d(-350px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0.52, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0, 0.52, 0, 1);
  transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1);
  transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1), -webkit-transform 0.3s cubic-bezier(0, 0.52, 0, 1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  visibility: hidden;
}
@media (min-width: 350px) {
  #catMenu .overlay-menu {
    width: 350px;
  }
}
#catMenu .overlay-menu.menu-visible {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  left: 0;
  visibility: visible;
}
#catMenu .navigation-bg {
  padding: 10px;
}
#catMenu .navigation-bg ul {
  width: 100%;
  padding-left: 0;
}
#catMenu .navigation-bg ul li {
  margin-bottom: 0;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0;
}
#catMenu .navigation-bg .sub-menu,
#catMenu .navigation-bg .sub-menu2 {
  position: absolute;
  left: -350px;
  top: 0px;
  padding: 10px;
  background: #FFFFFF;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
}
#catMenu .navigation-bg a,
#catMenu .navigation-bg .back-btn {
  color: #333333;
  padding-left: 25px;
}
#catMenu .navigation-bg .back-btn {
  border: none;
  background-color: transparent;
}

.post-meta #artTime,
.post-meta #artTimeOnly {
  color: #757575;
}
.post-meta .byline {
  padding: 0 5px 0 10px;
}

#featrImgArt {
  width: 100%;
  height: 160px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #featrImgArt {
    height: 325px;
  }
}
#featrImgArt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#featrImgArt.middle img {
  -o-object-position: center;
     object-position: center;
}
#featrImgArt.top img {
  -o-object-position: top;
     object-position: top;
}
#featrImgArt.bottom img {
  -o-object-position: bottom;
     object-position: bottom;
}

body:not([data-category=home]) #featrImgHm {
  height: 215px;
}

body[data-category=research] #featrImgHm {
  height: 400px;
}

#featrImgHm {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  #featrImgHm {
    height: 275px;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  #featrImgHm {
    height: 300px;
  }
}
@media screen and (min-width: 992px) {
  #featrImgHm {
    height: 400px;
  }
}
#featrImgHm > .imgBg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#featrImgHm > .imgBg::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 100%);
}
#featrImgHm > .imgBg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(315deg, #1D4F91 0%, #AF1685 100%);
  opacity: 0.8;
}
#featrImgHm .container {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  #featrImgHm .hmFeatTxt {
    padding: 15px;
  }
}
#featrImgHm .hmFeatTxt h1 {
  margin-bottom: 0;
}

body[data-category^=research] .hmFeatTxt h1 {
  margin-bottom: 20px;
}
body[data-category^=research] .hmFeatTxt h1 a {
  color: #FFFFFF;
}
body[data-category^=research] .hmFeatTxt h1 a:hover {
  color: #FFFFFF;
}
body[data-category^=research] .hmFeatTxt p {
  color: #FFFFFF;
  margin-bottom: 30px;
}

@media screen and (max-width: 767.9px) {
  body:not([data-category=home]) #featrImgHm {
    height: 160px;
  }
}

#artBlk .post {
  height: 120px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 10px 10px 10px 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
}
@media (min-width: 768px) {
  #artBlk .post {
    height: 142px;
  }
}
@media screen and (min-width: 992px) {
  #artBlk .post {
    height: 225px;
  }
}
#artBlk .post:hover {
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
#artBlk .post.no-hover:hover {
  -webkit-transform: unset;
          transform: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
#artBlk .post .imgPost {
  width: 100%;
}
#artBlk .post .imgPost .post-img {
  min-width: 32%;
  height: 120px;
  border-radius: 6px 0 0 6px;
}
@media (min-width: 768px) {
  #artBlk .post .imgPost .post-img {
    height: 142px;
  }
}
@media screen and (min-width: 992px) {
  #artBlk .post .imgPost .post-img {
    height: 225px;
  }
}
#artBlk .post .imgPost .post-detail {
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  #artBlk .post .imgPost .post-detail {
    padding: 0 45px 0 30px;
  }
}

body[data-type=h] #popArticles .container,
body[data-type=c] #popArticles .container {
  padding-bottom: 0;
}

@media screen and (max-width: 767.9px) {
  #recArticles .post:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767.9px) {
  #popArticles .post h5,
  #recArticles .post h5,
  #relArt .post h5 {
    position: absolute;
    bottom: 20px;
    left: 30px;
    margin: 0 30px 0 0;
    color: #FFFFFF;
  }
}
@media screen and (min-width: 992px) {
  #popArticles .post h5,
  #recArticles .post h5,
  #relArt .post h5 {
    width: 75%;
    margin: 0 auto;
  }
}
#popArticles .post h5 a,
#recArticles .post h5 a,
#relArt .post h5 a {
  color: #333333;
}
@media screen and (max-width: 767.9px) {
  #popArticles .post h5 a,
  #recArticles .post h5 a,
  #relArt .post h5 a {
    color: #FFFFFF;
  }
}
#popArticles .pop-wrapper,
#recArticles .pop-wrapper,
#relArt .pop-wrapper {
  overflow: hidden;
  position: relative;
  height: 120px;
  border-radius: 6px;
}
#popArticles .pop-wrapper:hover,
#recArticles .pop-wrapper:hover,
#relArt .pop-wrapper:hover {
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
  #popArticles .pop-wrapper,
  #recArticles .pop-wrapper,
  #relArt .pop-wrapper {
    height: 180px;
  }
}
@media screen and (min-width: 992px) {
  #popArticles .pop-wrapper,
  #recArticles .pop-wrapper,
  #relArt .pop-wrapper {
    height: 240px;
  }
}
#popArticles .pop-wrapper .imgPostPop,
#recArticles .pop-wrapper .imgPostPop,
#relArt .pop-wrapper .imgPostPop {
  width: 100%;
  height: 120px;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
}
@media screen and (max-width: 767.9px) {
  #popArticles .pop-wrapper .imgPostPop:before,
  #recArticles .pop-wrapper .imgPostPop:before,
  #relArt .pop-wrapper .imgPostPop:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.63)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.63) 100%);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19);
  }
}
#popArticles .pop-wrapper .imgPostPop:hover,
#recArticles .pop-wrapper .imgPostPop:hover,
#relArt .pop-wrapper .imgPostPop:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
}
@media screen and (max-width: 767.9px) {
  #popArticles .pop-wrapper .imgPostPop,
  #recArticles .pop-wrapper .imgPostPop,
  #relArt .pop-wrapper .imgPostPop {
    background-position: 0 -115px !important;
  }
}
@media screen and (max-width: 425px) {
  #popArticles .pop-wrapper .imgPostPop,
  #recArticles .pop-wrapper .imgPostPop,
  #relArt .pop-wrapper .imgPostPop {
    background-position: 0 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
  #popArticles .pop-wrapper .imgPostPop,
  #recArticles .pop-wrapper .imgPostPop,
  #relArt .pop-wrapper .imgPostPop {
    height: 180px;
  }
}
@media screen and (min-width: 992px) {
  #popArticles .pop-wrapper .imgPostPop,
  #recArticles .pop-wrapper .imgPostPop,
  #relArt .pop-wrapper .imgPostPop {
    height: 240px;
  }
}

/********** YOU MAY ALSO LIKE **********/
#youMayLikeArt .post .post-container {
  border: 1px solid #dddddd;
  border-radius: 6px;
}
@media screen and (min-width: 1440px) {
  #youMayLikeArt .post .post-container .pop-wrapper {
    height: 180px;
  }
}
@media screen and (max-width: 1439.9px) {
  #youMayLikeArt .post .post-container .pop-wrapper {
    height: 145px;
  }
}
@media screen and (max-width: 991.9px) {
  #youMayLikeArt .post .post-container .pop-wrapper {
    height: 170px;
  }
}
@media screen and (max-width: 767.9px) {
  #youMayLikeArt .post .post-container .pop-wrapper {
    height: 120px;
  }
}
#youMayLikeArt .post .post-container .pop-wrapper:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#youMayLikeArt .post .post-container .pop-wrapper .imgPostPop {
  height: 100%;
}
@media screen and (max-width: 991.9px) {
  #youMayLikeArt .post .post-container .pop-wrapper .imgPostPop:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media screen and (max-width: 767.9px) {
  #youMayLikeArt .post .post-container .pop-wrapper .imgPostPop {
    background-position: center !important;
  }
  #youMayLikeArt .post .post-container .pop-wrapper .imgPostPop:before {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
#youMayLikeArt .post .post-container .excerpt,
#youMayLikeArt .post .post-container .read-review {
  font-size: 16px;
}
#youMayLikeArt .post .post-container .bottom-card {
  width: 100%;
}

#resBlk h5 {
  margin: 0;
}

#resBlk > ul > li > ul {
  margin-top: 15px;
  display: none;
}

#resBlk > ul > li > a {
  color: #333333;
  font-weight: 500;
}

#resBlk .grid, #relArt .grid {
  position: relative;
  margin-bottom: 40px;
}

#resBlk .latNewsList ul > li > ul, #resBlk .latNewsList > ul {
  display: none;
  list-style: none;
  padding: 0;
}

#resBlk .latNewsList a {
  color: white;
}

#resBlk .resourceList > ul > li, #resBlk .latResearchList > ul > li, #resBlk .latNewsList > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  padding-bottom: 12px;
  margin: 16px 0;
}

#resBlk .latNewsList > ul > li:last-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}

#resBlk .latNewsList > ul {
  margin: 0;
}

#resBlk .latNewsList ul > li > ul > li {
  padding: 5px 0 0 5px;
}

#resBlk .latResearchList ul > li > ul, #resBlk .latResearchList > ul {
  display: none;
  list-style: none;
  padding: 0;
}

#resBlk .latResearchList a {
  color: white;
}

#resBlk .latResearchList > ul > li:last-child a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#resBlk .latResearchList > ul {
  margin: 0;
}

#resBlk .latResearchList ul > li > ul > li {
  padding: 5px 0 0 5px;
}

#resBlk .resourceList ul > li > ul, #resBlk .resourceList > ul {
  display: none;
  list-style: none;
  padding: 0;
}

#resBlk .resourceList a {
  color: white;
}

#resBlk .resourceList ul > li > ul > li {
  padding: 5px 0 0 5px;
  margin-bottom: 0;
}

#resBlk {
  clear: both;
  background: linear-gradient(134.7deg, #af1685 0%, #1d4f91 100%);
  color: white;
}

#resBlk:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.icoMenu {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 3px 0 0 8px;
  vertical-align: middle;
  cursor: pointer;
  float: right;
}

.icoMenu-cross:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.icoMenu-cross:before, .icoMenu-cross:after {
  content: "";
  display: inline-block;
  width: 50%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 5px;
}

.icoMenu-cross:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.icoMenu-minus:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: white;
}

.icoMenu-plus:before, .icoMenu-plus:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: white;
}

.icoMenu-plus:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

@media screen and (min-width: 992px) {
  #resBlk > .container > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  #resBlk .resourceList > ul, #resBlk .latResearchList > ul, #resBlk .latNewsList > ul {
    display: block;
  }
  #resBlk > .container > .row > div > div > span {
    display: none;
  }
}
body[data-type=h] #pageNav .container {
  padding-bottom: 0;
}

body[data-type=soc] #pageNav .container {
  padding-bottom: 0;
}

#pageNav > a:hover {
  color: #fff;
  background: #426da9;
}

#pageNav > a:last-child {
  border-right: 1px solid #ddd;
}

#pageNav > a {
  display: inline-block;
  margin: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  min-width: 35px;
  padding: 4px 0;
}

#pageNav > span:last-child {
  border-right: 1px solid #ddd;
}

#pageNav > span {
  display: inline-block;
  margin: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  min-width: 30px;
}

#pageNav > .container > .row > *, .pagination-nav > * {
  margin-right: 15px;
  padding: 8px 15px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#pageNav > .container > .row > a, .pagination-nav a {
  font-size: 16px;
  color: #333333;
}

#pageNav > .container > .row > a:hover, .pagination-nav a:hover {
  font-weight: 500;
  border-radius: 6px;
  background-color: #dddddd;
  -webkit-box-shadow: 0 3px 10px 0 rgba(221, 221, 221, 0.4);
          box-shadow: 0 3px 10px 0 rgba(221, 221, 221, 0.4);
}

#pageNav > .container > .row > :last-child, .pagination-nav :last-child {
  margin-right: 0;
}

#pageNav > .container > .row, .pagination-nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#pageNav .pagNum, .pagination-nav .pagNum {
  color: #fff;
  font-weight: 500;
  border-radius: 6px;
  background-color: #1d4f91;
  -webkit-box-shadow: 0 3px 10px 0 rgba(29, 79, 145, 0.4);
          box-shadow: 0 3px 10px 0 rgba(29, 79, 145, 0.4);
}

#pageNav:before {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#pageNav .container {
  padding-bottom: 0px;
}

.pagNum {
  background: #426da9;
  color: #fff;
  font-weight: 500;
  padding: 4px 12px;
}

.pagElips {
  padding: 4px 10px;
}

section#artBlk > .container {
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  #pageNav > .container > .row > *, #artBlk > .container > .row > .pagination-nav > * {
    margin-right: 2px !important;
  }
  section#artBlk > .container {
    padding-bottom: 20px;
  }
  .pagElips, .pagLt, .pagRt {
    padding: 0 !important;
    width: 30px !important;
  }
}
@media (min-width: 320px) {
  #pageNav > .container > .row > *, #artBlk > .container > .row > .pagination-nav > * {
    margin-right: 10px;
    padding: 10px 15px;
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
#subscription-box .checkbox div {
  position: relative;
}

@media (min-width: 320px) {
  #sign-up-form {
    background-color: #FFFFFF;
    border-top: none;
  }
  #sign-up-form .content-wrap h5 span {
    display: inline;
  }
  #sign-up-form .form-wrap > div {
    margin-bottom: 10px;
  }
  #sign-up-form .form-wrap .subscribe-btn {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #sign-up-form .form-wrap > div {
    margin-bottom: 0;
  }
}
#sldbnr .flx {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

#sldbnr {
  position: fixed;
  z-index: 3;
  width: 100%;
  bottom: -90px;
  -webkit-transition: bottom 0.3s;
}

#sldbnr .sldbnr-background {
  color: #ffffff;
  background: #ffffff;
  -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
}

#sldbnr .sldbnr-background > div > div > div {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#sldbnr.sldbnr-show {
  bottom: 0px;
}

#sldbnr.sldbnr-hide {
  bottom: -90px;
}

#sldbnr .container {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  margin-top: 0;
}

#sldbnr .sldbnr-title {
  margin: 0;
  color: #333333;
}

#sldbnr .icon-bg {
  width: 50px;
  height: 50px;
  margin: 0;
  top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#sldbnr .btn-icon-cta {
  padding: 10px 40px;
}

#sldbnr .icon-inner {
  font-size: 30px;
  top: 10px;
  left: 10px;
}

#sldbnr p.sldbnr-title:first-child {
  font-weight: 500;
  font-size: 20px;
}

#sldbnr .sldbnr-up {
  display: none;
}

#sldbnr .sm-show-text {
  display: none;
}

#sldbnr span[class*=close-icon] {
  display: none;
  color: #333333;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  margin: 0;
}

@media screen and (min-width: 768px) and (max-width: 1610px) {
  #sldbnr .breakpoint {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .sldbnr-title-wrapper {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1380px) {
  #sldbnr .sldbnr-close .close-text, #sldbnr .hide-text {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #sldbnr .sldbnr-title {
    font-size: 14px;
  }
  #sldbnr .sldbnr-btn-mobile-text, #sldbnr .sldbnr-close .close-text {
    display: none;
  }
  #sldbnr .sldbnr-close .exp-font-icon-act-close {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .sldbnr-title-wrapper {
    margin-right: 15px;
  }
  #sldbnr span[class*=close-icon] {
    display: block;
  }
  #sldbnr .sldbnr-background > div > div > div {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  #sldbnr .sldbnr-btn {
    margin-right: 70px;
  }
  #sldbnr {
    bottom: -290px;
  }
  #sldbnr .sldbnr-outer-container {
    -webkit-box-shadow: 15px 10px 15px rgba(0, 0, 0, 0.17);
            box-shadow: 15px 10px 15px rgba(0, 0, 0, 0.17);
  }
  #sldbnr.sldbnr-show-content {
    bottom: 0px;
  }
  #sldbnr.sldbnr-hide {
    bottom: -290px;
  }
  #sldbnr .row {
    display: block;
  }
  #sldbnr .sldbnr-title {
    width: 100%;
    font-size: 12px;
  }
  #sldbnr .sldbnr-close {
    display: none;
  }
  #sldbnr .sldbnr-up {
    display: block;
    color: #fff;
    float: right;
  }
  #sldbnr .sldbnr-up:hover {
    cursor: pointer;
  }
  #sldbnr .sldbnr-mobile-content .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #sldbnr .sldbnr-mobile-content p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 680px) {
  #sldbnr .btn-icon-cta:after {
    display: none;
  }
  #sldbnr .sm-hidden-text {
    display: none;
  }
  #sldbnr .sm-show-text {
    display: block;
  }
  #sldbnr .sldbnr-btn {
    font-size: 16px;
    margin-right: 40px;
    width: 100%;
  }
  #sldbnr p.sldbnr-title:first-child {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .sldbnr-title-wrapper {
    margin: 0 100px 0 20px;
  }
}
@media screen and (max-width: 479px) {
  #sldbnr .sldbnr-background > div > div > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #sldbnr .sldbnr-background .sldbnr-title-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
  }
  #sldbnr .sldbnr-background span.exp-font-icon-act-close {
    position: absolute;
    top: 2px;
    right: 20px;
    color: #333333;
    font-size: 20px;
  }
  #sldbnr .sldbnr-btn {
    margin: 0;
    padding: 6px 30px;
  }
}
.top-footer-container .partner-logo {
  width: 130px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 991.9px) {
  .top-footer-container .partner-logo {
    margin: 0 auto;
  }
}

@media (max-width: 992px) {
  #footer .mod-mid-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #footer .mod-mid-wrapper .mid-1-wrp .link-wrapper-outer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #footer .mod-mid-wrapper .mid-1-wrp .link-wrapper-outer .link-wrapper-inner {
    text-align: center;
  }
  #footer .mod-mid-wrapper .mid-2-wrp {
    width: 100%;
  }
  #footer .mod-mid-wrapper .mid-2-wrp .socials-container {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#footer .mod-mid-wrapper .mid-2-wrp .inc-trustpilot > div:not(.app-badge) {
  position: relative;
  display: table;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 32px;
}
#footer .mod-mid-wrapper .mid-2-wrp .inc-trustpilot > div:not(.app-badge) .trustpilot-outer {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;
}
@media (max-width: 992px) {
  #footer .mod-mid-wrapper .mid-2-wrp .inc-trustpilot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #footer .mod-mid-wrapper .mid-2-wrp .inc-trustpilot > div:not(.app-badge) {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #footer .mod-mid-wrapper .mid-2-wrp .inc-trustpilot .app-badge {
    margin: 32px auto;
  }
}

#frCta .ctaContainer {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  #frCta .ctaContainer {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  #frCta .ctaContainer {
    width: 83.33333%;
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 1200px) {
  #frCta .ctaContainer {
    width: 66.66667%;
    margin-left: 16.66667%;
  }
}
#frCta .ctaContainer .cta-banner-wrap {
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 10px 10px 10px 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
}
#frCta .ctaContainer .cta-banner-wrap:hover {
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
@media screen and (max-width: 767.9px) {
  #frCta .ctaContainer .cta-banner-wrap {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-bottom: 0;
  }
}
#frCta .ctaContainer .cta-banner-wrap:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -146px;
  bottom: -130px;
  width: 50%;
  height: 350px;
  background: linear-gradient(-100deg, #af1685 0%, #1d4f91 80%);
  -webkit-transform: scaleX(-1) rotate(-22deg);
          transform: scaleX(-1) rotate(-22deg);
  border-top-left-radius: 17px;
}
@media screen and (min-width: 768px) {
  #frCta .ctaContainer .cta-banner-wrap:after {
    top: 32%;
    left: -26%;
    -webkit-transform: scaleX(-1) rotate(-27deg);
            transform: scaleX(-1) rotate(-27deg);
  }
}
@media screen and (min-width: 1439.9px) {
  #frCta .ctaContainer .cta-banner-wrap:after {
    left: -24%;
  }
}
@media screen and (max-width: 767.9px) {
  #frCta .ctaContainer .cta-banner-wrap:after {
    width: 100%;
    top: 70%;
    left: -20%;
    -webkit-transform: scaleX(-1) rotate(-15deg);
            transform: scaleX(-1) rotate(-15deg);
  }
}
@media screen and (max-width: 414px) {
  #frCta .ctaContainer .cta-banner-wrap:after {
    top: 77%;
  }
}
#frCta .ctaContainer .cta-banner-wrap .banner-img {
  position: relative;
  top: 5%;
  height: auto;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-width: 32%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -10px;
}
@media screen and (max-width: 767.9px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-img {
    height: 170px;
    min-width: 40%;
  }
}
@media screen and (max-width: 414px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-img {
    height: 145px;
    width: 100%;
  }
}
#frCta .ctaContainer .cta-banner-wrap .banner-content {
  padding: 0 45px 0 30px;
}
@media screen and (max-width: 991.9px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-content {
    padding: 0 0px 0 30px;
  }
}
@media screen and (max-width: 767.9px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-content {
    padding: 10px 10px 0px 20px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  #frCta .ctaContainer .cta-banner-wrap .banner-content p {
    text-align: center;
  }
}
#frCta .ctaContainer .cta-banner-wrap .banner-content h5 {
  margin-top: 0px;
}
@media screen and (max-width: 767.9px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-content h5 {
    text-align: center;
  }
}
#frCta .ctaContainer .cta-banner-wrap .banner-content h5 a {
  color: #333333;
}
@media screen and (min-width: 768px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-content .button-text-group {
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 767.9px) {
  #frCta .ctaContainer .cta-banner-wrap .banner-content .button-text-group {
    margin: 30px 0 20px;
  }
}

@media screen and (max-width: 991.9px) and (min-width: 768px) {
  .button-text-group {
    width: unset;
  }
  .button-text-group .btn {
    width: 100%;
  }
  .button-text-group > * {
    margin: unset;
  }
}
#frCtaArt > div {
  /*acting as container class in bootstrap*/
  margin-right: auto;
  margin-left: auto;
  padding: 80px 15px;
}
@media screen and (max-width: 767.9px) {
  #frCtaArt > div {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  #frCtaArt > div {
    width: 750px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 1199.9px) and (min-width: 992px) {
  #frCtaArt > div {
    width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  #frCtaArt > div {
    width: 1200px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (min-width: 1439.9px) {
  #frCtaArt > div {
    width: 1439.9px;
  }
}
#frCtaArt .ctaContainer {
  position: relative;
}
#frCtaArt .ctaContainer .cta-banner-wrap {
  position: relative;
  z-index: 2;
  height: auto;
  -webkit-box-shadow: 0 17px 42px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 17px 42px 0 rgba(0, 0, 0, 0.17);
  overflow: hidden;
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  #frCtaArt .ctaContainer .cta-banner-wrap {
    width: 100%;
    padding: 20px 20px 0;
    text-align: center;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
#frCtaArt .ctaContainer .cta-banner-wrap::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -15%;
  top: 38%;
  width: 50%;
  height: 100%;
  background: linear-gradient(-100deg, #af1685 0%, #1d4f91 80%);
  -webkit-transform: scaleX(-1) rotate(-21deg);
          transform: scaleX(-1) rotate(-21deg);
  border-top-left-radius: 30px;
}
@media screen and (max-width: 1439.9px) {
  #frCtaArt .ctaContainer .cta-banner-wrap::after {
    -webkit-transform: scaleX(-1) rotate(-27deg);
            transform: scaleX(-1) rotate(-27deg);
  }
}
@media screen and (max-width: 1199.9px) {
  #frCtaArt .ctaContainer .cta-banner-wrap::after {
    left: -20%;
  }
}
@media screen and (max-width: 767.9px) {
  #frCtaArt .ctaContainer .cta-banner-wrap::after {
    width: 100%;
    top: 74%;
    left: -20%;
    -webkit-transform: scaleX(-1) rotate(-15deg);
            transform: scaleX(-1) rotate(-15deg);
  }
}
@media screen and (max-width: 414px) {
  #frCtaArt .ctaContainer .cta-banner-wrap::after {
    width: 110%;
    top: 74%;
    left: -35%;
    -webkit-transform: scaleX(-1) rotate(-20deg);
            transform: scaleX(-1) rotate(-20deg);
  }
}
#frCtaArt .ctaContainer .cta-banner-wrap a.banner-img {
  position: relative;
  min-width: 37%;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  height: 300px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media screen and (max-width: 991.9px) {
  #frCtaArt .ctaContainer .cta-banner-wrap a.banner-img {
    height: 250px;
  }
}
@media screen and (max-width: 767.9px) {
  #frCtaArt .ctaContainer .cta-banner-wrap a.banner-img {
    height: 140px;
    width: 100%;
  }
}
#frCtaArt .ctaContainer .banner-content {
  padding: 60px 80px;
}
@media screen and (max-width: 1199.9px) {
  #frCtaArt .ctaContainer .banner-content {
    padding: 60px 60px 60px 30px;
  }
}
@media screen and (max-width: 991.9px) {
  #frCtaArt .ctaContainer .banner-content {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.9px) {
  #frCtaArt .ctaContainer .banner-content {
    width: 100%;
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
#frCtaArt .ctaContainer .banner-content h5 {
  margin-top: 0px;
}
#frCtaArt .ctaContainer .banner-content h5 a {
  color: #333333;
}
@media screen and (min-width: 768px) {
  #frCtaArt .ctaContainer .banner-content .button-text-group {
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 767.9px) {
  #frCtaArt .ctaContainer .banner-content .button-text-group {
    margin: 30px 0 20px;
  }
  #frCtaArt .ctaContainer .banner-content .button-text-group .btn-price:not(.boost-cta) {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .cta_modal .modal .modal-dialog {
    width: 930px;
  }
  .cta_modal .modal .modal-dialog .modal-content {
    overflow: hidden;
  }
}
.applyModal .modal-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 42px;
  text-align: center;
  margin: 10px 0;
}
@media screen and (max-width: 767.9px) {
  .applyModal .modal-title .modal-title {
    font-size: 26px;
    line-height: 31px;
  }
}
.applyModal .modal-content-wrap {
  padding: 50px 14%;
}
.applyModal .modal-content-wrap .offer-img {
  width: auto;
}
.applyModal .close {
  margin-top: 10px;
  margin-right: 10px;
}

.boost-modal {
  z-index: 1045;
}
.boost-modal .modal-body {
  padding: 0;
}
.boost-modal .modal-body > * {
  color: #333;
}
.boost-modal .modal-body button.close {
  position: absolute;
  display: inline-block;
  top: 15px;
  right: 20px;
  z-index: 1;
  font-size: 18px;
  color: white;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .boost-modal .modal-body button.close {
    color: #333;
  }
}

#hero {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #hero .hero-bg-image {
    height: 384px;
    right: -90px;
    width: 47%;
    border-radius: 36px;
    top: -35px;
    position: absolute;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 0;
    background: #1d4f91;
    background-image: -webkit-linear-gradient(135deg, #af1685, #1d4f91);
    background: linear-gradient(135deg, #af1685, #1d4f91);
  }
}
#hero .container {
  overflow: hidden;
  width: 100%;
  padding: 60px;
}
@media screen and (max-width: 991px) {
  #hero .container {
    padding: 60px 40px 40px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container {
    padding: 40px 15px 0px;
  }
}
#hero .container .heading-wrapper {
  padding-bottom: 30px;
}
#hero .container .heading-wrapper .boost-logo {
  background: url(https://assets.experiancs.com/images/logo-experian-boost.svg) no-repeat;
  background-size: contain;
  background-position: 0%;
  height: 29px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #hero .container .heading-wrapper .boost-logo {
    background-position: 50%;
  }
}
#hero .container .heading-wrapper h3 {
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  #hero .container .heading-wrapper h3 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .heading-wrapper h3 {
    margin-bottom: 10px;
  }
}
#hero .container .heading-wrapper p {
  font-size: 16px;
}
#hero .container .heading-wrapper :last-child {
  margin-top: 0px;
  margin-bottom: 0px;
}
#hero .container .scores-wrap {
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  background: #f4f4f4;
  padding: 16px;
  border-radius: 6px;
  width: 345px;
  left: 478px;
}
@media screen and (max-width: 991px) {
  #hero .container .scores-wrap {
    padding: 13px;
    height: 224px;
    width: 276px;
    left: 411px;
  }
}
@media screen and (min-width: 768px) {
  #hero .container .scores-wrap {
    position: absolute;
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap {
    width: 205px;
    height: 171px;
    top: 0;
    left: 0;
    margin: 0 auto 30px;
    position: relative;
    padding: 8px;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.12);
  }
}
#hero .container .scores-wrap > div {
  background: #fff;
  padding: 20px 15px 15px;
  border-radius: 6px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div {
    padding: 15px 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div > div {
    padding: 6px;
  }
}
#hero .container .scores-wrap > div canvas {
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#hero .container .scores-wrap > div .sliding-animation-up {
  position: relative;
}
#hero .container .scores-wrap > div .sliding-animation-up img {
  max-width: 100%;
  width: 100%;
}
#hero .container .scores-wrap > div .sliding-animation-up .score {
  width: 100%;
  font-size: 57px;
  line-height: 67px;
  font-weight: 500;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  #hero .container .scores-wrap > div .sliding-animation-up .score {
    font-size: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div .sliding-animation-up .score {
    font-size: 38px;
    line-height: 38px;
    bottom: 25px;
  }
}
#hero .container .scores-wrap > div .score-msn {
  background: #f4f4f4;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  padding: 8px;
  width: 90%;
  margin: 10px auto 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  #hero .container .scores-wrap > div .score-msn {
    font-size: 12px;
    padding: 5px 8px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div .score-msn {
    font-size: 10px;
    padding: 4px 6px;
    width: 150px;
    margin: 0 auto;
  }
}
#hero .container .list-check {
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  #hero .container .button-text-group {
    width: auto;
  }
  #hero .container .button-text-group .btn {
    width: auto;
  }
}
#hero .container .button-text-group p {
  font-weight: 500;
}
#hero .container .boost-disclosure {
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  #hero .container .boost-disclosure {
    padding: 30px 0 0;
  }
}
#hero .container .boost-disclosure div {
  padding: 0 30px;
  background: #f8f8f8;
}
@media screen and (max-width: 767px) {
  #hero .container .boost-disclosure div {
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
#hero .container .boost-disclosure .learn-more-link {
  text-decoration: underline;
}

#scr-gui {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border: 1px solid #D0D0D0;
  margin: 40px 20px 0 0;
  padding: 15px 15px 0;
}

#scr-gui h5 {
  margin-top: 0;
  font-size: 20px;
  padding: 0 0 5px;
  border-bottom: 1px solid #D0D0D0;
  font-weight: 300;
}

#scr-gui strong {
  cursor: pointer;
  color: #1d4f91;
  display: block;
  padding: 0 0 5px;
}

#scr-gui strong:hover {
  text-decoration: underline;
}

#scr-gui > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#scr-gui > ul > li > ul {
  display: none;
}

@media screen and (max-width: 1024px) {
  #scr-gui {
    margin: 0 0 30px;
  }
}
body[data-type=s],
body[data-type=soc],
body[data-type=csg] {
  background: #FFFFFF;
}

.category-link {
  font-weight: 500;
}

@media screen and (min-width: 992px) {
  .sticky-social-col {
    position: absolute;
    left: -50px;
    top: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .sticky-social-col {
    left: -113px;
  }
}

@media screen and (min-width: 1200px) {
  body[data-type=calc] .sticky-social-col {
    left: -80px;
  }
}

.social-col {
  position: relative;
}
@media screen and (max-width: 991.9px) {
  .social-col {
    height: 35px;
    width: 40px;
    padding-left: 5px;
  }
}

@media screen and (max-width: 991.9px) {
  .social-wrapper.isOpened {
    position: absolute;
    bottom: -126px;
    right: 0;
    height: auto;
    padding: 5px;
    z-index: 1;
    background-color: #FFFFFF;
    border-radius: 6px;
    -webkit-transition: height 0.25s ease-in;
    transition: height 0.25s ease-in;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 991.9px) and (min-width: 768px) and (max-width: 991.9px) {
  .social-wrapper.isOpened {
    bottom: -130px;
  }
}
@media screen and (max-width: 991.9px) {
  .social-wrapper.isOpened button.mobile-toggle {
    padding: 5px 0;
  }
}
.social-wrapper button {
  padding: 0;
}

.sticky-social-col button,
.social-wrapper button {
  border: none;
  background-color: transparent;
}
.sticky-social-col button span,
.social-wrapper button span {
  font-size: 30px;
}
@media screen and (min-width: 992px) {
  .sticky-social-col button span,
  .social-wrapper button span {
    font-size: 35px;
  }
}
.sticky-social-col .mobile-toggle,
.social-wrapper .mobile-toggle {
  display: block;
}
@media screen and (min-width: 992px) {
  .sticky-social-col .mobile-toggle,
  .social-wrapper .mobile-toggle {
    display: none;
  }
}
@media screen and (max-width: 991.9px) {
  .sticky-social-col .share,
  .social-wrapper .share {
    visibility: hidden;
  }
}
.sticky-social-col .share.isVisible,
.social-wrapper .share.isVisible {
  visibility: visible;
}
.sticky-social-col .share > li,
.social-wrapper .share > li {
  list-style-type: none;
  margin-bottom: 5px;
}

.post-entry p,
.full-review-link {
  font-size: 18px;
  line-height: 34px;
}
@media screen and (max-width: 767.9px) {
  .post-entry p,
  .full-review-link {
    font-size: 16px;
    line-height: 29px;
  }
}

.post-entry ul {
  /******************* Bullet list styles ***********************/
}
.post-entry ul > li {
  list-style: disc;
  font-size: 18px;
  margin-left: 15px;
  line-height: 34px;
}
@media screen and (max-width: 767.9px) {
  .post-entry ul > li {
    font-size: 16px;
    line-height: 29px;
  }
}
.post-entry ul > li h4,
.post-entry ul > li p {
  margin: 0;
}
.post-entry ul.circle > li {
  list-style: circle;
}
.post-entry ul.square > li {
  list-style: square;
}

#postBlk .border-style {
  border-radius: 6px;
}
#postBlk a {
  text-decoration: underline;
}
#postBlk a#fico-dscl-link, #postBlk a#boost-link, #postBlk a#vantage-dscl-link {
  text-decoration: none;
  color: #333333;
}
#postBlk a strong > sup {
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 2rem;
  padding-bottom: 0px;
}
#postBlk blockquote a,
#postBlk .btn {
  text-decoration: none;
}
#postBlk .disclaimer {
  line-height: 1.5;
}

#postBlk blockquote {
  position: relative;
  margin: 20px 0;
  padding: 25px 15%;
}
#postBlk blockquote:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#AF1685), to(#1D4F91)), -webkit-gradient(linear, left top, right top, from(#AF1685), to(#1D4F91));
  background-image: linear-gradient(to right, #AF1685 0%, #1D4F91 100%), linear-gradient(to right, #AF1685 0%, #1D4F91 100%);
  left: 0;
  top: 0;
}
#postBlk blockquote:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#AF1685), to(#1D4F91)), -webkit-gradient(linear, left top, right top, from(#AF1685), to(#1D4F91));
  background-image: linear-gradient(to right, #AF1685 0%, #1D4F91 100%), linear-gradient(to right, #AF1685 0%, #1D4F91 100%);
  left: 0;
  bottom: 0;
}
#postBlk blockquote h6 {
  color: #AF1685;
  font-size: 36px;
  line-height: 48px;
  margin: 0;
}
#postBlk blockquote p {
  margin: 0;
}
#postBlk blockquote p strong {
  font-size: 20px;
}
#postBlk blockquote a > sup {
  border-bottom: none;
}

#postBlk ol > li {
  font-size: 18px;
  margin-left: 15px;
  line-height: 34px;
}
@media screen and (max-width: 767.9px) {
  #postBlk ol > li {
    font-size: 16px;
    line-height: 29px;
  }
}

#postBlk .question-wrap {
  margin-bottom: 40px;
  padding: 3px;
  border-radius: 6px;
  background: #1D4F91;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #AF1685), to(#1D4F91));
  background: linear-gradient(to bottom right, #AF1685 25%, #1D4F91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$brand-secondary", endColorstr="$brand-primary", GradientType=0);
}
#postBlk .question-wrap .question {
  display: block;
  position: relative;
  padding: 30px 70px 20px 100px;
  border-radius: 4px;
  background: #FFFFFF;
}
@media screen and (max-width: 767.9px) {
  #postBlk .question-wrap .question {
    padding: 30px 15px 20px 55px;
  }
}
#postBlk .question-wrap .question:before, #postBlk .question-wrap .question:after {
  content: "";
  height: 20px;
  position: absolute;
  top: 100%;
}
#postBlk .question-wrap .question:after {
  width: 4px;
  background-color: #6D2077;
  left: 20px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 50px;
  -webkit-transform: skew(-45deg, 0);
  transform: skew(-45deg, 0);
}
#postBlk .question-wrap .question:before {
  width: 3px;
  background-color: #6D2077;
  left: 10px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 100px;
  -webkit-transform: rotateY(160deg);
  transform: rotateY(160deg);
}
#postBlk .question-wrap .question > :first-child:after, #postBlk .question-wrap .question > :first-child:before {
  content: "";
  position: absolute;
  background-color: #FFFFFF;
  top: 100%;
}
#postBlk .question-wrap .question > :first-child:after {
  width: 12px;
  height: 5px;
  left: 16px;
  -webkit-transform: skew(-45deg, 0);
  transform: skew(-45deg, 0);
}
#postBlk .question-wrap .question > :first-child:before {
  width: 10px;
  height: 3px;
  left: 13px;
}
#postBlk .question-wrap .question > p {
  text-align: right;
}
#postBlk .question-wrap .question h2 {
  margin: 0;
  font-size: 20px;
  line-height: 34px;
}
@media screen and (max-width: 767.9px) {
  #postBlk .question-wrap .question h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
#postBlk .question-wrap .question .quote-icon {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 50px;
  background: #1D4F91;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #AF1685), to(#1D4F91));
  background: linear-gradient(to bottom right, #AF1685 25%, #1D4F91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$brand-secondary", endColorstr="$brand-primary", GradientType=0);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 767.9px) {
  #postBlk .question-wrap .question .quote-icon {
    font-size: 30px;
    top: 15px;
    left: 15px;
  }
}

#postBlk #toc {
  border-radius: 6px;
  background: #f8f8f8;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 992px) {
  #postBlk #toc {
    float: right;
    width: 360px;
    margin-bottom: 30px;
    margin-left: 30px;
  }
}
#postBlk #toc > h4 {
  background: #1D4F91;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #AF1685), to(#1D4F91));
  background: linear-gradient(to right, #AF1685 25%, #1D4F91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$brand-secondary", endColorstr="$brand-primary", GradientType=0);
  color: #FFFFFF;
  margin: 0;
  padding: 10px 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media screen and (max-width: 991.9px) {
  #postBlk #toc > h4 {
    padding: 10px 20px;
  }
}
#postBlk #toc > ul {
  margin: 0;
  padding: 25px;
}
@media screen and (max-width: 991.9px) {
  #postBlk #toc > ul {
    padding: 20px;
    margin-bottom: 20px;
  }
}
#postBlk #toc > ul > li {
  margin-right: 20px;
  line-height: 1.4;
}
#postBlk #toc > ul > li:not(:last-child) {
  margin-bottom: 10px;
}
#postBlk #toc > ul > li > a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
}
#postBlk #toc > ul > li > a > sup {
  border-bottom: none;
}

@media screen and (max-width: 991.9px) {
  #bot-footer .container {
    padding-bottom: 70px;
  }
}
@media (max-width: 1312px) {
  #bot-footer .container.smFootDisc {
    padding-bottom: 100px;
  }
}
@media (max-width: 556px) {
  #bot-footer .container.smFootDisc {
    padding-bottom: 150px;
  }
}
#bot-footer .container.customFootDisc {
  padding-bottom: 100px;
}
@media (max-width: 479px) {
  #bot-footer .container.customFootDisc {
    padding-bottom: 120px;
  }
}
@media (max-width: 320px) {
  #bot-footer .container.customFootDisc {
    padding-bottom: 150px;
  }
}

/******************* Boost Components ***********************/
/** https://www.experian.com/blogs/ask-experian/buying-a-car-experian-boost-can-help-your-credit-scores/ **/
#factors {
  position: relative;
}
#factors .factors-bg {
  background: url(https://assets.experiancs.com/images/graphic-background-dot-grid.svg);
  background-repeat: no-repeat;
  height: 110%;
  width: 65%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
}
@media screen and (max-width: 767.9px) {
  #factors .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#factors .images .factor-img {
  position: relative;
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  background: #FFFFFF;
  padding: 0;
  width: 340px;
  height: 430px;
  border-radius: 6px;
  margin: 0;
}
@media screen and (max-width: 767.9px) {
  #factors .images .factor-img {
    outline: none;
    height: 260px;
    width: 215px;
  }
}
#factors .images .factor-img img {
  position: absolute;
  top: 0;
  left: -55px;
  width: 450px;
  height: auto;
}
@media screen and (max-width: 767.9px) {
  #factors .images .factor-img img {
    max-height: 260px;
    width: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/******************* ACR Disclosure ***********************/
#postBlk .acr_disclosure {
  background-color: #E4EAF2;
  border-left: solid 5px #406EB3;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

/******************* Math Equation ***********************/
.equation-wrapper table.equation {
  width: unset;
  margin: 0 auto;
}
.equation-wrapper table.equation::after {
  content: none;
}
.equation-wrapper table.equation tbody tr:nth-child(odd) {
  background-color: unset;
}
.equation-wrapper table.equation td {
  border: unset;
  font-size: 18px;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .equation-wrapper table.equation td {
    font-size: 16px;
  }
}
.equation-wrapper table.equation td.numerator {
  vertical-align: middle;
  border-bottom: 1px solid;
  text-align: center;
}

#glossNav:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#glossNav li:last-child {
  border: 0;
}

#glossNav li {
  float: left;
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #e5e5e5;
  line-height: 12px;
}

#glossNav {
  margin: 0 0 20px;
  padding: 0;
}

#glossNav li {
  list-style: none;
}

.ecs-score-rating-bar {
  width: 100%;
  margin: 0px auto;
  padding-top: 10px;
}

.ecs-score-rating-bar .bubble {
  width: 100%;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  line-height: 32px;
  margin: 0 auto;
}

.ecs-score-rating-bar .bubble.bubble-below {
  margin-top: -12px;
}

.ecs-score-rating-bar .arrow-up {
  width: 0;
  height: 0;
  border: 8px solid;
  margin-left: -8px;
  margin-bottom: 12px;
  margin-top: -8px;
}

.ecs-score-rating-bar .arrow-down {
  width: 0;
  height: 0;
  border: 8px solid;
  margin-left: -8px;
  margin-bottom: -8px;
}

.ecs-score-rating-bar .ratingBarGraph {
  display: inline-block;
  vertical-align: text-top;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .rangeMin, .ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .rangeMax {
  display: none;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeFBackground {
  background-color: rgb(204, 0, 57);
  opacity: 0.5;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeDBackground {
  background-color: rgb(246, 126, 3);
  opacity: 0.5;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeCBackground {
  background-color: rgb(255, 193, 0);
  opacity: 0.5;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeBBackground {
  background-color: #53B467;
  opacity: 0.5;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeABackground {
  background-color: #009144;
  opacity: 0.5;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeBBackground, .ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeCBackground, .ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeDBackground, .ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .gradeFBackground {
  border-right: 1px solid #fff;
}

.ecs-score-rating-bar .bars {
  height: 7px;
}

.ecs-score-rating-bar .round-left {
  border-radius: 6px 0 0 6px;
}

.ecs-score-rating-bar .round-right {
  border-radius: 0 6px 6px 0;
}

.ecs-score-rating-bar .gradeABackground {
  background-color: #029046;
}

.ecs-score-rating-bar .gradeBBackground {
  background-color: #55b369;
}

.ecs-score-rating-bar .gradeCBackground {
  background-color: #ffc200;
}

.ecs-score-rating-bar .gradeDBackground {
  background-color: #f58025;
}

.ecs-score-rating-bar .gradeFBackground {
  background-color: #CB123E;
}

.ecs-score-rating-bar .gradeAText {
  color: #029046;
}

.ecs-score-rating-bar .gradeBText {
  color: #55b369;
}

.ecs-score-rating-bar .gradeCText {
  color: #ffc200;
}

.ecs-score-rating-bar .gradeDText {
  color: #f58025;
}

.ecs-score-rating-bar .gradeFText {
  color: #CB123E;
}

.ecs-score-rating-bar .ratingBarGraph .poor.active-score-range {
  -webkit-box-shadow: 0 2px 4px 0 rgba(204, 0, 57, 0.3);
          box-shadow: 0 2px 4px 0 rgba(204, 0, 57, 0.3);
}

.ecs-score-rating-bar .ratingBarGraph .fair.active-score-range {
  -webkit-box-shadow: 0 2px 4px 0 rgba(246, 126, 3, 0.3);
          box-shadow: 0 2px 4px 0 rgba(246, 126, 3, 0.3);
}

.ecs-score-rating-bar .ratingBarGraph .good.active-score-range {
  -webkit-box-shadow: 0 2px 4px 0 rgba(255, 193, 0, 0.3);
          box-shadow: 0 2px 4px 0 rgba(255, 193, 0, 0.3);
}

.ecs-score-rating-bar .ratingBarGraph .very-good.active-score-range {
  -webkit-box-shadow: 0 2px 4px 0 rgba(83, 180, 103, 0.3);
          box-shadow: 0 2px 4px 0 rgba(83, 180, 103, 0.3);
}

.ecs-score-rating-bar .ratingBarGraph .excellent.active-score-range {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 145, 68, 0.3);
          box-shadow: 0 2px 4px 0 rgba(0, 145, 68, 0.3);
}

.ecs-score-rating-bar .rangeMin {
  font-size: 13px;
  text-align: left;
}

.ecs-score-rating-bar .rangeMax {
  font-size: 13px;
  text-align: right;
}

.ecs-score-rating-bar .ratingBarGraph.ratingBarGraph-offer .active-score-range {
  height: 13px;
  position: relative;
  top: -25%;
  opacity: 1;
}

.cardBlkR .prosCons {
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.9px) {
  .cardBlkR .prosCons {
    max-height: 400px;
    -webkit-transition: max-height 0.2s ease-in;
    transition: max-height 0.2s ease-in;
  }
  .cardBlkR .prosCons.closed {
    max-height: 70px;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
  }
}
.cardBlkR .prosCons .pcL,
.cardBlkR .prosCons .pcR {
  float: left;
  width: 50%;
}
.cardBlkR .prosCons .pcL h5 {
  color: #2FBA78;
}
.cardBlkR .prosCons .pcL h5:before {
  content: "\ea0a";
  display: inline-block;
  font-size: 34px;
  font-family: experian-icons;
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.cardBlkR .prosCons .pcR h5 {
  color: #e4002b;
}
.cardBlkR .prosCons .pcR h5:before {
  content: "\ea0b";
  display: inline-block;
  font-size: 34px;
  font-family: experian-icons;
  position: relative;
  top: 11px;
  margin-right: 4px;
}
.cardBlkR .prosCons ul {
  margin: 0;
  padding-left: 18px;
}

.pros-cons-mobile-toggle {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .pros-cons-mobile-toggle {
    display: block;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .pros-cons-mobile-toggle:after {
    content: "\e9c1";
    display: inline-block;
    font-size: 14px;
    font-family: experian-icons;
    position: relative;
    top: 1px;
    margin-left: 6px;
  }
}
@media screen and (max-width: 767.9px) {
  .pros-cons-mobile-toggle.open:after {
    content: "\e9a8";
  }
}
@media screen and (max-width: 767.9px) {
  .pros-cons-mobile-toggle.open .toggle-text:after {
    content: "less";
    font-size: 14px;
  }
}
@media screen and (max-width: 767.9px) {
  .pros-cons-mobile-toggle .toggle-text:after {
    content: "all";
    display: inline-block;
  }
}

.details-mobile-toggle {
  display: block;
  margin: 20px 0 !important;
  color: #426DA9;
  cursor: pointer;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .details-mobile-toggle {
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
  }
}
.details-mobile-toggle:before {
  content: "\e9c1";
  display: inline-block;
  font-size: 14px;
  font-family: experian-icons;
  position: relative;
  margin-right: 5px;
}
@media screen and (max-width: 767.9px) {
  .details-mobile-toggle:before {
    content: "More Details";
    display: inline-block;
    font-size: 14px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    margin-right: 0;
  }
}
.details-mobile-toggle span {
  pointer-events: none;
}
.details-mobile-toggle span:before {
  content: "More";
}
@media screen and (max-width: 767.9px) {
  .details-mobile-toggle span:before {
    content: "\e9c1";
    display: inline-block;
    font-size: 14px;
    font-family: experian-icons;
    position: relative;
    top: 1px;
    left: 5px;
  }
}
.details-mobile-toggle .less:before {
  content: "\e9a8";
  font-size: 12px;
}
@media screen and (max-width: 767.9px) {
  .details-mobile-toggle .less:before {
    content: "Less Details";
    font-size: 14px;
    position: static;
  }
}
.details-mobile-toggle .less span:before {
  content: "Less";
}
@media screen and (max-width: 767.9px) {
  .details-mobile-toggle .less span:before {
    content: "\e9a8";
    font-size: 12px;
  }
}

.trans-overlay {
  position: relative;
  height: 120px;
  margin-top: -120px;
  pointer-events: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #FFFFFF), to(#FFFFFF));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 70%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 70%, #FFFFFF 1);
}

body[data-category=best-loans] .cardBlkR .details.closed {
  max-height: 270px;
}
body[data-category=best-loans] .pros-cons-mobile-toggle {
  display: none;
}

@media screen and (max-width: 767.9px) {
  .review-mobile-toggle {
    cursor: pointer;
  }
}
@media screen and (max-width: 767.9px) {
  .review-mobile-toggle:after {
    content: "\e9c1";
    display: inline-block;
    font-size: 14px;
    font-family: experian-icons;
    float: right;
    position: relative;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .review-mobile-toggle.open:after {
    content: "-";
    display: inline-block;
    font-size: 32px;
    font-family: experian-icons;
    float: right;
    position: relative;
    top: -8px;
    left: -2px;
  }
}

@media screen and (max-width: 767.9px) {
  .review-mobile-text {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
  }
}
@media screen and (max-width: 767.9px) {
  .review-mobile-text.open {
    max-height: 600px;
    -webkit-transition: max-height 0.2s ease-in;
    transition: max-height 0.2s ease-in;
  }
}

/*************** Card Details View More Toggle *************/
body[data-category=app] .details ul.hide-bullets {
  max-height: 300px;
  overflow-y: hidden;
}
@media screen and (max-width: 767.9px) {
  body[data-category=app] .details ul.hide-bullets {
    max-height: 200px;
  }
}
body[data-category=app] .details ul.show-bullets {
  max-height: 1000px;
}

.container.author-container {
  position: relative;
  top: -53px;
}

.authMeta:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#author-meta .about-author h1 {
  font-weight: 700;
  margin: 10px 0;
  font-size: 20px;
}

#author-meta .about-author {
  font-weight: 700;
  font-size: 18px;
}

#author-meta img {
  float: left;
  margin-right: 10px;
}

#author-meta p {
  margin: 0;
  padding: 5px;
}

#author-meta {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #F4F4F4;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  clear: both;
  display: block;
  margin: 0 0 40px;
  padding: 10px;
  overflow: hidden;
}

.authMeta > p > strong {
  display: block;
  font-size: 125%;
}

.authMeta > p {
  float: left;
}

.authMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  margin: 0 0 30px;
}

.authMeta > div {
  width: 106px;
  height: 106px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 99em;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

#author-share {
  padding-left: 0px;
  margin-top: 30px;
  margin-bottom: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  font-size: 40px;
}

#author-share > li {
  margin: 0;
  position: relative;
}

#author-share > li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#author-share [class$=icon]:before {
  color: #333333;
}

#authSnpt .authBio p:nth-child(2) {
  background-color: #FFFFFF;
  padding: 25px 35px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  margin: 0;
}

#authSnpt .author-bio-container {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 6px;
  padding: 24px 34px;
}

#authSnpt .author-bio-container p:last-child {
  margin: 0;
}

.author > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

#featrImgArt .post-meta .author a {
  color: #FFFFFF;
  display: contents;
}

body[data-type=a] #recArticles {
  background: #fff;
}

body[data-type=a] #artBlk .container {
  padding-top: 27px;
}

@media screen and (max-width: 991px) {
  .authMeta > div {
    width: 80px;
    height: 80px;
  }
  .container.author-container {
    top: -40px;
  }
  body[data-type=a] #artBlk .container {
    padding-top: 20px;
  }
  .author {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .authMeta > div {
    width: 70px;
    height: 70px;
  }
  .container.author-container {
    top: -35px;
  }
  body[data-type=a] #artBlk .container {
    padding-top: 5px;
  }
  .author {
    margin-top: 20px;
  }
}
body[data-category=best-credit-cards] #bstHdr,
body[data-category=crm] #bstHdr,
body[data-category=credit-card-reviews] #bstHdr {
  position: inherit;
}

/************* Credit card review category marquee cards styles *************/
#bstHdr {
  height: auto;
}
#bstHdr .advDisc {
  color: #333333;
}
#bstHdr .hero-img {
  height: 284px;
}
@media screen and (max-width: 1199.9px) {
  #bstHdr .hero-img {
    height: 240px;
  }
}
@media screen and (max-width: 991.9px) {
  #bstHdr .hero-img {
    height: 204px;
  }
}
@media screen and (max-width: 767.9px) {
  #bstHdr .hero-img {
    height: 0;
  }
}
#bstHdr .hero-img .hero-card {
  opacity: 0;
}
#bstHdr .hero-img .card-white {
  transform: translateY(-380px);
  -webkit-transform: translateY(-380px);
}
@media screen and (max-width: 991.9px) {
  #bstHdr .hero-img .card-white {
    left: 0;
    width: 80%;
    top: 40px;
  }
}
@media screen and (min-width: 768px) {
  #bstHdr .hero-img .card-white {
    background-image: url("https://assets.experiancs.com/images/com-experian-card-lw-white.png");
    width: 79%;
    height: 89%;
    position: relative;
    z-index: 4;
    top: 28px;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
#bstHdr .hero-img .card-blue {
  transform: translateY(-350px);
  -webkit-transform: translateY(-350px);
}
@media screen and (max-width: 991.9px) {
  #bstHdr .hero-img .card-blue {
    width: 50%;
    top: 33%;
  }
}
@media screen and (min-width: 768px) {
  #bstHdr .hero-img .card-blue {
    background-image: url("https://assets.experiancs.com/images/com-experian-card-lw-blue.png");
    width: 57%;
    height: 70%;
    top: 22%;
    right: 0;
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
#bstHdr .hero-img.come-in .hero-card {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
#bstHdr .hero-img.come-in .card-white {
  -webkit-transition: opacity 50ms ease, -webkit-transform 0.55s ease;
  transition: opacity 50ms ease, -webkit-transform 0.55s ease;
  transition: opacity 50ms ease, transform 0.55s ease;
  transition: opacity 50ms ease, transform 0.55s ease, -webkit-transform 0.55s ease;
  transition-delay: 0.4s, 0.4s;
  -webkit-transition: opacity 50ms ease, transform 0.55s ease forwards;
  -webkit-transition-delay: 0.4s, 0.4s;
}
#bstHdr .hero-img.come-in .card-blue {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -webkit-transition: opacity 50ms ease, -webkit-transform 0.45s ease;
  transition: opacity 50ms ease, -webkit-transform 0.45s ease;
  transition: opacity 50ms ease, transform 0.45s ease;
  transition: opacity 50ms ease, transform 0.45s ease, -webkit-transform 0.45s ease;
  transition-delay: 0.2s, 0.2s;
  -webkit-transition: opacity 50ms ease, transform 0.45s ease;
  -webkit-transition-delay: 0.2s, 0.2s;
}
#bstHdr .hero-img.come-in .white-card-shadow {
  opacity: 1;
  transition: opacity 0.1s ease;
  transition-delay: 0.75s;
  -webkit-transition: opacity 0.1s ease;
  -webkit-transition-delay: 0.75s;
}
#bstHdr .hero-img.come-in .blue-card-shadow {
  opacity: 1;
  transition: opacity 0.1s ease;
  transition-delay: 0.55s;
  -webkit-transition: opacity 0.1s ease;
  -webkit-transition-delay: 0.55s;
}
@media screen and (min-width: 768px) {
  #bstHdr .hero-img .blue-card-shadow,
  #bstHdr .hero-img .white-card-shadow {
    background-image: url("https://assets.experiancs.com/images/com-experian-card-lw-shadow.png");
    opacity: 0;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 72px;
  }
}
@media screen and (min-width: 768px) {
  #bstHdr .hero-img .white-card-shadow {
    left: -85px;
    bottom: -30px;
    position: absolute;
    z-index: 3;
    width: 100%;
  }
}
@media screen and (max-width: 1439.9px) {
  #bstHdr .hero-img .white-card-shadow {
    bottom: -35px;
    left: -70px;
  }
}
@media screen and (max-width: 1199.9px) {
  #bstHdr .hero-img .white-card-shadow {
    bottom: -40px;
    width: 85%;
    left: -45px;
  }
}
@media screen and (max-width: 991.9px) {
  #bstHdr .hero-img .white-card-shadow {
    left: -40px;
    bottom: -30px;
    width: 85%;
  }
}
@media screen and (max-width: 1199.9px) {
  #bstHdr .hero-img .blue-card-shadow {
    right: 0px;
    bottom: -30px;
  }
}
@media screen and (max-width: 991.9px) {
  #bstHdr .hero-img .blue-card-shadow {
    right: 0px;
    width: 58%;
    bottom: -35px;
  }
}
@media screen and (min-width: 768px) {
  #bstHdr .hero-img .blue-card-shadow {
    right: 5px;
    bottom: -25px;
    width: 60%;
    z-index: 1;
  }
}
#bstHdr .best-header-content img.brand-logos {
  height: 30px;
  width: auto;
  margin-bottom: 15px;
}
@media screen and (max-width: 991.9px) {
  #bstHdr .best-header-content img.brand-logos {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  #bstHdr .best-header-content img.brand-logos {
    height: 24px;
  }
}
#bstHdr .best-header-content .heading-wrapper {
  padding-bottom: 40px;
}
@media screen and (max-width: 991.9px) {
  #bstHdr .best-header-content .heading-wrapper {
    padding-bottom: 30px;
  }
}
#bstHdr .best-header-content h6 {
  font-weight: 400;
}

@media screen and (max-width: 767.9px) {
  #bstHdr.best-v2 .byline-and-social-wrapper {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
#bstHdr.best-v2 .byline-and-social-wrapper .social-col {
  padding-left: 5px;
}
#bstHdr.best-v2 .byline-and-social-wrapper .social-col.open {
  right: 0;
}
@media screen and (min-width: 1200px) {
  #bstHdr.best-v2 .white-card-shadow {
    bottom: 20px;
    width: 90%;
    left: -70px;
  }
}
@media screen and (max-width: 1199.9px) {
  #bstHdr.best-v2 .white-card-shadow {
    bottom: -25px;
  }
}
@media screen and (max-width: 991.9px) {
  #bstHdr.best-v2 .white-card-shadow {
    bottom: -30px;
    left: -40px;
  }
}
@media screen and (min-width: 768px) {
  #bstHdr.best-v2 .blue-card-shadow {
    bottom: 15px;
  }
}

/************* Best of pages styles *************/
body[data-category=best-credit-cards] #bstHdr .bstDropdown {
  display: block;
  width: 80%;
  height: 60px;
  border: 1px solid #D0D0D0;
  border-radius: 6px;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown {
    margin: 0 auto;
    text-align: left;
  }
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct {
  display: none;
  cursor: pointer;
  padding: 0;
  list-style: none;
  width: 101%;
  position: relative;
  z-index: 3;
  left: -1px;
  top: -59px;
  border-radius: 6px;
}
@media screen and (max-width: 991.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct {
    width: 350px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct {
    width: 101%;
    margin: 0 auto 0;
    font-size: 16px;
  }
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct.show-dropdown {
  display: block;
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li {
  padding: 20px 30px;
  cursor: pointer;
  background: #fff;
  font-size: 18px;
  margin: 0;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li {
    padding: 15px 20px;
    line-height: 24px;
  }
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li:hover a {
  color: #426DA9;
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li a {
  color: #333333;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li a {
    font-size: 16px;
  }
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown #bstSlct li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown .bstDisplay,
body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI {
  width: 100%;
  height: 100%;
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 90%;
  cursor: pointer;
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI .displayText {
  padding-left: 10px;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI .displayText {
    font-size: 16px;
    padding-left: 0;
  }
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI span:last-child {
  display: inline-block;
  font-family: experian-icons;
  font-size: 24px;
  position: absolute;
  right: 30px;
  width: 20px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI span:last-child {
    font-size: 16px;
    right: 18px;
  }
}
body[data-category=best-credit-cards] #bstHdr .bstDropdown .optI span:last-child:after {
  content: "\e9de";
}
body[data-category=best-credit-cards] #postBlk.best-of-v1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(5%, #F8F8F8)) !important;
  background: linear-gradient(180deg, #fff 0%, #F8F8F8 5%) !important;
}
body[data-category=best-credit-cards] #postBlk.best-of-v1 .container {
  padding-top: 0;
}
body[data-category=best-credit-cards] #postBlk.best-of-v1 section > h2 {
  padding: 30px 20px;
  margin-top: 0px;
  margin-bottom: 40px;
  border-radius: 6px;
  color: #FFFFFF;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
  animation: 1s ease 0s normal forwards 1 headerfadein;
  -webkit-animation: 1s ease 0s normal forwards 1 headerfadein;
}
@media screen and (max-width: 991.9px) {
  body[data-category=best-credit-cards] #postBlk.best-of-v1 section > h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] #postBlk.best-of-v1 section > h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
}
body[data-category=best-credit-cards] #postBlk.best-of-v1 .post-entry.cc-post {
  max-width: 100%;
}
body[data-category=best-credit-cards] #postBlk.best-of-v1 .post-entry.cc-post a {
  text-decoration: none;
}
body[data-category=best-credit-cards] .cardBlk {
  position: relative;
  margin: 0 0 70px;
}
body[data-category=best-credit-cards] .cardBlk:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
body[data-category=best-credit-cards] .cardBlkL {
  float: none;
  width: 100%;
  padding: 30px 25px;
  background-color: #FFFFFF;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 376px) {
  body[data-category=best-credit-cards] .cardBlkL {
    float: left;
  }
}
@media screen and (min-width: 992px) {
  body[data-category=best-credit-cards] .cardBlkL {
    width: 28%;
    margin-left: 30px;
    border-radius: 6px;
    text-align: center;
  }
}
@media screen and (max-width: 991.9px) {
  body[data-category=best-credit-cards] .cardBlkL .card-heading-xs {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 992px) {
  body[data-category=best-credit-cards] .cardBlkL .apply-btn {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
  body[data-category=best-credit-cards] .cardBlkL .apply-btn {
    width: 75%;
  }
}
@media screen and (max-width: 991.9px) {
  body[data-category=best-credit-cards] .cardBlkL .left-content-mb {
    width: 50%;
    float: left;
    border-right: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkL .left-content-mb {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: none;
  }
}
body[data-category=best-credit-cards] .cardBlkL .left-content-mb .card-img > img,
body[data-category=best-credit-cards] .cardBlkL .left-content-mb .stand-alone-card-img {
  max-width: 250px;
  min-height: 150px;
}
body[data-category=best-credit-cards] .cardBlkL .left-content-mb .below-btn-text {
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkL .left-content-mb .below-btn-text {
    font-size: 14px;
  }
}
body[data-category=best-credit-cards] .cardBlkL .divider {
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 991.9px) {
  body[data-category=best-credit-cards] .cardBlkL .right-content-mb {
    width: 50%;
    float: right;
    padding: 12% 0 12% 25px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkL .right-content-mb {
    float: none;
    width: 100%;
    padding: 0;
  }
}
body[data-category=best-credit-cards] .cardBlkL .right-content-mb .ecs-score-rating-bar {
  margin: 10px auto 0;
}
body[data-category=best-credit-cards] .cardBlkR {
  float: left;
  width: 100%;
  padding: 0 20px 20px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 0 0 6px 6px;
}
@media screen and (min-width: 768px) {
  body[data-category=best-credit-cards] .cardBlkR {
    padding: 30px;
  }
}
@media screen and (min-width: 992px) {
  body[data-category=best-credit-cards] .cardBlkR {
    float: right;
    width: 64%;
    margin-right: 30px;
    border-radius: 6px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container {
  border: 1px solid #dddddd;
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container {
    margin-top: 0;
    display: block;
    border: none;
    border-radius: 0;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.apr-col, body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.rewards-col {
  width: 37%;
}
@media screen and (min-width: 768px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.apr-col, body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.rewards-col {
    border-right: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.apr-col, body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.rewards-col {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    border-radius: 6px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.fee-col {
  width: 26%;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.fee-col {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 6px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.fee-col .head {
  border-top-right-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.fee-col .head {
    border-top-left-radius: 6px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .head {
  font-weight: 500;
  padding: 5px 20px;
  border-bottom: 1px solid #dddddd;
  background-color: #f8f8f8;
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.apr-col .head {
  border-top-left-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.apr-col .head {
    border-top-right-radius: 6px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .body *,
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .head p {
  line-height: 1.7;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .body *,
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .head p {
    font-size: 14px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .body {
  padding: 15px 20px;
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col .body p:last-child {
  margin: 0;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.rewards-col .head {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .cc-details-container .col.rewards-col .body > div:first-child {
  margin-bottom: 10px;
}
body[data-category=best-credit-cards] .cardBlkR h5 {
  margin-top: 20px;
}
body[data-category=best-credit-cards] .cardBlkR .details {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  -webkit-transition: max-height 0.2s ease-in;
  transition: max-height 0.2s ease-in;
  margin-top: 20px;
  overflow: hidden;
}
body[data-category=best-credit-cards] .cardBlkR .details.closed {
  max-height: 352px;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}
body[data-category=best-credit-cards] .cardBlkR .details ul {
  padding-left: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body[data-category=best-credit-cards] .cardBlkR .experian-review {
  text-align: center;
  margin-bottom: 30px;
}
body[data-category=best-credit-cards] .cardBlkR .experian-review .text {
  width: 130px;
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .experian-review .text {
    width: 120px;
  }
}
body[data-category=best-credit-cards] .cardBlkR .experian-review .hr {
  width: calc(50% - 70px);
  border-top: 1px solid #dddddd;
  display: inline-block;
  position: relative;
  top: -5px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=best-credit-cards] .cardBlkR .experian-review .hr {
    width: calc(50% - 60px);
  }
}

@keyframes headerfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes headerfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*marquee*/
#main {
  position: relative;
}
#main .main-bg {
  position: absolute;
  width: 40%;
  height: 577px;
  top: 60px;
  right: 0;
  z-index: 0;
  background-image: url("https://assets.experiancs.com/images/graphic-gray-corner-squircles.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
@media screen and (min-width: 1440px) {
  #main .main-bg {
    height: 1040px;
    top: -250px;
  }
}
@media (max-width: 1439.9px) and (min-width: 1200px) {
  #main .main-bg {
    height: 860px;
    top: -150px;
  }
}
@media (max-width: 1199.9px) and (min-width: 992px) {
  #main .main-bg {
    height: 720px;
    top: -90px;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  #main .main-bg {
    height: 580px;
    top: -20px;
  }
}

@media screen and (max-width: 991.9px) {
  #all-loans .browse {
    height: 354px;
  }
}
@media screen and (max-width: 767.9px) {
  #all-loans .browse .bg .container {
    padding-top: 50px;
  }
  #all-loans .browse {
    height: 570px;
  }
}
#browse-cc {
  position: relative;
  z-index: 2;
}
#browse-cc:before {
  background: #1d4f91;
  background-image: -webkit-linear-gradient(135deg, #af1685, #1d4f91);
  background: linear-gradient(135deg, #af1685, #1d4f91);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
  #browse-cc:before {
    height: 65.5%;
  }
}
@media screen and (max-width: 767.9px) {
  #browse-cc:before {
    height: 45%;
  }
}
#browse-cc .cards-wrapper {
  border-radius: 6px;
}
@media screen and (max-width: 991.9px) {
  #browse-cc .cards-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -weblit-flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.9px) {
  #browse-cc .cards-wrapper {
    height: auto;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    overflow: hidden;
    z-index: 2;
    top: 47px;
    width: 100%;
    left: 0;
  }
}
#browse-cc .cards-wrapper .select-widget-icon {
  font-size: 40px;
}
#browse-cc .cards-wrapper > div {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 991.9px) {
  #browse-cc .cards-wrapper > div {
    width: 25%;
  }
}
@media screen and (max-width: 767.9px) {
  #browse-cc .cards-wrapper > div {
    width: 50%;
  }
}
#browse-cc .cards-wrapper > div:hover a, #browse-cc .cards-wrapper > div:hover a h6 {
  color: #426DA9;
}
#browse-cc .cards-wrapper > div a {
  color: #333333;
  padding: 30px 0;
  display: block;
}
#browse-cc .cards-wrapper > div h6 {
  margin: 15px 0 0;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #browse-cc .cards-wrapper > div h6 {
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) {
  #browse-cc .heading-wrapper {
    padding-bottom: 80px;
  }
}

body[data-category=crm] #footer:before {
  background: unset;
}

section #heading-wrapper {
  padding: 30px 20px;
  background: #1d4f91;
  background-image: -webkit-linear-gradient(135deg, #af1685, #1d4f91);
  background: linear-gradient(135deg, #af1685, #1d4f91);
  border-radius: 6px;
}
section #heading-wrapper h2 {
  font-size: 28px;
  line-height: 1.5;
}
section #heading-wrapper h2 a {
  color: #fff;
}

body[data-type=csg] #scoreGuide {
  background: #FFFFFF;
}

body[data-type=s] #scoreGuide .container {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  body[data-type=s] #scoreGuide .container {
    padding-top: 60px;
  }
}

#scoreGuide {
  background: #f8f8f8;
}
#scoreGuide .container {
  padding-top: 20px;
}
@media screen and (max-width: 767.9px) {
  #scoreGuide .container {
    padding-bottom: 40px;
  }
}
#scoreGuide #csgFilt {
  height: auto;
  border-radius: 6px;
  background: linear-gradient(134.6deg, #426DA9 0%, #1D4F91 70%);
  -webkit-box-shadow: 0 10px 30px -13px #1D4F91;
          box-shadow: 0 10px 30px -13px #1D4F91;
}
@media screen and (max-width: 767.9px) {
  #scoreGuide #csgFilt {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.9px) {
  #scoreGuide #csgFilt {
    height: 133px;
  }
}
@media screen and (min-width: 992px) {
  #scoreGuide #csgFilt {
    height: 155px;
  }
}
#scoreGuide #csgFilt .csgLabel {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
}
@media (min-width: 768px) and (max-width: 1439.9px) {
  #scoreGuide #csgFilt .csgLabel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 45%;
  }
}
@media screen and (min-width: 1440px) {
  #scoreGuide #csgFilt .csgLabel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 41%;
  }
}
#scoreGuide #csgFilt .csgLabel span {
  padding: 0 15px 0 15px;
}
@media (min-width: 768px) and (max-width: 991.9px) {
  #scoreGuide #csgFilt .csgLabel span {
    font-size: 45px;
  }
}
@media screen and (min-width: 992px) {
  #scoreGuide #csgFilt .csgLabel span {
    font-size: 50px;
  }
}
@media screen and (min-width: 1439.9px) {
  #scoreGuide #csgFilt .csgLabel span {
    padding: 0 15px 0 25px;
  }
}
#scoreGuide #csgFilt .csgLabel h3 {
  display: inline;
  margin: 0;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 768px) and (max-width: 991.9px) {
  #scoreGuide #csgFilt .csgLabel h3 {
    font-size: 24px;
    line-height: 29px;
  }
}
@media screen and (min-width: 992px) {
  #scoreGuide #csgFilt .csgLabel h3 {
    font-size: 28px;
    line-height: 34px;
  }
}
#scoreGuide #csgFilt .searchBox {
  padding: 10px 20px 20px 20px;
  width: 100%;
}
@media (min-width: 425px) and (max-width: 767.9px) {
  #scoreGuide #csgFilt .searchBox {
    display: inline-block;
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  #scoreGuide #csgFilt .searchBox {
    display: inline-block;
    width: 59%;
    padding: 10px 20px 10px 40px;
  }
}
@media screen and (min-width: 1439.9px) {
  #scoreGuide #csgFilt .searchBox {
    padding: 10px 25px 10px 40px;
  }
}
#scoreGuide #csgFilt .searchBox .label-with-error {
  color: #e4002b;
}
#scoreGuide #csgFilt .searchBox .csgEg {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #scoreGuide #csgFilt .searchBox .csgEg {
    font-size: 16px;
    text-align: left;
  }
}
#scoreGuide #csgFilt .searchBox .csgEg a {
  color: #FFFFFF;
}

.post-entry table {
  width: 100%;
  position: relative;
  margin-top: 30px;
  /*********************** CRM Action Plan for Debt Tables ************************/
  /*********************** Borderless Table ************************/
  /*********************** Expandable Borderless Table ************************/
}
.post-entry table:after {
  content: "";
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
}
.post-entry table.short-tbl tr:nth-child(even) {
  background-color: #f8f8f8;
}
.post-entry table.short-tbl tr:nth-child(odd) {
  background-color: transparent;
}
.post-entry table.short-tbl:before {
  content: "";
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
}
.post-entry table.two-headers-tbl thead tr:first-child > th {
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
  border-bottom: none;
  text-align: center;
  font-size: 20px;
  padding: 10px 30px;
  color: #FFFFFF;
}
.post-entry table.two-headers-tbl thead tr:last-child th {
  background-color: #123058;
  border-top: none;
  border-right: none;
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .post-entry table.two-headers-tbl thead tr:last-child th {
    padding: 10px 8px;
  }
}
.post-entry table.merged-header-tbl thead th {
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
  text-align: center;
  font-size: 18px;
  padding: 10px 30px;
}
.post-entry table.midnight-blue-header-tbl thead th {
  background-color: #123058;
}
.post-entry table.midnight-blue-header-tbl:after {
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #bababa, #123058);
  background: linear-gradient(135deg, #bababa, #123058);
  opacity: 0.6;
}
.post-entry table thead th {
  background-color: #123058;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .post-entry table thead th {
    font-size: 16px;
    padding: 10px;
  }
}
.post-entry table thead th a#fico-dscl-link,
.post-entry table thead th a#boost-link {
  color: #FFFFFF;
  text-decoration: none;
}
.post-entry table thead th a {
  color: #FFFFFF;
}
.post-entry table td {
  vertical-align: top;
  padding: 20px 30px;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .post-entry table td {
    padding: 10px 6px;
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  .post-entry table td {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
.post-entry table td ul {
  margin-top: 10px;
}
.post-entry table td ul li {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .post-entry table td ul li {
    font-size: 16px;
  }
}
.post-entry table td > *:not(sup) {
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .post-entry table td > *:not(sup) {
    font-size: 16px;
  }
}
.post-entry table td,
.post-entry table th {
  border: 1px solid #D0D0D0;
}
.post-entry table tr:last-child td {
  border-bottom: 0;
}
.post-entry table td:first-child,
.post-entry table th:first-child {
  border-left: 0;
}
.post-entry table td:last-child,
.post-entry table th:last-child {
  border-right: 0;
}
.post-entry table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}
.post-entry table tbody th {
  font-size: 16px;
  text-align: left;
  font-weight: 400;
  padding: 20px 30px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .post-entry table tbody th {
    padding: 10px 6px;
    font-size: 14px;
  }
}
.post-entry table tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.post-entry table.crm-action-plan.editable-tbl:after {
  content: none;
}
@media screen and (min-width: 992px) {
  .post-entry table.crm-action-plan.editable-tbl {
    left: -6%;
  }
}
@media screen and (max-width: 991px) {
  .post-entry table.crm-action-plan.editable-tbl.table-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.post-entry table.crm-action-plan.editable-tbl [contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
  color: #333333;
  opacity: 0.5;
}
.post-entry table.crm-action-plan.editable-tbl th,
.post-entry table.crm-action-plan.editable-tbl td {
  border: none;
}
.post-entry table.crm-action-plan.editable-tbl thead th:not(:last-child) {
  padding: 10px 20px;
}
.post-entry table.crm-action-plan.editable-tbl tbody {
  outline: 10px solid #f8f8f8;
  outline-offset: -10px;
}
.post-entry table.crm-action-plan.editable-tbl tbody tr:first-child {
  border-top: none;
}
.post-entry table.crm-action-plan.editable-tbl tbody tr:not(first-child) {
  border-bottom: 10px solid #f8f8f8;
  background-color: #FFFFFF;
}
.post-entry table.crm-action-plan.editable-tbl tbody td {
  outline: none;
  padding: 20px;
}
.post-entry table.crm-action-plan.editable-tbl .debt-type-header,
.post-entry table.crm-action-plan.editable-tbl .issuer-header,
.post-entry table.crm-action-plan.editable-tbl .debt-type,
.post-entry table.crm-action-plan.editable-tbl .issuer {
  min-width: 150px;
  max-width: 150px;
}
.post-entry table.crm-action-plan.editable-tbl .outstanding-bal-header,
.post-entry table.crm-action-plan.editable-tbl .outstanding-bal,
.post-entry table.crm-action-plan.editable-tbl .due-date-header,
.post-entry table.crm-action-plan.editable-tbl .due-date,
.post-entry table.crm-action-plan.editable-tbl .interest-header,
.post-entry table.crm-action-plan.editable-tbl .min-pmt-header,
.post-entry table.crm-action-plan.editable-tbl .interest,
.post-entry table.crm-action-plan.editable-tbl .min-pmt {
  min-width: 120px;
  max-width: 120px;
}
@media screen and (min-width: 992px) {
  .post-entry table.crm-action-plan.editable-tbl + .print-btn-wrapper {
    position: relative;
    left: -6%;
  }
}
@media screen and (min-width: 992px) {
  .post-entry table.crm-action-plan.editable-tbl.action-plan-two {
    left: unset;
  }
}
@media screen and (min-width: 992px) {
  .post-entry table.crm-action-plan.editable-tbl.action-plan-two + .print-btn-wrapper {
    position: relative;
    left: unset;
  }
}
.post-entry table.borderless-tbl {
  margin-top: 0;
}
.post-entry table.borderless-tbl th,
.post-entry table.borderless-tbl td {
  border: none;
}
.post-entry table.borderless-tbl thead tr {
  border-left: 10px solid #123058;
  border-right: 10px solid #123058;
}
.post-entry table.borderless-tbl thead th:not(:last-child) {
  padding: 10px 20px;
}
.post-entry table.borderless-tbl tbody {
  outline: 10px solid #f8f8f8;
  outline-offset: -10px;
}
.post-entry table.borderless-tbl tbody tr:first-child {
  border-top: none;
}
.post-entry table.borderless-tbl tbody tr:not(first-child) {
  border: 10px solid #f8f8f8;
  background-color: #FFFFFF;
}
.post-entry table.borderless-tbl tbody td {
  outline: none;
  padding: 20px;
}
.post-entry table.borderless-tbl.expandable:after {
  background: unset;
}
.post-entry table.borderless-tbl.expandable tbody tr:first-child {
  margin-top: 5px;
}
.post-entry table.borderless-tbl.expandable tbody tr:not(first-child) {
  border: 5px solid #f8f8f8;
}
.post-entry table.borderless-tbl.expandable tbody td {
  padding: 10px 20px;
}
@media screen and (min-width: 768px) {
  .post-entry table.borderless-tbl.expandable + .show-full-table {
    padding: 0px 20px 20px;
  }
}

/*********************** TABLE WITH TABS ************************/
.tabset > input[type=radio] {
  display: none;
}
.tabset .tab-label {
  width: 100%;
  background: #123058;
  left: 0;
  overflow-x: auto;
  padding: 10px 10px 0 10px;
}
@media screen and (min-width: 768px) {
  .tabset .tab-label {
    padding: 10px 20px 0 20px;
  }
}
.tabset .tab-label label {
  padding: 10px 15px;
  cursor: pointer;
  color: #FFFFFF;
  max-width: 200px;
  margin: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabset .tab-label label:not(:last-child) {
  margin-right: 10px;
}
@media screen and (max-width: 425px) {
  .tabset .tab-label label {
    max-width: 95px;
  }
}
.tabset .tab-label label:hover {
  background-color: rgba(244, 244, 244, 0.2);
}
.tabset > input.tab-num-1:checked ~ .tab-label label:first-child, .tabset > input.tab-num-2:checked ~ .tab-label label:nth-child(2), .tabset > input.tab-num-3:checked ~ .tab-label label:nth-child(3), .tabset > input.tab-num-4:checked ~ .tab-label label:nth-child(4) {
  color: #000000;
  background-color: #FFFFFF;
}
.tabset .tab-panel {
  position: relative;
  display: none;
}
.tabset .tab-panel:after {
  content: "";
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
}
.tabset .tab-panel table::after {
  content: none;
}
.tabset > input.tab-num-1:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input.tab-num-2:checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input.tab-num-3:checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input.tab-num-4:checked ~ .tab-panels > .tab-panel:nth-child(4) {
  display: block;
}
.tabset table {
  margin: 0;
}
.tabset table caption {
  padding: 20px 30px;
  text-align: left;
  background-color: #f8f8f8;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .tabset table caption {
    padding: 20px;
    font-size: 20px;
  }
}
.tabset table th {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .tabset table th {
    font-size: 16px;
  }
}

.tabs-table .tabs {
  position: relative;
  background-color: #123058;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 15px 15px 0;
}
.tabs-table .tabs [role=tablist] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
}
.tabs-table .tabs [role=tab] {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  padding: 10px 15px;
  max-width: 200px;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  .tabs-table .tabs [role=tab] {
    max-width: 100px;
  }
}
.tabs-table .tabs [role=tab][aria-selected=true] {
  background: #FFFFFF;
  color: #333333;
}
.tabs-table .tabs [role=tab][aria-selected=false]:hover, .tabs-table .tabs [role=tab][aria-selected=false]:focus, .tabs-table .tabs [role=tab][aria-selected=false]:active {
  background-color: rgba(244, 244, 244, 0.2);
}
.tabs-table [role=tabpanel] table {
  margin-top: 0;
}
.tabs-table [role=tabpanel] table caption {
  padding: 10px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .tabs-table [role=tabpanel] table caption {
    padding: 20px 30px;
    font-size: 20px;
  }
}

/*********************** Expandable Table ************************/
.expandable-tbl tbody {
  display: block;
  max-height: 397px;
  overflow-y: hidden;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.expandable-tbl tbody.full-table {
  max-height: 4000px;
}
.expandable-tbl tbody tr:last-child td {
  border-bottom: 1px solid #D0D0D0;
}
.expandable-tbl thead tr,
.expandable-tbl tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.expandable-tbl ::-webkit-scrollbar {
  -webkit-appearance: none;
}
.expandable-tbl ::-webkit-scrollbar:vertical {
  width: 10px;
}
.expandable-tbl ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.expandable-tbl ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
.expandable-tbl .show-full-table {
  width: 100%;
  font-size: 16px;
  border: none;
  color: #1D4F91;
  padding: 0px 20px 20px;
}
.expandable-tbl .show-full-table .expand {
  padding-right: 10px;
  pointer-events: none;
}
.expandable-tbl .show-full-table .expand:before {
  content: "Show more";
}
.expandable-tbl .show-full-table .expand.less:before {
  content: "Show less";
}
.expandable-tbl .show-full-table span:last-child {
  pointer-events: none;
  vertical-align: middle;
  pointer-events: none;
}

/*********************** Scrollable Table ************************/
.scroll {
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.scroll tr {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.scroll td {
  padding: 3px; /* Safari 6.1+ */
  -ms-flex: 1 auto; /* IE 10 */
  -webkit-box-flex: 1;
          flex: 1 auto;
  word-wrap: break;
  width: 1px;
}
.scroll thead tr:after {
  content: none;
  overflow-y: scroll;
  visibility: hidden;
  height: 0;
}
.scroll thead tr:nth-child(2) {
  border-right: 10px solid #123058;
}
.scroll thead tr:nth-child(2) th {
  border-bottom: none;
}
.scroll thead th { /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  -webkit-box-flex: 1;
          flex: 1;
  display: block;
}
.scroll tbody th {
  -ms-flex: 1 auto;
  -webkit-box-flex: 1;
  flex: 1 auto;
  width: 1px;
}
.scroll thead ~ tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
  height: 300px;
}
.scroll ::-webkit-scrollbar {
  -webkit-appearance: none;
}
.scroll ::-webkit-scrollbar:vertical {
  width: 10px;
}
.scroll ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.scroll ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}

.menu-icon {
  position: relative;
  width: 25px;
  height: 25px;
}
.menu-icon .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 2.5px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: margin 0.2s ease 0.2s, width 0.2s ease;
  transition: margin 0.2s ease 0.2s, width 0.2s ease;
}
.menu-icon .dot:nth-of-type(1) {
  margin-top: -5.5px;
  margin-left: -5.5px;
}
.menu-icon .dot:nth-of-type(2) {
  margin-top: -5.5px;
  margin-left: 5.5px;
}
.menu-icon .dot:nth-of-type(3) {
  margin-top: 5.5px;
  margin-left: -5.5px;
}
.menu-icon .dot:nth-of-type(4) {
  margin-top: 5.5px;
  margin-left: 5.5px;
}
.menu-icon.clicked .dot {
  -webkit-transition: margin 0.2s ease, width 0.2s ease 0.2s;
  transition: margin 0.2s ease, width 0.2s ease 0.2s;
  margin-left: 0;
  margin-top: 0;
}
.menu-icon.clicked .dot:nth-of-type(1) {
  width: 25px;
  height: 5px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu-icon.clicked .dot:nth-of-type(2) {
  width: 25px;
  height: 5px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*Loan offer, credit card offer*/
.loan-offer,
.cc-offer {
  border: 1px solid #dddddd;
  border-radius: 6px;
  clear: both;
}
@media screen and (min-width: 768px) {
  .loan-offer,
  .cc-offer {
    margin-top: 40px;
  }
}
.loan-offer .main-cta,
.cc-offer .main-cta {
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .main-cta,
  .cc-offer .main-cta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.loan-offer .left-cta,
.cc-offer .left-cta {
  width: 40%;
  display: -moz-inline-stack;
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .left-cta,
  .cc-offer .left-cta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .loan-offer .left-cta .cta-wrapper,
  .cc-offer .left-cta .cta-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .loan-offer .left-cta .logo,
  .cc-offer .left-cta .logo {
    position: relative;
    height: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.loan-offer .left-cta a,
.cc-offer .left-cta a {
  display: block;
}
.loan-offer .left-cta .divider,
.cc-offer .left-cta .divider {
  border-bottom: 1px solid #dddddd;
  width: 100%;
  margin: 25px auto;
}
.loan-offer .left-cta .provider-website-des,
.loan-offer .left-cta .lwRating *:not(sup),
.cc-offer .left-cta .provider-website-des,
.cc-offer .left-cta .lwRating *:not(sup) {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .loan-offer .left-cta .provider-website-des,
  .loan-offer .left-cta .lwRating *:not(sup),
  .cc-offer .left-cta .provider-website-des,
  .cc-offer .left-cta .lwRating *:not(sup) {
    font-size: 16px;
  }
}
.loan-offer .left-cta .disclosure-info,
.cc-offer .left-cta .disclosure-info {
  cursor: pointer;
}
.loan-offer .content-mb,
.cc-offer .content-mb {
  display: inline-block;
  width: 60%;
  border-left: 1px solid #dddddd;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .content-mb,
  .cc-offer .content-mb {
    width: 100%;
    border: none;
  }
}
.loan-offer .content-mb .head p,
.cc-offer .content-mb .head p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .content-mb .head p,
  .cc-offer .content-mb .head p {
    font-size: 14px;
  }
}
.loan-offer .content-mb .body p,
.cc-offer .content-mb .body p {
  font-size: 16px;
  margin: 0;
  line-height: 1.7;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .content-mb .body p,
  .cc-offer .content-mb .body p {
    font-size: 14px;
  }
}
.loan-offer .content-mb .apr-col,
.cc-offer .content-mb .apr-col {
  border-right: 1px solid #dddddd;
}
.loan-offer .content-mb .rewards-col,
.cc-offer .content-mb .rewards-col {
  border-bottom: 1px solid #dddddd;
}
.loan-offer .content-mb .details h5,
.loan-offer .content-mb .details a:not(.lwT),
.loan-offer .content-mb .details li,
.cc-offer .content-mb .details h5,
.cc-offer .content-mb .details a:not(.lwT),
.cc-offer .content-mb .details li {
  font-size: 16px;
  margin: 0;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .content-mb .details h5,
  .loan-offer .content-mb .details a:not(.lwT),
  .loan-offer .content-mb .details li,
  .cc-offer .content-mb .details h5,
  .cc-offer .content-mb .details a:not(.lwT),
  .cc-offer .content-mb .details li {
    font-size: 14px;
  }
}
.loan-offer .content-mb .details ul,
.cc-offer .content-mb .details ul {
  margin-bottom: 0;
}
.loan-offer .content-mb .details ul li:not(:last-child),
.cc-offer .content-mb .details ul li:not(:last-child) {
  padding-bottom: 15px;
}

.cc-offer .left-cta {
  margin: 25px;
}
@media screen and (max-width: 767.9px) {
  .cc-offer .left-cta {
    border-bottom: 1px solid #dddddd;
    margin: 15px 15px 0 15px;
    padding-bottom: 25px;
  }
}
.cc-offer .left-cta .logo {
  display: block;
}
.cc-offer .left-cta .offer-img {
  max-width: 250px;
  min-height: 150px;
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  .cc-offer .left-cta .offer-img {
    max-width: 180px;
    margin-bottom: 10px;
    min-height: 113px;
  }
}
@media screen and (min-width: 768px) {
  .cc-offer .left-cta .card-heading-xs {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer .left-cta .card-heading-xs {
    display: block;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer .content-mb {
    margin: 25px 15px 15px 15px;
  }
}
.cc-offer .content-mb .cc-details-container {
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #dddddd;
}
@media screen and (min-width: 768px) {
  .cc-offer .content-mb .cc-details-container {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 25px 30px;
    border-radius: unset;
  }
}
@media screen and (min-width: 768px) {
  .cc-offer .content-mb .cc-details-container .card-heading-sm {
    margin-bottom: 25px;
    display: block;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer .content-mb .cc-details-container .card-heading-sm {
    display: none;
  }
}
.cc-offer .content-mb .cc-details-container .body > div {
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .cc-offer .content-mb .cc-details-container .body > div {
    font-size: 14px;
  }
}
.cc-offer .content-mb .cc-details-container .col .head {
  background: transparent;
  border-bottom: none;
  padding: 0;
}
.cc-offer .content-mb .cc-details-container .col .body {
  padding: 0;
}
.cc-offer .content-mb .cc-details-container .apr-col,
.cc-offer .content-mb .cc-details-container .intro-apr-col,
.cc-offer .content-mb .cc-details-container .rewards-col,
.cc-offer .content-mb .cc-details-container .fee-col {
  width: 100%;
  border: none;
}
.cc-offer .content-mb .cc-details-container .intro-apr-col,
.cc-offer .content-mb .cc-details-container .rewards-col,
.cc-offer .content-mb .cc-details-container .introBonus,
.cc-offer .content-mb .cc-details-container .fee-col {
  margin: 25px 0 0 0;
}
@media screen and (min-width: 768px) {
  .cc-offer .content-mb .details {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer .content-mb .details {
    padding-top: 25px;
  }
}

.cc-offer-lite .main-cta {
  border: 1px solid #dddddd;
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta {
    display: block;
    padding: 6%;
  }
}
.cc-offer-lite .main-cta .left-cta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 35%;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .left-cta {
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cc-offer-lite .main-cta .left-cta .cta-wrapper .logo,
.cc-offer-lite .main-cta .left-cta .cta-wrapper > .offer-img {
  display: block;
  min-height: 120px;
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .logo,
  .cc-offer-lite .main-cta .left-cta .cta-wrapper > .offer-img {
    display: inline-block;
    width: 36%;
    margin: 0;
    min-height: 65px;
  }
}
@media screen and (max-width: 374px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper > .offer-img {
    height: 50px;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .card-title {
    width: 60%;
    display: inline-block;
  }
}
@media screen and (max-width: 550px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .card-title a,
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .card-title p {
    display: none;
  }
}
.cc-offer-lite .main-cta .left-cta .cta-wrapper .card-title .rate-n-fees {
  font-size: 16px;
}
.cc-offer-lite .main-cta .left-cta .cta-wrapper .btn {
  width: 100%;
}
.cc-offer-lite .main-cta .left-cta .cta-wrapper .mobile-btn {
  display: none;
}
@media screen and (max-width: 550px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .mobile-btn {
    display: block;
    width: 100%;
  }
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .mobile-btn .btn {
    width: 100%;
  }
}
.cc-offer-lite .main-cta .left-cta .cta-wrapper .provider-website-des {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .cc-offer-lite .main-cta .left-cta .cta-wrapper .provider-website-des {
    font-size: 16px;
  }
}
.cc-offer-lite .main-cta .right-cta {
  display: inline-block;
  width: 65%;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta {
    width: 100%;
  }
}
.cc-offer-lite .main-cta .right-cta .cc-details-container {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container {
    border: 1px solid #dddddd;
    border-radius: 6px;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container {
    border-top: 1px solid #dddddd;
  }
}
.cc-offer-lite .main-cta .right-cta .cc-details-container * {
  font-size: 14px;
  line-height: 1.8;
}
.cc-offer-lite .main-cta .right-cta .cc-details-container .body p {
  margin: 0;
}
.cc-offer-lite .main-cta .right-cta .cc-details-container .apr-col {
  width: 100%;
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container .apr-col {
    border: none;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container .apr-col,
  .cc-offer-lite .main-cta .right-cta .cc-details-container .rewards-col,
  .cc-offer-lite .main-cta .right-cta .cc-details-container .fee-col {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cc-offer-lite .main-cta .right-cta .cc-details-container .apr-col .head,
  .cc-offer-lite .main-cta .right-cta .cc-details-container .rewards-col .head,
  .cc-offer-lite .main-cta .right-cta .cc-details-container .fee-col .head {
    width: 32%;
    display: inline-block;
  }
  .cc-offer-lite .main-cta .right-cta .cc-details-container .apr-col .body,
  .cc-offer-lite .main-cta .right-cta .cc-details-container .rewards-col .body,
  .cc-offer-lite .main-cta .right-cta .cc-details-container .fee-col .body {
    width: 68%;
    display: inline-block;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container .middle-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cc-offer-lite .main-cta .right-cta .cc-details-container .middle-row .rewards-col {
  width: 50%;
  border-right: 1px solid #dddddd;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container .middle-row .rewards-col {
    width: 100%;
    border: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container .middle-row .rewards-col .introBonus-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cc-offer-lite .main-cta .right-cta .cc-details-container .middle-row .fee-col {
  width: 50%;
}
@media screen and (max-width: 767.9px) {
  .cc-offer-lite .main-cta .right-cta .cc-details-container .middle-row .fee-col {
    width: 100%;
  }
}

.loan-offer .left-cta {
  padding: 25px 30px;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .left-cta {
    padding: 15px 15px 25px 15px;
  }
}
.loan-offer .left-cta .offer-img {
  width: auto;
}
.loan-offer .left-cta .logo,
.loan-offer .left-cta .cta-wrapper > .offer-img {
  max-width: 250px;
  margin-bottom: 25px;
}
.loan-offer .content-mb .apr-col,
.loan-offer .content-mb .fee-col {
  display: inline-block;
  width: 50%;
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 767.9px) {
  .loan-offer .content-mb .apr-col,
  .loan-offer .content-mb .fee-col {
    border-top: 1px solid #dddddd;
  }
}
.loan-offer .content-mb .apr-col .body,
.loan-offer .content-mb .fee-col .body {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .loan-offer .content-mb .apr-col,
  .loan-offer .content-mb .fee-col,
  .loan-offer .content-mb .rewards-col,
  .loan-offer .content-mb .details {
    padding: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .loan-offer .content-mb .apr-col,
  .loan-offer .content-mb .fee-col,
  .loan-offer .content-mb .rewards-col,
  .loan-offer .content-mb .details {
    padding: 15px;
  }
}
.loan-offer .content-mb .rewards-col .body p:not(:last-child) {
  padding-bottom: 5px;
}
.loan-offer .content-mb .lwT {
  display: block;
  margin-top: 15px;
  cursor: pointer;
}
.loan-offer .content-mb span {
  float: right;
  font-weight: 500;
}

.loan-offer.loan-offer-lite .rewards-col {
  border-bottom: none;
}
.loan-offer.loan-offer-lite .lwT {
  cursor: pointer;
}

/******************** PowerReviews star ratings ********************/
.review-snippet > a {
  cursor: default;
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.review-snippet .pr-star-v4 {
  color: #333333;
}
.review-snippet .r-section {
  display: block !important;
  margin: 0;
  color: #333333;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
}
.review-snippet .r-section *,
.review-snippet .r-section :after,
.review-snippet .r-section :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.review-snippet .r-section:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.review-snippet .r-section .pr-snippet {
  cursor: pointer;
  margin: 0;
  display: table;
}
.review-snippet .r-section .pr-snippet div,
.review-snippet .r-section .pr-snippet span {
  vertical-align: middle;
}
.review-snippet .r-section .pr-snippet .pr-snippet-stars {
  position: relative;
}
.review-snippet .r-section .pr-snippet .pr-snippet-rating-decimal {
  padding: 2px 4px;
  font-size: 13px;
  height: auto;
  text-align: center;
}
.review-snippet .r-section .pr-snippet .pr-star-v4 {
  font-size: 22px;
  line-height: normal;
  background: none;
}
@media screen and (max-width: 767px) {
  .review-snippet .r-section .pr-snippet .pr-star-v4 {
    font-size: 20px;
  }
}
.review-snippet .r-section .pr-snippet {
  margin: 0;
  display: table;
}
.review-snippet .r-section .pr-snippet-stars {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  display: inline-block;
  background: 0 0;
}
.review-snippet .r-section .pr-category-snippet__total {
  font-size: 14px;
  line-height: 1.5;
  color: #426DA9;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  position: relative;
  top: 3px;
  font-weight: 500;
  padding-left: 5px;
  display: inline-block;
}

.info-icon-wrap {
  display: inline-block;
  margin-left: 0px;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .info-icon-wrap {
    position: relative;
  }
}
.info-icon-wrap .exp-font-icon-act-info {
  position: relative;
  top: 0px;
  left: 5px;
  cursor: pointer;
}

.tooltip-bottom,
.tooltip__arrow,
.tooltip__arrow:after {
  position: absolute;
  left: 50%;
}

.tooltip-bottom {
  display: none;
  z-index: 3;
  border: 1px solid #fff;
  background: #fff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-51%);
  padding: 20px 25px;
  width: 300px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  top: 40px;
  line-height: 1.5;
  border-radius: 6px;
  margin-left: 8px;
  font-size: 14px;
}

.tooltip__arrow {
  width: 50px;
  height: 25px;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow: hidden;
}

.tooltip__arrow:after {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.tooltip-bottom:after {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #fff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: -15px;
}

.tooltip-bottom:before {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ddd;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: -16px;
}

.tooltip-wrap {
  color: #575756;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .rewards-col {
    position: relative;
  }
  .tooltip-bottom {
    width: 95%;
    padding: 25px 40px;
  }
}
@media screen and (max-width: 430px) {
  .tooltip-bottom {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 380px) {
  .tooltip-bottom {
    margin: 3px;
  }
}
.tooltip.active.tooltip-highlight {
  color: #1D4F91;
}
.tooltip.active .tooltip-content {
  display: block;
}
.tooltip.active .tooltip-text,
.tooltip.active .tooltip-arrow {
  opacity: 1;
}

.tooltip {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-left: 5px;
}
.tooltip .btn-link {
  vertical-align: middle;
}
.tooltip .btn-link:hover {
  text-decoration: none;
}
.tooltip .tooltip-content {
  display: none;
  width: 0;
  height: 0;
}
.tooltip .tooltip-text {
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: absolute;
  z-index: 3;
  border: 1px solid #ddd;
  background: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 20px 25px;
  width: 400px;
  top: 36px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  font-weight: 400 !important;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1199.9px) {
  .tooltip .tooltip-text {
    width: 350px;
  }
}
@media screen and (max-width: 767.9px) {
  .tooltip .tooltip-text {
    width: 275px;
  }
}
.tooltip .tooltip-text p:last-child {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}
.tooltip .tooltip-arrow {
  position: absolute;
  top: 37px;
  left: 50%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.tooltip .tooltip-arrow:after,
.tooltip .tooltip-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
}
.tooltip .tooltip-arrow:after {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #FFFFFF;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -10px;
}
.tooltip .tooltip-arrow:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #dddddd;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -11px;
}

body[data-category=credit-card-reviews] #bstHdr {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8f8f8));
  background: linear-gradient(#FFFFFF 0%, #f8f8f8 100%);
}
@media screen and (max-width: 991.9px) {
  body[data-category=credit-card-reviews] #bstHdr {
    height: unset;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bstHdr .mobile-hero-bg {
    background-image: url(https://assets.experiancs.com/images/com-experian-cards-lw-white-blue.png);
    height: 160px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 991.9px) {
  body[data-category=credit-card-reviews] #bstHdr .hero-img {
    margin-left: 30%;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bstHdr .hero-img {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  body[data-category=credit-card-reviews] #bstHdr .hero-img .white-card-shadow {
    width: 85%;
    bottom: -40px;
  }
}
@media screen and (max-width: 1199.9px) {
  body[data-category=credit-card-reviews] #bstHdr .hero-img .white-card-shadow {
    left: -65px;
    bottom: -50px;
  }
}
@media screen and (max-width: 991.9px) {
  body[data-category=credit-card-reviews] #bstHdr .hero-img .white-card-shadow {
    left: -40px;
    bottom: -40px;
    width: 80%;
  }
}
@media screen and (max-width: 991.9px) {
  body[data-category=credit-card-reviews] #bstHdr .hero-img .blue-card-shadow {
    bottom: -35px;
  }
}
body[data-category=credit-card-reviews] #bestArticles {
  background: #f8f8f8;
}
body[data-category=credit-card-reviews] #bestArticles .post {
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.9s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.9s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
@media screen and (min-width: 320px) {
  body[data-category=credit-card-reviews] #bestArticles .post:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
body[data-category=credit-card-reviews] #bestArticles .post.hidden-post {
  opacity: 0;
  visibility: hidden;
  max-height: 0px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
body[data-category=credit-card-reviews] #bestArticles .post a {
  cursor: pointer;
  color: #333333;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper {
  position: relative;
  border-bottom: 2px solid rgb(221, 221, 221);
  border-bottom: 2px solid rgba(221, 221, 221, 0.28);
  background-color: transparent;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  opacity: 0;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover {
  background-color: #FFFFFF;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover::after {
  opacity: 1;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .zero-apr ~ span {
  color: #1D4F91;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .bad-credit ~ span {
  color: #6D2077;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .travel-rewards ~ span {
  color: #AF1685;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .balance-transfer ~ span {
  color: #E63888;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .secured ~ span {
  color: #426DA9;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .cash-back ~ span {
  color: #2FBA78;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .fair-credit ~ span {
  color: #B7BF10;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper:hover .rewards ~ span {
  color: #FDD900;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon {
  font-size: 34px;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon {
    font-size: 20px;
  }
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.zero-apr {
  color: #1D4F91;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.bad-credit {
  color: #6D2077;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.travel-rewards {
  color: #AF1685;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.balance-transfer {
  color: #E63888;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.secured {
  color: #426DA9;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.cash-back {
  color: #2FBA78;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.fair-credit {
  color: #B7BF10;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-icon.rewards {
  color: #FDD900;
}
body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-title {
  font-size: 20px;
  font-weight: 500;
  color: #575756;
  margin-right: auto;
}
@media (max-width: 991.9px) and (min-width: 768px) {
  body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-title {
    font-size: 18px;
    max-width: 220px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .post a .best-wrapper .best-title {
    font-size: 16px;
  }
}
body[data-category=credit-card-reviews] #bestArticles .view-more-state {
  display: none;
}
body[data-category=credit-card-reviews] #bestArticles .view-more-state:checked ~ .hidden-post {
  opacity: 1;
  visibility: visible;
  max-height: 100px;
}
body[data-category=credit-card-reviews] #bestArticles .view-more-state ~ .view-more-trigger:before {
  position: absolute;
  width: 200px; /*need to keep the width the same*/
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "Show more";
  border: 1px solid #dddddd;
  border-radius: 6px;
  padding: 10px 40px;
}
body[data-category=credit-card-reviews] #bestArticles .view-more-state:checked ~ .view-more-trigger:before {
  content: "Show less";
  border: 1px solid #dddddd;
  border-radius: 6px;
  padding: 10px 40px;
}
body[data-category=credit-card-reviews] #bestArticles .view-more-trigger {
  cursor: pointer;
  width: 100%;
  text-align: center;
  height: 40px;
  position: relative;
  margin-top: 20px;
}
body[data-category=credit-card-reviews] #bestArticles .best-zero-percent-apr-credit-cards {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body[data-category=credit-card-reviews] #bestArticles .best-secured-credit-cards {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .best-secured-credit-cards {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
body[data-category=credit-card-reviews] #bestArticles .best-credit-cards-for-bad-credit {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .best-credit-cards-for-bad-credit {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
body[data-category=credit-card-reviews] #bestArticles .best-cash-back-credit-cards {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .best-cash-back-credit-cards {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
body[data-category=credit-card-reviews] #bestArticles .best-travel-rewards-credit-cards {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .best-travel-rewards-credit-cards {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
body[data-category=credit-card-reviews] #bestArticles .best-credit-cards-for-fair-credit {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .best-credit-cards-for-fair-credit {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
}
body[data-category=credit-card-reviews] #bestArticles .best-balance-transfer-credit-cards {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
@media screen and (max-width: 767.9px) {
  body[data-category=credit-card-reviews] #bestArticles .best-balance-transfer-credit-cards {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
body[data-category=credit-card-reviews] #bestArticles .best-rewards-credit-cards {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
body[data-category=credit-card-reviews] #bestArticles .view-more-trigger {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
body[data-category=credit-card-reviews] #artBlk .container {
  padding-top: 0px;
}

@media screen and (max-width: 1199.9px) {
  #header .main-nav.apollo .main-nav-ul .left-main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
  }
  #header .main-nav.apollo .main-nav-ul .left-main-nav a {
    width: 100%;
    margin-top: 30px;
  }
}

body #featrImgArt.apollo {
  height: 365px;
}
@media screen and (max-width: 767.9px) {
  body #featrImgArt.apollo {
    height: auto;
  }
}
@media screen and (max-width: 767.9px) {
  body #featrImgArt.apollo .imgBg {
    height: 160px;
  }
}
@media screen and (max-width: 767.9px) {
  body #featrImgArt.apollo .container {
    top: unset;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 767.9px) {
  body #featrImgArt.apollo .container h1 {
    padding: 11vw 0px 50px;
  }
}
body #featrImgArt.apollo .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}
@media screen and (max-width: 767.9px) {
  body #featrImgArt.apollo .list-wrapper {
    display: table;
    color: #333333;
  }
}
body #featrImgArt.apollo .list-wrapper li {
  width: 25%;
  padding: 0 10px;
}
@media screen and (min-width: 1440px) {
  body #featrImgArt.apollo .list-wrapper li {
    width: 20%;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  body #featrImgArt.apollo .list-wrapper li {
    width: 33%;
  }
}
@media screen and (max-width: 767.9px) {
  body #featrImgArt.apollo .list-wrapper li {
    width: 100%;
  }
}
body #featrImgArt.apollo .list-wrapper .icons {
  font-size: 30px;
}

#disclosure .disclosure-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
#disclosure a {
  text-decoration: underline;
}

.apollo h2.header {
  font-size: 36px;
  font-weight: 500;
  line-height: 43px;
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  .cta_modal .modal .modal-dialog {
    width: 930px;
  }
  .cta_modal .modal .modal-dialog .modal-content {
    overflow: hidden;
  }
}
.applyModal .modal-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 42px;
  text-align: center;
  margin: 10px 0;
}
@media screen and (max-width: 767.9px) {
  .applyModal .modal-title .modal-title {
    font-size: 26px;
    line-height: 31px;
  }
}
.applyModal .modal-content-wrap {
  padding: 50px 14%;
}
.applyModal .modal-content-wrap .offer-img {
  width: auto;
}
.applyModal .close {
  margin-top: 10px;
  margin-right: 10px;
}

.boost-modal {
  z-index: 1045;
}
.boost-modal .modal-body {
  padding: 0;
}
.boost-modal .modal-body > * {
  color: #333;
}
.boost-modal .modal-body button.close {
  position: absolute;
  display: inline-block;
  top: 15px;
  right: 20px;
  z-index: 1;
  font-size: 18px;
  color: white;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .boost-modal .modal-body button.close {
    color: #333;
  }
}

#hero {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #hero .hero-bg-image {
    height: 384px;
    right: -90px;
    width: 47%;
    border-radius: 36px;
    top: -35px;
    position: absolute;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 0;
    background: #1d4f91;
    background-image: -webkit-linear-gradient(135deg, #af1685, #1d4f91);
    background: linear-gradient(135deg, #af1685, #1d4f91);
  }
}
#hero .container {
  overflow: hidden;
  width: 100%;
  padding: 60px;
}
@media screen and (max-width: 991px) {
  #hero .container {
    padding: 60px 40px 40px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container {
    padding: 40px 15px 0px;
  }
}
#hero .container .heading-wrapper {
  padding-bottom: 30px;
}
#hero .container .heading-wrapper .boost-logo {
  background: url(https://assets.experiancs.com/images/logo-experian-boost.svg) no-repeat;
  background-size: contain;
  background-position: 0%;
  height: 29px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #hero .container .heading-wrapper .boost-logo {
    background-position: 50%;
  }
}
#hero .container .heading-wrapper h3 {
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  #hero .container .heading-wrapper h3 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .heading-wrapper h3 {
    margin-bottom: 10px;
  }
}
#hero .container .heading-wrapper p {
  font-size: 16px;
}
#hero .container .heading-wrapper :last-child {
  margin-top: 0px;
  margin-bottom: 0px;
}
#hero .container .scores-wrap {
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.17);
  background: #f4f4f4;
  padding: 16px;
  border-radius: 6px;
  width: 345px;
  left: 478px;
}
@media screen and (max-width: 991px) {
  #hero .container .scores-wrap {
    padding: 13px;
    height: 224px;
    width: 276px;
    left: 411px;
  }
}
@media screen and (min-width: 768px) {
  #hero .container .scores-wrap {
    position: absolute;
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap {
    width: 205px;
    height: 171px;
    top: 0;
    left: 0;
    margin: 0 auto 30px;
    position: relative;
    padding: 8px;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.12);
  }
}
#hero .container .scores-wrap > div {
  background: #fff;
  padding: 20px 15px 15px;
  border-radius: 6px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div {
    padding: 15px 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div > div {
    padding: 6px;
  }
}
#hero .container .scores-wrap > div canvas {
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#hero .container .scores-wrap > div .sliding-animation-up {
  position: relative;
}
#hero .container .scores-wrap > div .sliding-animation-up img {
  max-width: 100%;
  width: 100%;
}
#hero .container .scores-wrap > div .sliding-animation-up .score {
  width: 100%;
  font-size: 57px;
  line-height: 67px;
  font-weight: 500;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  #hero .container .scores-wrap > div .sliding-animation-up .score {
    font-size: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div .sliding-animation-up .score {
    font-size: 38px;
    line-height: 38px;
    bottom: 25px;
  }
}
#hero .container .scores-wrap > div .score-msn {
  background: #f4f4f4;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  padding: 8px;
  width: 90%;
  margin: 10px auto 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  #hero .container .scores-wrap > div .score-msn {
    font-size: 12px;
    padding: 5px 8px;
  }
}
@media screen and (max-width: 767px) {
  #hero .container .scores-wrap > div .score-msn {
    font-size: 10px;
    padding: 4px 6px;
    width: 150px;
    margin: 0 auto;
  }
}
#hero .container .list-check {
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  #hero .container .button-text-group {
    width: auto;
  }
  #hero .container .button-text-group .btn {
    width: auto;
  }
}
#hero .container .button-text-group p {
  font-weight: 500;
}
#hero .container .boost-disclosure {
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  #hero .container .boost-disclosure {
    padding: 30px 0 0;
  }
}
#hero .container .boost-disclosure div {
  padding: 0 30px;
  background: #f8f8f8;
}
@media screen and (max-width: 767px) {
  #hero .container .boost-disclosure div {
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
#hero .container .boost-disclosure .learn-more-link {
  text-decoration: underline;
}

article h2, article h3, article h4, article h5, article h6 {
  margin-top: 40px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  article h2, article h3, article h4, article h5, article h6 {
    margin-top: 30px;
  }
}
article h2 {
  font-size: 28px;
  line-height: 34px;
}
@media screen and (max-width: 767px) {
  article h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
article h3 {
  font-size: 22px;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  article h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 992px) {
  article h6 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  article .post-entry > h5,
  article .post-entry > section > h5 {
    margin-top: 0px;
  }
}

.multi-cc .form-wrapper,
.multi-cc .calc-result-wrapper {
  max-width: 750px;
  margin: 0 auto;
}

#calc-form .multi-cc-calc:first-child .cc-divider {
  display: none;
}
#calc-form .cc-divider {
  border-top: 1px solid #dddddd;
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  #calc-form .cc-divider {
    margin: 25px 0;
  }
}
#calc-form .multi-cc-calc {
  position: relative;
}
#calc-form .multi-cc-calc .amount-wrapper,
#calc-form .multi-cc-calc .rate-wrapper,
#calc-form .multi-cc-calc .payment-wrapper {
  display: inline-block;
}
#calc-form .multi-cc-calc .amount-wrapper label,
#calc-form .multi-cc-calc .rate-wrapper label,
#calc-form .multi-cc-calc .payment-wrapper label {
  margin-bottom: 5px;
}
#calc-form .multi-cc-calc .amount-wrapper {
  width: 36%;
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .amount-wrapper {
    width: 100%;
    padding-bottom: 25px;
  }
}
#calc-form .multi-cc-calc .rate-wrapper {
  margin: 0 25px;
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .rate-wrapper {
    margin: 0;
    padding: 0 8px 0 0;
  }
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .payment-wrapper {
    padding: 0 0 0 8px;
  }
}
#calc-form .multi-cc-calc .rate-wrapper,
#calc-form .multi-cc-calc .payment-wrapper {
  width: 26%;
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .rate-wrapper,
  #calc-form .multi-cc-calc .payment-wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .amount-err {
    top: 77%;
  }
}
#calc-form .multi-cc-calc .payment-err {
  display: block;
  position: absolute;
  z-index: 3;
  font-size: 12px;
  line-height: 1.5em;
  color: #e4002b;
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .payment-err {
    left: 10px;
  }
}
#calc-form .multi-cc-calc .amount-input-container.hasError::before,
#calc-form .multi-cc-calc .rate-input-container.hasError::before,
#calc-form .multi-cc-calc .payment-input-container.hasError::before {
  font-family: experian-icons;
  content: "\e9a5";
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 10px;
  font-size: 18px;
  color: #e4002b;
  background-color: white;
}
@media screen and (min-width: 1440px) {
  #calc-form .multi-cc-calc .remove-card {
    position: absolute;
    top: 55%;
    right: -5px;
    line-height: 1;
  }
}
@media screen and (max-width: 1439px) and (min-width: 768px) {
  #calc-form .multi-cc-calc .remove-card {
    position: absolute;
    top: 55%;
    right: -5px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .remove-card {
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0;
  }
}
#calc-form .multi-cc-calc .remove-card .remove-btn {
  background-color: transparent;
  border: none;
  color: #333333;
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc .remove-card .exp-font-icon-act-minus {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #calc-form .multi-cc-calc:not(:first-child) .remove-card {
    position: absolute;
    top: 75%;
    right: -5px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc:not(:first-child) .remove-card {
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 50px;
    right: 0;
  }
}
#calc-form .multi-cc-calc input.amount, #calc-form .multi-cc-calc input.payment {
  width: 100%;
  padding-left: 25px;
}
#calc-form .multi-cc-calc input.rate {
  width: 100%;
  padding-left: 15px;
}
#calc-form .multi-cc-calc input.payment + span {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 26%;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  #calc-form .multi-cc-calc input.payment + span {
    top: 30%;
  }
}
#calc-form .multi-cc-calc input.payment + span:before {
  content: "$";
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  #calc-form .multi-cc-calc input.payment + span:before {
    font-size: 14px;
  }
}
#calc-form .multi-cc-calc input.rate + span {
  padding-right: 15px;
  right: 0;
  left: unset;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  #calc-form .multi-cc-calc input.rate + span {
    font-size: 14px;
  }
}
#calc-form .add-card-wrapper {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #calc-form .add-card-wrapper {
    margin-top: 25px;
  }
}
#calc-form .add-card-wrapper #add-card {
  background-color: transparent;
  border: none;
}
#calc-form .disable-link {
  cursor: not-allowed;
  color: #333333;
  opacity: 0.5;
}

#calc-info-main p:not(:first-child):hover {
  background-color: unset !important;
  border-radius: unset !important;
}
@media screen and (max-width: 767px) {
  #calc-info-main .calc-pmt-details > p {
    font-size: 14px;
  }
}
#calc-info-main .payoff-date-wrapper {
  padding: 25px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  #calc-info-main .payoff-date-wrapper p:not(.payoff-date) {
    font-size: 14px;
  }
}
#calc-info-main .payoff-date-wrapper p:hover {
  background-color: unset !important;
  border-radius: unset !important;
}
#calc-info-main .payoff-date-wrapper .payoff-date-label {
  font-size: 16px;
  line-height: 1.5;
}
#calc-info-main .payoff-date-wrapper .payoff-date {
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #calc-info-main .payoff-date-wrapper .payoff-date {
    font-size: 18px;
    padding: 0;
  }
}
#calc-info-main .payoff-date-wrapper .payoff-year {
  font-size: 14px;
}
#calc-info-main .small-divider {
  border-top: 1px solid #dddddd;
  margin: 25px 0;
}
#calc-info-main .tabset .tab-label {
  padding: 15px 15px 0;
}
@media screen and (max-width: 479px) and (min-width: 376px) {
  #calc-info-main .calc-amrtz table tr td.calc-payment-number,
  #calc-info-main .calc-amrtz table tr:last-child td.calc-payment-number {
    width: 20%;
  }
}

#ca-bill .content-wrapper .dropdown-state {
  display: block;
  position: relative;
  font-size: 20px;
  padding-top: 3px;
}
@media screen and (max-width: 767.9px) {
  #ca-bill .content-wrapper .dropdown-state {
    font-size: 16px;
  }
}
#ca-bill .content-wrapper .list-wrapper {
  width: 100%;
  height: auto;
  padding: 30px 70px;
  cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #ca-bill .content-wrapper .list-wrapper {
    padding: 30px;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  #ca-bill .content-wrapper .list-wrapper {
    padding: 20px;
  }
}
@media screen and (max-width: 992px) {
  #ca-bill .content-wrapper .list-wrapper h4 {
    width: 90%;
  }
}
#ca-bill .content-wrapper .list-wrapper h5 {
  padding-right: 15px;
}
#ca-bill .content-wrapper .list-wrapper h6 a {
  text-decoration: none;
}
#ca-bill .content-wrapper .list-wrapper .article-list-wrapper {
  height: 0;
  margin: 0;
  overflow: hidden;
}
#ca-bill .content-wrapper .list-wrapper .article-list-wrapper p {
  font-size: 16px;
  line-height: 1.5;
  height: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 991.9px) {
  #ca-bill .content-wrapper .list-wrapper .article-list-wrapper p {
    font-size: 14px;
  }
}
#ca-bill .content-wrapper .list-wrapper.opened {
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  border-bottom: none;
}
#ca-bill .content-wrapper .list-wrapper.opened .article-list-wrapper {
  height: auto;
  width: 96%;
}
#ca-bill .content-wrapper .list-wrapper.opened .article-list-wrapper p {
  padding: 10px 0;
  height: auto;
}
#ca-bill .content-wrapper .list-wrapper.opened .article-list-wrapper p small {
  color: #757575;
}
#ca-bill .content-wrapper .list-wrapper.opened h4 {
  color: #1D4F91;
}
#ca-bill .content-wrapper .list-wrapper.opened + .list-wrapper.opened {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#ca-bill .content-wrapper .list-wrapper.no-bottom-border {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#ca-bill #frCtaArt {
  background-color: #f8f8f8;
}

@media screen and (min-width: 768px) {
  body[data-type=s] .covid-hub #featrImgArt {
    height: 215px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-type=s] .covid-hub #featrImgArt {
    height: 185px;
  }
}
body[data-type=s] .covid-hub #featrImgArt .container {
  height: 100%;
}
body[data-type=s] .covid-hub #exp-message .headshot {
  background: url("https://www.experian.com/blogs/ask-experian/wp-content/img/com-craig-boundy.png") no-repeat center;
  background-size: cover;
  float: left;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  body[data-type=s] .covid-hub #exp-message .headshot {
    width: 195px;
    height: 195px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-type=s] .covid-hub #exp-message .headshot {
    display: none;
  }
}
body[data-type=s] .covid-hub #exp-message p strong {
  font-size: 16px;
}
body[data-type=s] .covid-hub .no-underline {
  text-decoration: none !important;
}
@media screen and (min-width: 992px) {
  body[data-type=s] .covid-hub h3 {
    font-size: 28px;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  body[data-type=s] .covid-hub h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767.9px) {
  body[data-type=s] .covid-hub h3 {
    font-size: 20px;
  }
}

#tall-cards-selection.consumer-help {
  border-radius: 6px;
  border: 1px solid #dddddd;
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper {
  background-color: #f8f8f8;
  position: relative;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  padding-top: 35px;
  padding-bottom: 35px;
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper:hover {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 15px 40px rgba(0, 0, 0, 0.34);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 15px 40px rgba(0, 0, 0, 0.34);
  border: none;
  z-index: 2;
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper:hover .highlight {
  -webkit-transform: scale(10, 10);
          transform: scale(10, 10);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper:hover .highlight {
    -webkit-transform: scale(30);
    transform: scale(30);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper:hover h5, #tall-cards-selection.consumer-help .tall-card.card-wrapper:hover p {
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper:not(:last-child) {
    border-right: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper:not(:last-child) {
    border-bottom: 1px solid #dddddd;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media screen and (min-width: 768px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper:first-child {
    border-bottom-left-radius: 6px;
    border-top-right-radius: unset;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper.custom-border {
  border-right: unset;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper.custom-border {
    border-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper.custom-border {
    border-top-right-radius: 6px;
    border-bottom-left-radius: unset;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper a {
  text-decoration: none;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper a .highlight {
  background: #1D4F91;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  border: 5px solid #1D4F91;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media screen and (max-width: 991px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .highlight {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .highlight {
    width: 50px;
    height: 50px;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper a .icon-bg {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .highlight,
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .icon-bg {
    margin: 0;
    left: 20px;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper a .card-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 110px;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .card-details {
    padding-top: 0 !important;
    margin-left: 70px;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper a .card-details h5 {
  position: relative;
  font-size: 18px !important;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .card-details h5 {
    font-size: 16px !important;
  }
}
#tall-cards-selection.consumer-help .tall-card.card-wrapper a .card-details p {
  position: relative;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 767.9px) {
  #tall-cards-selection.consumer-help .tall-card.card-wrapper a .card-details p {
    font-size: 14px !important;
  }
}

.covid-art .post-wrapper {
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.covid-art .post-wrapper:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.17);
          box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.17);
  background-color: #FFFFFF;
  border-radius: 6px;
}
.covid-art .post-thumbnail {
  display: block;
  position: relative;
  height: 130px;
  width: 23%;
  overflow: hidden;
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  .covid-art .post-thumbnail {
    width: 0px;
    height: auto;
  }
}
.covid-art .post-thumbnail .thumbnail-wrapper {
  height: 100%;
}
.covid-art .post-details {
  width: 76%;
}
@media screen and (max-width: 767.9px) {
  .covid-art .post-details {
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .covid-art .post-details h6 {
    font-size: 16px;
  }
}
.covid-art .show-list-btn-wrapper {
  border-top: 1px solid #dddddd;
}
.covid-art .show-list-btn-wrapper .show-list {
  border: none;
  background: none;
}
.covid-art .show-list-btn-wrapper .show-list .expand-list::before {
  content: "View More";
}
.covid-art .show-list-btn-wrapper .show-list .expand-list.collapse-list::before {
  content: "View Less";
}
.covid-art .read-more {
  font-size: 18px;
  line-height: 1.9;
}
@media screen and (max-width: 767.9px) {
  .covid-art .read-more {
    font-size: 16px;
  }
}

#commResources .container {
  -ms-flex-flow: column;
  -o-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
#commResources .container .consumer-council {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#commResources .container .virtual-volunteering {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#commResources .container .contribution-to-local-hospital {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#commResources .container .experian-donates-face-masks {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
#commResources .community-post-wrapper .post-excerpt {
  font-size: 18px;
  line-height: 1.9;
}
@media screen and (max-width: 767.9px) {
  #commResources .community-post-wrapper .post-excerpt {
    font-size: 16px;
  }
}

#busResources p {
  font-size: 18px;
  line-height: 1.9;
}
@media screen and (max-width: 767.9px) {
  #busResources p {
    font-size: 16px;
  }
}
#busResources p .icon {
  font-size: 16px;
}
@media screen and (max-width: 991.9px) {
  #busResources p .icon {
    font-size: 14px;
  }
}

.quickanswer {
  border-bottom: 2px solid #dddddd;
}
.quickanswer > *,
.quickanswer p,
.quickanswer ul li {
  font-size: 16px;
  line-height: 1.7;
}
.quickanswer .quickanswer-heading {
  color: #AF1685;
}
.quickanswer .quickanswer-heading::after {
  content: "";
  background: #dddddd;
  height: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.quickanswer ul,
.quickanswer ol {
  margin-top: 10px;
  margin-bottom: 0;
}
.quickanswer ul li:not(:last-child),
.quickanswer ol li:not(:last-child) {
  margin-bottom: 10px;
}

#hp-sticky-nav {
  -webkit-transition: opacity 0.2s, visibility 0.15s, z-index 0.15s, -webkit-transform 0.15s ease-out;
  transition: opacity 0.2s, visibility 0.15s, z-index 0.15s, -webkit-transform 0.15s ease-out;
  transition: opacity 0.2s, transform 0.15s ease-out, visibility 0.15s, z-index 0.15s;
  transition: opacity 0.2s, transform 0.15s ease-out, visibility 0.15s, z-index 0.15s, -webkit-transform 0.15s ease-out;
  width: 100%;
  top: 0;
  -webkit-transform: translateY(-90px);
          transform: translateY(-90px);
  position: fixed;
  z-index: -2;
  opacity: 0;
  visibility: hidden;
}

#hp-sticky-nav.show ~ #main-navigation {
  opacity: 0;
  visibility: hidden;
}

#header.scroll-down #hp-sticky-nav.show,
#header.scroll-up #hp-sticky-nav.show {
  visibility: visible;
  opacity: 1;
  z-index: 100;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0.3s, -webkit-transform 0.3s ease-in;
  transition: opacity 0.3s, visibility 0.3s, z-index 0.3s, -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in, opacity 0.3s, visibility 0.3s, z-index 0.3s;
  transition: transform 0.3s ease-in, opacity 0.3s, visibility 0.3s, z-index 0.3s, -webkit-transform 0.3s ease-in;
}

#header.scroll-down #hp-sticky-nav.show,
#header.scroll-up #hp-sticky-nav.show {
  top: 0px;
}
@media screen and (max-width: 991.9px) {
  #header.scroll-down #hp-sticky-nav.show,
  #header.scroll-up #hp-sticky-nav.show {
    top: -60px;
  }
}

@media screen and (max-width: 991.9px) {
  [data-category=score-advice] #header {
    z-index: 6;
  }
}
@media screen and (max-width: 991.9px) {
  [data-category=score-advice] #header .main-nav-container {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 991.9px) {
  [data-category=score-advice] #header .show-mb-sticky {
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
  [data-category=score-advice] #header #hp-sticky-nav .logo {
    width: 117px;
  }
}
@media screen and (max-width: 767.9px) {
  [data-category=score-advice] #header #hp-sticky-nav .mb-logo {
    width: 36px;
  }
}
@media screen and (max-width: 991.9px) {
  [data-category=score-advice] #header #hp-sticky-nav .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
  [data-category=score-advice] #header #hp-sticky-nav .btn {
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media screen and (max-width: 767.9px) {
  [data-category=score-advice] #header #hp-sticky-nav .sticky-nav-btn {
    padding: 8px 12px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 991.9px) {
  [data-category=score-advice] #header #hp-sticky-nav .sticky-nav-btn:after {
    font-size: 12px;
  }
}

body[data-category=calculators] {
  background: #FFFFFF;
}

#calc,
.tab-panels,
#tbl1 {
  overflow: auto;
}

#calc-info,
#calc-chart,
#calc-amrtz,
#calc-amrtz #show-amrtz,
#calc-amrtz #calc-results,
#calc-offer,
#calc-disc,
#addl-links {
  display: none;
}

#calc-form {
  border: 1px solid #dddddd;
  border-radius: 6px;
}
#calc-form.no-border {
  border: none;
}
#calc-form [id$=wrapper]:not(:last-of-type) {
  margin: 0 0 20px;
}
#calc-form div {
  position: relative;
}
#calc-form div[id$=wrapper] {
  margin-bottom: 25px;
}
#calc-form div[id$=wrapper] div[class$="container hasError"]::before {
  font-family: experian-icons;
  content: "\e9a5";
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 12px;
  font-size: 18px;
  color: #e4002b;
  background-color: #FFFFFF;
}
#calc-form div[id$=wrapper] div[class$="container hasError"] input {
  border: 1px solid #e4002b;
}
#calc-form div span[class$=err] {
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  font-size: 12px;
  line-height: 1.5em;
  color: #e4002b;
}
#calc-form div label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #333333;
  margin: 0;
  padding-bottom: 5px;
}
@media screen and (min-width: 992px) {
  #calc-form div label {
    font-size: 16px;
  }
}
#calc-form div .rate-input-container,
#calc-form div .term-input-container {
  position: relative;
}
#calc-form div .rate-input-container span,
#calc-form div .term-input-container span {
  position: absolute;
  top: 29%;
}
#calc-form div .term-input-container {
  margin: 0;
}
#calc-form div .term-input-container span {
  left: 30px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  #calc-form div .term-input-container span {
    font-size: 16px;
    top: 28%;
  }
}
#calc-form div .rate-input-container span {
  left: 35px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  #calc-form div .rate-input-container span {
    font-size: 16px;
    left: 37px;
    top: 28%;
  }
}
#calc-form div input {
  border: 1px solid #dddddd;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #calc-form div input {
    font-size: 16px;
  }
}
#calc-form div input.initial-load {
  color: #bababa;
}
#calc-form div input:focus {
  outline: none;
  border: 1px solid #123058;
}
#calc-form div input.inputError {
  border: 1px solid #e4002b;
}
#calc-form div input.amount, #calc-form div input.fees, #calc-form div input.deposit, #calc-form div input.payment {
  padding-left: 25px;
}
#calc-form div input.amount + span, #calc-form div input.fees + span, #calc-form div input.deposit + span, #calc-form div input.payment + span {
  display: inline-block;
  position: absolute;
  left: 0px !important;
  top: 30%;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  #calc-form div input.amount + span, #calc-form div input.fees + span, #calc-form div input.deposit + span, #calc-form div input.payment + span {
    top: 27%;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  #calc-form div input.amount + span, #calc-form div input.fees + span, #calc-form div input.deposit + span, #calc-form div input.payment + span {
    top: 26%;
  }
}
#calc-form div input.amount + span:before, #calc-form div input.fees + span:before, #calc-form div input.deposit + span:before, #calc-form div input.payment + span:before {
  content: "$";
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  #calc-form div input.amount + span:before, #calc-form div input.fees + span:before, #calc-form div input.deposit + span:before, #calc-form div input.payment + span:before {
    font-size: 16px;
  }
}
#calc-form #calc-creditscore {
  position: relative;
  margin-top: 5px;
}
#calc-form #calc-creditscore .select {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  position: relative;
  background-color: #FFFFFF;
  color: #333333;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  border: 2px solid #dddddd;
  border-radius: 6px;
}
#calc-form #calc-creditscore .select span:last-child {
  position: absolute;
  top: 35%;
  right: 20px;
}
#calc-form #calc-creditscore .cs-dropdown-menu {
  position: absolute;
  top: 0px;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  display: none;
  padding: 0;
  z-index: 100;
  margin: 0;
}
#calc-form #calc-creditscore .cs-dropdown-menu li {
  list-style-type: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin: 0;
  padding: 8px 0 8px 27px;
  font-size: 16px;
}
#calc-form #calc-creditscore .cs-dropdown-menu li.selected-li {
  background-color: #f8f8f8;
  font-weight: 500;
}
#calc-form #calc-creditscore .cs-dropdown-menu .cs-dropdown-ad {
  border-top: 1px solid #D0D0D0;
}
#calc-form #calc-creditscore .cs-dropdown-menu .cs-dropdown-ad a {
  text-decoration: none;
  display: inline-block;
  padding: 12px 27px 15px;
  width: 100%;
  color: #1D4F91;
}
#calc-form #calc-creditscore .cs-dropdown-menu .cs-dropdown-ad a span:first-child {
  font-size: 30px;
  padding: 0 10px 0 0;
  vertical-align: middle;
}
#calc-form #calc-creditscore .cs-dropdown-menu .cs-dropdown-ad a span:nth-child(2) {
  vertical-align: middle;
}
@media screen and (min-width: 1200px) {
  #calc-form #calc-calculate.calculated {
    width: 100%;
  }
}

#calc-info-main {
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main {
    padding: 0;
    border-radius: 0;
  }
}
#calc-info-main p {
  padding: 10px 0px;
  margin: 0;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main p {
    line-height: 1.2;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-info-main p strong {
    font-size: 14px;
  }
}
#calc-info-main p span {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main p span {
    font-size: 14px;
  }
}
#calc-info-main p.monthly-pmt {
  padding: 15px 0;
  border-radius: 6px;
}
#calc-info-main p.monthly-pmt span {
  display: block;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main p.monthly-pmt span {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #calc-info-main p:not(:first-child) {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 320px) {
  #calc-info-main p:not(:first-child):hover {
    background-color: #f8f8f8;
    border-radius: 6px;
  }
}
#calc-info-main p:not(:first-child) span {
  float: right;
  font-weight: 500;
}
#calc-info-main .divider {
  border-bottom: 1px solid #D0D0D0;
  padding: 5px 0;
}
#calc-info-main .tabs {
  position: relative;
  background-color: #123058;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 15px 15px 0;
}
#calc-info-main .tabs [role=tablist] {
  display: inline-block;
  overflow: visible;
}
#calc-info-main .tabs [role=tab] {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  padding: 10px 15px;
  max-width: 200px;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main .tabs [role=tab] {
    max-width: 100px;
  }
}
#calc-info-main .tabs [role=tab][aria-selected=true] {
  background: #FFFFFF;
  color: #333333;
}
#calc-info-main .tabs [role=tab][aria-selected=false]:hover, #calc-info-main .tabs [role=tab][aria-selected=false]:focus, #calc-info-main .tabs [role=tab][aria-selected=false]:active {
  background-color: rgba(244, 244, 244, 0.2);
}
#calc-info-main .tabs .printLoanInfo {
  float: right;
  position: relative;
  top: 8px;
  border: transparent;
  background-color: transparent;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main .tabs .printLoanInfo {
    top: 30px;
  }
}
#calc-info-main [role=tabpanel] {
  overflow: hidden;
}

#calc-disc {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#calc-disc p {
  line-height: 21px;
}
#calc-disc p small {
  font-size: 14px;
}

#calc-chart {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #calc-chart > div {
    position: relative;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#calc-chart rect.highcharts-background {
  fill: transparent;
}

.calc-amrtz table thead tr {
  border: 5px solid #AF1685;
}
.calc-amrtz table thead th {
  display: table-cell;
  padding: 10px 15px !important;
}
@media screen and (max-width: 767.9px) {
  .calc-amrtz table thead th {
    font-size: 14px;
  }
}
.calc-amrtz table thead th.calc-payment-number {
  text-align: center;
}
.calc-amrtz table thead th.calc-balance {
  padding-left: 20px !important;
}
.calc-amrtz table tbody.full-table {
  max-height: inherit;
}
.calc-amrtz table tbody th,
.calc-amrtz table tbody td {
  font-size: 14px;
}
.calc-amrtz table tr {
  border: 5px solid #f8f8f8;
}
.calc-amrtz table tr:hover {
  background-color: #f4f4f4;
}
.calc-amrtz table tr .calc-payment-number {
  width: 80px;
}
@media screen and (max-width: 375px) {
  .calc-amrtz table tr .calc-payment-number {
    padding: 10px 8px 10px 15px !important;
  }
}
.calc-amrtz table tr:last-child {
  background-color: #AF1685 !important;
  color: #FFFFFF;
  font-weight: 500;
}
.calc-amrtz table tr:last-child:hover {
  background-color: #AF1685;
}
.calc-amrtz table tr:last-child th {
  font-size: 16px;
}
.calc-amrtz table tr:last-child td {
  font-size: 16px;
}
@media screen and (max-width: 375px) {
  .calc-amrtz table tr:last-child td.calc-total-interest, .calc-amrtz table tr:last-child td.calc-payment-amount {
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .calc-amrtz table .calc-total-payments,
  .calc-amrtz table .calc-balance {
    display: none;
  }
}
.calc-amrtz table:after {
  content: none;
}
.calc-amrtz .show-full-table {
  width: 100%;
  border: none;
  font-weight: 500;
}

@media screen and (max-width: 767.9px) {
  #calc-offer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 45px;
    border: none;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta #left-cta,
  #calc-offer .main-cta .content-mb {
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta .content-mb {
    border: none;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta .content-mb .apr-col {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta .content-mb .apr-col,
  #calc-offer .main-cta .content-mb .fee-col {
    border-top: 1px solid #dddddd;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta .content-mb .rewards-col,
  #calc-offer .main-cta .content-mb .details {
    padding: 20px 20px;
  }
}
@media screen and (max-width: 767.9px) {
  #calc-offer .main-cta #left-cta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #calc-offer .main-cta #left-cta .cta-wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 767.9px) and (max-width: 767.9px) and (min-width: 600px) {
  #calc-offer .main-cta #left-cta .cta-wrapper {
    width: 70%;
  }
}

/*********************** Mini Calculator ***********************/
#mini-calc #calc-form {
  border: unset;
  border-radius: unset;
}
#mini-calc #calc-form .input-field-wrapper {
  border-radius: 6px;
  border: 1px solid #dddddd;
}
#mini-calc #calc-form .input-field-wrapper.no-border {
  border: none;
}
#mini-calc #calc-info {
  border-radius: 6px;
  border: 1px solid #dddddd;
}
#mini-calc #calc-info p.m-xs-0 {
  line-height: 21px;
}
#mini-calc #calc-info p.m-xs-0 small {
  font-size: 14px;
}
#mini-calc #calc-info #calc-info-main {
  padding: 0;
}

::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bababa;
  opacity: 1; /* Firefox */
}

::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bababa;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bababa;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bababa;
  opacity: 1; /* Firefox */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bababa;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bababa;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bababa;
}

/*********************** Apr Calculator ***********************/
.apr-calc #calc-form .fees-input-container input[disabled] {
  background-color: #f4f4f4;
  pointer-events: none;
}
.apr-calc #calc-form .fees-input-container input[disabled] + .fees-unit {
  color: #bababa;
}
.apr-calc #calc-form .rate-input-container span {
  left: 28px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .apr-calc #calc-form .rate-input-container span {
    font-size: 16px;
    left: 30px;
    top: 28%;
  }
}
.apr-calc #calc-form .term-input-container {
  margin: 0;
}
.apr-calc #calc-form .term-input-container span {
  left: 37px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .apr-calc #calc-form .term-input-container span {
    font-size: 16px;
    left: 40px;
    top: 28%;
  }
}
.apr-calc #calc-info .apr {
  padding: 15px 0;
  border-radius: 6px;
}
.apr-calc #calc-info .apr strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .apr-calc #calc-info .apr strong {
    font-size: 14px;
  }
}
.apr-calc #calc-info .apr span {
  display: block;
  font-size: 29px;
  font-weight: 500;
}
.apr-calc #calc-info .monthly-pmt {
  padding: 10px 0px;
  font-size: 16px;
}
.apr-calc #calc-info .monthly-pmt span {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767.9px) {
  .apr-calc #calc-info .monthly-pmt span {
    font-size: 14px;
  }
}

/*********************** Auto Payment Calculator ***********************/
/* there are common css rules pulling from personal-cal.scss */
@media screen and (min-width: 768px) {
  .car-pmt-calc #calc-form div[id$=wrapper],
  .car-calc .mini-calculator-form div[id$=wrapper] {
    display: inline-block;
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .car-pmt-calc #calc-form div[id$=wrapper]:nth-child(odd):not(#salesTax-wrapper),
  .car-calc .mini-calculator-form div[id$=wrapper]:nth-child(odd):not(#salesTax-wrapper) {
    margin-right: 4%;
  }
}
.car-pmt-calc #calc-form div[id$=wrapper] input.initial-load + span,
.car-calc .mini-calculator-form div[id$=wrapper] input.initial-load + span {
  color: #bababa;
}
.car-pmt-calc #calc-form #term-wrapper,
.car-calc .mini-calculator-form #term-wrapper {
  margin-bottom: 25px;
}
.car-pmt-calc #calc-form #term-wrapper .term-unit,
.car-calc .mini-calculator-form #term-wrapper .term-unit {
  display: inline-block;
  position: absolute;
  left: auto;
  right: 20px;
  top: 28%;
}
.car-pmt-calc #calc-form #term-wrapper .hasError .term-unit,
.car-calc .mini-calculator-form #term-wrapper .hasError .term-unit {
  display: none;
}
.car-pmt-calc #calc-form #salesTax-wrapper,
.car-calc .mini-calculator-form #salesTax-wrapper {
  display: block;
}
.car-pmt-calc #calc-form #calc-vehiclePrice,
.car-pmt-calc #calc-form #calc-downPaymentAmt,
.car-pmt-calc #calc-form #calc-incentives,
.car-pmt-calc #calc-form #calc-tradeInVal,
.car-calc .mini-calculator-form #calc-vehiclePrice,
.car-calc .mini-calculator-form #calc-downPaymentAmt,
.car-calc .mini-calculator-form #calc-incentives,
.car-calc .mini-calculator-form #calc-tradeInVal {
  padding-left: 25px;
}
.car-pmt-calc #calc-form #calc-vehiclePrice + span,
.car-pmt-calc #calc-form #calc-downPaymentAmt + span,
.car-pmt-calc #calc-form #calc-incentives + span,
.car-pmt-calc #calc-form #calc-tradeInVal + span,
.car-calc .mini-calculator-form #calc-vehiclePrice + span,
.car-calc .mini-calculator-form #calc-downPaymentAmt + span,
.car-calc .mini-calculator-form #calc-incentives + span,
.car-calc .mini-calculator-form #calc-tradeInVal + span {
  display: inline-block;
  position: absolute;
  left: 0px !important;
  top: 30%;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .car-pmt-calc #calc-form #calc-vehiclePrice + span,
  .car-pmt-calc #calc-form #calc-downPaymentAmt + span,
  .car-pmt-calc #calc-form #calc-incentives + span,
  .car-pmt-calc #calc-form #calc-tradeInVal + span,
  .car-calc .mini-calculator-form #calc-vehiclePrice + span,
  .car-calc .mini-calculator-form #calc-downPaymentAmt + span,
  .car-calc .mini-calculator-form #calc-incentives + span,
  .car-calc .mini-calculator-form #calc-tradeInVal + span {
    top: 27%;
  }
}
.car-pmt-calc #calc-form #calc-vehiclePrice + span:before,
.car-pmt-calc #calc-form #calc-downPaymentAmt + span:before,
.car-pmt-calc #calc-form #calc-incentives + span:before,
.car-pmt-calc #calc-form #calc-tradeInVal + span:before,
.car-calc .mini-calculator-form #calc-vehiclePrice + span:before,
.car-calc .mini-calculator-form #calc-downPaymentAmt + span:before,
.car-calc .mini-calculator-form #calc-incentives + span:before,
.car-calc .mini-calculator-form #calc-tradeInVal + span:before {
  content: "$";
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .car-pmt-calc #calc-form #calc-vehiclePrice + span:before,
  .car-pmt-calc #calc-form #calc-downPaymentAmt + span:before,
  .car-pmt-calc #calc-form #calc-incentives + span:before,
  .car-pmt-calc #calc-form #calc-tradeInVal + span:before,
  .car-calc .mini-calculator-form #calc-vehiclePrice + span:before,
  .car-calc .mini-calculator-form #calc-downPaymentAmt + span:before,
  .car-calc .mini-calculator-form #calc-incentives + span:before,
  .car-calc .mini-calculator-form #calc-tradeInVal + span:before {
    font-size: 16px;
  }
}
.car-pmt-calc #calc-form #calc-downPayment + span,
.car-pmt-calc #calc-form #calc-autoRate + span,
.car-pmt-calc #calc-form #calc-salesTax + span,
.car-calc .mini-calculator-form #calc-downPayment + span,
.car-calc .mini-calculator-form #calc-autoRate + span,
.car-calc .mini-calculator-form #calc-salesTax + span {
  display: inline-block;
  position: absolute;
  left: auto;
  right: 20px;
  top: 28%;
}

.car-pmt-calc .num-of-pmts {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .car-pmt-calc .num-of-pmts {
    font-size: 16px;
  }
}
.car-pmt-calc .num-of-pmts span {
  float: right;
}

.student-calc #calc-form .term-input-container span {
  left: 37px;
}
@media screen and (min-width: 992px) {
  .student-calc #calc-form .term-input-container span {
    left: 40px;
  }
}
.student-calc #calc-form .rate-input-container span {
  left: 50px;
}
@media screen and (min-width: 992px) {
  .student-calc #calc-form .rate-input-container span {
    left: 53px;
  }
}

/*********************** Mortgage Calculator ***********************/
/* there are common css rules pulling from personal-cal.scss and calculator.scss */
@media screen and (max-width: 767.9px) {
  #calc.mortgage-calc #tbl1,
  #calc.mortgage-calc .tab-panels {
    overflow: unset;
  }
}

#calc.mortgage-calc .calculator-form,
#mini-calc.mortgage-calc .mini-calculator-form {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #calc.mortgage-calc .calculator-form > div:not(#calc-title):not(.input-field-wrapper),
  #mini-calc.mortgage-calc .mini-calculator-form > div:not(#calc-title):not(.input-field-wrapper) {
    width: 48.3%;
  }
}
@media screen and (min-width: 768px) {
  #calc.mortgage-calc .calculator-form > div:nth-child(even):not(#calc-title):not(.input-field-wrapper),
  #mini-calc.mortgage-calc .mini-calculator-form > div:nth-child(even):not(#calc-title):not(.input-field-wrapper) {
    float: right;
  }
}
#calc.mortgage-calc .calculator-form #homeValue-wrapper,
#calc.mortgage-calc .calculator-form #term-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #homeValue-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #term-wrapper {
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  #calc.mortgage-calc .calculator-form #homeValue-wrapper,
  #calc.mortgage-calc .calculator-form #term-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #homeValue-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #term-wrapper {
    display: block;
    margin: 0 0 25px 0;
  }
}
@media screen and (max-width: 767.9px) {
  #calc.mortgage-calc .calculator-form #downPayment-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #downPayment-wrapper {
    margin-bottom: 25px;
  }
}
#calc.mortgage-calc .calculator-form #downPayment-wrapper .downPayment-input-container input,
#mini-calc.mortgage-calc .mini-calculator-form #downPayment-wrapper .downPayment-input-container input {
  width: 50%;
}
#calc.mortgage-calc .calculator-form #downPayment-wrapper .downPayment-input-container input.downPaymentAmt,
#mini-calc.mortgage-calc .mini-calculator-form #downPayment-wrapper .downPayment-input-container input.downPaymentAmt {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#calc.mortgage-calc .calculator-form #downPayment-wrapper .downPayment-input-container input.downPayment,
#mini-calc.mortgage-calc .mini-calculator-form #downPayment-wrapper .downPayment-input-container input.downPayment {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#calc.mortgage-calc .calculator-form #amount-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #amount-wrapper {
  display: none !important;
}
#calc.mortgage-calc .calculator-form #fees-wrapper,
#calc.mortgage-calc .calculator-form #propertyTax-wrapper,
#calc.mortgage-calc .calculator-form #homeInsurance-wrapper,
#calc.mortgage-calc .calculator-form #mortgageInsurance-wrapper,
#calc.mortgage-calc .calculator-form #hoa-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #fees-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #propertyTax-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #homeInsurance-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #mortgageInsurance-wrapper,
#mini-calc.mortgage-calc .mini-calculator-form #hoa-wrapper {
  display: inline-block;
  max-height: 0px;
  width: 0px !important;
  visibility: hidden;
  overflow-y: hidden;
  margin: 0;
  position: relative;
  left: -100%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 767.9px) {
  #calc.mortgage-calc .calculator-form #fees-wrapper,
  #calc.mortgage-calc .calculator-form #propertyTax-wrapper,
  #calc.mortgage-calc .calculator-form #homeInsurance-wrapper,
  #calc.mortgage-calc .calculator-form #mortgageInsurance-wrapper,
  #calc.mortgage-calc .calculator-form #hoa-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #fees-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #propertyTax-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #homeInsurance-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #mortgageInsurance-wrapper,
  #mini-calc.mortgage-calc .mini-calculator-form #hoa-wrapper {
    display: block;
  }
}
#calc.mortgage-calc .calculator-form #fees-wrapper.toggleElem,
#calc.mortgage-calc .calculator-form #propertyTax-wrapper.toggleElem,
#calc.mortgage-calc .calculator-form #homeInsurance-wrapper.toggleElem,
#calc.mortgage-calc .calculator-form #mortgageInsurance-wrapper.toggleElem,
#calc.mortgage-calc .calculator-form #hoa-wrapper.toggleElem,
#mini-calc.mortgage-calc .mini-calculator-form #fees-wrapper.toggleElem,
#mini-calc.mortgage-calc .mini-calculator-form #propertyTax-wrapper.toggleElem,
#mini-calc.mortgage-calc .mini-calculator-form #homeInsurance-wrapper.toggleElem,
#mini-calc.mortgage-calc .mini-calculator-form #mortgageInsurance-wrapper.toggleElem,
#mini-calc.mortgage-calc .mini-calculator-form #hoa-wrapper.toggleElem {
  max-height: 400px;
  width: 48.3% !important;
  margin: 0 0 25px 0;
  visibility: visible;
  left: 0;
}
@media screen and (max-width: 767.9px) {
  #calc.mortgage-calc .calculator-form #fees-wrapper.toggleElem,
  #calc.mortgage-calc .calculator-form #propertyTax-wrapper.toggleElem,
  #calc.mortgage-calc .calculator-form #homeInsurance-wrapper.toggleElem,
  #calc.mortgage-calc .calculator-form #mortgageInsurance-wrapper.toggleElem,
  #calc.mortgage-calc .calculator-form #hoa-wrapper.toggleElem,
  #mini-calc.mortgage-calc .mini-calculator-form #fees-wrapper.toggleElem,
  #mini-calc.mortgage-calc .mini-calculator-form #propertyTax-wrapper.toggleElem,
  #mini-calc.mortgage-calc .mini-calculator-form #homeInsurance-wrapper.toggleElem,
  #mini-calc.mortgage-calc .mini-calculator-form #mortgageInsurance-wrapper.toggleElem,
  #mini-calc.mortgage-calc .mini-calculator-form #hoa-wrapper.toggleElem {
    width: 100% !important;
  }
}
#calc.mortgage-calc .calculator-form .term-input-container.hasError .term-unit,
#mini-calc.mortgage-calc .mini-calculator-form .term-input-container.hasError .term-unit {
  opacity: 0;
}
#calc.mortgage-calc .calculator-form input.downPayment.initial-load + span, #calc.mortgage-calc .calculator-form input.term.initial-load + span, #calc.mortgage-calc .calculator-form input.rate.initial-load + span, #calc.mortgage-calc .calculator-form input.mortgageInsurance.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.downPayment.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.term.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.rate.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.mortgageInsurance.initial-load + span {
  color: #bababa;
}
#calc.mortgage-calc .calculator-form input.downPayment + span, #calc.mortgage-calc .calculator-form input.term + span, #calc.mortgage-calc .calculator-form input.rate + span, #calc.mortgage-calc .calculator-form input.mortgageInsurance + span,
#mini-calc.mortgage-calc .mini-calculator-form input.downPayment + span,
#mini-calc.mortgage-calc .mini-calculator-form input.term + span,
#mini-calc.mortgage-calc .mini-calculator-form input.rate + span,
#mini-calc.mortgage-calc .mini-calculator-form input.mortgageInsurance + span {
  display: inline-block;
  position: absolute;
  left: auto;
  right: 20px;
}
@media screen and (min-width: 992px) {
  #calc.mortgage-calc .calculator-form input.downPayment + span, #calc.mortgage-calc .calculator-form input.term + span, #calc.mortgage-calc .calculator-form input.rate + span, #calc.mortgage-calc .calculator-form input.mortgageInsurance + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.downPayment + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.term + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.rate + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.mortgageInsurance + span {
    top: 27%;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  #calc.mortgage-calc .calculator-form input.downPayment + span, #calc.mortgage-calc .calculator-form input.term + span, #calc.mortgage-calc .calculator-form input.rate + span, #calc.mortgage-calc .calculator-form input.mortgageInsurance + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.downPayment + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.term + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.rate + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.mortgageInsurance + span {
    top: 26%;
  }
}
@media screen and (max-width: 767.9px) {
  #calc.mortgage-calc .calculator-form input.downPayment + span, #calc.mortgage-calc .calculator-form input.mortgageInsurance + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.downPayment + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.mortgageInsurance + span {
    top: 29%;
  }
}
#calc.mortgage-calc .calculator-form input.homeValue, #calc.mortgage-calc .calculator-form input.downPaymentAmt, #calc.mortgage-calc .calculator-form input.propertyTax, #calc.mortgage-calc .calculator-form input.homeInsurance, #calc.mortgage-calc .calculator-form input.hoa,
#mini-calc.mortgage-calc .mini-calculator-form input.homeValue,
#mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt,
#mini-calc.mortgage-calc .mini-calculator-form input.propertyTax,
#mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance,
#mini-calc.mortgage-calc .mini-calculator-form input.hoa {
  padding-left: 25px;
}
#calc.mortgage-calc .calculator-form input.homeValue.initial-load + span, #calc.mortgage-calc .calculator-form input.downPaymentAmt.initial-load + span, #calc.mortgage-calc .calculator-form input.propertyTax.initial-load + span, #calc.mortgage-calc .calculator-form input.homeInsurance.initial-load + span, #calc.mortgage-calc .calculator-form input.hoa.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.homeValue.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.propertyTax.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance.initial-load + span,
#mini-calc.mortgage-calc .mini-calculator-form input.hoa.initial-load + span {
  color: #bababa;
}
#calc.mortgage-calc .calculator-form input.homeValue + span, #calc.mortgage-calc .calculator-form input.downPaymentAmt + span, #calc.mortgage-calc .calculator-form input.propertyTax + span, #calc.mortgage-calc .calculator-form input.homeInsurance + span, #calc.mortgage-calc .calculator-form input.hoa + span,
#mini-calc.mortgage-calc .mini-calculator-form input.homeValue + span,
#mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt + span,
#mini-calc.mortgage-calc .mini-calculator-form input.propertyTax + span,
#mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance + span,
#mini-calc.mortgage-calc .mini-calculator-form input.hoa + span {
  display: inline-block;
  position: absolute;
  left: 0px !important;
  top: 30%;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  #calc.mortgage-calc .calculator-form input.homeValue + span, #calc.mortgage-calc .calculator-form input.downPaymentAmt + span, #calc.mortgage-calc .calculator-form input.propertyTax + span, #calc.mortgage-calc .calculator-form input.homeInsurance + span, #calc.mortgage-calc .calculator-form input.hoa + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.homeValue + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.propertyTax + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.hoa + span {
    top: 27%;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  #calc.mortgage-calc .calculator-form input.homeValue + span, #calc.mortgage-calc .calculator-form input.downPaymentAmt + span, #calc.mortgage-calc .calculator-form input.propertyTax + span, #calc.mortgage-calc .calculator-form input.homeInsurance + span, #calc.mortgage-calc .calculator-form input.hoa + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.homeValue + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.propertyTax + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance + span,
  #mini-calc.mortgage-calc .mini-calculator-form input.hoa + span {
    top: 26%;
  }
}
#calc.mortgage-calc .calculator-form input.homeValue + span:before, #calc.mortgage-calc .calculator-form input.downPaymentAmt + span:before, #calc.mortgage-calc .calculator-form input.propertyTax + span:before, #calc.mortgage-calc .calculator-form input.homeInsurance + span:before, #calc.mortgage-calc .calculator-form input.hoa + span:before,
#mini-calc.mortgage-calc .mini-calculator-form input.homeValue + span:before,
#mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt + span:before,
#mini-calc.mortgage-calc .mini-calculator-form input.propertyTax + span:before,
#mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance + span:before,
#mini-calc.mortgage-calc .mini-calculator-form input.hoa + span:before {
  content: "$";
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  #calc.mortgage-calc .calculator-form input.homeValue + span:before, #calc.mortgage-calc .calculator-form input.downPaymentAmt + span:before, #calc.mortgage-calc .calculator-form input.propertyTax + span:before, #calc.mortgage-calc .calculator-form input.homeInsurance + span:before, #calc.mortgage-calc .calculator-form input.hoa + span:before,
  #mini-calc.mortgage-calc .mini-calculator-form input.homeValue + span:before,
  #mini-calc.mortgage-calc .mini-calculator-form input.downPaymentAmt + span:before,
  #mini-calc.mortgage-calc .mini-calculator-form input.propertyTax + span:before,
  #mini-calc.mortgage-calc .mini-calculator-form input.homeInsurance + span:before,
  #mini-calc.mortgage-calc .mini-calculator-form input.hoa + span:before {
    font-size: 16px;
  }
}
#calc.mortgage-calc .calculator-form .toggleForm,
#mini-calc.mortgage-calc .mini-calculator-form .toggleForm {
  width: 100%;
  background-color: transparent;
  border: none;
}

@media screen and (max-width: 767.9px) {
  .tabset > input.tab-num-1:checked ~ .tab-panels > .calc-details.tab-panel:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 767.9px) {
  .mortgage-calc .calc-details .payoff-date-wrapper,
  #mini-calc.mortgage-calc .calc-details .payoff-date-wrapper,
  .car-pmt-calc .calc-details .payoff-date-wrapper,
  #mini-calc.car-pmt-calc .calc-details .payoff-date-wrapper {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 767.9px) {
  .mortgage-calc .calc-details .calc-pmt-details,
  #mini-calc.mortgage-calc .calc-details .calc-pmt-details,
  .car-pmt-calc .calc-details .calc-pmt-details,
  #mini-calc.car-pmt-calc .calc-details .calc-pmt-details {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width: 767.9px) {
  .mortgage-calc .calc-details #calc-chart,
  #mini-calc.mortgage-calc .calc-details #calc-chart,
  .car-pmt-calc .calc-details #calc-chart,
  #mini-calc.car-pmt-calc .calc-details #calc-chart {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 767.9px) {
  .mortgage-calc .calc-details #calc-chart .highcharts-container .highcharts-legend,
  #mini-calc.mortgage-calc .calc-details #calc-chart .highcharts-container .highcharts-legend,
  .car-pmt-calc .calc-details #calc-chart .highcharts-container .highcharts-legend,
  #mini-calc.car-pmt-calc .calc-details #calc-chart .highcharts-container .highcharts-legend {
    -webkit-transform: translate(10px, 38%);
            transform: translate(10px, 38%);
  }
}

@media screen and (min-width: 768px) {
  #mini-calc.mortgage-calc .calc-details #calc-chart {
    float: right;
  }
}

#calc-info-main .total-cost-label,
#mini-calc.mortgage-calc #calc-info-main .total-cost-label {
  font-size: 16px;
  line-height: 1.5;
  padding-top: 0;
  font-weight: 500;
}
#calc-info-main .pmi-wrapper > p,
#calc-info-main .pmi-wrapper > span,
#calc-info-main .hoa-wrapper > p,
#calc-info-main .hoa-wrapper > span,
#mini-calc.mortgage-calc #calc-info-main .pmi-wrapper > p,
#mini-calc.mortgage-calc #calc-info-main .pmi-wrapper > span,
#mini-calc.mortgage-calc #calc-info-main .hoa-wrapper > p,
#mini-calc.mortgage-calc #calc-info-main .hoa-wrapper > span {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main .pmi-wrapper > p,
  #calc-info-main .pmi-wrapper > span,
  #calc-info-main .hoa-wrapper > p,
  #calc-info-main .hoa-wrapper > span,
  #mini-calc.mortgage-calc #calc-info-main .pmi-wrapper > p,
  #mini-calc.mortgage-calc #calc-info-main .pmi-wrapper > span,
  #mini-calc.mortgage-calc #calc-info-main .hoa-wrapper > p,
  #mini-calc.mortgage-calc #calc-info-main .hoa-wrapper > span {
    font-size: 14px;
  }
}
#calc-info-main .pmi-wrapper > p,
#calc-info-main .hoa-wrapper > p,
#mini-calc.mortgage-calc #calc-info-main .pmi-wrapper > p,
#mini-calc.mortgage-calc #calc-info-main .hoa-wrapper > p {
  display: inline-block;
}
#calc-info-main .pmi-wrapper > span,
#calc-info-main .hoa-wrapper > span,
#mini-calc.mortgage-calc #calc-info-main .pmi-wrapper > span,
#mini-calc.mortgage-calc #calc-info-main .hoa-wrapper > span {
  float: right;
  font-weight: 500;
  padding: 10px 0px;
}
#calc-info-main .pmi-wrapper .tooltip .tooltip-text,
#calc-info-main .hoa-wrapper .tooltip .tooltip-text,
#mini-calc.mortgage-calc #calc-info-main .pmi-wrapper .tooltip .tooltip-text,
#mini-calc.mortgage-calc #calc-info-main .hoa-wrapper .tooltip .tooltip-text {
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
#calc-info-main .pmi-wrapper .tooltip .tooltip-text .tooltip-main-text,
#calc-info-main .hoa-wrapper .tooltip .tooltip-text .tooltip-main-text,
#mini-calc.mortgage-calc #calc-info-main .pmi-wrapper .tooltip .tooltip-text .tooltip-main-text,
#mini-calc.mortgage-calc #calc-info-main .hoa-wrapper .tooltip .tooltip-text .tooltip-main-text {
  line-height: 1.5;
}
#calc-info-main hr,
#mini-calc.mortgage-calc #calc-info-main hr {
  margin: 15px 0;
}
@media screen and (max-width: 767.9px) {
  #calc-info-main hr,
  #mini-calc.mortgage-calc #calc-info-main hr {
    margin: 5px 0;
  }
}

/*********************** Savings Calculator ***********************/
@media (max-width: 992px) {
  .savings-calc #calc-form .deposit-input-container span,
  .savings-calc #calc-form .payment-input-container span {
    top: 24% !important;
  }
}
@media (max-width: 768px) {
  .savings-calc #calc-form .deposit-input-container span,
  .savings-calc #calc-form .payment-input-container span {
    top: 29% !important;
  }
}
@media (min-width: 668px) {
  .savings-calc #calc-form #rate-wrapper,
  .savings-calc #calc-form #freq-wrapper {
    display: inline-block;
    width: calc(50% - 10px) !important;
  }
}
.savings-calc #calc-form #freq-wrapper {
  float: right;
  width: 100%;
}
@media (min-width: 768px) {
  .savings-calc #calc-form #freq-wrapper {
    margin-left: 10px;
  }
}
.savings-calc #calc-form #freq-wrapper .freq-select-container {
  border: 1px solid #dddddd;
  border-radius: 6px;
  background: white;
}
.savings-calc #calc-form #freq-wrapper .freq-select-container select {
  font-size: 15px;
  background: transparent;
  border: none;
  padding: 12px;
  width: 100%;
}
@media (min-width: 992px) {
  .savings-calc #calc-form #freq-wrapper .freq-select-container select {
    font-size: 16px;
    padding: 12.5px;
  }
}
.savings-calc #calc-form #freq-wrapper .freq-select-container .showFreqOpt {
  width: 1em;
  height: 1em;
  position: absolute;
  pointer-events: none;
  top: calc(50% - 0.5em);
  right: 0.5em;
}
.savings-calc #calc-form .rate-input-container span {
  left: 48px;
  font-size: 14px;
  top: 29%;
}
@media screen and (min-width: 992px) {
  .savings-calc #calc-form .rate-input-container span {
    font-size: 16px;
    left: 50px;
    top: 27%;
  }
}
.savings-calc #calc-form #term-wrapper {
  clear: both;
}
.savings-calc #calc-form #term-wrapper .term-input-container {
  margin: 0;
}
.savings-calc #calc-form #term-wrapper .term-input-container span {
  left: 37px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .savings-calc #calc-form #term-wrapper .term-input-container span {
    font-size: 16px;
    left: 40px;
    top: 28%;
  }
}
.savings-calc #calc-info .savings {
  padding: 15px 0;
  border-radius: 6px;
}
.savings-calc #calc-info .savings strong {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .savings-calc #calc-info .savings strong {
    font-size: 14px;
  }
}
.savings-calc #calc-info .savings span {
  display: block;
  font-size: 29px;
  font-weight: 500;
}

.gradient-midnight-blue-primary {
  background: #123058;
  background-image: -webkit-linear-gradient(135deg, #123058, #1D4F91);
  background: linear-gradient(135deg, #123058, #1D4F91);
}

.gradient-primary-primary-light {
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #1D4F91, #426DA9);
  background: linear-gradient(135deg, #1D4F91, #426DA9);
}

.gradient-primary-secondary {
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #1D4F91, #AF1685);
  background: linear-gradient(135deg, #1D4F91, #AF1685);
}

.gradient-tertiary-secondary {
  background: #6D2077;
  background-image: -webkit-linear-gradient(135deg, #6D2077, #AF1685);
  background: linear-gradient(135deg, #6D2077, #AF1685);
}

.gradient-secondary-secondary-light {
  background: #AF1685;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #E63888);
  background: linear-gradient(135deg, #AF1685, #E63888);
}

.border-midnight-blue-primary {
  border: double 3px transparent;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#123058), to(#1D4F91));
  background-image: linear-gradient(white, white), linear-gradient(to right, #123058, #1D4F91);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.boder-primary-primary-light {
  border: double 3px transparent;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#1D4F91), to(#426DA9));
  background-image: linear-gradient(white, white), linear-gradient(to right, #1D4F91, #426DA9);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.border-tertiary-secondary {
  border: double 3px transparent;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#6D2077), to(#AF1685));
  background-image: linear-gradient(white, white), linear-gradient(to right, #6D2077, #AF1685);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.border-secondary-secondary-light {
  border: double 3px transparent;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#AF1685), to(#E63888));
  background-image: linear-gradient(white, white), linear-gradient(to right, #AF1685, #E63888);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.border-primary {
  border: solid 3px #1D4F91;
}

.border-tertiary {
  border: solid 3px #6D2077;
}

.border-secondary {
  border: solid 3px #AF1685;
}

.protips-banner-wrapper {
  display: inline-block;
}

.protips-banner {
  position: relative;
  float: right;
  border: double 3px transparent;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#AF1685), to(#E63888));
  background-image: linear-gradient(white, white), linear-gradient(to right, #AF1685, #E63888);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
@media screen and (min-width: 768px) {
  .protips-banner {
    width: calc(100% - 20px);
  }
}
.protips-banner .protip-icon-wrapper {
  position: absolute;
  width: 60px;
  height: 60px;
  top: -40px;
}
@media screen and (min-width: 768px) {
  .protips-banner .protip-icon-wrapper {
    width: 90px;
    height: 90px;
    left: -15px;
    top: 15px;
  }
}
.protips-banner .protip-content {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .protips-banner .protip-content {
    width: calc(100% - 80px);
    float: right;
  }
}

.csslider {
  -ms-perspective: 1300px;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  display: inline-block;
  text-align: left;
  position: relative;
  margin-bottom: 30px;
}
.csslider > input {
  display: none;
}
.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
  margin-left: -500%;
}
.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
  margin-left: -400%;
}
.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
  margin-left: -300%;
}
.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
  margin-left: -200%;
}
.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
  margin-left: -100%;
}
.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
  margin-left: 0%;
}
.csslider > input:nth-of-type(6):checked ~ ul li:nth-of-type(6), .csslider > input:nth-of-type(5):checked ~ ul li:nth-of-type(5), .csslider > input:nth-of-type(4):checked ~ ul li:nth-of-type(4), .csslider > input:nth-of-type(3):checked ~ ul li:nth-of-type(3), .csslider > input:nth-of-type(2):checked ~ ul li:nth-of-type(2), .csslider > input:nth-of-type(1):checked ~ ul li:nth-of-type(1) {
  opacity: 1;
}
.csslider > ul {
  position: relative;
  width: 95%;
  height: 205px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  background-color: #f4f4f4;
  margin: 0;
  padding: 20px 30px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
}
@media (max-width: 991.9px) and (min-width: 768px) {
  .csslider > ul {
    width: 88%;
    height: 210px;
  }
}
@media screen and (max-width: 767.9px) {
  .csslider > ul {
    width: calc(100vw - 96px);
    padding: 20px;
    height: 180px;
  }
}
@media screen and (max-width: 425px) {
  .csslider > ul {
    height: 240px;
  }
}
@media screen and (max-width: 375px) {
  .csslider > ul {
    height: 300px;
  }
}
@media screen and (max-width: 320px) {
  .csslider > ul {
    height: 355px;
  }
}
.csslider > ul > li {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  opacity: 0;
}
.csslider > .navigation {
  position: absolute;
  left: 48%;
  z-index: 10;
  padding: 15px 0 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 991.9px) and (min-width: 768px) {
  .csslider > .navigation {
    left: 44%;
  }
}
@media screen and (max-width: 767.9px) {
  .csslider > .navigation {
    left: 50%;
  }
}
.csslider > .navigation > div {
  margin-left: -100%;
}
.csslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 4px;
  padding: 6px;
  background: #bababa;
}
.csslider > .navigation label:hover:after {
  opacity: 1;
}
.csslider > .navigation label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #6D2077;
  background-image: -webkit-linear-gradient(135deg, #E63888, #6D2077);
  background: linear-gradient(135deg, #E63888, #6D2077);
  border-radius: 50%;
  padding: 6px;
  opacity: 0;
}
.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after, .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after, .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after, .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after, .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after, .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after {
  opacity: 1;
}
.csslider > .arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: -30px;
  top: 50%;
  width: 95%;
  height: 26px;
  padding: 0 30px;
  z-index: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media (max-width: 991.9px) and (min-width: 768px) {
  .csslider > .arrows {
    width: 88%;
  }
}
@media screen and (max-width: 767.9px) {
  .csslider > .arrows {
    width: calc(100vw - 96px);
    left: -25px;
    padding: 0 25px;
  }
}
.csslider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  padding: 13px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: margin 0.15s, -webkit-box-shadow 0.15s;
  transition: margin 0.15s, -webkit-box-shadow 0.15s;
  transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
}
.csslider > .arrows label:before {
  font-family: experian-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9bd";
  position: absolute;
  font-size: 24px;
  font-weight: 700;
  top: 0;
  left: -5px;
  background: #6D2077;
  background-image: -webkit-linear-gradient(135deg, #E63888, #6D2077);
  background: linear-gradient(135deg, #E63888, #6D2077);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last, .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0), .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1), .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2), .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3), .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4), .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5), .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6), .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7), .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8), .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9), .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {
  display: block;
  left: 5px;
  right: auto;
  z-index: 2;
}
.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first, .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2), .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3), .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4), .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5), .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6), .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7), .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8), .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9), .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10), .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11), .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {
  display: block;
  right: 0;
  left: -5px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.step-progress {
  border-radius: 6px;
}
.step-progress .step-progress-wrapper {
  width: 100%;
}
.step-progress .step-progress-wrapper li {
  position: relative;
  list-style: none;
  counter-increment: stepNum;
  width: 33%;
  color: #757575;
  text-align: center;
}
.step-progress .step-progress-wrapper li a {
  text-decoration: none !important;
}
.step-progress .step-progress-wrapper li a[href="#0"] {
  pointer-events: none;
}
.step-progress .step-progress-wrapper li a:before {
  position: relative;
  z-index: 1;
  left: calc(50% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: counter(stepNum);
  width: 55px;
  height: 55px;
  border: 2px solid #757575;
  border-radius: 50%;
  font-size: 30px;
  background-color: #f4f4f4;
  margin-bottom: 10px;
}
.step-progress .step-progress-wrapper li a:after {
  content: "";
  position: absolute;
  top: 46px;
  left: 58%;
  width: 25vw;
  height: 2px;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  background-color: #757575;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .step-progress .step-progress-wrapper li a:after {
    left: 55%;
    width: 219px;
  }
}
.step-progress .step-progress-wrapper li:last-child a:after {
  width: 0px;
  height: 0px;
}
.step-progress .step-progress-wrapper li.active {
  color: #333333;
}
.step-progress .step-progress-wrapper li.active:last-child a:after {
  width: 0px;
  height: 0px;
}
.step-progress .step-progress-wrapper li.active a:before {
  color: #1D4F91;
  border-color: #1D4F91;
  border: double 2px transparent;
  background-image: linear-gradient(#f4f4f4, #f4f4f4), linear-gradient(135deg, #AF1685, #1D4F91);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.step-progress .step-progress-wrapper li.pass a:before {
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
  border: none;
  color: #FFFFFF;
}
.step-progress .step-progress-wrapper li.pass a:after {
  background-color: #6D2077;
}

.info-card-wrapper {
  color: #FFFFFF;
}
.info-card-wrapper .info-card-item {
  border-radius: 6px;
}
.info-card-wrapper .info-card-item div[class$=icon] {
  font-size: 50px;
}
@media screen and (max-width: 767.9px) {
  .info-card-wrapper .info-card-item div[class$=icon] {
    font-size: 40px;
  }
}
.info-card-wrapper .info-card-item div[class$=icon] span {
  vertical-align: top;
}
.info-card-wrapper .info-card-item p {
  line-height: 1.5;
}
.info-card-wrapper a {
  color: #FFFFFF;
}
.info-card-wrapper a:hover {
  color: #FFFFFF;
}

.collapsible-list-wrapper .collapsible-item.expanded .collapsible-ctrl-btn {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.collapsible-list-wrapper .collapsible-item div[class$=text] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 20px 0px 20px 30px;
}
@media screen and (max-width: 767.9px) {
  .collapsible-list-wrapper .collapsible-item div[class$=text] {
    padding: 20px 0px 20px 20px;
  }
}
.collapsible-list-wrapper .collapsible-item div[class$=text] div[class$=icon] {
  font-size: 50px;
}
@media screen and (max-width: 767.9px) {
  .collapsible-list-wrapper .collapsible-item div[class$=text] div[class$=icon] {
    font-size: 40px;
  }
}
.collapsible-list-wrapper .collapsible-item div[class$=text] div[class$=icon] span {
  vertical-align: top;
}
.collapsible-list-wrapper .collapsible-item div[class$=text] .supporting-text {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.collapsible-list-wrapper .collapsible-item div[class$=text] .supporting-text.collapsed {
  display: none;
  max-height: 0;
}
.collapsible-list-wrapper .collapsible-item .collapsible-ctrl-btn {
  margin: 20px 30px 20px 0;
  border: none;
  background-color: transparent;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .collapsible-list-wrapper .collapsible-item .collapsible-ctrl-btn {
    margin: 20px 20px 20px 0;
  }
}

.alternating-layout-wrapper {
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  .alternating-layout-wrapper .info-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .alternating-layout-wrapper .info-item:not(:first-child) {
    margin-top: 20px;
  }
}
.alternating-layout-wrapper .info-item .icon-wrapper {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item .icon-wrapper {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 767.9px) {
  .alternating-layout-wrapper .info-item .icon-wrapper {
    width: 60px;
    height: 60px;
  }
}
.alternating-layout-wrapper .info-item .icon-wrapper:after {
  position: absolute;
  content: "";
  height: 3px;
  width: 20vw;
  right: -20vw;
  top: 50%;
  z-index: 1;
  background-color: #426DA9;
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item .icon-wrapper:after {
    width: 62px;
    right: -60px;
  }
}
.alternating-layout-wrapper .info-item .text-wrapper {
  position: relative;
  z-index: 2;
  width: 70%;
  padding: 20px;
  font-size: 16px;
  border-radius: 6px;
  background-color: #FFFFFF;
  border: 3px solid #426DA9;
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item .text-wrapper {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item:nth-child(odd) .icon-wrapper:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 70px;
    left: -70px;
    top: 50%;
    z-index: 1;
    background-color: #426DA9;
  }
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item:nth-child(odd) .icon-wrapper:after {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item:nth-child(odd) .text-wrapper {
    left: -11%;
  }
}
@media screen and (min-width: 768px) {
  .alternating-layout-wrapper .info-item:nth-child(even) .text-wrapper {
    right: -49%;
  }
}

#carousel {
  position: relative;
  margin-bottom: 30px;
}
#carousel .tabpanel-hidden {
  display: none;
}
#carousel [role=tablist] {
  position: absolute;
  bottom: -30px;
  padding: 0;
  margin: 0;
  width: 95%;
  list-style-type: none;
}
@media screen and (max-width: 767.9px) {
  #carousel [role=tablist] {
    width: 100%;
  }
}
#carousel .tabpanel-tablist[role=tablist] li:focus {
  outline-offset: 0;
}
#carousel .tabpanel-tab[role=tab] {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 4px;
  padding: 6px;
  background: #bababa;
}
#carousel .tabpanel-tab[role=tab][aria-selected=true] {
  background: #6D2077;
  background-image: -webkit-linear-gradient(135deg, #E63888, #6D2077);
  background: linear-gradient(135deg, #E63888, #6D2077);
}
#carousel .tabpanels-wrapper {
  width: 95%;
  height: 205px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  background-color: #f4f4f4;
  margin: 0;
  padding: 20px 30px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
}
@media (max-width: 991.9px) and (min-width: 768px) {
  #carousel .tabpanels-wrapper {
    height: 210px;
  }
}
@media screen and (max-width: 767.9px) {
  #carousel .tabpanels-wrapper {
    padding: 20px;
    height: 180px;
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  #carousel .tabpanels-wrapper {
    height: 240px;
  }
}
@media screen and (max-width: 375px) {
  #carousel .tabpanels-wrapper {
    height: 300px;
  }
}
@media screen and (max-width: 320px) {
  #carousel .tabpanels-wrapper {
    height: 355px;
  }
}
#carousel .tabpanel-tabpanel[role=tabpanel] {
  width: 100%;
}
#carousel .tabpanel-button-bar {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767.9px) {
  #carousel .tabpanel-button-bar {
    width: 100%;
  }
}
#carousel .tabpanel-button-bar button {
  position: relative;
  border: none;
  background: transparent;
}
#carousel .tabpanel-button-bar button#prevButton {
  left: -35px;
}
#carousel .tabpanel-button-bar button#nextButton {
  position: absolute;
  right: -35px;
}
#carousel .tabpanel-button-bar button span {
  font-size: 24px;
  font-weight: 700;
  vertical-align: middle;
  background: #6D2077;
  background-image: -webkit-linear-gradient(135deg, #E63888, #6D2077);
  background: linear-gradient(135deg, #E63888, #6D2077);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.post-entry .bold-header {
  font-size: 28px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .post-entry .bold-header {
    font-size: 18px;
  }
}

@media screen and (max-width: 767.9px) {
  .cr-acct-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cr-acct-wrapper .installment-cr-acct {
  display: inline-block;
  width: 63%;
}
.cr-acct-wrapper .revolving-cr-acct {
  width: 33%;
  float: right;
}
.cr-acct-wrapper .installment-cr-acct,
.cr-acct-wrapper .revolving-cr-acct {
  border-radius: 15px;
}
@media screen and (max-width: 767.9px) {
  .cr-acct-wrapper .installment-cr-acct,
  .cr-acct-wrapper .revolving-cr-acct {
    width: 100%;
  }
}
.cr-acct-wrapper .installment-cr-acct-wrapper .installment-acct-icons-wrapper {
  display: inline-block;
}
.cr-acct-wrapper .installment-cr-acct-wrapper .installment-acct-icons-wrapper .icon-wrapper {
  width: 50%;
  float: left;
}
@media screen and (max-width: 767.9px) {
  .cr-acct-wrapper .installment-cr-acct-wrapper .installment-acct-icons-wrapper .icon-wrapper {
    width: 100%;
  }
}
.cr-acct-wrapper .installment-cr-acct-wrapper,
.cr-acct-wrapper .revolving-cr-acct-wrapper {
  display: inline-block;
}
.cr-acct-wrapper .installment-cr-acct-wrapper .icon-wrapper div[class$=icon],
.cr-acct-wrapper .revolving-cr-acct-wrapper .icon-wrapper div[class$=icon] {
  display: inline-block;
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 767.9px) {
  .cr-acct-wrapper .installment-cr-acct-wrapper .icon-wrapper div[class$=icon],
  .cr-acct-wrapper .revolving-cr-acct-wrapper .icon-wrapper div[class$=icon] {
    width: 45px;
    height: 45px;
  }
}
.cr-acct-wrapper .installment-cr-acct-wrapper .icon-wrapper div[class$=text],
.cr-acct-wrapper .revolving-cr-acct-wrapper .icon-wrapper div[class$=text] {
  display: inline-block;
  width: calc(100% - 60px);
  padding-left: 15px;
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (max-width: 767.9px) {
  .cr-acct-wrapper .installment-cr-acct-wrapper .icon-wrapper div[class$=text],
  .cr-acct-wrapper .revolving-cr-acct-wrapper .icon-wrapper div[class$=text] {
    width: calc(100% - 45px);
    font-size: 14px;
    line-height: 1.4;
  }
}

.acct-info {
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  .acct-info > div[class$=wrapper] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 991.9px) and (min-width: 768px) {
  .acct-info .interest-rate-wrapper {
    margin-top: -25px !important;
    margin-bottom: -25px;
  }
}
@media screen and (min-width: 992px) {
  .acct-info .interest-rate-wrapper {
    margin-top: -15px !important;
    margin-bottom: -15px;
  }
}
.acct-info .icon-wrapper {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper.lender-icon-wrapper:before, .acct-info .icon-wrapper.out-bal-icon-wrapper:before, .acct-info .icon-wrapper.due-date-icon-wrapper:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 70px;
    left: -70px;
    top: 50%;
    z-index: 1;
  }
}
.acct-info .icon-wrapper:after {
  position: absolute;
  content: "";
  height: 3px;
  width: 20vw;
  right: -20vw;
  top: 50%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper:after {
    width: 62px;
    right: -60px;
  }
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper.lender-icon-wrapper:before {
    background-color: #1D4F91;
  }
}
@media screen and (max-width: 767.9px) {
  .acct-info .icon-wrapper.lender-icon-wrapper:after {
    background-color: #1D4F91;
  }
}
.acct-info .icon-wrapper.interest-rate-icon-wrapper:after {
  background-color: #426DA9;
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper.out-bal-icon-wrapper:before {
    background-color: #6D2077;
  }
}
@media screen and (max-width: 767.9px) {
  .acct-info .icon-wrapper.out-bal-icon-wrapper:after {
    background-color: #6D2077;
  }
}
.acct-info .icon-wrapper.min-pmt-icon-wrapper:after {
  background-color: #AF1685;
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper.due-date-icon-wrapper:before {
    background-color: #E63888;
  }
}
@media screen and (max-width: 767.9px) {
  .acct-info .icon-wrapper.due-date-icon-wrapper:after {
    background-color: #E63888;
  }
}
@media screen and (min-width: 768px) {
  .acct-info .icon-wrapper {
    width: 100px;
    height: 100px;
  }
}
.acct-info .text-wrapper {
  position: relative;
  z-index: 2;
  width: 70%;
  padding: 20px;
  font-size: 16px;
  border-radius: 6px;
  background-color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .acct-info .text-wrapper {
    width: 35%;
  }
}
@media screen and (min-width: 768px) {
  .acct-info .text-wrapper.lender-text, .acct-info .text-wrapper.out-bal-text, .acct-info .text-wrapper.due-date-text {
    left: -14%;
  }
}
@media screen and (min-width: 768px) {
  .acct-info .text-wrapper.interest-rate-text, .acct-info .text-wrapper.min-pmt-text {
    right: -51%;
  }
}
.acct-info .lender-text {
  border: 3px solid #1D4F91;
}
.acct-info .interest-rate-text {
  border: 3px solid #426DA9;
}
.acct-info .out-bal-text {
  border: 3px solid #6D2077;
}
.acct-info .min-pmt-text {
  border: 3px solid #AF1685;
}
.acct-info .due-date-text {
  border: 3px solid #E63888;
}

.crm-action-plan thead .gradient-raspberry-darkblue th {
  background-color: transparent;
}

#cr-report-checklist {
  display: inline-block;
}
#cr-report-checklist > div[class$=wrapper] {
  position: relative;
  border-radius: 6px;
  margin-top: 20px;
  padding: 20px;
  width: calc(100% - 35px);
  float: right;
}
@media screen and (min-width: 768px) {
  #cr-report-checklist > div[class$=wrapper] {
    width: calc(100% - 40px);
  }
}
#cr-report-checklist .name-address-wrapper {
  border: 3px solid #1D4F91;
}
#cr-report-checklist .acct-stat-wrapper {
  border: 3px solid #426DA9;
}
#cr-report-checklist .acct-wrapper {
  border: 3px solid #6D2077;
}
#cr-report-checklist .num-acct-wrapper {
  border: 3px solid #AF1685;
}
#cr-report-checklist .acct-bal-wrapper {
  border: 3px solid #E63888;
}
#cr-report-checklist .checklist-icon {
  width: 70px;
  height: 70px;
  position: absolute;
  left: -34px;
  top: 20px;
}
@media screen and (min-width: 768px) {
  #cr-report-checklist .checklist-icon {
    width: 80px;
    height: 80px;
    left: -39px;
  }
}
#cr-report-checklist div[class$=text] {
  width: calc(100% - 30px);
  float: right;
}
@media screen and (min-width: 768px) {
  #cr-report-checklist div[class$=text] {
    width: calc(100% - 50px);
  }
}

.monthly-exp,
.periodic-exp,
.variable-exp {
  border-radius: 6px;
}
.monthly-exp .icon-wrapper,
.periodic-exp .icon-wrapper,
.variable-exp .icon-wrapper {
  display: inline-block;
  width: 95px;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 767.9px) {
  .monthly-exp .icon-wrapper,
  .periodic-exp .icon-wrapper,
  .variable-exp .icon-wrapper {
    width: 70px;
    margin: 10px;
  }
}
.monthly-exp .icon-wrapper div[class$=icon],
.periodic-exp .icon-wrapper div[class$=icon],
.variable-exp .icon-wrapper div[class$=icon] {
  display: inline-block;
  width: 65px;
  height: 65px;
  padding: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  background-position-y: bottom;
  background-position-x: center;
}
.monthly-exp .icon-wrapper div[class$=text],
.periodic-exp .icon-wrapper div[class$=text],
.variable-exp .icon-wrapper div[class$=text] {
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .monthly-exp .icon-wrapper .transportation-text,
  .periodic-exp .icon-wrapper .transportation-text,
  .variable-exp .icon-wrapper .transportation-text {
    margin-left: -10px;
  }
}
@media screen and (max-width: 767.9px) {
  .monthly-exp .icon-wrapper .entertainment-text,
  .periodic-exp .icon-wrapper .entertainment-text,
  .variable-exp .icon-wrapper .entertainment-text {
    margin-left: -5px;
  }
}

.budget-breakdown {
  border-radius: 6px;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.budget-breakdown .input-wrapper {
  position: relative;
  display: inline-block;
  width: 40%;
  margin-right: 20px;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .input-wrapper {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
  }
}
.budget-breakdown .input-wrapper input[name=income-value] {
  padding: 17px 30px;
  border: none;
  background: #FFFFFF;
  border-radius: 6px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}
.budget-breakdown .input-wrapper .currency-unit {
  display: inline-block;
  position: absolute;
  left: 0px !important;
  top: 28%;
  padding-left: 18px;
}
.budget-breakdown .input-wrapper .currency-unit:before {
  content: "$";
  font-size: 16px;
  font-weight: 500;
}
.budget-breakdown .submit-btn-wrapper {
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .submit-btn-wrapper {
    width: 100%;
  }
}
.budget-breakdown .budget-segment {
  width: 100%;
  height: 55px;
  margin: 20px 0;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment {
    width: 80px;
    height: 450px;
    margin: 30px auto;
  }
}
.budget-breakdown .budget-segment .needs,
.budget-breakdown .budget-segment .wants,
.budget-breakdown .budget-segment .savings {
  display: inline-block;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .needs,
  .budget-breakdown .budget-segment .wants,
  .budget-breakdown .budget-segment .savings {
    left: -50px;
  }
}
.budget-breakdown .budget-segment .needs .text-wrapper,
.budget-breakdown .budget-segment .wants .text-wrapper,
.budget-breakdown .budget-segment .savings .text-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #FFFFFF;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .needs .text-wrapper,
  .budget-breakdown .budget-segment .wants .text-wrapper,
  .budget-breakdown .budget-segment .savings .text-wrapper {
    top: 40%;
    left: 105%;
    color: #333333;
    -webkit-transform: none;
            transform: none;
    width: 100px;
  }
}
.budget-breakdown .budget-segment .needs .text-wrapper span,
.budget-breakdown .budget-segment .wants .text-wrapper span,
.budget-breakdown .budget-segment .savings .text-wrapper span {
  display: block;
}
.budget-breakdown .budget-segment .needs .text-wrapper span:first-child,
.budget-breakdown .budget-segment .wants .text-wrapper span:first-child,
.budget-breakdown .budget-segment .savings .text-wrapper span:first-child {
  font-weight: 700;
}
.budget-breakdown .budget-segment .needs .text-wrapper span:last-child,
.budget-breakdown .budget-segment .wants .text-wrapper span:last-child,
.budget-breakdown .budget-segment .savings .text-wrapper span:last-child {
  font-size: 14px;
}
.budget-breakdown .budget-segment .needs {
  width: 50%;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .needs {
    width: 100%;
    height: 50%;
  }
}
.budget-breakdown .budget-segment .needs::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 110%;
  z-index: 0;
  background: #AF1685;
  background-image: -webkit-linear-gradient(135deg, #E63888, #AF1685);
  background: linear-gradient(135deg, #E63888, #AF1685);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .needs::after {
    border-bottom-left-radius: unset;
    border-top-right-radius: 50px;
    height: 120%;
    width: 100%;
  }
}
.budget-breakdown .budget-segment .wants {
  width: 30%;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .wants {
    width: 100%;
    height: 30%;
  }
}
.budget-breakdown .budget-segment .wants::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 120%;
  z-index: 0;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #426DA9, #1D4F91);
  background: linear-gradient(135deg, #426DA9, #1D4F91);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .wants::after {
    border-bottom-left-radius: unset;
    border-top-right-radius: 50px;
    height: 130%;
    width: 100%;
  }
}
.budget-breakdown .budget-segment .savings {
  width: 20%;
  background-color: #2FBA78;
  border-radius: 50px;
}
@media screen and (max-width: 767.9px) {
  .budget-breakdown .budget-segment .savings {
    width: 100%;
    height: 20%;
  }
}

.bal-trans-cc,
.debt-cons {
  width: 180px;
  margin: 30px 60px 20px 0;
  float: left;
}
@media screen and (max-width: 767.9px) {
  .bal-trans-cc,
  .debt-cons {
    width: 100px;
    margin: 30px 30px 10px 0;
  }
}

@media screen and (max-width: 767.9px) {
  .debt-alternative-strategies > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .debt-alternative-strategies > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2) {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies > label {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .debt-alternative-strategies > label {
    width: 49.5%;
    padding: 20px;
    font-size: 16px;
    color: #bababa;
    margin-bottom: 0;
    margin-left: -2px;
    cursor: pointer;
    vertical-align: top;
    background-color: #f4f4f4;
  }
}
@media screen and (max-width: 320px) {
  .debt-alternative-strategies > label {
    padding: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .debt-alternative-strategies > label[for=avalance-method-tab] {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
}
@media screen and (max-width: 767.9px) {
  .debt-alternative-strategies > label[for=snowball-method-tab] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
.debt-alternative-strategies > input:checked + label {
  border-radius: 6px;
  color: #FFFFFF;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #333333, #1D4F91);
  background: linear-gradient(135deg, #333333, #1D4F91);
}
.debt-alternative-strategies > label:hover, .debt-alternative-strategies > input:focus + label {
  color: #333333;
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies #debt-avalance-method {
    margin-right: 28px;
  }
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies .tab-panels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767.9px) {
  .debt-alternative-strategies .tab-panels {
    background-color: #FFFFFF;
  }
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies #debt-avalance-method,
  .debt-alternative-strategies #debt-snowball-method {
    display: inline-block;
    width: 48%;
    padding: 20px;
    border-radius: 6px;
    background-color: #f4f4f4;
  }
}
.debt-alternative-strategies #debt-avalance-method:after,
.debt-alternative-strategies #debt-snowball-method:after {
  content: none;
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies #debt-avalance-method h3,
  .debt-alternative-strategies #debt-snowball-method h3 {
    padding: 15px 20px;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 21px;
    background: #1D4F91;
    background-image: -webkit-linear-gradient(135deg, #333333, #1D4F91);
    background: linear-gradient(135deg, #333333, #1D4F91);
  }
}
@media screen and (max-width: 767.9px) {
  .debt-alternative-strategies #debt-avalance-method h3,
  .debt-alternative-strategies #debt-snowball-method h3 {
    display: none;
  }
}
.debt-alternative-strategies #debt-avalance-method .definition,
.debt-alternative-strategies #debt-avalance-method .who,
.debt-alternative-strategies #debt-avalance-method .first-priority,
.debt-alternative-strategies #debt-avalance-method .next-steps,
.debt-alternative-strategies #debt-snowball-method .definition,
.debt-alternative-strategies #debt-snowball-method .who,
.debt-alternative-strategies #debt-snowball-method .first-priority,
.debt-alternative-strategies #debt-snowball-method .next-steps {
  border-radius: 6px;
  padding: 20px;
  margin-top: 20px;
}
.debt-alternative-strategies #debt-avalance-method .definition p,
.debt-alternative-strategies #debt-avalance-method .who p,
.debt-alternative-strategies #debt-avalance-method .first-priority p,
.debt-alternative-strategies #debt-avalance-method .next-steps p,
.debt-alternative-strategies #debt-snowball-method .definition p,
.debt-alternative-strategies #debt-snowball-method .who p,
.debt-alternative-strategies #debt-snowball-method .first-priority p,
.debt-alternative-strategies #debt-snowball-method .next-steps p {
  margin: 0;
}
.debt-alternative-strategies #debt-avalance-method .definition,
.debt-alternative-strategies #debt-snowball-method .definition {
  border: 3px solid #426DA9;
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies #debt-avalance-method .definition,
  .debt-alternative-strategies #debt-snowball-method .definition {
    min-height: 280px;
  }
}
.debt-alternative-strategies #debt-avalance-method .who,
.debt-alternative-strategies #debt-snowball-method .who {
  border: 3px solid #6D2077;
}
@media (max-width: 991.9px) and (min-width: 768px) {
  .debt-alternative-strategies #debt-avalance-method .who,
  .debt-alternative-strategies #debt-snowball-method .who {
    min-height: 250px;
  }
}
.debt-alternative-strategies #debt-avalance-method .first-priority,
.debt-alternative-strategies #debt-snowball-method .first-priority {
  border: 3px solid #AF1685;
}
.debt-alternative-strategies #debt-avalance-method .next-steps,
.debt-alternative-strategies #debt-snowball-method .next-steps {
  border: 3px solid #E63888;
}
@media screen and (min-width: 768px) {
  .debt-alternative-strategies #debt-avalance-method .next-steps,
  .debt-alternative-strategies #debt-snowball-method .next-steps {
    min-height: 320px;
  }
}

@media screen and (max-width: 767.9px) {
  .fico-score-text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.fico-score-text-wrapper .fico-score-wrapper {
  width: 350px;
  height: 260px;
}
@media screen and (min-width: 768px) {
  .fico-score-text-wrapper .fico-score-wrapper {
    float: right;
    margin-left: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .fico-score-text-wrapper .fico-score-wrapper {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 30px 0;
    width: 320px;
  }
}
.fico-score-text-wrapper .fico-score-wrapper #score-band-container {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767.9px) {
  .fico-score-text-wrapper .fico-score-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media screen and (max-width: 767.9px) {
  .saving-calc .saving-form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.saving-calc .saving-form .input-wrapper {
  position: relative;
}
.saving-calc .saving-form .input-wrapper input {
  border: none;
  background-color: #f4f4f4;
  padding: 15px 20px 15px 28px;
  border-radius: 6px;
  margin: 0 10px;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 425px) {
  .saving-calc .saving-form .input-wrapper input {
    width: 110px;
  }
}
.saving-calc .saving-form .input-wrapper .currency-unit {
  display: inline-block;
  position: absolute;
  left: 0px !important;
  top: 27%;
  padding-left: 25px;
}
.saving-calc .saving-form .input-wrapper .currency-unit:before {
  content: "$";
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .saving-calc .saving-form .submit-btn-wrapper {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .saving-calc .saving-breakdown {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.saving-calc .saving-breakdown > div {
  border-radius: 6px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .saving-calc .saving-breakdown > div {
    width: 30%;
    margin-left: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .saving-calc .saving-breakdown > div {
    margin-bottom: 20px;
  }
}
.saving-calc .saving-breakdown > div div[class$=img-container] {
  margin-bottom: 10px;
  width: 100%;
  height: 66px;
}
@media screen and (min-width: 768px) {
  .saving-calc .saving-breakdown > div div[class$=img-container] {
    height: 100px;
  }
}
@media screen and (max-width: 767.9px) {
  .saving-calc .saving-breakdown > div div[class$=img-container] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.saving-calc .saving-breakdown > div div[class$=img-container] img {
  width: 90px;
}
@media screen and (max-width: 767.9px) {
  .saving-calc .saving-breakdown > div div[class$=img-container] img {
    width: 60px;
  }
}
.saving-calc .saving-breakdown > div > div[class$=content] p {
  margin: 0;
  text-align: center;
}
.saving-calc .saving-breakdown > div > div[class$=content] p:not([class$=amt]):not([class$=label]) {
  font-size: 12px;
  line-height: 1.5;
}
.saving-calc .saving-breakdown > div > div[class$=content] p[class$=amt],
.saving-calc .saving-breakdown > div > div[class$=content] p[class$=label] {
  font-weight: 500;
  line-height: 1.4;
}
.saving-calc .saving-breakdown > div > div[class$=content] p[class$=amt] {
  font-size: 28px;
}
@media screen and (max-width: 767.9px) {
  .saving-calc .saving-breakdown > div > div[class$=content] p[class$=amt] {
    font-size: 24px;
  }
}
.saving-calc .saving-breakdown > div > div[class$=content] p[class$=label] {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .saving-calc .saving-breakdown > div .vacay-content {
    max-height: 247px;
  }
}

.down-pmt-breakdown {
  border-radius: 6px;
}
.down-pmt-breakdown .dt-graphic {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .down-pmt-breakdown .dt-graphic {
    height: 345px;
  }
}
.down-pmt-breakdown .mb-graphic {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .interest-graph-wrapper .dt-graph-wrapper .dt-graph {
    width: 100%;
    height: 170px;
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) {
  .interest-graph-wrapper .dt-graph-wrapper .dt-key {
    height: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .interest-graph-wrapper .mb-graph-wrapper .mb-graph {
    width: 100%;
    border-radius: 6px;
  }
}

.dti-wrapper {
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .dti-wrapper {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .dti-wrapper .dti-36-wrapper,
  .dti-wrapper .dti-45-wrapper,
  .dti-wrapper .dti-50-wrapper {
    width: 30%;
  }
}
.dti-wrapper .dti-36-wrapper div[class$=icon-wrapper],
.dti-wrapper .dti-45-wrapper div[class$=icon-wrapper],
.dti-wrapper .dti-50-wrapper div[class$=icon-wrapper] {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.dti-wrapper .dti-36-wrapper div[class$=icon-wrapper] img,
.dti-wrapper .dti-45-wrapper div[class$=icon-wrapper] img,
.dti-wrapper .dti-50-wrapper div[class$=icon-wrapper] img {
  height: 100%;
}
.dti-wrapper .dti-36-wrapper p,
.dti-wrapper .dti-45-wrapper p,
.dti-wrapper .dti-50-wrapper p {
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .dti-section {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.9px) {
  .dti-section {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) {
  .dti-section .dti-form-wrapper {
    width: 35%;
  }
}
.dti-section .dti-form-wrapper .input-wrapper {
  position: relative;
}
.dti-section .dti-form-wrapper .input-wrapper input {
  border: none;
  padding: 15px 20px;
  border-radius: 6px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .dti-section .dti-form-wrapper .input-wrapper input {
    width: 85%;
    background-color: #f4f4f4;
  }
}
@media screen and (max-width: 767.9px) {
  .dti-section .dti-form-wrapper .input-wrapper input {
    width: 100%;
  }
}
.dti-section .dti-form-wrapper .input-wrapper .currency-unit {
  display: none;
  position: absolute;
  left: 0px !important;
  top: 25%;
  padding-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .dti-section .dti-form-wrapper .input-wrapper .currency-unit {
    top: 28%;
  }
}
.dti-section .dti-form-wrapper .input-wrapper .currency-unit:before {
  content: "$";
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .dti-section .dti-form-wrapper .input-wrapper .currency-unit:before {
    font-size: 14px;
  }
}
.dti-section .dti-form-wrapper .input-wrapper .currency-unit.show-currency {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .dti-section .dti-result-display {
    width: 65%;
    border-radius: 6px;
  }
}
@media screen and (max-width: 767.9px) {
  .dti-section .dti-result-display .dti-graph-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.dti-section .dti-result-display .dti-graph-wrapper .circular-progress {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: 0 auto;
}
.dti-section .dti-result-display .dti-graph-wrapper .circular-progress svg {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.dti-section .dti-result-display .dti-graph-wrapper .circular-progress circle {
  fill: none;
}
.dti-section .dti-result-display .dti-graph-wrapper .circular-progress circle:nth-of-type(1) {
  stroke-width: 2;
  stroke: #dddddd;
}
.dti-section .dti-result-display .dti-graph-wrapper .circular-progress circle:nth-of-type(2) {
  stroke-width: 12;
  stroke-dashoffset: 75.4285714286;
  -webkit-transition: stroke-dashoffset 1s linear;
  transition: stroke-dashoffset 1s linear;
}
.dti-section .dti-result-display .dti-graph-wrapper .circular-progress .dti-ratio-display {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 500;
}
.dti-section .dti-result-display .dti-graph-wrapper .dti-ratio-label {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .dti-section .dti-result-display .dti-graph-wrapper .dti-ratio-label {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 767.9px) {
  .step-progress.house-action-plans li {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  .exploring-homes.alternating-layout-wrapper .property-type-wrapper {
    margin: -125px 0 -70px 0;
  }
}
@media screen and (min-width: 768px) {
  .exploring-homes.alternating-layout-wrapper .outdoor-space-wrapper {
    margin: -90px 0 -70px 0;
  }
}
@media screen and (min-width: 768px) {
  .exploring-homes.alternating-layout-wrapper .school-wrapper {
    margin-top: -110px;
  }
}

.crm-house-heading {
  counter-increment: heading-counter; /* Create a counter ("heading-counter") */
}
.crm-house-heading h2 {
  position: relative;
  background-color: #f4f4f4;
  color: #1D4F91;
  padding: 25px 50px;
  border-radius: 6px;
  width: 60%;
  margin-left: 25px;
}
@media screen and (max-width: 767.9px) {
  .crm-house-heading h2 {
    width: calc(100% - 60px);
    padding: 25px 45px;
  }
}
.crm-house-heading h2:before {
  content: counter(heading-counter); /* increse heading-counter by 1 */
  position: absolute;
  z-index: 1;
  left: -25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #AF1685, #1D4F91);
  background: linear-gradient(135deg, #AF1685, #1D4F91);
  color: #FFFFFF;
}
.crm-house-heading h2:after {
  content: "";
  position: absolute;
  right: -60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100px;
  height: 100%;
}
@media screen and (max-width: 767.9px) {
  .crm-house-heading h2:after {
    width: 80px;
    right: -40px;
  }
}

.offer-heading h2:after {
  background: url("/blogs/ask-experian/wp-content/img/house/step-3/icon_offer.png") no-repeat center/90%;
}

.mortgage-app-heading h2:after {
  background: url("/blogs/ask-experian/wp-content/img/house/step-3/icon_application.png") no-repeat center/90%;
}
@media screen and (max-width: 767.9px) {
  .mortgage-app-heading h2:after {
    background-size: contain;
  }
}

.inspection-heading h2:after {
  background: url("/blogs/ask-experian/wp-content/img/house/step-3/icon_inspect.png") no-repeat center/80%;
}

.closing-proc-heading h2:after {
  width: 120px;
  background: url("/blogs/ask-experian/wp-content/img/house/step-3/icon_sold.png") no-repeat center/100%;
}
@media screen and (max-width: 767.9px) {
  .closing-proc-heading h2:after {
    width: 90px;
  }
}

.closing-process div {
  border-radius: 6px;
}

.monthly-exp.auto .icon-wrapper,
.periodic-exp.auto .icon-wrapper {
  margin-top: 20px;
  width: 115px;
}
@media screen and (max-width: 767.9px) {
  .monthly-exp.auto .icon-wrapper,
  .periodic-exp.auto .icon-wrapper {
    width: 105px;
    margin: 20px 0 0;
  }
}

#avg-autoloan-tbl {
  left: 0;
}
#avg-autoloan-tbl .avg-term-header {
  max-width: 215px;
}

.collapsible-list-wrapper.fin-terms-wrapper div {
  border-radius: 6px;
  color: #FFFFFF;
}
.collapsible-list-wrapper.fin-terms-wrapper div div[class$=text] {
  padding: 20px 0px 20px 20px;
}
@media screen and (max-width: 767.9px) {
  .collapsible-list-wrapper.fin-terms-wrapper div div[class$=text] {
    padding: 20px 0px 20px 15px;
  }
}
.collapsible-list-wrapper.fin-terms-wrapper div .collapsible-ctrl-btn {
  margin: 20px 20px 20px 0;
}
@media screen and (max-width: 767.9px) {
  .collapsible-list-wrapper.fin-terms-wrapper div .collapsible-ctrl-btn {
    margin: 20px 15px 20px 0;
  }
}

.tab-component {
  max-width: 750px;
}
.tab-component [role=tablist] {
  background-color: #f4f4f4;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767.9px) {
  .tab-component [role=tablist] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.tab-component [role=presentation] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  list-style-type: none;
}
.tab-component [role=tab] {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  background-color: transparent;
  border: none;
  color: #bababa;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
  -webkit-transition: background-color 150ms;
  transition: background-color 150ms;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767.9px) {
  .tab-component [role=tab] {
    width: 33%;
    font-size: 16px;
  }
}
.tab-component [role=tab]:hover {
  color: #1D4F91;
}
.tab-component [role=tab][aria-selected=true] {
  color: #FFFFFF;
  background: #1D4F91;
  background-image: -webkit-linear-gradient(135deg, #333333, #1D4F91);
  background: linear-gradient(135deg, #333333, #1D4F91);
  border-radius: 6px;
}
.tab-component [role=tabpanel][aria-hidden=true] {
  display: none;
}
.tab-component [role=tabpanel] .content-item {
  border-radius: 6px;
}
.tab-component .bottom-nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.tab-component .bottom-nav ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0;
}
.tab-component .bottom-nav ul li button {
  cursor: pointer;
  border-radius: 50%;
  border: none;
  margin: 0 4px;
  padding: 6px;
  background: #dddddd;
}
.tab-component .bottom-nav ul li button:focus {
  outline-offset: 0px;
}
.tab-component .bottom-nav ul li button[aria-selected=true] {
  background-color: #123058;
}

.finalize-price-wrapper li {
  border-radius: 6px;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.finalize-price-wrapper li:hover {
  background: #426DA9;
  background-image: -webkit-linear-gradient(135deg, #426DA9, #123058);
  background: linear-gradient(135deg, #426DA9, #123058);
  color: #FFFFFF;
}
.finalize-price-wrapper li:hover .num {
  opacity: 1;
  border: 0;
  background: #123058;
  background-image: -webkit-linear-gradient(60deg, #1D4F91, #123058);
  background: linear-gradient(60deg, #1D4F91, #123058);
  color: #FFFFFF;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.finalize-price-wrapper li:hover a {
  color: #FFFFFF;
}
.finalize-price-wrapper li .num {
  position: relative;
  left: -50px;
  height: 60px;
  width: 60px;
  opacity: 0.7;
  border: 3px solid #123058;
  border-radius: 50%;
  color: #123058;
  font-size: 35px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .finalize-price-wrapper li .num {
    left: -67px;
    height: 75px;
    width: 75px;
    border: 4px solid #123058;
    font-size: 40px;
  }
}
.finalize-price-wrapper li p {
  position: relative;
  left: -30px;
}

.car-payment-comparison-calc #calc-form .loan-group {
  position: relative;
}
.car-payment-comparison-calc #calc-form .vehiclePrice-wrapper {
  width: 100%;
  margin-bottom: 20px;
}
.car-payment-comparison-calc #calc-form .vehiclePrice-wrapper #calc-vehiclePrice {
  padding-left: 25px;
}
.car-payment-comparison-calc #calc-form .vehiclePrice-wrapper #calc-vehiclePrice + span {
  display: inline-block;
  position: absolute;
  left: 0px !important;
  top: 30%;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc #calc-form .vehiclePrice-wrapper #calc-vehiclePrice + span {
    top: 27%;
  }
}
.car-payment-comparison-calc #calc-form .vehiclePrice-wrapper #calc-vehiclePrice + span:before {
  content: "$";
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc #calc-form .vehiclePrice-wrapper #calc-vehiclePrice + span:before {
    font-size: 16px;
  }
}
.car-payment-comparison-calc #calc-form .autoRate-wrapper {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc #calc-form .autoRate-wrapper {
    display: inline-block;
    width: 48%;
    margin-top: 0;
  }
}
.car-payment-comparison-calc #calc-form .autoRate-wrapper span[class$=unit] {
  display: inline-block;
  position: absolute;
  left: auto;
  right: 20px;
  top: 28%;
}
.car-payment-comparison-calc #calc-form .term-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc #calc-form .term-wrapper {
    display: inline-block;
    width: 48%;
    margin-right: 4%;
  }
}
.car-payment-comparison-calc #calc-form .term-wrapper .term-input-container:before {
  content: "\e9de";
  font-family: experian-icons;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
}
.car-payment-comparison-calc #calc-form .term-wrapper select {
  width: 100%;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .car-payment-comparison-calc #calc-form .term-wrapper select {
    font-size: 16px;
  }
}
.car-payment-comparison-calc #calc-form #add-option,
.car-payment-comparison-calc #calc-form .remove-card {
  border: none;
  background: transparent;
}
.car-payment-comparison-calc #calc-form .remove-card {
  position: absolute;
  top: 60px;
  right: 0px;
}
.car-payment-comparison-calc #calc-form .loan-label {
  font-size: 16px;
  line-height: 1.5;
}

.car-payment-comparison-calc .calc-details .num-of-pmts {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc .calc-details .num-of-pmts {
    font-size: 16px;
  }
}
.car-payment-comparison-calc .calc-details .num-of-pmts span {
  float: right;
}

@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .single-loan-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .single-loan-option .payoff-date-wrapper {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .single-loan-option #calc-chart {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .single-loan-option .calc-pmt-details {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.car-payment-comparison-calc #calc-info .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table {
    display: block;
  }
}
.car-payment-comparison-calc #calc-info .table.table-3cols > .table-cell {
  width: 33.33%;
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table.table-3cols > .table-cell {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc #calc-info .table.table-3cols > .table-cell.loan2 {
    border-top-right-radius: 6px;
  }
}
.car-payment-comparison-calc #calc-info .table.table-4cols > .table-cell {
  width: 25%;
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table.table-4cols > .table-cell {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .car-payment-comparison-calc #calc-info .table.table-4cols > .table-cell.loan3 {
    border-top-right-radius: 6px;
  }
}
.car-payment-comparison-calc #calc-info .table .table-cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 15px;
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  font-weight: 500;
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table .table-cell {
    width: 100%;
    border: transparent;
  }
  .car-payment-comparison-calc #calc-info .table .table-cell[data-th] {
    text-align: end;
  }
  .car-payment-comparison-calc #calc-info .table .table-cell[data-th]:before {
    content: attr(data-th);
    float: left;
    font-weight: 400;
  }
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table .table-cell.table-chart {
    padding: 20px 15px 30px;
  }
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table .table-cell:not(.table-cell--head):not(.table-chart) {
    padding: 20px 15px 0;
  }
}
.car-payment-comparison-calc #calc-info .table .table-cell--head {
  font-weight: 500;
  background-color: #123058;
}
@media all and (max-width: 767.9px) {
  .car-payment-comparison-calc #calc-info .table .table-cell--head.loan1 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}
.car-payment-comparison-calc #calc-info .table .table-cell-left-label {
  border-left: transparent;
  font-weight: 500;
}
.car-payment-comparison-calc #calc-info .table .table-cell-left-label:first-child {
  background-color: #123058;
}
@media screen and (min-width: 320px) {
  .car-payment-comparison-calc #calc-info .table .table-cell-left-label:first-child {
    border-top-left-radius: 6px;
  }
}

#cm-token-accordion {
  /* Accordion styles */
}
#cm-token-accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#cm-token-accordion .tabs {
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
#cm-token-accordion .tab {
  width: 100%;
  overflow: hidden;
}
#cm-token-accordion .tab-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em;
  background: #AF1685;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
#cm-token-accordion .tab-label:hover {
  background: #AF1685;
}
#cm-token-accordion .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  color: #FFFFFF;
}
#cm-token-accordion .tab-content {
  max-height: 0;
  padding: 0 1em;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
#cm-token-accordion .tab-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #AF1685;
  cursor: pointer;
}
#cm-token-accordion .tab-close:hover {
  background: #AF1685;
}
#cm-token-accordion input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#cm-token-accordion input:checked ~ .tab-content {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 1em;
}
#cm-token-accordion ul li {
  margin-left: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}

.blog_accordion {
  margin: 30px 0;
  width: 100%;
  list-style-type: none !important;
  padding: 0;
}
@media (min-width: 530px) {
  .blog_accordion {
    padding: 0 10px 0 0;
  }
}
.blog_accordion .blog_accordion__item {
  border-bottom: 1px solid #ddd;
  list-style: none !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.blog_accordion .blog_accordion__item button {
  border: none;
  background: none;
  text-align: left;
}
.blog_accordion .blog_accordion__item button.blog_accordion__title {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  padding: 12px 16px 12px 0;
  --accordion-icon: "+";
}
.blog_accordion .blog_accordion__item button.blog_accordion__title > span {
  padding: 5px;
}
.blog_accordion .blog_accordion__item button.blog_accordion__title:focus {
  outline: auto #1D4F91;
}
.blog_accordion .blog_accordion__item button.blog_accordion__title:focus:not(:focus-visible) {
  outline: none;
}
.blog_accordion .blog_accordion__item button.blog_accordion__title:hover {
  cursor: pointer;
}
.blog_accordion .blog_accordion__item button.blog_accordion__title::after {
  content: var(--accordion-icon);
  position: absolute;
  font-family: experian-icons;
  right: 5px;
  top: 10%;
  margin-top: 2px;
  font-weight: 600;
  line-height: 1;
  font-size: 1.5em;
}
@media screen and (max-width: 620px) {
  .blog_accordion .blog_accordion__item button.blog_accordion__title::after {
    font-size: 1.4em;
    font-weight: 500;
  }
}
.blog_accordion .blog_accordion__item button.blog_accordion__title[aria-expanded=true]:after {
  content: "−";
}
@media screen and (min-width: 768px) {
  .blog_accordion .blog_accordion__item button.blog_accordion__title {
    padding: 16px 32px 16px 0;
    font-size: 20px;
    line-height: 25px;
  }
}
.blog_accordion .blog_accordion__item .blog_accordion__content {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 5px;
}
.blog_accordion .blog_accordion__item .blog_accordion__content h1,
.blog_accordion .blog_accordion__item .blog_accordion__content h2,
.blog_accordion .blog_accordion__item .blog_accordion__content h3,
.blog_accordion .blog_accordion__item .blog_accordion__content h4,
.blog_accordion .blog_accordion__item .blog_accordion__content h5,
.blog_accordion .blog_accordion__item .blog_accordion__content h6 {
  margin-bottom: 10px;
  margin-top: 0;
}
.blog_accordion .blog_accordion__item .blog_accordion__content ul, .blog_accordion .blog_accordion__item .blog_accordion__content p {
  margin-bottom: 10px;
}
.blog_accordion .blog_accordion__item .blog_accordion__content table + small + p {
  margin-top: 20px;
}

.sav-detail.expand {
  margin: 24px auto;
  padding: 18px;
  background: #77127B;
  border-radius: 12px;
  color: #fff;
}
.sav-detail.expand > li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.sav-detail.expand > li:hover {
  cursor: pointer;
}
.sav-detail.expand > li:hover > *:not(#nhd-content) {
  cursor: pointer;
}
.sav-detail.expand > li label[class^=tab] {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin: 0;
  padding: 2px;
}
@media (max-width: 768px) {
  .sav-detail.expand > li label[class^=tab] {
    font-size: 18px;
    line-height: 20px;
    max-width: calc(100% - 10px);
  }
}
.sav-detail.expand > li label[class^=tab] .hlpbx-icon {
  width: 48px;
  height: 48px;
  padding: 8px;
  border-radius: 40px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #54C2B8;
}
.sav-detail.expand > li label[class^=tab] .lead-content {
  display: block;
  margin-right: 15px;
}
.sav-detail.expand > li label[class^=tab] .lead-content .h5 {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}
@media (max-width: 660px) {
  .sav-detail.expand > li label[class^=tab] .lead-content .h5 {
    font-size: 18px;
    line-height: 26px;
  }
}
.sav-detail.expand > li label[class^=tab] .lead-content span:not(.h5) {
  font-weight: 400;
  font-size: 16px;
  display: block;
  padding: 12px 0 0;
}
.sav-detail.expand > li input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.sav-detail.expand > li input[class^=tab] {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.sav-detail.expand > li input[class^=tab]:checked ~ .content {
  -webkit-transition: all 150ms ease-in-out 0ms;
  transition: all 150ms ease-in-out 0ms;
  max-height: none;
  margin-bottom: 20px;
}
.sav-detail.expand > li input[class^=tab]:checked ~ .open-close {
  -webkit-transform: rotate(405deg);
          transform: rotate(405deg);
}
.sav-detail.expand > li .content {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 180ms ease-in-out 0ms;
  transition: all 180ms ease-in-out 0ms;
}
.sav-detail.expand > li .content:hover {
  cursor: auto;
}
.sav-detail.expand > li .content ul {
  margin: 0;
  padding: 0;
}
.sav-detail.expand > li .content ul.hlpbx-flex li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sav-detail.expand > li .content ul li {
  list-style-type: none;
  padding: 20px;
  margin: 0 0 20px;
  background: #fff;
  border-radius: 12px;
  color: #5E6976;
  line-height: 26px;
}
.sav-detail.expand > li .content ul li:last-child {
  margin: 0;
}
.sav-detail.expand > li .content ul li .item-icon {
  width: 56px;
  height: 56px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 16px;
}
.sav-detail.expand > li .content ul li .item-icon img {
  width: 100%;
  height: 100%;
}
.sav-detail.expand > li .content ul li .item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sav-detail.expand > li .content ul li .item-content strong {
  display: block;
  color: #1E437A;
  font-weight: 700;
  font-size: 20px;
  padding: 0 0 10px;
}
@media (max-width: 492px) {
  .sav-detail.expand > li .content ul li .item-content strong {
    font-size: 18px;
  }
}
.sav-detail.expand > li .content ul li input[class^=tab]:checked ~ .content {
  -webkit-transition: all 150ms ease-in-out 0ms;
  transition: all 150ms ease-in-out 0ms;
  max-height: none;
}
.sav-detail .open-close {
  position: absolute;
  right: -5px;
  top: -5px;
  margin: 10px;
  width: 14px;
  height: 14px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
@media (max-width: 450px) {
  .sav-detail .open-close {
    width: 12px;
    height: 12px;
    margin-right: 0;
  }
}

#main {
  position: relative;
}
#main #crmEmgHdr {
  background-color: #1E437A;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 289px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
}
@media (min-width: 992px) {
  #main #crmEmgHdr {
    min-height: 359px;
  }
}
@media (min-width: 768px) {
  #main #crmEmgHdr {
    background-image: url("/blogs/ask-experian/wp-content/img/experian-banner-hero-squircles-background-darkblue.webp");
  }
}
#main #crmEmgHdr .advDisc {
  color: white;
}
#main #crmEmgHdr .custom-container {
  padding-top: 17.44px !important;
}
@media (min-width: 792px) {
  #main #crmEmgHdr .custom-container {
    margin-bottom: 30px;
    padding-top: 23.5px !important;
  }
}
@media (max-width: 322px) {
  #main #crmEmgHdr .custom-container {
    padding-top: 0 !important;
  }
}
#main #crmEmgHdr .custom-container .hdr-wrapper {
  max-width: 1145px;
  width: 100%;
  margin: 0 auto;
}
#main #crmEmgHdr .custom-container .hdr-wrapper .crmEmg-header-content h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: 75px;
  margin-bottom: 30px;
}
@media (max-width: 792px) {
  #main #crmEmgHdr .custom-container .hdr-wrapper .crmEmg-header-content h1 {
    font-size: 36px;
    line-height: 44px;
  }
}
#main #postBlk .content-card-wrapper {
  max-width: 1145px;
  width: 100%;
  position: relative;
  top: -100px;
}
@media (max-width: 462px) {
  #main #postBlk .content-card-wrapper {
    top: -80px;
  }
}
@media (max-width: 322px) {
  #main #postBlk .content-card-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#main #postBlk .content-card-wrapper .lg-content-card {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  padding: 56px;
  border-radius: 12px;
  border: 1px solid #E2E4E7;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}
#main #postBlk .content-card-wrapper .lg-content-card h5 {
  margin-top: 32px;
  font-size: 20px;
  line-height: 25px;
}
@media (max-width: 792px) {
  #main #postBlk .content-card-wrapper .lg-content-card h5 {
    font-size: 18px;
    line-height: 26px;
  }
}
#main #postBlk .content-card-wrapper .lg-content-card p {
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 792px) {
  #main #postBlk .content-card-wrapper .lg-content-card p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 792px) {
  #main #postBlk .content-card-wrapper .lg-content-card {
    padding: 24px 16px;
  }
}
@media (max-width: 322px) {
  #main #postBlk .content-card-wrapper .lg-content-card {
    padding: 14px 16px;
  }
}

#header-no-links .nav-mb-skinny {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 991.9px) {
  #header-no-links nav {
    z-index: 200;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    right: -100%;
    visibility: hidden;
    -webkit-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    overflow: hidden;
  }
}

#main {
  position: relative;
}
#main #semEmgHdr {
  background-color: #1E437A;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 289px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
}
@media (min-width: 992px) {
  #main #semEmgHdr {
    min-height: 359px;
  }
}
@media (min-width: 768px) {
  #main #semEmgHdr {
    background-image: url("/blogs/ask-experian/wp-content/img/experian-banner-hero-squircles-background-darkblue.webp");
  }
}
@media (max-width: 323px) {
  #main #semEmgHdr .container {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
#main #semEmgHdr .container .advDisc {
  color: white;
}
#main #semEmgHdr .custom-container {
  padding-top: 17.44px !important;
}
@media (min-width: 792px) {
  #main #semEmgHdr .custom-container {
    margin-bottom: 30px;
    padding-top: 30px !important;
  }
}
@media (max-width: 322px) {
  #main #semEmgHdr .custom-container {
    padding-top: 0 !important;
  }
}
#main #semEmgHdr .custom-container .hdr-wrapper {
  max-width: 1145px;
  width: 100%;
  margin: 0 auto;
}
#main #semEmgHdr .custom-container .hdr-wrapper .semEmg-header-content h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: 75px;
  margin-bottom: 30px;
}
@media (max-width: 792px) {
  #main #semEmgHdr .custom-container .hdr-wrapper .semEmg-header-content h1 {
    font-size: 36px;
    line-height: 44px;
  }
}
#main #postBlk.postBlkSem {
  margin-bottom: -60px;
}
@media (max-width: 992px) and (min-width: 792px) {
  #main #postBlk.postBlkSem {
    margin-bottom: 0;
  }
}
#main #postBlk.postBlkSem .content-card-wrapper {
  max-width: 1145px;
  width: 100%;
  position: relative;
  top: -100px;
}
@media (max-width: 462px) {
  #main #postBlk.postBlkSem .content-card-wrapper {
    top: -80px;
  }
}
@media (max-width: 322px) {
  #main #postBlk.postBlkSem .content-card-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#main #postBlk.postBlkSem .content-card-wrapper .lg-content-card {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  padding: 56px;
  border-radius: 12px;
  border: 1px solid #E2E4E7;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  top: -75px;
}
@media (max-width: 992px) {
  #main #postBlk.postBlkSem .content-card-wrapper .lg-content-card {
    top: 30px;
  }
}
@media (max-width: 792px) {
  #main #postBlk.postBlkSem .content-card-wrapper .lg-content-card {
    padding: 24px 16px;
    top: -60px;
  }
}
@media (max-width: 563px) and (min-width: 462px) {
  #main #postBlk.postBlkSem .content-card-wrapper .lg-content-card {
    top: -40px;
  }
}
@media (max-width: 352px) {
  #main #postBlk.postBlkSem .content-card-wrapper .lg-content-card {
    padding: 14px 10px;
  }
}
#main #postBlk.postBlkSem .content-card-wrapper .lg-content-card p {
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 792px) {
  #main #postBlk.postBlkSem .content-card-wrapper .lg-content-card p {
    font-size: 16px;
    line-height: 24px;
  }
}

.infbx-light.sav-detail.expand {
  background: #fff;
  border: 1px solid #E2E4E7;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
  padding: 22px;
  margin: 40px auto;
}
@media (max-width: 768px) {
  .infbx-light.sav-detail.expand {
    padding: 16px;
  }
}
@media (max-width: 352px) {
  .infbx-light.sav-detail.expand {
    padding: 12px;
  }
}
.infbx-light.sav-detail.expand label[class^=tab] {
  gap: 16px;
}
.infbx-light.sav-detail.expand label[class^=tab] .lead-content {
  margin-right: 15px;
}
.infbx-light.sav-detail.expand label[class^=tab] .lead-content .h5 {
  margin-bottom: 8px;
}
.infbx-light.sav-detail.expand label[class^=tab] .lead-content span:not(.h5) {
  padding: 0;
  line-height: 24px;
}
@media (max-width: 660px) {
  .infbx-light.sav-detail.expand label[class^=tab] .lead-content span:not(.h5) {
    font-size: 14px;
    line-height: 20px;
  }
}
.infbx-light.sav-detail.expand .open-close {
  border-top-color: #2A5595;
  border-left-color: #2A5595;
  top: 10px;
}
@media (max-width: 450px) {
  .infbx-light.sav-detail.expand .open-close {
    margin-right: 10px;
  }
}
.infbx-light.sav-detail.expand .content ul li {
  background: #F7F8FB;
  padding: 24px;
}
.infbx-light.sav-detail.expand .content ul li .item-content {
  line-height: 24px;
}
.infbx-light.sav-detail.expand .content ul li .item-content strong {
  font-size: 18px;
  line-height: 23px;
}
.infbx-light.sav-detail.expand .h5,
.infbx-light.sav-detail.expand strong {
  color: #2A5595;
  font-weight: 700;
}
.infbx-light.sav-detail.expand span {
  color: #5E6976;
}

#main {
  position: relative;
}
#main #hysEcomHdr {
  background: #1E437A;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.01);
  color: #fff;
}
@media (min-width: 992px) {
  #main #hysEcomHdr {
    background-image: url("/blogs/ask-experian/wp-content/img/experian-banner-hero-squircles-background-darkblue.webp");
  }
}
#main #hysEcomHdr .hdr-wrapper {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 991.9px) {
  #main #hysEcomHdr .hdr-wrapper.container {
    margin: 0;
    width: 100%;
  }
}
#main #hysEcomHdr .hdr-wrapper .adv-disc {
  position: relative;
  top: 16px;
}
#main #hysEcomHdr .hdr-wrapper .adv-disc .advDisc {
  color: #fff;
}
#main #hysEcomHdr .hdr-wrapper .hdr-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 768px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
#main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col {
  max-width: 818px;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
}
@media (max-width: 992px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col {
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col {
    padding-bottom: 0;
    padding-top: 56px;
  }
}
#main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col hgroup {
  max-width: 745px;
  width: 100%;
}
#main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col hgroup h1 {
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 700;
  line-height: 75px;
}
@media (max-width: 872px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col hgroup h1 {
    font-size: 36px;
    line-height: 44px;
  }
}
#main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col hgroup p.h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #E2E4E7;
}
@media (max-width: 872px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content .intro-col hgroup p.h4 {
    font-size: 22px;
    line-height: 27px;
  }
}
#main #hysEcomHdr .hdr-wrapper .hdr-content .picture-col {
  max-width: 500px;
  width: 100%;
  padding-left: 65px;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 872px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content .picture-col {
    max-width: 351px;
  }
}
@media (max-width: 768px) {
  #main #hysEcomHdr .hdr-wrapper .hdr-content .picture-col {
    padding-left: 0;
    position: relative;
    top: -32px;
  }
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets {
  padding-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
  margin-top: 41px;
}
@media (max-width: 992px) {
  #main #hysEcomHdr .hdr-wrapper .feat-bullets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    padding-bottom: 80px;
  }
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px px;
  height: 48px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-wrapper::before {
  font-size: 32px;
  font-weight: 600;
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-content {
  color: #fff;
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-content h2 {
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 25px;
  font-size: 20px;
  margin-top: 0;
}
@media (max-width: 481px) {
  #main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-content h2 {
    font-size: 18px;
    line-height: 26px;
  }
}
#main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
@media (max-width: 481px) {
  #main #hysEcomHdr .hdr-wrapper .feat-bullets .bullet .icons-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
#main #discBlk .container {
  max-width: 1296px;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (max-width: 481px) {
  #main #discBlk .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#main #discBlk div.disc-lead #hys-dis {
  border-radius: 12px;
  padding: 24px;
}
@media (max-width: 768px) {
  #main #discBlk div.disc-lead #hys-dis {
    padding: 16px;
  }
}
#main #discBlk div.disc-lead #hys-dis small {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #252C34;
}
@media (max-width: 768px) {
  #main #discBlk div.disc-lead #hys-dis small {
    font-size: 16px;
    line-height: 24px;
  }
}
#main #discBlk div.disc-lead #hys-dis small a {
  text-decoration: underline;
}
#main #postBlk .inner-wrapper {
  padding: 0 72px;
}
@media (max-width: 768px) {
  #main #postBlk .inner-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#main #postBlk .all-offers {
  margin-bottom: 120px;
}
@media (max-width: 481px) {
  #main #postBlk .all-offers {
    margin-bottom: 80px;
  }
}
#main #postBlk .all-offers > div:first-child {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
#main #postBlk .all-offers > div:first-child h2 {
  margin: 40px auto;
  font-size: 42px;
  font-weight: 700;
  color: #333;
  line-height: 53px;
}
@media (max-width: 481px) {
  #main #postBlk .all-offers > div:first-child h2 {
    font-size: 29px;
    line-height: 35px;
  }
}
@media (max-width: 481px) {
  #main #postBlk .all-offers > div:first-child h2 {
    text-align: left;
  }
}
@media (min-width: 1105px) {
  #main #postBlk .all-offers > div:first-child .ecom-lp-wrapper {
    padding: 0 32px;
  }
}
@media (max-width: 481px) {
  #main #postBlk .all-offers > div:first-child h2,
  #main #postBlk .all-offers > div:first-child .ecom-lp {
    margin: 32px auto;
  }
}
#main #postBlk .all-offers > div:first-child #qSav #qsWidgetContainer {
  margin: 0 -32px;
}
@media only screen and (max-width: 650px) {
  #main #postBlk .all-offers > div:first-child #qSav #qsWidgetContainer {
    margin: 0 -18px;
  }
}
#main #postBlk .savings-calc-wrapper {
  padding: 120px 72px;
  background: #F6F9FB;
}
@media (max-width: 768px) {
  #main #postBlk .savings-calc-wrapper {
    padding-left: 52px;
    padding-right: 52px;
  }
}
@media (max-width: 481px) {
  #main #postBlk .savings-calc-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 481px) {
  #main #postBlk .savings-calc-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
#main #postBlk .savings-calc-wrapper .savings-calc-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1296px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1332px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content {
    gap: 32px;
  }
}
@media (max-width: 992px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .text-col {
  max-width: 526px;
  width: 100%;
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .text-col h2 {
  font-size: 42px;
  margin: 0;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 53px;
}
@media (max-width: 481px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content .text-col h2 {
    font-size: 28px;
    line-height: 33px;
  }
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .text-col p {
  line-height: 27px;
  font-size: 18px;
}
@media (max-width: 481px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content .text-col p {
    font-size: 16px;
    line-height: 24px;
  }
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col {
  max-width: 635px;
  width: 100%;
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc {
  margin: 0 !important;
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-form #calc-title {
  padding: 24px 32px !important;
  background-color: #1E437A;
  background-image: url("/blogs/ask-experian/wp-content/img/hys-ecomm/_pattern-squircles-dark-blue.svg");
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
@media (max-width: 768px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-form #calc-title {
    padding: 16px !important;
  }
  #main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-form #calc-title h2 {
    font-size: 22px;
  }
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-form #calc-title + div {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: white;
  border: 1px solid #dddddd;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-info.showResp {
  margin-top: 0px !important;
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-info.showResp #calc-disc {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
@media (min-width: 992px) and (max-width: 1152px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-info.showResp .calc-pmt-details p:not(:first-child) span {
    float: none;
    display: block;
    margin-top: 4px;
  }
}
#main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col #mini-calc #calc-info.showResp .recalcBtn-wrapper {
  padding: 24px 20px 32px 20px;
}
@media (max-width: 992px) {
  #main #postBlk .savings-calc-wrapper .savings-calc-content .text-col,
  #main #postBlk .savings-calc-wrapper .savings-calc-content .calc-col {
    max-width: 635px;
    width: 100%;
  }
}
#main #postBlk .post-content {
  max-width: 856px;
  width: 100%;
  margin: 120px auto 56px auto;
}
@media (max-width: 481px) {
  #main #postBlk .post-content {
    margin-top: 80px;
    margin-bottom: 40px;
    text-align: left;
  }
}
#main #postBlk .post-content .post {
  margin-bottom: 56px;
}
#main #postBlk .post-content .post .post-meta {
  text-align: center;
}
#main #postBlk .post-content .post .post-meta .post-category {
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  color: #5E6976;
}
#main #postBlk .post-content .post .post-meta .post-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 53px;
  margin-top: 8px;
  margin-bottom: 32px;
  color: #252C34;
}
#main #postBlk .post-content .post .post-meta .author {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post .post-meta .author {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#main #postBlk .post-content .post .post-meta .author img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#main #postBlk .post-content .post .post-meta .author div {
  font-size: 18px;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post .post-meta .author div {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }
}
#main #postBlk .post-content .post .post-meta #artTime {
  font-size: 18px;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post .post-meta {
    text-align: left;
  }
  #main #postBlk .post-content .post .post-meta .post-category {
    font-size: 12px;
  }
  #main #postBlk .post-content .post .post-meta .post-title {
    font-size: 29px;
    line-height: 35px;
    margin-bottom: 24px;
  }
  #main #postBlk .post-content .post .post-meta #artTime {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    text-align: left;
  }
}
#main #postBlk .post-content .post h3 {
  margin-top: 56px;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 45px;
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post h3 {
    font-size: 26px;
    line-height: 33px;
  }
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post h3 {
    margin-top: 40px;
  }
}
#main #postBlk .post-content .post h4 {
  margin-top: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post h4 {
    font-size: 22px;
    line-height: 27px;
  }
}
#main #postBlk .post-content .post p,
#main #postBlk .post-content .post ul {
  margin-top: 24px;
  font-size: 18px;
}
@media (max-width: 481px) {
  #main #postBlk .post-content .post p,
  #main #postBlk .post-content .post ul {
    font-size: 16px;
    line-height: 24px;
  }
}
#main #postBlk .socials-col {
  margin-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
#main #postBlk .socials-col > span:first-child {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
#main #postBlk .socials-col .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}
@media screen and (max-width: 991.9px) {
  #main #postBlk .socials-col .share {
    visibility: visible;
  }
}

/* Custom styles for step graphic */
.step-graphic-wrapper {
  border-radius: 12px;
  border: 1px solid #dddddd;
  background: #f8f8f8;
  overflow: hidden;
}
.step-graphic-wrapper h3 {
  color: #1D4F91;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
  padding: 24px;
  margin: 0;
  text-align: center;
}
@media (max-width: 992px) {
  .step-graphic-wrapper h3 {
    text-align: left;
    padding: 16px;
  }
}
@media (max-width: 570px) {
  .step-graphic-wrapper h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.step-graphic-wrapper #step-pl,
.step-graphic-wrapper #stepCC,
.step-graphic-wrapper #stepCC-balancetransfer,
.step-graphic-wrapper #stepCC-rewards,
.step-graphic-wrapper #stepCC-buildcredit,
.step-graphic-wrapper #stepCC-lowinterest,
.step-graphic-wrapper #stepCC-travel,
.step-graphic-wrapper #stepCC-noannualfee,
.step-graphic-wrapper #stepAuto-ins,
.step-graphic-wrapper #stepAuto-garage,
.step-graphic-wrapper .step-action {
  background: #FFFFFF;
}
.step-graphic-wrapper #step-pl,
.step-graphic-wrapper #stepCC,
.step-graphic-wrapper #stepCC-balancetransfer,
.step-graphic-wrapper #stepCC-rewards,
.step-graphic-wrapper #stepCC-buildcredit,
.step-graphic-wrapper #stepCC-lowinterest,
.step-graphic-wrapper #stepCC-travel,
.step-graphic-wrapper #stepCC-noannualfee,
.step-graphic-wrapper #stepAuto-ins,
.step-graphic-wrapper #stepAuto-garage {
  padding: 40px 24px;
}
.step-graphic-wrapper #step-pl .expanded-card,
.step-graphic-wrapper #stepCC .expanded-card,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card,
.step-graphic-wrapper #stepCC-rewards .expanded-card,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card,
.step-graphic-wrapper #stepCC-travel .expanded-card,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card,
.step-graphic-wrapper #stepAuto-ins .expanded-card,
.step-graphic-wrapper #stepAuto-garage .expanded-card {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 992px) {
  .step-graphic-wrapper #step-pl .expanded-card,
  .step-graphic-wrapper #stepCC .expanded-card,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card,
  .step-graphic-wrapper #stepCC-rewards .expanded-card,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card,
  .step-graphic-wrapper #stepCC-travel .expanded-card,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card,
  .step-graphic-wrapper #stepAuto-ins .expanded-card,
  .step-graphic-wrapper #stepAuto-garage .expanded-card {
    padding: 0 24px;
  }
  .step-graphic-wrapper #step-pl .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC-rewards .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC-travel .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepAuto-ins .expanded-card:not(:last-of-type),
  .step-graphic-wrapper #stepAuto-garage .expanded-card:not(:last-of-type) {
    border-right: 1px solid #dddddd;
  }
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper,
.step-graphic-wrapper #stepCC .expanded-card-wrapper,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  height: 100%;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 {
  margin: 0;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  text-align: left;
  position: relative;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder {
  width: 40px;
  height: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number {
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder {
    width: 24px;
    height: 24px;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder .step-number {
    font-size: 14px;
  }
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 20px;
  color: #757575;
}
@media (min-width: 992px) {
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt {
    display: block;
    width: 100%;
    color: #1D4F91;
  }
}
@media (max-width: 768px) {
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt {
    font-size: 16px;
  }
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture {
  height: 180px;
  max-width: 283px;
  width: 100%;
  margin: 32px auto 0;
  -webkit-transition: max-width 0s;
  transition: max-width 0s;
  -ms-flex-item-align: end;
      align-self: end;
}
.step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img,
.step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture img {
  height: 100%;
}
@media (max-width: 375px) {
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture {
    max-width: 184px;
  }
}
@media (max-width: 992px) {
  .step-graphic-wrapper #step-pl,
  .step-graphic-wrapper #stepCC,
  .step-graphic-wrapper #stepCC-balancetransfer,
  .step-graphic-wrapper #stepCC-rewards,
  .step-graphic-wrapper #stepCC-buildcredit,
  .step-graphic-wrapper #stepCC-lowinterest,
  .step-graphic-wrapper #stepCC-travel,
  .step-graphic-wrapper #stepCC-noannualfee,
  .step-graphic-wrapper #stepAuto-ins,
  .step-graphic-wrapper #stepAuto-garage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
    background: inherit;
  }
  .step-graphic-wrapper #step-pl .expanded-card,
  .step-graphic-wrapper #stepCC .expanded-card,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card,
  .step-graphic-wrapper #stepCC-rewards .expanded-card,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card,
  .step-graphic-wrapper #stepCC-travel .expanded-card,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card,
  .step-graphic-wrapper #stepAuto-ins .expanded-card,
  .step-graphic-wrapper #stepAuto-garage .expanded-card {
    padding: 0;
  }
  .step-graphic-wrapper #step-pl .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-rewards .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-travel .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepAuto-ins .expanded-card:not(:last-of-type) .expanded-card-wrapper,
  .step-graphic-wrapper #stepAuto-garage .expanded-card:not(:last-of-type) .expanded-card-wrapper {
    border-bottom: 1px solid #E2E4E7;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper {
    padding: 8px 0 8px;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper {
    padding: 0 16px;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper.expanded,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper.expanded {
    background: #FFFFFF;
    border-radius: 12px;
    padding-bottom: 16px;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 {
    padding: 16px 0;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button {
    cursor: pointer;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .icon-bg.step-icon-holder {
    margin-right: 16px;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button .card-header-txt {
    color: #757575;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button::after,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button::after {
    font-family: experian-icons;
    line-height: 1;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: content 0.3s;
    transition: content 0.3s;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button:not(.collapsed)::after {
    content: "\e9dd";
    color: #2A5595;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed::after {
    content: "\e9de";
    color: #5E6976;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button.collapsed .icon-bg.step-icon-holder {
    background-color: #5E6976;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper h5 .expanded-button[aria-expanded=true] .card-header-txt {
    color: #1D4F91;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl {
    max-height: 0px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease;
    transition: max-height 0.35s ease;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl.showPnl {
    max-height: 397px;
  }
  .step-graphic-wrapper #step-pl .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-balancetransfer .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-rewards .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-buildcredit .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-lowinterest .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-travel .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepCC-noannualfee .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepAuto-ins .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture,
  .step-graphic-wrapper #stepAuto-garage .expanded-card-wrapper .content-wrapper .collapse-pnl .expandable-body picture {
    height: 100%;
  }
}
.step-graphic-wrapper .step-action {
  padding: 0 0 40px;
  margin-bottom: 0;
  text-align: center;
}
.step-graphic-wrapper .step-action:has(span.disc) {
  padding-bottom: 32px;
}
.step-graphic-wrapper .step-action span.disc {
  margin-top: 16px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .step-graphic-wrapper .step-action {
    padding: 0 16px 16px;
    background: inherit;
  }
  .step-graphic-wrapper .step-action:has(span.disc) {
    padding-bottom: 16px;
  }
  .step-graphic-wrapper .step-action span.disc {
    margin-top: 30px;
    font-size: 14px;
  }
}/*# sourceMappingURL=blog-exp-master.css.map */