.ai-tutor-avatar {
  flex-basis: 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  background-color: #0b2743;
  background-image: url("../img/ravi/ravi-closeup.7ca5f40f8afd.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  image-rendering: auto;
  color: transparent;
  font-size: 0;
  border: 1px solid rgba(103, 232, 249, .55);
  box-shadow: 0 7px 18px rgba(0, 0, 0, .18);
}

.ai-tutor-video {
  display: block;
  flex: 0 0 148px;
  width: 148px;
  height: 92px;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(103, 232, 249, .55);
  border-radius: 20px;
  background: #0b2743;
  box-shadow: 0 9px 24px rgba(0, 0, 0, .2);
}

@media (max-width: 520px) {
  .ai-tutor-avatar {
    flex-basis: 54px;
    width: 54px;
    height: 54px;
  }

  .ai-tutor-video {
    flex-basis: 112px;
    width: 112px;
    height: 78px;
    border-radius: 17px;
  }
}

.ai-login-icon {
  width: 116px;
  height: 116px;
  border-radius: 28px;
  background: transparent url("../img/ravi/ravi-wave.cdacaaf98618.png") center 7% / 112% auto no-repeat;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

.ai-login-icon svg {
  display: none;
}

.kids-flow-demo .title-row > div:first-child {
  position: relative;
  min-height: 86px;
  padding-left: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.kids-flow-demo .title-row > div:first-child::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 82px;
  height: 82px;
  border-radius: 22px;
  background: transparent url("../img/ravi/ravi-explain.ccbb28c7fd99.png") center 7% / 112% auto no-repeat;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .2);
}

.preview-answer > span {
  background: transparent url("../img/ravi/ravi-neutral.ea8b18834909.png") center 7% / 112% auto no-repeat;
  color: transparent;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

.ai-disclosure span {
  background: transparent url("../img/ravi/ravi-guide.f560fa4a09e6.png") center 7% / 112% auto no-repeat;
  color: transparent;
  font-size: 0;
}

@media (max-width: 520px) {
  .kids-flow-demo .title-row > div:first-child {
    min-height: 66px;
    padding-left: 80px;
  }

  .kids-flow-demo .title-row > div:first-child::before {
    width: 64px;
    height: 64px;
    border-radius: 18px;
  }
}