.phone-frame {
  position: relative;
  overflow: hidden;
  width: 278px;
  margin: 0 auto;
  padding: 10px;
  background: #060811;
  border: 2px solid #48546b;
  border-radius: 32px;
  box-shadow: 0 24px 50px #0009;
}
.phone-frame > i {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 50%;
  width: 82px;
  height: 19px;
  border-radius: 20px;
  background: #05060b;
  transform: translateX(-50%);
}
.phone-frame > img {
  display: block;
  width: 100%;
  height: 510px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 23px !important;
}
.screens .mobile-shot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg, #101a2a, #0e1420);
}
.telegram-phone {
  width: 318px;
  padding: 9px;
  border-radius: 35px;
  background: #070a12;
  border-color: #53617b;
}
.telegram-phone .telegram-demo {
  overflow: hidden;
  border: 0;
  border-radius: 26px;
  box-shadow: none;
}
.telegram-phone .chat-header {
  padding-top: 37px;
}
.telegram-phone .chat-body {
  min-height: 295px;
}
.telegram-phone .chat-actions {
  padding: 12px;
}
.telegram-phone .chat-actions button {
  padding: 9px 5px;
  font-size: 9px;
}
@media (max-width: 780px) {
  .phone-frame {
    width: 270px;
  }
  .phone-frame > img {
    height: 490px !important;
  }
  .telegram-phone {
    width: 300px;
  }
  .telegram-phone .chat-body {
    min-height: 275px;
  }
}