.aboutMainContent {
  margin-top: 80px;
}
.aboutUsPicture {
  position: relative;
  aspect-ratio: 4.1/2;
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
}
.aboutUsPicture::after {
  content: "";
  background: linear-gradient(to top, var(--bgClr) 10%, transparent 50%),
    linear-gradient(to bottom, var(--bgClr) 10%, transparent 50%),
    linear-gradient(to left, var(--bgClr) 5%, transparent 50%),
    linear-gradient(to right, var(--bgClr) 5%, transparent 50%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.aboutUsImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.aboutContent {
  gap: 5px;
  margin-top: -80px;
  z-index: 10;
}
.aboutContent svg {
  color: var(--clrF);
  opacity: 0.02;
  margin-bottom: -20px;
}
.aboutContent h1 {
  font-weight: 700;
  font-style: Bold;
  font-size: 25px;
  line-height: 170%;
  color: var(--clrF);
}
.aboutContent h2 {
  font-weight: 700;
  color: var(--clrF);
  font-weight: 700;
  font-style: Bold;
  font-size: 17px;
  line-height: 170%;
  margin-top: 15px;
}
.aboutContent h3,
.aboutContent h4,
.aboutContent h5,
.aboutContent h6 {
  font-weight: 700;
  font-style: Bold;
  font-size: 15px;
  line-height: 170%;
  letter-spacing: 0%;
  text-align: right;
  color: var(--clrF);
  margin-top: 15px;
}
.aboutContent p {
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: justify;
  color: var(--clrF);
}
.aboutContent div {
  margin-top: 12px;
  gap: 15px;
}
.aboutContent ul {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 5px;
  margin-right: 10px;
}
.aboutContent li {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0%;
  text-align: right;
  color: var(--clrF);
  list-style: none;
  position: relative;
  padding-right: 17px;
}
.aboutContent li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--clrD9);
  position: absolute;
  right: 3px;
  top: 10px;
}
.aboutContent blockquote {
  font-weight: 400;
  font-style: Regular;
  font-size: 13px;
  line-height: 30px;
  text-align: right;
  color: var(--clrF);
  box-shadow: 0px 2px 5px 0px #00000040;
  background-color: var(--clrF20);
  padding: 10px 20px 20px;
  border-radius: 10px;
  margin: 15px 0;
}
.aboutContent blockquote::before,
.aboutContent blockquote::after {
  content: "";
  width: 25px;
  height: 25px;
  font-size: 18px;
  display: inline-block;
  background-color: var(--clrF);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"></path></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"></path></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"></path></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  transform: translateY(3px);
  margin-left: 5px;
}
.aboutContent blockquote::after {
  transform: rotate(180deg) translateY(-12px);
  margin: -10px 5px 0 0;
}
.aboutContent a {
  font-size: 1.1em;
  color: var(--clrE8);
  font-weight: 600;
  border-bottom: 1px solid var(--clrE8);
  width: fit-content;
  padding: 0 2px 3px;
}
.aboutContent strong {
  font-weight: 800;
}
@media screen and (min-width: 968px) {
  .aboutUsPicture {
    aspect-ratio: 2/1;
    max-width: 900px;
    margin: 0 auto;
  }
  .aboutContent {
    padding: 50px 60px;
    border-radius: 20px;
    margin-top: -20px;
    background-color: #ffffff06;
  }
  .aboutContent h2 {
    font-size: 22px;
  }
  .aboutContent h2 {
    font-size: 19px;
  }
  .aboutContent h3,
  .aboutContent h4,
  .aboutContent h5,
  .aboutContent h6 {
    font-size: 17px;
  }
  .aboutContent p {
    font-size: 14px;
  }
  .aboutContent li {
    font-size: 15px;
    line-height: 25px;
  }
  .aboutContent blockquote {
    font-size: 14px;
    line-height: 30px;
  }
}