.ui-basic-section {
  border-radius: 5px;
  background-color: var(--secondary-0);
  box-shadow: var(--shadow-1dp);
}

.ui-basic-section__header {
  border-bottom: 1px solid var(--secondary-100);
  padding: 24px 32px;
}

.ui-border-bottom {
  border-bottom: 1px solid var(--secondary-100);
}

.ui-basic-section__content {
  padding: 24px 32px;
}

.ui-basic-section__footer {
  padding: 24px 32px;
  border-top: 1px solid var(--secondary-100);
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
  .ui-basic-section__header {
    padding: 24px 16px;
  }

  .ui-basic-section__content {
    padding: 24px 16px;
  }

  .ui-basic-section__footer {
    padding: 24px 16px;
  }
}