Untitled

section[data-qa="hero"] div[class^='heroContent'] {
  width: 100% !important;
  max-width: 1500px !important;
  justify-content: space-between !important;
  padding-left: 4rem !important;
  padding-right: 4rem !important;
  position: relative;
}

section[data-qa="hero"]>div[data-gatsby-image-wrapper] picture img {
  transform: scaleX(-1);
}

/* circle */
.cv-5-2-rs__l-cv-5-2-circle {
  width: 198px;
  height: 198px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/Credit%20score.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cv-5-2-rs__l-cv-5-2-circle * {
  opacity: 0 !important;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle {
  width: 176px;
  height: 176px;
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/Credit%20score.png");
  border-radius: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.cv-5-2-rs__l-cv-5-2-circle .border-circle {
  width: 181px;
  height: 181px;
  position: absolute;
  border-radius: 100%;
  background: linear-gradient(to right, transparent 39%, #fff 15%);
  transform-origin: center;
  top: 9px;
  rotate: 20deg;
}

.cv-5-2-rs-wrapper {
  display: flex;
  width: 100%;
  isolation: isolate;
}

.cv-5-2-rs__r-items {
  background: #F7F7F8 !important;
  border-top-left-radius: var(--border-left-radius);
  border-top-right-radius: var(--border-right-radius);
  --border-right-radius: 30px;
  --border-left-radius: 30px;
  height: 100%;
}

.cv-5-2-rs__r-item-top {
  height: 255px;
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/Headerwithouticon.png");
  background-size: cover;
  background-position: 50% 50%;
  padding: 0 18px !important;
  border-top-left-radius: var(--border-left-radius);
  border-top-right-radius: var(--border-right-radius);
}

section[data-qa="hero"] div[class^='heroContent']>div:last-child {
  position: absolute !important;
  bottom: 0;
  right: 89px;
}

.cv-5-2-rs__r_cv-5-2-icons {
  padding: 8px 0;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.cv-5-2-rs__r_cv-5-2-icons img {
  width: 21px;
  display: block;
}

.cv-5-2-rs__r_cv-5-2-icons span+span {
  margin-left: 5px;
}

.cv-5-2-rs__r_cv-5-2-txts {
  display: flex;
  flex-direction: column;
}

.cv-5-2-rs__r_cv-5-2-txts strong {
  font-size: 20px !important;
  margin-bottom: 7px;
}

.cv-5-2-rs__r_cv-5-2-txts span {
  font-size: 10px !important;
  width: max-content;
}

@media(min-width:768px) {
  .cv-5-2-rs__r_cv-5-2-txts span {
    padding-right: 50px !important;
  }
}

section[data-qa="hero"] {
  height: 129vh !important;
}

.cv-5-2-rs__r-item-btm {
  background: white !important;
  padding: 13px;
}

.cv-5-2-rs__r.cv-5-2-rs__r-item-mdl * {
  color: #263648;
}

.cv-5-2-rs__r-cv-5-2-circle * {
  opacity: 0 !important;
}

.cv-5-2-rs__r.cv-5-2-rs__r-item-mdl {
  background: white !important;
  margin-bottom: 15px;
  padding: 24px 16px 18px;
}

.cv-5-2-rs__r.cv-5-2-three {
  font-size: 12px !important;
  margin-top: 23px;
  position: relative;
}

.cv-5-2-rs__r.cv-5-2-three p+p {
  margin-top: 6px;
}

.cv-5-2-rs__r.cv-5-2-three p::before {
  content: '';
  width: 10.1px;
  height: 9.9px;
  margin-bottom: 0.2px;
  display: inline-block;
  border-radius: 100vmax;
  margin-right: 5.4px;
}

.cv-5-2-rs__r.cv-5-2-three p {
  display: flex;
  align-items: center;
}

.cv-5-2-rs__r.cv-5-2-three p:nth-child(1)::before {
  background: #2CDB7B;
}

.cv-5-2-rs__r.cv-5-2-three p:nth-child(2)::before {
  background: #9E86E7;
}

.cv-5-2-rs__r.cv-5-2-three::after {
  content: '';
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/chevron-right.svg");
  width: 20px;
  display: block;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  right: 0;
  height: 17px;
}

.cv-5-2-rs__r.cv-5-2-two {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
}

.cv-5-2-rs__r.cv-5-2-two p {
  font-size: 14px !important;
  margin-left: 3px;
}

.cv-5-2-rs__r.cv-5-2-two p span {
  color: #515E6D !important;
  font-size: 12px !important;
  margin-top: 12px !important;
  display: block;
}

.cv-5-2-rs__r.cv-5-2-two img {
  width: 26px;
  aspect-ratio: 1/1;
  margin-top: -3px;
  display: block;
  object-fit: cover;
  margin-left: -3px;
}

.cv-5-2-rs__r.cv-5-2-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px;
}

.cv-5-2-rs__r.cv-5-2-one p strong {
  font-size: 20px;
  margin-bottom: 8px !important;
  display: inline-block;
}

.cv-5-2-rs__r.cv-5-2-one>span {
  font-weight: 700 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.cv-5-2-rs__r.cv-5-2-one>span::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(53deg, transparent 60%, #263648 50%);
  position: absolute;
  top: 1%;
}

.cv-5-2-rs__r.cv-5-2-one>span::after {
  content: "280";
  z-index: 9;
  background: white;
  width: 85%;
  height: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  position: absolute;
  font-size: 14px;
}

.cv-5-2-rs__l {
  margin-top: 64px;
  border-top-left-radius: 30px;
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/HomeleftBack.png");
  background-size: cover;
  background-position: center;
  padding: 47px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: -19px;
  padding-bottom: 0px !important;
}

.cv-5-2-rs__l-cv-5-2-indicator {
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
  padding-right: 13px;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>span:nth-child(1) {
  font-size: 12px;
  font-weight: 700;
  margin-top: 40px;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>strong {
  font-size: 31px;
  margin-right: 8px;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>span {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  font-size: 13px !important;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>span span:nth-child(1) {
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>span span:nth-child(1)::before {
  content: "";
  width: 7px;
  height: 7px;
  background: white;
  border-radius: 100vmax;
  margin-right: 3px;
}

.cv-5-2-rs__l-cv-5-2-circle .inner-circle>span:nth-child(3) {
  font-size: 12px;
}

.cv-5-2-rs__l-cv-5-2-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 19px;
}

.cv-5-2-rs__l-cv-5-2-dots::before {
  content: '';
  width: 5px;
  height: 5.5px;
  background: white;
  border-radius: 100vmax;
}

.cv-5-2-rs__l-cv-5-2-dots::after {
  content: '';
  width: 4px;
  height: 4px;
  border: 1px solid white;
  border-radius: 100vmax;
  margin-left: 5px;
}

.cv-5-2-rs__l-cv-5-2-title {
  color: #263648;
  font-weight: 700;
  margin-bottom: 1px;
}

.cv-5-2-rs__l-cv-5-2-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1) {
  height: 177px;
  width: 204px;
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/Template%20B.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-left: -6px;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2) {
  width: 36px !important;
  margin-right: 1px !important;
  margin-left: 7px !important;
  height: 147px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  margin-top: -6px;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1)::before {
  content: "Offers";
  border: 2px solid white;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 4px 2px;
  position: absolute;
  top: 26px;
  left: 24px;
  border-radius: 5px;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1) p {
  bottom: 24px;
  position: absolute;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  left: 24px;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1) p span {
  font-size: 13px;
  margin-top: 5px;
}

.cv-5-2-rs-wrapper>.cv-5-2-rs__r {
  width: 278px;
}

@media(min-width:768px) {
  .cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1) p span {
    margin-top: 12px;
  }
  body.cv-5-2 div[class^="heroContent"] div[class^="donutDesktopContainer"] {
    justify-content: start !important;
    -webkit-justify-content: start !important;
}
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2)::before {
  content: "Cre";
  border: 2px solid #263648;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 3px;
  position: absolute;
  top: 12px;
  left: 10px;
  border-radius: 5px;
  color: #263648;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2) {
  position: relative;
  background: #ECF5F8;
}

.cv-5-2-rs__r {
  z-index: 9;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2) p {
  bottom: 9px;
  position: absolute;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  color: #263648;
  left: 10px;
}

.cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2) p span:nth-child(2) {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* section[data-qa="hero"] div[class^='heroContent']>div:nth-child(1) {
        max-width: 341px;
  } */

.cv-5-2-rs__r-cv-5-2-circle {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: url("https://cfactory-img.s3.amazonaws.com/CLS/5.2/twoEi.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-weight: 700;
}

.cv-5-2-rs__r-cv-5-2-circle span {
  font-size: 20px;
}

.cv-5-2-rs__r-cv-5-2-circle .border-circle {
  width: 51px;
  height: 51px;
  position: absolute;
  border-radius: 100%;
  background: linear-gradient(to right, transparent 70%, black 9%);
  transform-origin: center;
  rotate: -39deg;
  top: 3px;
}

.cv-5-2-rs__r-cv-5-2-circle .inner-circle {
  background: white;
  z-index: 9;
  width: 46px;
  height: 45px;
  border-radius: 100vmax;
  display: flex;
  justify-content: center;
  align-items: center;
}

section[data-qa="hero"] div[class^="heroContent"] p[class^="subHeading"] {
  padding-right: 60px;
}


.cv-5-2-rs__r.cv-5-2-one p span {
  font-size: 14px !important;

}

/*  max width 1067px */


@media(max-width:1174px) {
  section[data-qa="hero"] {
    height: 176vh !important;
    max-height: 1053px !important;
  }

  section[data-qa="hero"] div[class^='heroContent'] {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  section[data-qa="hero"] div[class^='heroContent']>div:last-child {
    position: static !important;
    width: 100% !important;
    margin-top: 2.2rem !important;
  }

  .cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1) p {
    display: none !important;
  }

  .cv-5-2-rs__r.cv-5-2-two p span {
    display: none !important;
  }
  
}

/* max width 767px */

@media(max-width:992px) {
  section[data-qa="hero"] div[class^='heroContent']>div:last-child {
    display: flex !important;
    max-width: 326px !important;
    margin-top: 2rem !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle {
    width: 100%;
    height: auto !important;
    aspect-ratio: 1/1 !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle .border-circle {
    width: 90% !important;
    height: 90% !important;
    top: 6px;
  }

  .cv-5-2-rs__l-cv-5-2-circle .inner-circle {
    height: 88% !important;
    background-size: cover !important;
    width: 88% !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle .inner-circle>span:nth-child(1) {
    margin-top: 19px !important;
    font-size: 9px !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>strong {
    font-size: 15px !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>span {
    font-size: 7px !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle .inner-circle>span:nth-child(3) {
    font-size: 8px !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle .inner-circle>p:nth-child(2)>span span:nth-child(1)::before {
    width: 5px !important;
    height: 4.8px !important;
  }

  .cv-5-2-rs__l-cv-5-2-dots {
    margin-bottom: 16px !important;
    margin-top: 2px;
  }

  .cv-5-2-rs__l-cv-5-2-dots::before {
    width: 4px !important;
    height: 4px !important;
  }

  .cv-5-2-rs__l-cv-5-2-dots::after {
    width: 2px !important;
    height: 3px !important;
  }

  .cv-5-2-rs__l-cv-5-2-cards>li:nth-child(1) {
    min-width: 131px !important;
    max-width: 131px !important;
    height: 98px !important;
  }

  .cv-5-2-rs-wrapper {
    justify-content: space-between;
  }

  .cv-5-2-rs__r_cv-5-2-txts strong {
    font-size: 15px !important;
  }

  .cv-5-2-rs__r_cv-5-2-txts span {
    font-size: 7px !important;
    width: auto !important;
  }

  .cv-5-2-rs__r_cv-5-2-icons img {
    width: 14px !important;
  }

  .cv-5-2-rs__r_cv-5-2-icons {
    margin-bottom: 5px !important;
  }

  .cv-5-2-rs__r-item-top {
    height: 186px !important;
  }

  .cv-5-2-rs__r.cv-5-2-one p strong {
    font-size: 13px !important;
    margin-bottom: 0 !important;
  }

  .cv-5-2-rs__r.cv-5-2-rs__r-item-mdl {
    padding: 10px !important;
  }

  .cv-5-2-rs__r.cv-5-2-one p span {
    font-size: 10px !important;
  }

  .cv-5-2-rs__r-cv-5-2-circle span {
    font-size: 11px !important;
  }

  .cv-5-2-rs__r-cv-5-2-circle {
    width: 48px !important;
    height: 48px !important;
  }

  .cv-5-2-rs__r-cv-5-2-circle .border-circle {
    width: 40px !important;
    height: 40px !important;
    top: 4px !important;
  }

  .cv-5-2-rs__r-cv-5-2-circle .inner-circle {
    width: 36px !important;
    height: 36px !important;
  }

  .cv-5-2-rs__r.cv-5-2-two p {
    font-size: 9px !important;
  }

  .cv-5-2-rs__r.cv-5-2-three {
    font-size: 10px !important;
    margin-top: 12px !important;
  }

  .cv-5-2-rs__l-cv-5-2-title {
    font-size: 11px !important;
    padding-left: 5px !important;
  }

  .cv-5-2-rs__l-cv-5-2-cards>li p {
    font-size: 7px !important;
    left: 16px !important;
  }

  .cv-5-2-rs__l-cv-5-2-cards>li::before {
    font-size: 6px !important;
    top: 11px !important;
    left: 16px !important;
  }

  .cv-5-2-rs-wrapper>div:last-child {
    width: 54% !important;
  }

  .cv-5-2-rs-wrapper>div:first-child {
    width: 46%;
    margin-top: 40px !important;
    overflow: hidden;
    padding: 30px 0px !important;
    border-top-left-radius: 20px !important;
  }

  .cv-5-2-rs__l-cv-5-2-one {
    width: 100% !important;
    padding-left: 22px;
    padding-right: 10px;
  }

  .cv-5-2-rs__l-cv-5-2-indicator {
    padding-right: 0 !important;
  }

  section[data-qa="hero"] div[class^='heroContent'] {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
    padding-bottom: 0 !important;
    overflow: hidden;
  }

  .cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2) {
    min-width: 20px !important;
    max-width: 25px !important;
    margin: 0 !important;
    height: 85px !important;
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .cv-5-2-rs__l-cv-5-2-cards>li:nth-child(2)::before {
    left: 8px !important;
    top: 6px !important;
  }

  .cv-5-2-rs__r-items {
    --border-right-radius: 20px !important;
    --border-left-radius: 20px !important;
  }

  .cv-5-2-rs__r.cv-5-2-one {
    margin-bottom: 20px !important;
  }

  section[data-qa="hero"] div[class^='heroContent']>div:first-child * {
    width: 100% !important;
    padding-right: 0 !important;
    max-width: 400px !important;
  }

  div[class*='donutMobileContainer'] {
    display: none !important;
  }

  section[data-qa="hero"] {
    height: 65.4rem !important;
  }

  .cv-5-2-rs__l-cv-5-2-two {
    padding-left: 8px !important;
  }

  .cv-5-2-rs__r.cv-5-2-two p span {
    display: none !important;
  }

  .cv-5-2-rs__r.cv-5-2-two img {
    width: 18px !important;
  }

  section[data-qa="hero"] div[class^="heroContent"] h1[class^="title"] {
    font-size: 2rem !important;
  }

  section[data-qa="hero"] div[class^="heroContent"] p[class^="subHeading"] {
    text-align: justify !important;
    font-size: 16px;
  }

  section[data-qa="hero"]>.gatsby-image-wrapper img {
    top: -148px !important;
  }

  .cv-5-2-rs__r.cv-5-2-three p::before {
    width: 10.1px;
    height: 10.5px !important;
  }
}

@media(max-width:360px) {
  section[data-qa="hero"] div[class^="heroContent"] p[class^="subHeading"] {
    font-size: 16px !important;
  }
}

@media (min-width:992px) and (max-width: 1025px) {
  .cv-5-2-rs__r.cv-5-2-three {
    margin-top: 12px;
  }
}
@media (min-width: 991px) and (max-width: 1174px){
html body.cv-5-2-sf .cv-5-2-rs__l {
min-height: 450px !important;
}
}
@media (max-width: 992px){
body.cv-5-2-sf .cv-5-2-rs__l-cv-5-2-circle {
    width: 100% !important;
    height: 114px !important;
}
}
@media (min-width: 750px) and (max-width: 1174px){
body.cv-5-2-sf section[data-qa="hero"] div[class^='heroContent']>div:last-child{
    margin-top: -2rem !important;
  }
}
@media (min-width: 1560px) {
  section[data-qa="hero"] {
    height: 105vh !important;
  }
}

@media(min-width:1174px) and (max-width:1396px) {
  .cv-5-2-rs__r-item-top {
    height: 204px !important;
  }

  .cv-5-2-rs__l-cv-5-2-circle {
    width: 166px !important;
    height: 166px !important;
  }

  .cv-5-2-rs__l {
    margin-top: 50px !important;
    padding-top: 40px !important;
    width: 250px !important;
  }

  .cv-5-2-rs-wrapper>.cv-5-2-rs__r {
    width: 270px !important;
  }
}
@media(min-width:1025px) and (max-width:1173px) {
  section[data-qa="hero"] {
    max-height: 1067px !important;
  }
}
@media(min-width:1400px) and (max-width:1439px) {
  section[data-qa="hero"] {
        height: 110.9vh !important;
    }
}
@media(min-width:1200px) and (max-width:1399px) {
  section[data-qa="hero"] {
    height: 121.9vh !important;
  }
}
@media(min-width:1300px) and (max-width:1559px) {
  html body section[data-qa="hero"] {
        height: 115.9vh !important;
    }
}