.cps-faq {
  margin: 88px 0 0;
}

.cps-faq input[type='checkbox'] {
  display: none;
}

.cps-faq label {
  align-items: center;  
  display: flex;
  color: var(--blue);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  min-height: 54px; 
  margin: 5px 0 5px 60px;
  padding-left: 16px;
  position: relative;
  transition: all .2s ease-in-out;
  cursor: pointer;
  width: calc(100% -60px);
}

.cps-faq p {
  color: var(--blue);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.cps-faq label:before {
  background: #cbd5dc url('../../img/icon-plus.svg') center center no-repeat;
  background-size: 16px auto;
  border-radius: 50%;
  content: '';
  display: block;
  height: 54px;
  position: absolute;
    top: 0;
    left: -60px;
  transition: all .2s ease-in-out;
  width: 54px;
}

.cps-faq label:hover:before {
  background: #cbd5dc url('../../img/icon-plus-red.svg') center center no-repeat;
}

.cps-faq label:after {
  background: #cbd5dc url('../../img/icon-minus.svg') center center no-repeat;
}

.cps-faq input[type='checkbox']:checked + label:before {
  background: #cbd5dc url('../../img/icon-minus.svg') center center no-repeat;
 
}

.cps-faq section {
  border-bottom: 3px solid #cbd5dc;
  overflow: hidden;
  padding: 8px 0 4px 15px;
  max-height: 3px;  
  margin: 0 0 12px 60px;  
  transition: all .5s ease-in-out;
  width: calc(100% -60px);
}

.cps-faq input[type='checkbox']:checked + label + section {
  max-height: 1000px; 
}

.cps-faq section h2,
.cps-faq section p {
  color: var(--blue) !important;
}




@media only screen and (min-width: 950px) {
  .cps-faq  {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
}