.faqs_container {
  display: flex;
  flex-direction: column;
  width: 90vw;
  margin-inline: auto;

  .faqs_image_section {
    width: 100%;
    margin-top: 50px;
    position: relative;
    z-index: 0;

    img {
      width: 100%;
      border-radius: 10px;
    }

    h6 {
      position: absolute;
      top: 43%;
      left: 50px;
      color: #021736;
      font-size: 3vw;
    }
  }

  .faqs_body {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-block: 40px;

    .left {
      width: 20%;

      h1 {
        font-size: 18px;
        color: #0c0c0c;
        margin-bottom: 20px;
      }

      p {
        color: #0c0c0c;
        font-size: 16px;

        &:nth-child(2) {
          color: var(--primary) !important;
        }
      }
    }

    .right {
      width: 80%;
    }
  }
}

.ant-collapse [class^="ant-collapse"],
.ant-collapse [class*=" ant-collapse"] {
  background: #fff;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  font-size: max(20px,1.8vw);
  font-weight: 500;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  font-size: 1.7vw;
}

.ant-collapse .ant-collapse-content {
  p {
    font-size: 1.4vw;
    color: var(--text);
    margin-bottom: 0;
  }
}

.label-active {
  color: var(--primary);
  transition: ease-in-out .4s;
}
