.about-us {
    background-image: url('https://crystaleyebrows.com/public/CRYSTALEYEBROWS/themeaB9xY12z/assets/images/about/cry-about-bg.png');
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    z-index: 2;
    background-color: #fce7f4;
}
.about-main-img img {
  width: 100%;
  max-width: 420px;
}
.about-us-left {
  position: relative;
}
.about-shape-img {
  position: absolute;
  bottom: -100px;
  right: -30px;
}
.about-shape-img img {
  max-width: 300px;
}
.about-shape-one img {
  width: 100%;
}
.about-shape-one {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.about-main-img {
  text-align: center;
}
.about-us-inner {
  position: relative;
}
.about-shape-two {
  position: absolute;
  top: 0;
  left: 0;
}
.about-shape-two img {
  max-width: 90px;
}
.about-shape-three {
  position: absolute;
  top: 90px;
  left: -100px;
}
.about-shape-three img {
  max-width: 80px;
}
.about-us-right h1 {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--font-02);
  color: var(--color-1);
}
.about-us-right h2 {
  font-size: 35px;
  font-weight: 600;
  font-family: var(--font-03);
  text-transform: capitalize;
  margin-bottom: 20px;
}

.values-main-img img {
    width: 100%;
    max-width: 380px;
    height: 510px;
}
.values-main-img {
  text-align: center;
}
.values-left-head h1 {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--font-02);
  color: var(--color-1);
}
.values-left-head h2 {
  font-size: 35px;
  font-weight: 600;
  font-family: var(--font-03);
  text-transform: capitalize;
  margin-bottom: 20px;
}
.values-left-bottom {
  position: relative;
}
.values-shape-one {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
}
.values-shape-one img {
  width: 100%;
}
.values-shape-two img {
  max-width: 50px;
}
.value-wapper h3 {
  font-size: 28px;
  font-family: var(--font-02);
  font-weight: 500;
}
.about-us-right p {
  text-align: left;
}
.values-shape-two p {
}
.value-wapper p {
  text-align: left;
}
.values-right {
    display: flex;
    flex-direction: column;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #6C4D40;
    height: 100%;
}
.value-wapper {
    padding: 40px 20px 40px 40px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #6C4D40;
}

.values-content {
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #6C4D40;
}
.values-left {
  padding-right: 30px;
  border-width: 0px 1px 0px 0px;
  border-color: #6C4D40;
  padding-top: 30px;
  border-style: solid;
  height: 100%;
}
.value-wapper:last-child {
  border: none;
}

@media(max-width:1200px){
    .values-left-head h2 {
    font-size: 24px;
}
}
@media(max-width:991px){
    .about-us-inner .row {
    row-gap: 70px;
}
}
@media(max-width:576px){
    .about-shape-img img {
    max-width: 180px;
}
.about-shape-two img {
    max-width: 40px;
}
.about-us-right h2 {
    font-size: 24px;
}
.values-left {
    padding-right: 10px;
}
.values-main-img img {
    height: 420px;
}
.value-wapper {
    padding: 10px 20px 30px 20px;
}
.value-wapper h3 {
    font-size: 22px;
}
.about-shape-img {
    right: 0;
}
}