.section {
  margin-bottom: $control-padding;

  .section-item {
    position: relative;
    margin-bottom: $control-padding;

    &.section-item-sm {
      padding: $control-padding / 2 $control-padding !important;
    }

    &:last-child {
      margin-bottom: 0 !important;
    }

    &.section-item-filled {
      padding: $control-padding;
      background-color: $bg-1-color;
      border-radius: $border-radius;
    }

  }

  &:last-child {
    margin-bottom: 0;
  }

}

.section-title {
  display: flex;
  // color: $font-secondary-color;
  font-size: $font-size-lg;
  font-weight: bold;
  margin-bottom: $control-padding;
}

@media (max-width: $size-sm) {
  .section {
    .section-item {
      margin-bottom: $control-padding / 2;
    }

    .section-item-filled {
     // padding-top: $control-padding / 2 !important;
     // padding-bottom: $control-padding / 2 !important;
    }
  }
}