:root {
  --bg-faqs: #ffffff;
  --color-faqs: #111915;
  --bg-counter1: #4eb83c;
  --color-counter1: #ffffff;
  --bg-counter2: #111915;
  --color-counter2: #ffffff; }

.greenweave-about-us-faqs {
  background: var(--bg-faqs);
  color: var(--color-faqs); }
  .greenweave-about-us-faqs .counter-faqs {
    letter-spacing: 0.125rem;
    line-height: 1;
    position: relative;
    display: flex;
    justify-content: start;
    overflow: hidden;
    align-items: center;
    height: 3.75rem;
    font-size: 3.75rem;
    font-weight: 600; }
    .greenweave-about-us-faqs .counter-faqs > span {
      z-index: 1;
      display: flex;
      flex-direction: column;
      height: 100%;
      transition: transform 1s ease;
      transform: translateY(0);
      line-height: 1; }
      .greenweave-about-us-faqs .counter-faqs > span span {
        flex: 0 0 100%;
        height: 100%; }
  .greenweave-about-us-faqs .intro-list-faqs .header-faqs {
    font-size: 18px;
    font-weight: 600;
    padding: 25px 0 25px 35px;
    position: relative;
    cursor: pointer; }
    .greenweave-about-us-faqs .intro-list-faqs .header-faqs:before {
      content: "";
      left: 0;
      top: calc(50% - 10px);
      position: absolute;
      box-sizing: border-box;
      height: 20px;
      width: 20px;
      background: var(--color-faqs);
      -webkit-mask: url("data:image/svg+xml, %3Csvg width='20px' height='20px' viewBox='0 0 24 24' id='plus' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpath id='primary' d='M5, 12H19M12, 5V19' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/path%3E%3C/svg%3E") center/contain;
      mask: url("data:image/svg+xml, %3Csvg width='20px' height='20px' viewBox='0 0 24 24' id='plus' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpath id='primary' d='M5, 12H19M12, 5V19' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/path%3E%3C/svg%3E") center/contain;
      mask-repeat: no-repeat;
      /*background-image: url("data:image/svg+xml, %3Csvg width='20px' height='20px' viewBox='0 0 24 24' id='plus' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cpath id='primary' d='M5, 12H19M12, 5V19' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/path%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;*/
      transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s; }
    .greenweave-about-us-faqs .intro-list-faqs .header-faqs.opened {
      border-color: #000; }
    .greenweave-about-us-faqs .intro-list-faqs .header-faqs.opened:before {
      -webkit-mask: url("data:image/svg+xml, %3Csvg width='20px' height='20px' viewBox='0 0 24 24' id='minus' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cline id='primary' x1='19' y1='12' x2='5' y2='12' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/line%3E%3C/svg%3E") center/contain;
      mask: url("data:image/svg+xml, %3Csvg width='20px' height='20px' viewBox='0 0 24 24' id='minus' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cline id='primary' x1='19' y1='12' x2='5' y2='12' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/line%3E%3C/svg%3E") center/contain;
      /*background-image: url("data:image/svg+xml, %3Csvg width='20px' height='20px' viewBox='0 0 24 24' id='minus' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cline id='primary' x1='19' y1='12' x2='5' y2='12' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/line%3E%3C/svg%3E");*/ }
  .greenweave-about-us-faqs .intro-list-faqs .content-faqs {
    display: none;
    padding-bottom: 10px;
    position: relative;
    top: -15px;
    opacity: 0.6; }
  .greenweave-about-us-faqs .intro-list-faqs .faq-item:not(:last-child) {
    position: relative; }
    .greenweave-about-us-faqs .intro-list-faqs .faq-item:not(:last-child):before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: var(--color-faqs);
      opacity: 0.1; }
  .greenweave-about-us-faqs .faqs-banner {
    position: relative; }
    .greenweave-about-us-faqs .faqs-banner .banner {
      text-align: right; }
      .greenweave-about-us-faqs .faqs-banner .banner img {
        border-radius: 16px; }
    .greenweave-about-us-faqs .faqs-banner .list-counter {
      position: absolute;
      bottom: 40px;
      left: 0;
      width: 100%;
      padding-right: 50px;
      display: flex;
      justify-content: center;
      gap: 20px; }
      .greenweave-about-us-faqs .faqs-banner .list-counter .counter {
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        padding: 30px 40px;
        border-radius: 16px; }
        .greenweave-about-us-faqs .faqs-banner .list-counter .counter--1 {
          background: var(--bg-counter1);
          color: var(--color-counter1); }
        .greenweave-about-us-faqs .faqs-banner .list-counter .counter--2 {
          background: var(--bg-counter2);
          color: var(--color-counter2); }
        .greenweave-about-us-faqs .faqs-banner .list-counter .counter .title {
          font-size: 20px;
          font-weight: 600; }
        .greenweave-about-us-faqs .faqs-banner .list-counter .counter .counter-faqs {
          margin: 10px 0; }
          .greenweave-about-us-faqs .faqs-banner .list-counter .counter .counter-faqs > span span {
            text-align: center; }
  @media (min-width: 992px) {
    .greenweave-about-us-faqs .faqs-content {
      padding-right: 30px; }
    .greenweave-about-us-faqs .faqs-banner {
      padding-left: 25%; } }
  @media (max-width: 991px) {
    .greenweave-about-us-faqs .faqs-content {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .greenweave-about-us-faqs .intro-list-faqs .header-faqs {
      font-size: 16px;
      padding: 15px 0 15px 30px; }
    .greenweave-about-us-faqs .intro-list-faqs .content-faqs {
      top: -10px; }
    .greenweave-about-us-faqs .faqs-banner {
      margin-bottom: 40px; }
      .greenweave-about-us-faqs .faqs-banner .list-counter {
        padding-right: 0;
        bottom: -40px; }
        .greenweave-about-us-faqs .faqs-banner .list-counter .counter {
          padding: 15px; }
          .greenweave-about-us-faqs .faqs-banner .list-counter .counter .title {
            font-size: 16px; }
          .greenweave-about-us-faqs .faqs-banner .list-counter .counter .counter-faqs {
            height: 2.5rem;
            font-size: 2.5rem; } }