style.css
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#imgnav {
    position: relative;
    width: 100%;
}

#divnaav {
    margin-left: 180px;
}
#navmen{
  display: flex;
  gap: 10px;
}
nav {
  z-index: 1;
    position: absolute;
    background-color: #231526B3;
    width: 100%;
    display: flex;
    gap: 250px;
    height: 100px;
    align-items: center;
}
.show{
  opacity: 0;
  visibility: hidden;
}
#menohdivv{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 50% !important;
  transform: translate(-50%);
  z-index: 9999999;
}
#menoh{
  position: absolute;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 99999;
  gap: 16px;
  background-color: #271a29;
  height: 588px;
  width: 362px;
  margin-left: -58px !important; 
  margin-top: 42px;
  border-radius: 10px;
}
#menohdivvvv{
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#menohdivvv{
  display: flex;
  justify-content: center;
  align-items: center;
}
#Servicesmh p{
  color: #FF9155;
  font-size: 18px;
  font-family: Open Sans, sans-serif;
}
/* #Servicesmh{
  margin-top: -100px;
} */
#menohdivimg p{
  color: #FFFFFF;
  font-size: 15px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}
#menohdivimg img{
  width: 40px !important;
  height: 40px !important;
}
#menohdivimg {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#menohdivimg div{
  display: flex;
  align-items: center;
  gap: 15px;
  border: solid 2px #272228;
  height: 70px;
  width: 248px;
  border-radius: 8px;
}
.footerMoregamesclaas{
  display: none;
 }
#svgp {
    margin-left: 10px;
}

#Employees {
    display: flex;
    gap: 50px;
}

#Employees a {
    font-size: 16px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: open;
    font-family: Open Sans, sans-serif;
    font-weight: 500;
}

#The-Leading-ELO-Boost-Platform {
    position: absolute;
    color: #FFFFFF;
    font-family: Open Sans, sans-serif;
    font-size: 50px;
    margin-top: -170px;
    font-weight: bold;
}

#The-Leadingdiv {
    display: flex;
    justify-content: center;
}

#Reach-your-dream {
    position: absolute;
    color: #FFFFFF;
    margin-top: -75px;
    font-size: 20px;
    font-family: Open Sans, sans-serif;
    margin-left: 50%;
    transform: translate(-50%);
}

#Reach-your-dreamm {
    position: absolute;
    color: #FFFFFF;
    margin-top: -50px;
    font-size: 20px;
    font-family: Open Sans, sans-serif;
    margin-left: 50%;
    transform: translate(-50%);
}

#divsection1btn {
    margin-top: -4px;
    height: 245px;
    background-color: #231524;
}

#Rank-up-btn {
    color: #FFFFFF;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
    background-color: #ff823f;
    padding: 17px 115px;
    border-radius: 50px;
    /* margin-left: 450px; */
    border: none;
    margin-top: 34px;
    font-weight: 600;
}
#btnrankbtnbuy{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
}
#Buy-account-btn {
    color: #FF9155;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
    background-color: #FF91551A;
    padding: 17px 100px;
    border-radius: 50px;
    /* margin-left: 765px; */
        margin-top: 94px;
    border: none;
    font-weight: 600;
}

#Buy-account-btn:hover {
    background-color: #FF9155;
    color: #FFFFFF;
    transition: all .5s;
}

#btnbuy {
    margin-top: -58px;
}

#captinstar {
    text-align: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 45px;

}

#captinstar p {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
}

#imgstars {
    width: 100px;
}

#imgesatar {
    width: 100px;
}

#sygmos {
    margin-left: 1250px;
    margin-top: -20px;
}

#section3 {
    border-top: solid .01px #FF91551A;
    height: 580px;
    background-color: #231524;
}

#section3 p {
    margin-top: 35px;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    text-align: center;
}

#section3 h3 {
    margin-top: 35px;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    text-align: center;
}

#section3 p {
    margin-top: 9px;
    color: #FF9155;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
}

#section3-div-cart {
    display: flex;
    margin-left: 190px;
    margin-top: 43px;
    gap: 30px;
    flex-wrap: wrap;
}

#section3-div-cart div {
    border: solid 1px #FF91551A;
    background-color: #2F1F33;
    padding: 62px 63px;
}

#section3-div-cart h3 {
    font-size: 18px;
    font-family: Open Sans, sans-serif;
}

#section-4 {
    position: relative;
    background-color: #2f1f31;
    height: 880px;
}

#section-4>div {
    margin-left: 180px;
}

#section-4 h3 {
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
}

#in-gamesection-4 {
    color: #FF9155;
    font-size: 18px;
    font-family: Open Sans, sans-serif;

}

.p-section-4 {
    color: #FFFFFF;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
}

#section-4 h4 {
    color: #FFFFFF;
    font-size: 21px;
    font-family: Open Sans, sans-serif;
}

#section4div1 {
    position: absolute;
    display: flex;
    flex-direction: column;
    margin-top: 295px;
    gap: 10px;

}

.p-section-4 {
    display: flex;
    gap: 20px;
    font-family: Open Sans, sans-serif;
    opacity: .6;
}

#p-section-4-div {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#section4div1 button {
    width: 80px;
}

#section4div2 div {
    position: absolute;
    border: solid 1px #231524;
    margin-left: 449px;
    width: 350px;
    height: 370px;
    margin-top: 62px;
    border-radius: 10px;

}

#section4div2 img {
    margin-top: 80px;
    margin-left: 140px;
}

#section4div2 h4 {
    margin-top: 49px;
    margin-left: 43px;
}

#homeicon-2 {
    margin-left: 815px !important;
    /* margin-right: 180px; */
}

.p1section4 {
    margin-top: 20px !important;
}

#section4div2 p {
    margin-left: 40px;
    color: #FFFFFF;
    font-family: Open Sans, sans-serif;
    opacity: .6;
    margin-top: 8px;
}

#homeicon-3 {
    margin-top: 450px !important;
}

#homeicon-4 {
    margin-top: 450px !important;
    margin-left: 815px !important;
}

#homeicon-4 p {
    font-size: 17px !important;
    font-weight: 100 !important;
    margin-left: 0px !important;
}

#section-4Get-started {
    position: absolute;
    color: #FF9155;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
    background-color: #FF91551A;
    padding: 9px 40px;
    border-radius: 50px;
    border: none;
    font-weight: 600;
    margin-top:  534px;
    margin-left: 0px;
}

#section-4Get-started:hover {
    background-color: #FF9155;
    color: #FFFFFF;
    transition: all .5s;
}

/*  section5 */
#section-5 {
    position: relative;
    background-color: #231524;
    height: 3955px;
}

#section-5 h3 {
    margin-top: 50px;
    position: absolute;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    text-align: center;
}

#section5div1 p {
    margin-top: 122px !important;
    position: absolute !important;
    color: #FF9155 !important;
    font-size: 18px !important;
    font-family: Open Sans, sans-serif !important;
    opacity: 1 !important;
}
#section5div1 {
    display: flex;
    justify-content: center;
}

#btnsection5{
    position: absolute;
    color: #FF9155;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
    background-color: #FF91551A;
    padding: 9px 40px;
    border-radius: 50px;
    border: none;
    font-weight: 600;
    margin-left: 770px;
    margin-top: -95px;
}
#imgsection5{
    margin-top: 185px;
    margin-left: 200px;
}
#section-5 h4 {
    margin-top: -380px ;
    margin-left:775px;
    position: absolute;
    color: #FFFFFF;
    font-size: 30px;
    font-family: Open Sans, sans-serif;
    text-align: center;
    font-weight: 700;
}
#section-5 p{
    color: #FFFFFF;
    font-family: Open Sans, sans-serif;
    opacity: .5;
    font-size: 16px;
    margin-top: 0px ;
}
#div-section5p{
    position: absolute;
    margin-top: -305px;
    margin-left:775px;
}
#div-section5pdiv1{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#div-section5pdiv2{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.serclw {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ffffff;
}
.secton5serclm{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ffffff5a;
}
#sercldiv{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    gap: 20px;
}
#sectom5divcarts h3{
    font-size: 20px !important;
}
.sectom5divcartsCart{
    margin-left: 165px;
    margin-top: 35px;
 border: solid 2px #2F1F33;
 border-radius: 10px;
height: 205px;
width: 375px;
}
.sectom5divcartsCart img{
    margin-top: 37px;               
    margin-left: 50px;
}
.sectom5divcartsCart h3{
    position: absolute;
    margin-top: -32px !important;
    margin-left: 108px;
}
.sectom5divcartsCart div{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#section5cart2{
    margin-top: -205px;
    margin-left: 572px;
}
#section5cart3{
    margin-top: -205px;
    margin-left: 978px;
}
.colorcat{
    background-color: #ff823f;
}
#srction5OurCommunityDiv p{
    margin-top: 122px !important;
    position: absolute !important;
    color: #FF9155 !important;
    font-size: 18px !important;
    font-family: Open Sans, sans-serif !important;
    opacity: 1 !important;
    margin-top: 110px !important;
}
#srction5OurCommunityDiv{
    margin-left: 165px;
    margin-top: 80px;
}
#cartGiridSectoin{
    background-color: #1D2B2F;
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
    align-items: center;
    width: 400px;
    margin-left: 938px ;
    border-radius: 10px;
    margin-top:150px !important;
    height: 80px;
}
#cartGiridSectoin p{
    color: #FFFFFF;
    opacity: .9;
    padding-top: 10px;
    font-size: 14px;
}
#t4-9{
    display: flex;
    flex-direction: row;
    color: #ffffff;
    margin-top: 10px;

}
body {
    position: relative;  
}
#swiper-slideDiv{
    margin-top: 70px;
}
  swiper-container {
    height: 265px;
    margin-left: 150px;
  }

  swiper-slide {
    background-color: #2F1F31;
  }

  swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  swiper-slide {
    width: 495px;
    border-radius: 10px;
  }

  swiper-slide:nth-child(2n) {
    width: 495px;
    border-radius: 10px;
  }

  swiper-slide:nth-child(3n) {
    width: 495px;
  }
  #srction5slaider{
    margin-top: 35px;
    margin-left: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height:60px;
    background-color: #271a29;
    border-radius: 50px;
  }
  #srction5slaider p{
    color: #FFFFFF;
    font-family: Open Sans, sans-serif;
    font-size:18px ;
    opacity: .7;
  }
  .swiper-slide h3{
    font-size: 18px !important;
    margin-top: -40px !important;
    margin-left: 120px !important;
  }
  #section5SliderDivP{
    margin-left: 120px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #section5SliderDivP p{
    font-size: 16px !important;
    font-weight: normal !important;
    font-family: Open Sans, sans-serif !important;
  }
  #s5sliderdivData p{
    color: #00B67A;
    font-family: Open Sans, sans-serif;
    font-size: 14px;   
  }
  #s5sliderdivData{
    margin-top: 33px;
    margin-left: 120px;
  }
  #sec5StarSlider{
    color: #00B67A;
    border: solid 0.1px #00B67A;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    gap: 5px;
    padding: 4px 12px;
    margin-left: 405px;
    margin-top: -160px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
  }
  #s5sliderdivData2{
    margin-top: 59px;
    margin-left: 120px;
  }
  #s5sliderdivData2 p{
    color: #00B67A;
    font-family: Open Sans, sans-serif;
    font-size: 14px;   
  }
  #sec5titer h3{
    margin-top: 50px;
    position: absolute;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    text-align: center;
  }
  #sec5titer p{
    margin-top: 110px !important;
    position: absolute !important;
    color: #FF9155 !important;
    font-size: 18px !important;
    font-family: Open Sans, sans-serif !important;
    opacity: 1 !important;
  }
  #sec5titer{
    display: flex;
    justify-content: center;
    margin-top: 140px;
  }
  .sec5cart{
    background-color: #2F1F31;
    width: 380px;
    margin-top: 170px;
    margin-left: 175px;
    height: 398px;
    border-radius: 10px;
  }
  .sec5cart img{
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 80px;
  }
  .sec5cart h3{
    font-size: 20px !important;
    padding-top: 0px !important;
    padding-left: 50px;
  }
  .sec5cart div{
    padding-top: 93px;
    padding-left:50px ;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #sec5cart2{
    margin-top: -398px;
    margin-left: 570px;
  }
  #sec5cart3{
    margin-top: -398px;
    margin-left: 965px;
  }
  #sec5TitrFrequently{
    margin-left: 175px;
  }
  ul{
    list-style: none;
  }
  #sec5cartcol{
    background-color: #2F1F31;
    height: fit-content;
    padding: 30px 20px;
    width: 76vw;
    margin-left: 11.5vw;
    margin-top: 140px;
    border-radius: 10px;
  }
  .sec5lip2{
    padding-top: 10px;
  }
  .sec5lip2 p{
        padding-top: 8px;
        font-size: 16px;
        font-family: Open Sans, sans-serif;    
  }
  .sec5lip1{
    font-family: Open Sans, sans-serif;   
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
  }
  .sec5cartcolc{
    margin-top: 17px !important;
  }
  /* section 6 */
  #section6{
    background-color: #2F1F31;
    height: 970px;
  }
  #sec6svgbook{
    margin-top: 95px;
    margin-left: 168px;
  }
  #section6 h3{
    margin-left: 270px !important;
    margin-top: -48px;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    margin-left: 50px;
  }

  
  #swiper-containerScrooll {
    width: 76.8vw;
    height: 780px;
    margin-top: 32px;
    margin-left: 175px;
  }

  #swiper-slideScrool {
    font-size: 18px;
    color: #FFFFFF;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px ;
  }
  #swiper-slideScrool h3{
    font-size: 18px;
    margin-left: 0px !important ;
  }
  
  #swiper-slideScrooldivp{
    padding-left: 30px;

  }
  #sec6iconscrol{
    /* position: absolute; */
    color: #FFFFFF;
    font-size: 20px;
    margin-top: -50px;
  }
  #src6TitrScrool{
    display: flex;
    align-items: center;
    margin-left: 0px;
    gap: 10px;
  }
  .src6TitrScroolmargin-top{
    margin-top: 70px !important;
  }
  /* section 7 */
  #section7{
    background-color: #231524;
    height: 1440px;
  }
  #section5img{
    width: 76vw ;
    height: 240px;
    border-radius: 8px;
  }
  
  #section5imgdiv{
    position: absolute;
    margin-left: 179px !important;
    margin-top:60px;
  }
  #section5imgdiv img{
    object-fit: cover;
  }
  #sec7btn1{
    position: absolute;
    background-color: #ff823f;
    color: #FFFFFF;
    font-size: 18px;
    font-family: Open Sans, sans-serif;
    padding: 10px 25.5px;
    border-radius: 50px;
    border: none;
    font-weight: 600;
    margin-left: 1020px;
    margin-top: 368px;
  }
  /*   */
  .sec7pimgh3{
    margin-left: 232px !important;
    margin-top: 350px;
    position: absolute;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    margin-left: 50px;
  }
  .sec7pimgp{
    margin-top: 450px !important;
    margin-left: 230px;
    position: absolute !important;
    color: #FF9155 !important;
    font-size: 16px !important;
    font-family: Open Sans, sans-serif !important;
    opacity: 1 !important;
  }
  .sec7ph3{
    margin-left: 232px !important;
    margin-top: 140px;
    color: #FFFFFF;
    font-size: 44px;
    font-family: Open Sans, sans-serif;
    margin-left: 50px;
    font-weight: 700;
  }
  .sec7pp{
    margin-top: 22px !important;
    margin-left: 230px;
    color: #FF9155 !important;
    font-size: 18px !important;
    font-family: Open Sans, sans-serif !important;
    opacity: 1 !important;
    font-weight: 700;
  }
.sec7pp2{
  margin-top: 400px !important;
  margin-left: 1245px !important;
  position: absolute;
  margin-left: 230px;
  color: #FF9155 !important;
  font-size: 16px !important;
  font-family: Open Sans, sans-serif !important;
  opacity: 1 !important;
  font-weight: 700;
}
  #sec7titr{
    position: absolute;
    margin-top: 230px;
    margin-left: -53px;
  }
  #sec7cart1{
    position: absolute;
    width: 548px;
    border-radius: 10px;
    height: 358px;
    background-color: #37273B;
    margin-top: 498px;
    margin-left: 180px;
  }
  #sec7cart1 h3{
    color: #FFFFFF;
    font-size: 30px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }
  #sec7cart1div{
    padding: 30px 30px;
  }
  #sec7cart1div h6{
    color: #FFFFFF;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
  }
  #sec7cart1div p{
    font-size: 18px;
    color: #FFFFFF;
 font-family: Open Sans, sans-serif;
  }
  #sec7divp2 p{
    font-size: 16px;
  }
  #sec7cart1div1{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #sec7cart1div{
    display: flex ;
    flex-direction: column;
    gap: 20px ; 
  }
  #sec7divp2{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .sec7cart1class{
    margin-left: 793px !important;
  }
  #sec7paymentimgdiv{
    position: absolute;
    margin-top: 920px;
    margin-left: 180px;
  }
  #sec7paymentimgdiv img{
    width: 1160px;
    opacity: .6;
  }
  #solidhr{
    position: absolute;
    border-bottom: solid 1px #37273B ;
    width: 100%;
    margin-top: 995px;
  }
  #unitedimg{
    width: 20px;
    height: 20px;
  }
  #foterunited{
    position: absolute;
    margin-top: 1025px !important;
    margin-left: 180px;
  }
  /*  */

  /*  */
  #sec7pimg{
    display: flex;
    align-items: center;
    gap: 50px;
  }
  #sec7pimg p{
    color: #FFFFFF4D;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
  }
  #sec7pimg ul{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top:25px ;
  }
  #imglogooofoter{
    width: 45px;
  }
  #sec7Englishlogofoter{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    color: #FFFFFF;
    margin-left: 1080px;
    margin-top: -70px;
  }
  #footerMoregames p{
    color: #FF9155;
    font-size: 20px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }
  #footerMoregames{
    margin-top: 1170px;
    margin-left: 180px;
  }
  #sec7footerp{
    color: #FFFFFF;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    display: flex;
    gap: 35px;
    margin-left: 180px;
    margin-top: 20px;
  }
  #sec7footerp p:hover{
    color: #FF9155;
  }
  #solidhr2{
    position: absolute;
    border-bottom: solid 1px #37273B ;
    width: 100%;
    margin-top: 46px;
  }
  #sec7footr2014-2023BoostRoyal{
    color: #FFFFFF4D;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    margin-left: 180px;
    margin-top: 38px;
  }
  #sec7footerp2{
    color: #FFFFFF;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    display: flex;
    gap: 35px;
    margin-left: 180px;
    margin-top: 88px;
  }
  #sec7divimgfooter{
    display: flex;
    gap: 15px;
    margin-top: -73px;
    margin-left: 1128px;
  }
  #sec7divimgfooter img{
    width: 23px;
    height: 23px;
  }

  


  /* media */
@media(max-width:600px){#menoh{
  width: 300px;
  height: 480px;
}}
  @media(max-width:1460px){
    #Employees{
      display: none;
    }
    #divnaav{
      margin-left: 50px;
    }
    #navmen{
      margin-left: 55vw;
    }
    #section-5{
      height: 4050px;
    }
    /* #btnrankbtnbuy{
      margin-left: -10%;
    } */
  }
  @media(max-width:1381px){
    #section-4{
      height: 1300px;
    }
    #Reach-your-dreamm{
      margin-top: -30px
    }
    #section4div2{
      position: absolute;
      margin-top: 380px;
      margin-left: -577px;
    }
    #section5Select{
      margin-left: -150px;
    }
    #section5cart2v{
      margin-left: -108px;
    }
    #srction5OurCommunityDiv,#imgsection5,#section3-div-cart,#swiper-containerScrooll{
      margin-left: 50px;
    }
    #cartGiridSectoin{
      margin-left: 845px;
    }
    #section4div1{
      margin-top: 80px;
      margin-left: -130px;
    }
    #btnsection5,#section5imgdivdivv{
      margin-top: -84px;
    }
    #swiper-slideDiv{
      margin-left: -100px;
    }
    #sec5cartdiv,#sec7titr{
      margin-left: -125px;
    }
    #sec5cartcol{
      width: 93vw;
      margin-left: 3.6vw;
    }
    #sec6svgbookh3{
      margin-left: -120px ;
    }
    #sec7btn1{
      margin-left: 539px;
      margin-top: 445px;
    }
    #section-4Get-started{
      margin-top:  334px;
      margin-left: -134px;
    }
   #section6{
    height: 1100px;
   }
   #sec7pp2{
    margin-left: 1000px;
   }
   #sec7pp2div{
    margin-left:-140px   ;
   }
   #sec7cart1,#foterunited{
    margin-left: 100px;
   }
   .sec7cart1class{
    margin-left: 670px !important;
   }
   #sec7paymentimgdiv{
    margin-left: 105px;
   }
   #imgpaymenticonssvg{
    width: 83vw !important;
   }
   #sec7Englishlogofoter{
    margin-left: 1040px;
   }
   #footerMoregamesdivv,#solidhr2divv{
    margin-left: -80px ;
   }
   #sec7divimgfooter{
   margin-left: 1090px;
   }
   #section5cart2v,#sec5cartdiv{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
   }
   #sygmos{
    margin-left: 950px;
   }
   #navmen{
    margin-left: 53vw;
  }
}
@media(max-width:1250px){
  #imgnav{
    object-fit: cover;
   height: 450px; 
   width: 100vw;
  }
  #navmen{
    margin-left: 48vw;
  }
  #section5cart3{
    margin-top: 30px;
    margin-left: 165px;
  }
  #cartGiridSectoin{
    margin-top: 240px !important;
    margin-left: 50px;
  }
  #sec5cart3{
    margin-top: 30px;
    margin-left: 175px;
  }
  #section-5{
    height: 4800px;
  }
  #sec7pp2div{
    margin-left: -1000px ;
    margin-top: 43px;
  }
  .sec7cart1class{
    margin-top: 710px !important;
    margin-left: 100px !important;
  }
  #sec7cart1{
    height: 200px;
  }
  #sec7cart1 h3{
    font-size: 18px;
  }
  #sec7cart1 p{
    font-size: 10px;
  }
  #sec7cart1div{
    padding: 10px;
    gap: 10px;
  }
  #sec7cart1 h6{
    font-size: 12px;
  }
  #sec7pimg{
    width: 86vw;
  }
  #sec7Englishlogofoter{
    margin-left: 5px;
    margin-top: -110px;
  }
  #sec7divimgfooter{
    margin-top: 100px;
  }
  #section7{
    height: 1500px;
  }
  #sec7divimgfooter{
  margin-left: 180px;
  margin-top: -60px;
  }
  #sec7footr2014-2023BoostRoyal{
    margin-top: 90px;
  }
  #btnsection5{
    margin-top: -50px !important;
  }
}
@media(max-width:1115px){
  #sec7pimg li >p{
    font-size: 13px !important;
  }
  #navmen{
    display: flex;
    gap: 10px;
    margin-left: 450px !important;
  }
  #divnaav{
    display: flex;
    align-items: center;
  }
  #section-5{
    height: 4900px;
  }
  nav{
    display: flex;
    gap: 23vw;
  }
}
@media(max-width:1000px){
  
  nav{
   gap: 15vw;
  }
  #sygmos{
    margin-left: 748px;
  }
  #section5imgdiv img{
    margin-left: -145px !important;   
   }
   #section5imgdiv img{
    width: 93vw;
   }
   #sec7pimg h3{
    font-size: 28px;
    margin-left: 50px !important;
   }
   .sec7pimgp{
    margin-left: 50px !important;
   }
   #sec7btn1{
    margin-left: 335px;
   }
}
@media(max-width:910px){
  nav{
   gap: 7vw;
  }
  #imgsection5{
    margin-left:  0px; ;
  }
  #section5Selectdivv{
    margin-left: -90px;
  }

}
  @media(max-width:1240px){
    #section3{
      height: 750px;
    }

}
  
  @media(max-width:845px){
    nav{
      gap: 0vw;
     }
     #section5Select{
      display: none;
     }
     #imgsection5{
      margin-left: 50%;
      transform: translate(-50%);
      width: 41vw;
    }
    #sercldiv{
      margin-top: 20px;
      margin-bottom: 20px;
    }
    #section5cart1,#section5cart2,#section5cart3{
      margin-left: 125px;
      height: 180px;
      width: 96vw;
    }
    #section5cart2{
      margin-top: 38px;
    }
    #cartGiridSectoin{
      margin-left: 18px;
      width: 96vw;
      margin-top: 150px !important;
    }
    #srction5OurCommunityDiv{
      display: flex;
      justify-content: center;
    }
    #sec5cart1,#sec5cart2,#sec5cart3{
      width: 96vw;
      margin-left: 145px;
      height: 180px;
    }
    #sec5cart1 img ,#sec5cart2 img ,#sec5cart3 img{
      margin-left: 50px;
      width: 55px;
      margin-top: 45px;
    }
    #sec5cart1 h3 ,#sec5cart2 h3 ,#sec5cart3 h3{
      margin-top: -77px ;
      margin-left: 95px;
    }
    #sec5cart1 div ,#sec5cart2 div ,#sec5cart3 div{
      margin-top: -135px;
      margin-left: 95px;
    }
    #sec5cart2,#sec5cart3{
      margin-top: 15px !important;
    }
    #sec5TitrFrequently h3{
      font-size: 28px;
    }
    #sec5TitrFrequentlydivvh3{
      margin-left: -175px;
      display: flex;
      justify-content: center;
    }
    #section-5{
      height: 4650px;
    }
    #sec7titr{
      margin-left: -195px ;
    }
    #sec7pp2div{
      margin-left: -1093px;
    }
    #sec7cart1{
      margin-left: 33px;
      width: 93vw;
    }
    .sec7cart1class{
      margin-left: 33px !important;
    }
    #sec7paymentimgdiv{
      margin-left: 39px;
      margin-top: 944px;
   }
   #imgpaymenticonssvg{
    width: 92vw !important;
   }
   #foterunited{
    margin-left: 40px;
   }
   #section7{
    position: relative;
   }
   #sec7pimg{
    margin-top: -100px;
   }
   #sec7pimg ul{
    margin-top: 160px !important;
    margin-left: -90px;
   }
   #footerMoregames{
    margin-top: 1270px;
    margin-left: 125px;
   }
   #sec7footerp{
    flex-direction: column;
    gap: 20px;
    margin-left: 125px;
    margin-top: 30px;
   }

   .footerMoregamesclaas{
    display: block !important;
    margin-top: -265px !important;
    margin-left: 320px !important;
   }
   #sec7footerp2{
    flex-direction: column;
    margin-left: 320px;
    gap: 20px;
    margin-top: 33px;
   }
   .solidhr2class{
    margin-top: 315px !important;
   }
   #sec7divimgfooter{
    margin-top: 62px;
    margin-left: 125px;
   }
   #sec7footr2014-2023BoostRoyal{
    margin-top: 228px;
    margin-left:125px;
   }
   #sec7divimgfooter{
    margin-top: -77px;
   }
   #sec7Englishlogofoter{
    margin-top: -132px;
    margin-left: 80px;
   }
   #section7{
    height: 1750px;
   }
   #section4div2 div{
    margin-left: 415px !important;
    width: 96vw !important;
    margin-top: -30px;
    height: 175px;
   }
   #homeicon-2{
    margin-top:160px !important;
   }
   #homeicon-3{
    margin-top:350px !important;
   }
   #homeicon-4{
    margin-top:540px !important;
   }
   #section4div2 img{
    width: 3rem !important;
    margin-left: 42px !important;
    margin-top: 33px !important;
   }
   #section4div2 h4{
    margin-top: -48px !important;
    margin-left: 130px;
   }
   #section4div2 p{
    margin-left: 130px;
   }
   #section-4Get-started{
    margin-top: 1128px;
   }
   #section-4Get-starteddivv{
    display: flex;
    justify-content: center;

   }
   #section-4{
    height:1230px ;
   }
 }
@media(max-width:785px){
  #navmen{
    margin-left: 420px !important;
  }
  #The-Leadingdiv h2{
    font-size: 30px ;
  }
  #Reach-your-dream p{
    font-size: 12px;
  } 
}
@media(max-width:775px){
  #sygmos{
    margin-left: 635px;
  }
  #sec6svgbookh3 h3{
    font-size: 30px;
    margin-left: 240px !important;
    margin-top: -40px;
  }
  #sec5titer h3 ,#srction5OurCommunityDiv h3 ,#section3 > h3 ,#section4div1 h3 ,#section5div1 h3{
    font-size: 34px ;
  }
  #Reach-your-dream p{
    margin-top: -40px;
  }
  #Reach-your-dreamm p{
    margin-top: -40px;
    font-size: 18px;
  }

}
@media(max-width:750px){
  #navmen{
    margin-left: 380px !important;
  }
}
@media(max-width:755px){
  #section3-div-cart{
    display: flex;
    justify-content: center;
    margin-left: 0px !important;
  }
}
@media(max-width:700px){
    #section3{
    height: 1080px;
  }
  #navmen{
    margin-left: 340px !important;
  }
  #sygmos{
    display: flex;
    justify-content: center;
    margin-left: 0px !important;
    margin-top: 30px;
  }
  #swiper-containerScrooll {
    width: 90vw !important  ;
    height: 720px;
    margin-top: 32px;
    margin-left: 0px;
  }
  #swiper-containerScrooll p{
   margin-left: -25px !important;
   font-size: 12px;
  }
}
@media(max-width:660px){
  #navmen{
    margin-left: 335px !important;
  }
  #divnaav{
    width: 170px;
  }
}
@media(max-width:619px){
  #btnrankbtnbuy button{
    font-size: 12px;
  }
  #navmen{
    margin-left: 310px !important;
  }
  #section-5{
    height: 4780px;
  }
}
@media(max-width:580px){
  #navmen{
    margin-left: 280px !important;
  }
  #section5img{
    width: 98vw !important;
  }
  #sec7pimg h3{
    margin-left: 60px !important;
    font-size: 22px;
  }
  #sec7pimg p{
    margin-left: 60px !important;
    font-size: 15px !important;
  }
  #section5imgdiv{
    margin-left: 150px !important;
  }
  #sec7btn1{
    padding: 8px 20px;
    font-size: 13px;
    margin-left: 60px;
    margin-top: 520px;
  }
  #sec7titr{
    margin-left: -225px !important;
  } 
   #sec7titr h3{
    font-size: 32px !important;
  }
  #sec7pp2div u{
    font-size: 14px !important;
    margin-left: 1100px !important;
    margin-top: 410px !important;
  }
  #sec7cart1{
    margin-left: 5px !important;
    width: 96vw;
  }
  #imgpaymenticonssvg{
    margin-left: -35px ;
    width: 95vw !important;
  }
  #sec7Englishlogofoter p{
    font-size: 15px;
  }
  #imglogooofoter{
    margin-top: -20px !important;
    margin-left: 25px;
  }
  #sec7pimg{
    margin-left: -50px;
  }
  #solidhr2divv{
    margin-left: -115px !important;
  }
  #sec7footerp{
    margin-left: 90px ;
  }
  #footerMoregames{
    margin-left: 90px;
  }
  #sec5titer h3{
    font-size: 22px !important;
  }
  #sec5titer p{
    font-size: 17px !important;
  }
  #sec5cartdiv{
    margin-left: -135px ;
  }
  #sec5cartdiv p{
    margin-left: -30px !important;
  }
  #sec5cartdiv h3{
    margin-left: 65px !important;
  }
  #swiper-slideDiv{
    margin-left: -140px ;
  }
  swiper-container {
    height: 200px;
    margin-left: 150px;
  }
  swiper-slide {
    width: 395px;
    border-radius: 10px;
  }
  
  swiper-slide:nth-child(2n) {
    width: 395px;
    border-radius: 10px;
  }

  swiper-slide:nth-child(3n) {
    width: 395px;
  }
  #s5sliderdivData p,#s5sliderdivData2 p{
    font-size: 15px;
    margin-top: -20px !important ;
  }
  #sec5StarSlider{
    margin-top: -160px !important;
    margin-left: 300px;
  }
  #swiper-slideDiv  p{
    font-size: 14px !important;
  }
  #srction5slaider{
    margin-top: 10px !important;
  }
  #cartGiridSectoin{
    margin-left: 5px;
    width: 97vw;
  }
  #section5cart2v{
    margin-left: -120px ;
  }
  #section4div2{
    margin-left: -590px;
  }
  #section4div2 p{
    font-size: 16px !important;
  }
}
@media(max-width:455px){
  #section3{
    height: 1680px;
  }
}
@media(max-width:490px){
  #The-Leadingdiv h2{
    font-size: 20px !important;
  }
  #The-Leadingdiv p{
    font-size: 5px !important;
  }
  #Reach-your-dream p ,#Reach-your-dreamm p{
    font-size: 11px;
  }
  #captinstar p{
    font-size: 13px;
  }
  #Buy-account-btn,#Rank-up-btn{
    padding: 10px 60px;
  }
  #captinstar{
    gap: 2px;
  }
  #imgesatar,#imgstars{
    width: 22vw;
  }
}
@media(max-width:560px){
  #Buy-account-btn,#Rank-up-btn{
    padding: 15px 90px;
  }
  #navmen{
    margin-left: 240px !important;
  }
  #divnaav{
    margin-left: 10px;
  }
}
@media(max-width:469px){
  #navmen{
    margin-left: 215px !important;
  }
}
@media(max-width:444px){
  #navmen{
    margin-left: 190px !important;
  }
}
@media(max-width:420px){
  #navmen{
    margin-left: 170px !important;
  }
}
@media(max-width:400px){
  #navmen{
    margin-left: 140px !important;
  }
}
@media(max-width:489px){
  #Buy-account-btn,#Rank-up-btn{
    padding: 15px 80px;
  }
}
@media(max-width:449px){
  #Buy-account-btn,#Rank-up-btn{
    padding: 15px 65px;
  }
}
@media(max-width:449px){
  #Buy-account-btn,#Rank-up-btn{
    padding: 12px 60px;
  }
}
@media(max-width:396px){
  #sec7Englishlogofoter{
    margin-top: -165px;
    margin-left: 200px;
  }
}
@media(max-width:390px){
  #mMoregames{
    margin-top: 1310px !important;
  }
  #section7 {
    height: 1800px;}
    #sec7Englishlogofoter{
      margin-top: -185px;
      margin-left: 240px;
    }
}
@media(max-width:579px){
  #section-5{
    height: 4834px;
  }
}
@media(max-width:434px){
  #section-5{
    height: 4949px;
  }
}
#imgsecc1{
  overflow-x:hidden ;
}
body{
  overflow-x: hidden;
}
#fetch{
  font-family: sans-serif;
  background: #34495e;
  height: 500px;
  position: relative;
}
#fetch p{
  color: white;
  font-size: 20px;
  position: absolute;
  margin-top:320px;
  margin-left: 50%;
  transform: translate(-50%);
}
 .login-box{
  position: absolute;
  border-radius: 10px;
  width: 280px;
  padding: 20px 20px;
  color: white;
  margin-left: 50%;
  transform: translate(-50%);
  margin-top: 20px;
 }
 .login-box h2{
  text-align: center;
  margin-bottom: 50px;
 }
 .user-box{
  position: relative;
 }
 .user-box input{
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: white;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid white;
  outline: none;
  background: transparent;
 }
 .user-box label{
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0;
  font-size: 16px;
  color: white;
  pointer-events: none;
  transition: 0.5s;
 }
 .user-box input:focus ~ label,
 .user-box input:valid ~ label{
  top: -20px;
  left: 0;
  color: #03a9f4;
  font-size: 12px;
 }
 .user-box a{
  text-decoration: none;
  display: inline-block;
  background: #03a9f4;
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
  position: relative;
  transition: 0.5s;
 }
 .user-box a:hover{
  background: transparent;
  color: #03a9f4;
 }
 .user-box a span{
  position: absolute;
  display: block;
 }
 #login button{
  padding: 15px 20px;
  background-color: #2b3845;
  color: white;
  border-radius: 10px;
  border: none;
}
#loguot button{
  padding: 15px 20px;
  background-color: #2b3845;
  color: white;
  border-radius: 10px;
  border: none;
} 
#loguotdiv{
  transition: all .5s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  justify-content: center;
  margin: 20px auto;
}