
.cb-colapse-text {
  margin-bottom:2rem;
  position:relative;
}

.collapse-content {
  background:transparent;
  padding:0;
}

.collapse-content p,
.collapse-content li {
  font-size:18px;
}

.collapse-content > .pt-3 > p:last-child {
    margin-bottom: 0;
}

.bg-white .collapse-content {
  color:#292D31;
}

.bg-dark .collapse-content {
  color:#EBEBE8;
}


.bg-dark .cb-colapse-text .btn {
  text-align:left;
  border:0;
  border-bottom:5px solid #EBEBE8;
  color:#EBEBE8;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  padding-bottom:8px;
  padding-left:0;
  padding-right:2.5rem;
}

.bg-white .cb-colapse-text .btn {
  text-align:left;
  border:0;  
  border-bottom:5px solid #292d31;
  color:#292d31;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  padding-bottom:8px;
  padding-left:0;
  padding-right:2.5rem;
}


.cb-colapse-text button:before {
  content: "\f078";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: 0;
  overflow: hidden;
  position: absolute;
  right: 1rem;
  top: 0.75rem;
  margin: 0;
  font-weight: 900;
  font-size: 1.75rem;
  -webkit-transition: all var(--transition);
  -moz-transition: all var(--transition);
  -ms-transition: all var(--transition);
  -o-transition: all var(--transition);
  transition: all var(--transition);
}
@media (prefers-reduced-motion: reduce) {
  .cb-colapse-text button:before {
    transition: none;
  }
}

.cb-colapse-text button:not(.collapsed)::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}





@media (min-width: 768px) {

}

@media (min-width: 576px) {

}

@media (min-width: 1600px) {

  .cb-colapse-text {
    margin-bottom:3rem;
  }

}