:root {
  --p-black: #1f1f1f;
  --p-beige: #d1c5b0;
  --p-gray: #8a8a8a;
  --bg-gray: #f2f2f2;
}

:root {
  --banner-title-main-fs-p: 32px;
  --banner-title-main-fs-m: 22px;
  --banner-title-sub-fs-p: 16px;
  --banner-title-sub-fs-m: 13px;

  --section-title-fs-p: 32px;
  --section-title-fs-m: 22px;

  --quote-title-fs-p: 32px;
  --quote-title-fs-m: 22px;
  --image-title-fs-p: 32px;
  --image-title-fs-m: 22px;

  --insight-title-fs-p: 32px;
  --insight-title-fs-m: 22px;
  --insight-text-fs-p: 16px;
  --insight-text-fs-m: 14px;

  --tm-title-fs-p: 32px;
  --tm-title-fs-m: 22px;
  --tm-img-title-fs-p: 28px;
  --tm-img-title-fs-m: 18px;
}

.section-inner-40 {
  padding: 40px;
}

.section-inner-48.no-tb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.section-inner-28 {
  padding: 28px;
}

.section-inner-28.no-tb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.section-inner-28.no-top {
  padding-top: 0px !important;
}

.title-quote {
  padding: 60px 0;
}

.title-quote p {
  font-size: var(--quote-title-fs-p);
  letter-spacing: 1px;
}

.bg-black {
  background: #000;
  color: #fff;
}

.bg-white {
  background: #fff;
  color: #000;
}

.bg-gray {
  background: var(--bg-gray);
  color: #000;
}

@media (max-width: 860px) {
  .section-inner-40 {
    padding: 20px;
  }

  .section-inner-28 {
    padding: 20px;
  }

  .title-quote p {
    font-size: var(--quote-title-fs-m);
  }
}