.main {
    background-color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  
  .main .overlap-group-wrapper {
    background-color: #000000;
    width: 1920px;
    height: 100%;
  }
  
  .main .overlap-group {
    position: relative;
    width: 1596px;
    height: 100%;
    left: 162px;
  }
  
  .main .ellipse {
    width: 1306px;
    left: 290px;
    position: absolute;
    height: 100%;
    top: 0;
  }
  
  .main .img {
    width: 1321px;
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
  }
  
  .main .text-wrapper {
    position: absolute;
    width: 859px;
    height: 65px;
    top: 38%;
    left: 368px;
    font-family: "SF Pro Display";
    font-weight: 500;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .main .div {
    position: absolute;
    width: 1029px;
    height: 192px;
    top: 40%;
    left: 283px;
    font-family: "SF Pro Text";
    font-weight: 900;
    color: #ffffff;
    font-size: 128px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 16px;
  }
  
  .main .p {
    position: absolute;
    width: 812px;
    height: 37px;
    top: 60%;
    left: 392px;
    font-family: "SF Pro Display";
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }