.ai-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.ai-modal.active {
  display: flex;
}

.ai-modal-content {
  background: #fff;
  width: 500px;
  max-width: 95%;
  padding: 20px;
  border-radius: 12px;
}

.ai-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.ai-modal.active{
  display: flex;
}
.ai-modal-content{
  background: #fff;
  width: 500px;
  max-width: 95%;
  padding: 20px;
  border-radius: 12px;
}

.img-box{
  width:100%;
  height:120px;
  overflow:hidden;
  border-radius:10px;
}

.img-box img{
  width:100%;
  height:100%;
  object-fit:cover;
}