.cp-services {
  padding: 1rem 0 5rem;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.cp-services__columns {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cp-services__box {
  display: flex;
  flex-direction: row-reverse;
}
.cp-services__box--column {
  background-color: #23bbff;
  border-radius: 15px;
  box-shadow: 0 9px 21px #00000029;
  text-align: center;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}
.cp-services__box--column i {
  font-size: 1.5rem;
  color: #121d3d;
}
.cp-services__box--button {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  margin-top: 1rem;
  color: #121d3d;
  font-family: raleway, sans-serif;
  font-weight: 600;
}
.cp-services__card {
  background-color: #fff;
  box-shadow: 0 9px 21px #00000029;
  border-radius: 15px;
  height: 100%;
  transition: auto;
  width: 90%;
  padding: 3rem;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  margin: 0 auto;
}
.cp-services__card--column-one {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
.cp-services__card--title {
  color: #121d3d;
  font-family: raleway, sans-serif !important;
  font-weight: 600 !important;
  margin: 0;
  font-size: 1.5rem !important;
  padding: 0 !important;
}
.cp-services__card--img {
  width: 50px;
  height: auto;
  margin-right: 0.5rem;
}
.cp-services__card--text {
  color: #707070;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-size: 1rem !important;
}
.cp-services__card--text strong {
  color: #23bbff;
  text-decoration: underline;
}
.cp-services__card--button {
  margin-top: 1rem;
  background: #23bbff;
  border: none;
  box-shadow: none;
  padding: 0.3rem 1rem;
}
.cp-services__card--button a {
  color: #fff;
  font-family: roboto, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
}
#headingOne {
  display: none;
}
#headingTwo {
  display: block;
}
#headingThree {
  display: block;
  background: transparent linear-gradient(180deg, #27d9cb 0%, #a1f266 100%) 0%
    0% no-repeat padding-box;
}

.cp-services__card-web {
  display: block !important;
}

.cp-services__card-mobile {
  display: none !important;
}

@media (max-width: 575.98px) {
  .cp-services__card {
    padding: 1rem;
    background-image: none !important;
    margin: 0;
    width: 100%;
  }
  .cp-services__box--column {
    margin: 0;
    padding: 2rem 1rem;
    border-radius: 5px;
  }
  .cp-services__card--title {
    font-size: 1rem !important;
    line-height: initial;
    padding: 0;
  }
  .cp-services__card--img {
    width: 30px;
  }
  .cp-services__card--text {
    font-size: 0.9rem;
    line-height: initial !important;
  }

  .cp-services__card-web {
    display: none !important;
  }

  .cp-services__card-mobile {
    display: block !important;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .cp-services__card {
    background-image: none !important;
  }
  .cp-services__card--title {
    font-size: 1.5rem !important;
  }

  .cp-services__card-web {
    display: none !important;
  }

  .cp-services__card-mobile {
    display: block !important;
  }
}