.iphone-pro {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.iphone-pro .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 402px;
  height: 1277px;
  position: relative;
}

.iphone-pro .frame {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: -10px;
  left: -19px;
}

.iphone-pro .frame-wrapper {
  position: relative;
  width: 436.08px;
  height: 967px;
}

.iphone-pro .div-wrapper {
  position: relative;
  width: 416px;
  height: 947px;
  top: 10px;
  left: 10px;
}

.iphone-pro .frame-2 {
  position: relative;
  width: 396px;
  height: 927px;
  top: 10px;
  left: 10px;
}

.iphone-pro .frame-3 {
  display: flex;
  flex-direction: column;
  width: 396px;
  align-items: flex-start;
  gap: 21px;
  position: relative;
}

.iphone-pro .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Kulim Park", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.iphone-pro .element {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 113px;
}

.iphone-pro .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: "Kulim Park", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.iphone-pro .img {
  position: relative;
  width: 101.91px;
  height: 31px;
}

.iphone-pro .chatgpt-image {
  position: relative;
  width: 383px;
  height: 231px;
}

.iphone-pro .element-2 {
  position: relative;
  width: 105.56px;
  height: 31px;
}

.iphone-pro .element-3 {
  position: relative;
  width: 385px;
  height: 100px;
}

.iphone-pro .frame-4 {
  position: absolute;
  width: 145px;
  height: 49px;
  top: 957px;
  left: 128px;
  background-image: url(https://c.animaapp.com/8gmcKHYa/img/-------------------------001--9--1@2x.png);
  background-size: 100% 100%;
}