.greenweave-page-service-about .quote-icon {
  position: relative;
  width: 50px;
  height: 24px;
  margin-bottom: 35px; }
  .greenweave-page-service-about .quote-icon:before, .greenweave-page-service-about .quote-icon:after {
    content: "";
    position: absolute;
    top: 0;
    width: 12px;
    height: 22px;
    background: var(--bg-icon);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); }
  .greenweave-page-service-about .quote-icon:after {
    left: 18px; }

.greenweave-page-service-about .about-banner img {
  border-radius: 16px; }

.greenweave-page-service-about .about-content .title {
  font-size: 24px;
  margin-bottom: 15px; }

.greenweave-page-service-about .about-content .desc {
  font-size: 18px;
  opacity: 0.6; }

.greenweave-page-service-about .about-content .about-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 35px; }
  .greenweave-page-service-about .about-content .about-info .img {
    position: relative; }
    .greenweave-page-service-about .about-content .about-info .img img {
      max-width: 80px;
      border-radius: 50%; }
    .greenweave-page-service-about .about-content .about-info .img .item-quote {
      position: absolute;
      bottom: 0;
      left: 50px;
      width: 30px;
      height: 30px;
      line-height: 28px;
      background: var(--bg-icon);
      color: var(--color-icon);
      text-align: center;
      border-radius: 50%; }
      .greenweave-page-service-about .about-content .about-info .img .item-quote svg {
        width: 12px;
        height: 12px;
        fill: currentColor; }
  .greenweave-page-service-about .about-content .about-info .detail .name {
    font-size: 20px;
    font-weight: 600; }
  .greenweave-page-service-about .about-content .about-info .detail .position {
    opacity: 0.5; }

.greenweave-page-service-about .list-logo {
  padding-top: 80px; }
  .greenweave-page-service-about .list-logo .partner-logo {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    text-align: center; }
    .greenweave-page-service-about .list-logo .partner-logo .item {
      -ms-flex: 0 0 calc(100%/4 - 22.5px);
      flex: 0 0 calc(100%/4 - 22.5px);
      max-width: calc(100%/4 - 22.5px); }
      .greenweave-page-service-about .list-logo .partner-logo .item img {
        max-height: 48px;
        opacity: 0.3;
        transition: all 0.3s; }
      .greenweave-page-service-about .list-logo .partner-logo .item:hover img {
        opacity: 1; }

@media (min-width: 768px) {
  .greenweave-page-service-about .list-logo .heading-title .title2 {
    font-size: 35px; } }

@media (min-width: 992px) {
  .greenweave-page-service-about .about-banner {
    padding-right: 30px; }
  .greenweave-page-service-about .list-logo .heading-title, .greenweave-page-service-about .list-logo .heading-title .title2 {
    margin: 0;
    text-align: right; } }

@media (max-width: 991px) {
  .greenweave-page-service-about .about-content {
    margin-top: 40px; }
  .greenweave-page-service-about .list-logo {
    padding-top: 60px;
    flex-flow: column-reverse; } }

@media (max-width: 767px) {
  .greenweave-page-service-about .quote-icon {
    margin-bottom: 15px; }
  .greenweave-page-service-about .about-content .title {
    font-size: 18px; }
  .greenweave-page-service-about .about-content .desc {
    font-size: 14px; }
  .greenweave-page-service-about .about-content .about-info .detail .name {
    font-size: 16px; }
  .greenweave-page-service-about .list-logo {
    padding-top: 40px; }
    .greenweave-page-service-about .list-logo .partner-logo .item {
      -ms-flex: 0 0 calc(100%/2 - 15px);
      flex: 0 0 calc(100% / 2 - 15px);
      max-width: calc(100% / 2 - 15px); }
      .greenweave-page-service-about .list-logo .partner-logo .item img {
        max-height: 42px; } }