.essential-wrapper {
  padding: 48px 0;

  @media screen and (max-width:767px) {
    padding: 48px 0 0 0;
  }

  .workspace-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .heading {
      .workspace-heading {
        font-family: $font-family-hk;
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        color: $secondary-color;
      }
    }

    .crossSign {
      .close {
        width: 32px;
        height: 32px;
      }
    }
  }

  .content-box {
    padding-top: 32px;

    .office-row {
      .service-block {
        margin-bottom: 56px;
        padding: 0;

        .service-icon {
          margin-right: 12px;
          img {
            height: 48px;
            width: 48px;
          }
        }

        .service-body {
          gap: 8px;
          padding: 0;

          .service-title {
            font-family: $font-family-sora;
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: $secondary-color;
            align-self: stretch;
            text-align: left;
          }

          .service-description {
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: $color-dark;
            align-self: stretch;
            text-align: left;
          }
        }
      }
    }
  }
}