.ccl__content {
  padding: 138px 0px;
  @media (max-width: 992px) {
    padding: 120px 20px;
    padding-bottom: 40px;
  }
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .ccl__content__left {
    h3 {
      font-size: var(--body-regular-size);
      font-weight: var(--body-regular-weight);
      line-height: var(--body-regular-line);
      margin-bottom: 10px;
      color: white;
    }
    h2 {
      font-size: var(--heading-1-size);
      font-weight: var(--heading-1-weight);
      line-height: var(--heading-1-line);
      margin-bottom: 20px;
      color: white;
    }
    p {
      font-size: var(--body-regular-size);
      font-weight: var(--body-regular-weight);
      line-height: var(--body-regular-line);
      color: white;
    }
    a {
      font-size: var(--body-bold-size);
      font-weight: var(--body-bold-weight);
      line-height: var(--body-bold-line);
      color: white;
    }
    @media (max-width: 992px) {
      a {
        margin-bottom: 70px !important;
      }
    }
  }
  .ccl__content__right {
    img {
      height: 190px;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }
    h5 {
      font-size: var(--body-bold-size);
      font-weight: var(--body-bold-weight);
      line-height: var(--body-bold-line);
      margin-bottom: 5px;
      color: white;
    }
    p {
      font-size: var(--body-small-regular-size);
      font-weight: var(--body-small-regular-weight);
      line-height: var(--body-small-regular-line);
      padding-bottom: 20px;
      color: white;
    }
    a {
      padding: 7px 17px;
      font-size: var(--body-small-xs-bold-size);
      font-weight: var(--body-small-xs-bold-weight);
      line-height: var(--body-small-xs-bold-line);
      color: white;
      @media (max-width: 992px) {
        padding: 7px 24px;
      }
    }
    .row {
      margin-bottom: 40px;
    }
    @media (max-width: 992px) {
      h5 {
        margin-top: 15px;
      }
      p {
        padding-bottom: 20px;
      }
    }
  }
}

.ccl__content_large {
  padding: 150px 0px;
  @media (max-width: 992px) {
    padding-top: 120px;
  }
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .ccl__intro_large {
    text-align: center;
    h3 {
      font-size: var(--body-regular-size);
      font-weight: var(--body-regular-weight);
      line-height: var(--body-regular-line);
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #656565;
    }
    h2 {
      font-size: var(--heading-1-size);
      font-weight: var(--heading-1-weight);
      line-height: var(--heading-1-line);
      margin-bottom: 20px;
    }
    p {
      font-size: var(--body-regular-size);
      font-weight: var(--body-regular-weight);
      line-height: var(--body-regular-line);
      color: #656565;
      margin-bottom: 69px;
    }
  }
  .ccl__list_large {
    .ccl__content__items {
      display: flex;
      .ccl__content__item__chip {
        position: absolute;
        top: 12px;
        left: 12px;
        background-color: white;
        padding: 10px;
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
      }
      [class^="col-"] {
        padding-left: 7px;
        padding-right: 7px;
      }
      .hero__button {
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        padding: 12px 23.5px;
      }
      .card .slide.slide2 {
        .content {
          height: 100%;
        }
      }
      @media (max-width: 1200px) {
        .hero__button {
          font-size: 16px;
          font-weight: bold;
          line-height: 31px;
          padding: 0px 30px;
        }
      }
    }
    .card .icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .card .icon .fa {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 80px;
      color: #fff;
    }
    .card .slide {
      width: 100%;
      height: 355px;
      transition: 0.5s;
    }
    .card .slide.slide1 {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1;
      transition: 0.7s;
      transform: translateY(0px);
    }
    .card .slide.slide1 .content .icon img {
      height: 355px;
      width: 100%;
      object-fit: cover;
    }
    .card:hover .slide.slide1 {
      transform: translateY(0px);
    }
    .card .slide.slide2 {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 15px 15px 15px;
      box-sizing: border-box;
      transition: 0.8s;
      transform: translateY(0px);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }
    .card:hover .slide.slide2 {
      transform: translateY(0px);
    }
    .card .slide.slide2 .content p {
      margin: 0;
      padding: 0;
      text-align: left;
      color: #606060;
      min-height: 3em;
      font-size: var(--body-small-xs-bold-size);
      font-weight: var(--body-small-xs-bold-weight);
      line-height: var(--body-small-xs-bold-line);
    }
    .card .slide.slide2 .content h3 {
      margin: 0px 0 0px 0;
      padding: 0;
      font-size: var(--main-lead-bold-size);
      font-weight: var(--main-lead-bold-weight);
      line-height: var(--main-lead-bold-line);
      text-align: left;
      color: #000;
    }
    .card .slide.slide2 .content ul {
      margin-top: 15px;
      padding-left: 18px;
    }
    .card .slide.slide2 .content .p-list li {
      list-style-type: disc;
      display: list-item;
    }
    .card .slide.slide2 .content ul li {
      img {
        margin-right: 9px;
        align-self: baseline;
      }
    }
    .card .slide.slide2 .content ul li span {
      color: #606060;
      font-size: var(--body-small-xs-size);
      font-weight: var(--body-small-xs-weight);
      line-height: var(--body-small-xs-line);
      align-self: baseline;
      text-align: left;
    }
    @media (max-width: 992px) {
      .card .slide {
        width: 350px;
      }
    }
    @media (max-width: 700px) {
      .card .slide {
        width: 100%;
      }
    }
  }
}