#aboutus .AboutArea .imgData:has(.fv-about-steps) {
  container-type: inline-size;
  position: relative;
  display: grid;
  align-items: end;
  inline-size: min(100%, 550px);
  min-inline-size: 0;
  min-block-size: 22rem;
  padding: clamp(.55rem, 1.5vw, 1rem);
  isolation: isolate;
}

#aboutus .AboutArea .imgData:has(.fv-about-steps) > img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
}

#aboutus .AboutArea .imgData .fv-about-steps {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  margin: 7rem 0 0;
  padding: .25rem;
  transform: none;
  border: 1px solid rgb(235 229 255 / 22%);
  border-radius: 1.1rem;
  background: linear-gradient(110deg, rgb(29 24 48 / 81%), rgb(46 35 71 / 76%));
  backdrop-filter: blur(7px);
  box-shadow: 0 6px 18px rgb(16 12 28 / 18%);
  list-style: none;
}

#aboutus .AboutArea .imgData .fv-about-step {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  align-items: start;
  gap: .35rem .55rem;
  min-inline-size: 0;
  inline-size: auto;
  margin: 0;
  padding: .75rem;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: start;
  overflow-wrap: anywhere;
}

#aboutus .fv-about-step + .fv-about-step {
  border-inline-start: 1px solid rgb(235 229 255 / 16%);
}

#aboutus .fv-about-step-icon {
  grid-column: 1;
  grid-row: 1;
  display: block;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  color: #d8c7ff;
}

#aboutus .fv-about-step-icon i { display: none; }

#aboutus .fv-about-step-icon::before {
  content: "";
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-color: currentColor;
  mask: var(--step-glyph) center / contain no-repeat;
}

#aboutus .fv-about-step:nth-child(1) {
  --step-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='7' height='14' rx='1.7'/%3E%3Crect x='14' y='5' width='7' height='14' rx='1.7'/%3E%3Cpath d='M5.5 9h2m-2 3h2m9-3h2m-2 3h2'/%3E%3C/svg%3E");
}

#aboutus .fv-about-step:nth-child(2) {
  --step-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 13.9 4-4m-6.5 1-2.2 2.2a3.8 3.8 0 0 0 5.4 5.4l2.2-2.2m-1.7-8.6 2.2-2.2a3.8 3.8 0 0 1 5.4 5.4l-2.2 2.2'/%3E%3C/svg%3E");
}

#aboutus .fv-about-step:nth-child(3) {
  --step-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5h8a2 2 0 0 1 2 2v4m-6 9H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m0 4h8m-8 4h4'/%3E%3Cpath d='m15 16 2 2 4-4'/%3E%3C/svg%3E");
}

#aboutus .fv-about-step-number {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  color: #d8c7ff;
  font-size: .7rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

#aboutus .fv-about-step-title,
#aboutus .fv-about-step-note {
  grid-column: 1 / -1;
  line-height: 1.4;
}

#aboutus .fv-about-step-title {
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
}

#aboutus .fv-about-step-note {
  color: #e4dbf2;
  font-size: .75rem;
}

@container (max-width: 29rem) {
  #aboutus .AboutArea .imgData .fv-about-steps { grid-template-columns: 1fr; }
  #aboutus .AboutArea .imgData .fv-about-step {
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: .12rem .65rem;
    padding: .5rem .65rem;
  }
  #aboutus .fv-about-step + .fv-about-step {
    border-inline-start: 0;
    border-block-start: 1px solid rgb(235 229 255 / 16%);
  }
  #aboutus .fv-about-step-icon { grid-row: 1 / 3; align-self: center; }
  #aboutus .fv-about-step-number { grid-column: 3; grid-row: 1 / 3; }
  #aboutus .fv-about-step-title { grid-column: 2; grid-row: 1; }
  #aboutus .fv-about-step-note { grid-column: 2; grid-row: 2; }
}

@media (min-width: 992px) {
  #aboutus .AboutArea .imgData:has(.fv-about-steps) {
    flex-shrink: 0;
    inline-size: min(50%, 550px);
    min-block-size: 29rem;
  }
}