.desktop {

  position: relative;
  max-width: 1440px;
  margin: auto;
  overflow: hidden;
 }
 
 .desktop .div {

  overflow: hidden;
   
  
 }
 
 .desktop .group {
   position: absolute;
   width: 253px;
   height: 50px;
   top: 6368px;
   left: -11730px;
 }
 
 .desktop .img {
   position: absolute;
   width: 278px;
   height: 55px;
   top: 5905px;
   left: -10751px;
 }
 
 .desktop .frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  
  position: relative;

}

.desktop .logo {
  text-align: center;
  position: relative;
  margin-top: 73px;
  margin-bottom: 50px;
}

 
 .desktop .text-wrapper {



   text-shadow: 10px 0px 20px #5182ff;
   -webkit-text-stroke: 3px #b6defb;
   /* background: linear-gradient(180deg, rgb(28, 79, 156) 0%, rgb(7, 13.2, 69) 100%); */
   /* -webkit-background-clip: text !important; */
   -webkit-appearance: none;

   background-clip: text;
   -webkit-text-fill-color: transparent;

   font-family: "Mont-Black", Helvetica;
   font-weight: 900;
   color: transparent;
   font-size: 100px;
   text-align: center;
   letter-spacing: 10px;
   line-height: normal;
   white-space: nowrap;
 }
 
 .desktop .frame-2 {
   position: relative;
   flex: 0 0 auto;
 
   display: flex;
   align-items: center;
 }
 
 .desktop .frame-3 {
  max-width: 424px;
  margin: 0 10px 20px 10px;
   flex-direction: column;
   gap: 30px;
   padding: 30px 10px;
   position: relative;
   flex: 1;
   align-self: stretch;
   flex-grow: 1;
   border-radius: 20px;
   border: 1px solid;
   border-color: #b6defb;
   box-shadow: 7px 4px 28.9px #5182ff;
   background: linear-gradient(180deg, rgba(28, 79.2, 156, 0.4) 0%, rgba(7, 20.64, 69, 0.4) 100%);
   display: flex;
   align-items: center;
 }
 
 .desktop .text-wrapper-2 {
   position: relative;
   width: fit-content;
   margin-top: -1px;
   font-family: "Mont-Light", Helvetica;
   font-weight: 300;
   color: #ffffff;
   font-size: 25px;
   text-align: center;
   letter-spacing: 0;
   line-height: normal;
 }
 
 .desktop .p {
   position: relative;
   align-self: stretch;
   text-shadow: 7px 4px 28.9px #5182ff;

   font-family: "Mont-Heavy", Helvetica;
   font-weight: 400;
   color: #ffffff;
   font-size: 35px;
   text-align: center;
   letter-spacing: 0;

 }
 
 .desktop .text-wrapper-3 {
   position: relative;
   align-self: stretch;
   font-family: "Mont-Regular", Helvetica;
   font-weight: 400;
   color: #ffffff;
   font-size: 18px;
   text-align: center;
   letter-spacing: 1.8px;
   line-height: 25px;
 }
 
 .desktop .frame-4 {
   flex-direction: column;
   gap: 30px;
   padding: 30px 10px;
   position: relative;
   flex: 1;
   align-self: stretch;
   flex-grow: 1;
   border-radius: 20px;
   border: 1px solid;
   border-color: #b6defb;
   box-shadow: 7px 4px 28.9px #5182ff;
   background: linear-gradient(180deg, rgba(28, 79.2, 156, 0.4) 0%, rgba(7, 31.8, 69, 0.4) 100%);
   display: flex;
   align-items: center;
 }
 
 .desktop .div-wrapper {
   position: relative;
   
 }
 
 .desktop .text-wrapper-4 {
  margin-top: 30px;
  width: 485px;
   height: 81px;
   border-radius: 20px;
   overflow: hidden;
   border: 2px solid;
   border-color: #b6defb;
   box-shadow: 7px 4px 28.9px #5182ff;
   background: linear-gradient(240deg, rgb(28, 79, 156) 1%, rgb(7, 13.2, 69) 70%);
 
   font-family: "Mont-Bold", Helvetica;
   font-weight: 700;
   color: #f5effb;
   font-size: 40px;
   text-align: center;
   letter-spacing: 4px;
   line-height: 81px;
   margin-bottom: 50px;
 }
 
 .desktop .overlap {
    
 
 }
 
 .desktop .group-2 {
 

 }
 
 .desktop .overlap-group {
 
 
 }
 
 .desktop .element {
   width: 100%;

  }
 
 .desktop .rectangle {
   height: 973px;
   top: 0;
   background-color: #0000008f;
   position: absolute;
   width: 1469px;
   left: 0;
   opacity: 0.8;
 }
 
 .desktop .rectangle-2 {
   height: 222px;
   top: 751px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 38.5%, rgba(0, 0, 0, 0.56) 100%);
   position: absolute;
   width: 1469px;
   left: 0;
   opacity: 0.8;
 }
 
 .desktop .TV-games {
   position: absolute;
   width: 818px;
   height: 751px;
   top: 173px;
   left: 29px;
   object-fit: cover;
 }
 
 .desktop .element-2 {
   position: absolute;
   width: 397px;
   height: 452px;
   top: 173px;
   left: 29px;
   object-fit: cover;
 }
 
 .desktop .element-3 {
   position: absolute;
   width: 214px;
   height: 231px;
   top: 625px;
   left: 29px;
   object-fit: cover;
 }
 
 .desktop .element-4 {
   position: absolute;
   width: 261px;
   height: 261px;
   top: 452px;
   left: 999px;
   object-fit: cover;
 }
 
 .desktop .element-5 {
   position: absolute;
   width: 320px;
   height: 342px;
   top: 472px;
   left: 1149px;
   object-fit: cover;
 }
 
 .desktop .group-3 {
   position: absolute;
   width: 254px;
   height: 51px;
   top: 6733px;
   left: -11175px;
 }
 
 .desktop .roulete {
   position: absolute;
   width: 770px;
   height: 818px;
   top: 164px;
   left: 709px;
   object-fit: cover;
 }
 
 .desktop .arrow {
   position: absolute;
   width: 189px;
   height: 254px;
   top: 426px;
   left: 1009px;
   object-fit: cover;
 }
 
 .desktop .group-4 {
   position: absolute;
   width: 98px;
   height: 103px;
   top: 117px;
   left: 92px;
 }
 
 .desktop .jogue-com-as {

  top: 837px;
   left: 113px;
   text-shadow: 5px 4px 5px #5282ff;
   font-family: "Mont-HeavyItalic", Helvetica;
   font-weight: 400;
   font-style: italic;
   color: #ffffff;
   font-size: 90px;
   letter-spacing: 0;
  }
 
 .desktop .text-wrapper-5 {
 
   font-family: "Mont-RegularItalic", Helvetica;
   font-weight: 400;
   font-style: italic;
   color: #ffffff;
   font-size: 55px;
   letter-spacing: 11px;
   line-height: normal;
 }

 .main-box{
  position: absolute;
  padding-top: 100px;
  width: 100%;
  display: flex;
  top: 0;
}
.luck-wheel{
  width:53.5%;
}
.test-box{
  /* position: absolute;

  top: 593px;
  right: 4.7%;  */
  /* width: 797px; */
  /* margin-top: 325px; */
  margin-left: 74px;
  margin-top: -180px;
}

.left-box{
  width: 46.5%;
}

.group-5{
  width: 100%;
  display: none;
  position: absolute;
 }

@media (max-width: 1440px){
  .desktop .jogue-com-as{
    font-size: 75px;
  }
  .desktop .text-wrapper-5{
    font-size: 45px;
  }
  .test-box{
    margin-top: -160px;
  }
}

@media (max-width: 1279px){
  .test-box{
    margin-top: -120px;
    margin-left: 50px;
  }

  .desktop .jogue-com-as{
    font-size: 60px;
  }
  .desktop .text-wrapper-5{
    font-size: 30px;
  }
}

@media (max-width: 1023px){

  .desktop .frame-2{
    flex-direction: column;
  }
  .desktop .frame-3{
    width: unset;
  }
  .test-box{
    margin-top: -60px;
    margin-left: 30px;
  }
  .desktop .jogue-com-as{
    font-size: 45px;
  }
  .desktop .text-wrapper-5{
    font-size: 15px;
  }
 
}

@media (max-width: 767px){
  .main-box{
    position: relative;
    padding-top: 215px;
  }
  .luck-wheel{
    width: 100%;
  }
  .test-box{
    text-align: center;
    position: relative;
  }
  .test-box{
    margin-right: 0;
    margin-bottom:0;
    margin-left: 0;
    align-self:center;
    margin-top: 19px;
  }
  .desktop .text-wrapper{
    font-size:70px;
  }
  .overlap,.left-box{
    display: none;
  }
  .group-5{
    display: block;
  }
  .desktop .jogue-com-as{
    text-shadow: 5px 4px 5px #6b3cff;
    font-family:Mont-HeavyItalic,Helvetica;
    font-weight:400;
    font-style:italic;
    color:#ffffff;
    font-size:35px;
    text-align:center;
    letter-spacing:0;
    line-height:35px;
  }
  .desktop .text-wrapper-5{
    font-family: "Mont-RegularItalic", Helvetica; 
     font-weight: 400; 
      font-style: italic; 
      color: #ffffff;
      font-size:20px;
      letter-spacing:2px;
      line-height:normal;
      margin-top: 3px;
  }
  .desktop .text-wrapper-4{
    max-width: 362px; 
     height: 81px;
     line-height: 81px;
  }
}