.cont-title {
  padding: 0 5px 8px 5px;
  margin: 0;
  border-bottom: 2px solid #000;
  font-size: 17px;
  margin-bottom: 10px; }

.scR-cont {
  display: flex;
  flex-direction: column;
  gap: 13px; }

.scR-cont .article > button, .scR-cont .article h1 {
  display: flex;
  border: 0;
  background: none;
  background: #f3f3f3;
  align-items: center;
  border-radius: 10px;
  font-size: 16px;
  color: #333333;
  height: 40px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px;
  transition: all .25s; }
  .scR-cont .article > button i, .scR-cont .article h1 i {
    margin-left: auto;
    margin-right: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #5577ee;
    position: relative;
    transition: all .25s; }
    .scR-cont .article > button i::after, .scR-cont .article > button i::before, .scR-cont .article h1 i::after, .scR-cont .article h1 i::before {
      content: '';
      height: 1px;
      width: 40%;
      background: #fff;
      position: absolute;
      top: 50%;
      left: calc(50% - 20%);
      transition: all .25s; }
    .scR-cont .article > button i::before, .scR-cont .article h1 i::before {
      transform: rotate(90deg); }

.scR-cont .article.active > button {
  background: #5577ee;
  color: #fff; }
  .scR-cont .article.active > button i {
    background: #fff; }
    .scR-cont .article.active > button i::after, .scR-cont .article.active > button i::before {
      background: #5577ee; }
    .scR-cont .article.active > button i::before {
      transform: rotate(0deg); }

.scR-cont .article .cont-toggle-box__content {
  margin-top: 9px;
  display: none; }

.scR-cont .article.active > .cont-toggle-box__content {
  display: block; }

.di-container .cs-tab-nav {
  margin-bottom: 13px;
  margin-top: 13px; }

/*# sourceMappingURL=content.css.map */