section.first {
  background: linear-gradient(rgba(22, 40, 73, 0.64), rgba(35, 46, 91, 0.21)), url(../images/customers/first-bg.jpg) no-repeat;
  background-size: cover; }

section.type-desc {
  background-color: #f8f8f8;
  padding: 3.13rem 0; }
  section.type-desc h1 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 10px; }
  section.type-desc p {
    font-size: 14px;
    margin-bottom: 8px; }
  @media (max-width: 767.98px) {
    section.type-desc {
      padding: 1rem 0; } }

section.customer {
  padding: 5.63rem 0; }
  section.customer .mobile-nav {
    margin-bottom: 20px; }
  section.customer .customer__nav {
    text-align: right;
    padding: 0;
    padding-right: 8px !important;
    max-height: 596px;
    overflow-y: auto; }
    section.customer .customer__nav::-webkit-scrollbar {
      display: none; }
    section.customer .customer__nav li.nav-item {
      float: none; }
  section.customer .customer__content {
    padding: 0 3rem; }
    section.customer .customer__content h1 {
      font-size: 2.5rem;
      display: flex;
      align-items: center; }
      section.customer .customer__content h1 img {
        max-width: 60px;
        max-height: 50px;
        margin-right: 4px; }
    section.customer .customer__content p {
      font-size: 14px;
      line-height: 2; }
    section.customer .customer__content h2 {
      font-size: 16px;
      font-weight: 600; }
    section.customer .customer__content .scale {
      margin: 2.5rem 0 1.88rem;
      font-weight: 600;
      font-size: 1rem; }
    section.customer .customer__content .table {
      margin: 2rem 0 4rem;
      border: 1px solid rgba(0, 0, 0, 0.06);
      font-size: 13px;
      padding: 8px 20px;
      background-color: #f8f8f8;
      border: none;
      border: none; }
      section.customer .customer__content .table tr:nth-of-type(odd) {
        background-color: #fff; }
      section.customer .customer__content .table tr:nth-of-type(even) {
        background-color: #f8f8f8; }
    section.customer .customer__content .feedback {
      display: flex;
      font-size: 14px;
      margin: 2rem 0; }
      section.customer .customer__content .feedback .represent {
        min-width: 100px;
        text-align: center;
        color: rgba(6, 12, 25, 0.65);
        line-height: 1.5; }
        section.customer .customer__content .feedback .represent .name {
          margin-top: 5px;
          color: rgba(6, 12, 25, 0.85);
          font-weight: 600; }
      section.customer .customer__content .feedback .speak {
        position: relative;
        padding: 15px 10px;
        margin-left: 20px;
        border: 1px solid rgba(0, 0, 0, 0.06); }
        section.customer .customer__content .feedback .speak::before {
          position: absolute;
          top: 50%;
          left: -27px;
          transform: translateY(-50%);
          content: "";
          border: 10px solid transparent;
          border-right: 16px solid rgba(0, 0, 0, 0.12); }
        section.customer .customer__content .feedback .speak::after {
          position: absolute;
          top: 50%;
          left: -26px;
          transform: translateY(-50%);
          content: "";
          border: 10px solid transparent;
          border-right: 16px solid #fff; }
  @media (max-width: 767.98px) {
    section.customer {
      padding: 0; }
      section.customer .customer__nav {
        display: none; }
      section.customer .customer__content {
        padding: 20px; }
        section.customer .customer__content .title {
          font-size: 1.5rem; }
          section.customer .customer__content .title img {
            vertical-align: middle; }
        section.customer .customer__content .scale {
          margin: 1.5rem 0 1rem; } }