/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-journey-card {
  position: relative;
  height: 100%; }
  .cp-journey-card .content-wrap {
    padding: 5rem 4rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    z-index: 9; }
    @media only screen and (max-width: 768px) {
      .cp-journey-card .content-wrap {
        padding: 3.2rem 2rem; } }
    .cp-journey-card .content-wrap:after {
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.46) 0%, #000);
      position: absolute;
      color: #ffffff;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.7;
      content: ''; }
      @media only screen and (max-width: 768px) {
        .cp-journey-card .content-wrap:after {
          height: 100%; } }
    .cp-journey-card .content-wrap:before {
      content: '';
      width: 17rem;
      height: 16rem;
      background: url(../assets/images/cont-infograhy.png) 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      top: 3rem;
      left: 0; }
      @media only screen and (max-width: 768px) {
        .cp-journey-card .content-wrap:before {
          width: 11rem;
          height: 16rem;
          top: 1rem; } }
  .cp-journey-card .cont-sec {
    position: relative;
    top: 0;
    z-index: 99;
    height: 100%; }
  .cp-journey-card .customer-name {
    font-size: 6rem;
    line-height: 6rem;
    font-family: "Gotham-Black";
    letter-spacing: -1.71px;
    color: #ffffff;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .cp-journey-card .customer-name {
        font-size: 3.6rem;
        line-height: 3.6rem; } }
  .cp-journey-card .c-journey {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .cp-journey-card .c-username {
    font-size: 2.4rem;
    line-height: 2rem;
    font-family: "Gotham-Black";
    color: #ffffff;
    margin-bottom: 0.8rem; }
    @media only screen and (max-width: 768px) {
      .cp-journey-card .c-username {
        font-size: 1.8rem;
        font-family: "Gotham-Bold";
        line-height: 1.6rem; } }
  .cp-journey-card .c-quote {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #ffffff;
    font-family: "Gotham-Book"; }
    @media only screen and (max-width: 768px) {
      .cp-journey-card .c-quote {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
  .cp-journey-card .img-wrap {
    height: 100%; }
    .cp-journey-card .img-wrap img {
      height: 100%; }