body {
  height: 100%;
}

main {
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  max-width: 1600px;
  min-height: 50%;
  font-size: 1rem !important;
}
main section {
  padding: 0px !important;
}
.content-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50%;
}
.content-area .content-column {
  width: 50%;
}
.content-area .content-column.left {
  width: 34%;
  min-height: 400px;
  background-image: url("/websiteNew/assets/img/website/about/page1/P6-1.svg");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
.content-area .content-column.left.image-2 {
  background-image: url("/websiteNew/assets/img/website/about/page2/page2__main.svg");
}
.content-area .content-column.left.image-3 {
  background-image: url("/websiteNew/assets/img/website/about/hire.svg");
}
.content-area .content-column.left.cq-mission {
  background-image: url("/websiteNew/assets/img/website/about/page1/cq-mission.png");
  background-size: 60%;
}
.content-area .content-column.left.cq-born {
  background-image: url("/websiteNew/assets/img/website/about/page1/cq-born.png");
}
.content-area:nth-child(even) .content-column.left {
  background-position-x: left;
}
.content-area .content-column.right {
  padding: 0px 7rem 0px 5rem;
}
.content-area .content-column.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  width: 100%;
  text-align: center;
}
.content-area h4 {
  color: #de6834;
  line-height: 2em;
}
.content-area h5 {
  margin-bottom: 2rem;
  font-size: 20px;
  line-height: 1.5em;
  color: #333;
}
.content-area p {
  font-size: 18px;
}
.content-area .info {
  font-size: 18px;
  color: #333;
}
.content-area .content-column.cq-mission .info {
  max-width: 80%;
  text-align: left;
}
.content-area .content-column.info h4 {
  font-size: 2rem;
}
.content-area .content-column h2 {
  font-size: 3rem;
  font-weight: 600;
  color: #de6834;
}
.content-area .content-column .cards-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2rem 0px;
  width: 75%;
  list-style: none;
}
.content-area .content-column .cards-list li {
  flex-grow: 0;
  padding: 2.5rem 3rem;
  width: calc(50% - 2rem);
  border-radius: 0.25rem;
  color: #555;
  border-left: 0.4rem solid #de6834;
  box-shadow: 0px 0.175rem 0.5rem #3333;
}
.content-area .content-column .cards-list li h4 {
  font-weight: 600;
  color: #333;
}
.content-area.linear {
  padding: 3rem 5rem;
}
.content-area.linear h5 {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}

.content-area .content-column.category-content {
  /* margin: auto; */
  /* align-items: flex-start; */
  text-align: left;
}
.content-area .content-column.category-content.reasons {
  margin-top: 0px;
}
.content-area .content-column.center.last-section {
  margin-top: 5rem;
}
.content-area .content-column.category-content .category-heading {
  margin-bottom: 2rem;
  font-weight: 600;
  color: #de6834;
}
.content-area .content-column.category-content .category-subheading {
  font-weight: 600;
  color: #333;
}
.content-area .content-column.category-content>p {
}
.content-area .content-column .category-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 0px;
  padding: 2rem 0px;
  width: 80%;
  list-style: none;
  counter-set: category-counter;
}
.content-area .content-column.center.category-content>p,
.content-area .content-column.center.end-line>p {
  width: 80%;
}
.content-area .content-column.center .groups {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 80%;
}
.content-area .content-column.center .groups .group {
  width: 60%;
}
.content-area .content-column.center .groups .group.image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40%;
}
.content-area .content-column.category-content.reasons .groups .group.image {
  background-image: url("/websiteNew/assets/img/website/about/page1/about-article.png");
}
.content-area .content-column.category-content.center .category-content-group {
  width: 55%;
}

.content-area .content-column .category-list li {
  position: relative;
  flex-grow: 0;
  padding: 0rem 3rem;
  border-radius: 0.25rem;
  font-size: 18px;
  color: #333;
  text-align: left;
  counter-increment: category-counter;
}
.content-area .content-column .category-list.small-bullets {
  padding-top: 1rem;
  gap: 1rem;
}
.content-area .content-column .category-list.small-bullets li::before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background-color: #de6834;
  content: "";
  top: calc(0.85rem - 2px);
  left: -0rem;
  width: 1.5rem;
  height: 4px;
  border-radius: 0px;
}
.content-area .content-column .category-list li .content-column.left {
  min-height: 280px;
}
.content-area .content-column .category-list li:nth-child(1) .content-column.left {
  background-position-x: left;
  background-position-y: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.content-area .content-column .category-list li:nth-child(1) .content-column.left {
  background-position-x: right;
  background-image: url("/websiteNew/assets/img/website/about/page1/categories-one.png");
}
.content-area .content-column .category-list li:nth-child(2) .content-column.left {
  background-image: url("/websiteNew/assets/img/website/about/page1/categories-two.png");
}
.content-area .content-column .category-list li:nth-child(3) .content-column.left {
  background-position-x: right;
  background-image: url("/websiteNew/assets/img/website/about/page1/categories-three.png");
}
.content-area .content-column .category-list li h4 {
  position: relative;
  font-weight: 600;
  color: #333;
}
.content-area .content-column .category-list li h4::before {
  content: counter(category-counter);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0.5rem;
  left: -3rem;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background-color: #de6834;
  border-radius: 50%;
}
.content-area .content-column .category-list li:nth-child(1) h4::before {
  background-color: #e7a68a;
}
.content-area .content-column .category-list li:nth-child(2) h4::before {
  background-color: #d06d43;
}
.content-area .content-column .category-list li:nth-child(3) h4::before {
  background-color: #ffb548;
}
.content-area .content-column.center.end-line {
  align-items: flex-start;
}
.content-area .content-column.center.end-line p,
.content-area .content-column.center.end-line h2 {
  margin: auto;
  width: 80%;
  text-align: left;
}

main .buttons {
  position: sticky;
  top: 10vh;
  display: flex;
  justify-content: center;
  margin: 1rem auto;
  width: 100%;
  z-index: 2;
}
main .buttons button {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 500;
  background-color: #fff;
  color: #de6834;
  border: none;
  outline: none;
  box-shadow: 0px 0.25rem 0.5rem #0002;
}
main .buttons button:nth-child(2) {
  border-left: 2px solid #de6834;
}
main .buttons button.active {
  background-color: #feeee5;
  color: #de6834;
}

#footer {
  margin-top: auto;
}
.left-heading,
.left-content {
  width: 60%;
  text-align: left;
}
.left-heading {
  margin-bottom: 2rem;
}
.left-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

section.questions {
  background-color: #feeee5;
}
section.questions .content-area .content-column.center {
  margin-bottom: 5rem;
}

.think-area {
  position: relative;
  width: 40%;
  min-height: calc(40vw / 1.25);
  /* aspect-ratio: 1.25; */
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/websiteNew/assets/img/website/about/page1/about-article.png") !important;
}
.think-area p {
  float: right;
  width: 60%;
  font-weight: 400;
}
.think-area::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40%;
  height: 50%;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/websiteNew/assets/img/website/about/page1/thinking.png");
}

.last-area h4,
.last-area p {
  width: 80%;
  text-align: left;
}
.last-area {
  padding-bottom: 2rem;
}

.graph {
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.graph label {
  font-size: 16px;
  margin-left: auto;
  color: #555;
}
.graph label a {
  color: #555;
}
@media screen and (max-width: 800px) {
  main section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  main section:not(:is(#about, #get-in-touch)) {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .content-area .content-column h2 {
    font-size: 1.25rem;
  }
  .content-area h5 {
    padding: 0px 1.5rem;
    font-size: 1.15rem;
  }
  .content-area .info,
  .content-area p {
    font-size: 1rem;
  }
  .graph {
    padding: 0px 1rem;
  }
  .graph canvas {
    max-width: 100%;
  }
  .content-area {
    flex-direction: column;
  }
  .content-area .content-column {
    width: 100% !important;
  }
  .content-area .content-column.left {
    order: 0;
  }
  .content-area .content-column.right {
    order: 1;
    padding: 0px;
  }
  .content-area .content-column .category-list li .content-column.left {
    min-height: 200px;
  }
  .content-area .content-column .category-list li:nth-child(1) .content-column.left,
  .content-area .content-column .category-list li:nth-child(3) .content-column.left {
    background-position-x: left;
  }
  .content-area .content-column .category-list li {
    padding: 0px 0px 0px 2rem;
    font-size: 16px;
  }
  .content-area h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .content-area p {
    margin-bottom: 0px;
    font-size: 16px;
  }
  .content-area .content-column .category-list li h4::before {
    top: -0.2rem
  }
  .content-area .content-column .category-list.small-bullets li::before {
    top: calc(0.75rem - 2px);
    width: 1.25rem;
  }
  .think-area {
    width: 320px;
    min-height: 260px;
  }
  .think-area p {
    font-size: 0.7rem;
  }
}