@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');
@font-face {
    font-family: Inter;
    src: url(/_next/static/media/Inter-Regular.fedd62be.woff) format("woff2"), url(/_next/static/media/Inter-Regular.fedd62be.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter-Bold;
    src: url(/_next/static/media/Inter-Bold.5f569abd.woff2) format("woff2"), url(/_next/static/media/Inter-Bold.b9fd4664.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter-Light;
    src: url(/_next/static/media/Inter-Light.1c9aae6a.woff2) format("woff2"), url(/_next/static/media/Inter-Light.1176c235.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

body,
html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

body {
    background: #000;
    color: #c6c6c6;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-family: Inter
}

a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: color .1s linear 0s
}

a:active,
a:focus,
a:hover {
    outline: 0;
    color: #000;
    text-decoration: none
}

a img {
    border: none
}

a>img {
    vertical-align: bottom
}

img {
    max-width: 100%
}

strong {
    font-weight: 500
}

p {
    margin: 0 0 30px
}

.main_wrapper {
    flex-direction: column;
    position: relative
}

.main_wrapper,
header {
    width: 100%;
    display: flex
}

header {
    align-items: center;
    justify-content: space-between;
    padding: 1rem 3rem;
    position: -webkit-sticky;
    position: sticky;
    background-color: transparent;
    z-index: 9999;
    position: fixed;
    top: 0
}

.headerWithOutFilter {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none
}

.sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    animation: slideDown .65s ease-out;
    z-index: 9
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
}

.logo {
    width: 250px;
}

.logo img {
    object-fit: contain;
    max-width: 250px !important;
    margin-left: 70px;
    margin-top: 10px;
}

.headerActions {
    display: flex;
    align-items: center;
    gap: 1rem
}

.headerActions a {
    width: 205px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem;
    color: #fff;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14.1796px;
    position: relative;
    background-image: url(/_next/static/media/btnBg.9d235d32.png)
}

.headerActions a,
.headerActions a:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.whatsUp:before {
    content: "";
    width: 20px;
    height: 20px;
    display: flex;
    background-image: url(/_next/static/media/whatsupIcon.db57615a.svg)
}

.whatsUp:hover:before {
    background-image: url(/_next/static/media/whatsupIconHover.29c18f17.svg)
}

.registration:before {
    content: "";
    width: 14px;
    height: 20px;
    display: flex;
    background-image: url(/_next/static/media/registrationIcon.bb37f8c6.svg)
}

.registration:hover:before {
    background-image: url(/_next/static/media/registrationIconHover.ae4d53cf.svg)
}

.downloadApp:before {
    content: "";
    width: 16px;
    height: 20px;
    display: flex;
    background-image: url(/_next/static/media/dwnldAppIcon.bc5e12e0.svg)
}

.downloadApp:hover:before {
    background-image: url(/_next/static/media/dwnldAppIconHover.9b22ccc6.svg)
}

.headerActions a:hover {
    background-image: url(/_next/static/media/btnBgHover.2cc4a0a7.png);
    color: #763a00
}

.headerActions svg {
    width: 20px
}

.banner {
    background-image: url(/_next/static/media/banner_bg.453fe647.jpg);
    animation: slideUp .65s ease-out
}

.banner,
.fomo99gamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.fomo99gamesBanner {
    background-image: url(/_next/static/media/fomo99GamesBanner.1ef32a9b.jpg)
}

.fomo999Banner {
    height: calc(100vh - 144px);
    background-image: url(/_next/static/media/localhostBanner.2051ce67.jpg)
}

.fomo999Banner,
.yoloFantasyBanner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.yoloFantasyBanner {
    height: calc(100vh - 77px);
    background-image: url(/_next/static/media/yoloFantasyBanner.62b93924.jpg)
}

.fomo99xyzBg {
    width: 100%;
    height: calc(100vh - 67px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    background-image: url(/_next/static/media/fomo99xyzBg.3a47d74b.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    position: relative
}

.fomo99inBg {
    background-image: url(/_next/static/media/fomo99inBg.7670516b.png);
    background-position: 50%
}

.fomo99inBg,
.fomo99netBg {
    width: 100%;
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative
}

.fomo99netBg {
    background-image: url(/_next/static/media/fomo99netBg.edb9dab6.png);
    background-position: inherit
}

.yoloWhatsAppBg {
    height: calc(100vh - 70px);
    justify-content: flex-end;
    text-align: center;
    background-image: url(/_next/static/media/yoloWhatsAppBgNew.a68517b8.png);
    background-position: inherit;
    background-attachment: scroll;
    position: relative
}

.yoloPlayBg,
.yoloWhatsAppBg {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-size: cover;
    background-repeat: no-repeat
}

.yoloPlayBg {
    min-height: 92vh;
    height: auto;
    justify-content: center;
    background-image: url(/_next/static/media/yoloPlayBg.9a183301.png);
    background-position: 50%;
    background-attachment: fixed
}

.fomo999signupLandingBanner {
    background-image: url(/_next/static/media/localhostsignupLandingBanner.4560b3c2.jpg);
    background-position: 50%
}

.fomo999comSignUpBg,
.fomo999signupLandingBanner {
    width: 100%;
    min-height: 85vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.fomo999comSignUpBg {
    background-image: url(/_next/static/media/fomo999comSignUpBg.f8e7c813.jpg);
    background-position: 100%
}

.aviatorDiceBanner {
    background-image: url(/_next/static/media/aviatorDiceBanner.ea221cf6.jpg);
    background-position: 50%
}

.aviatorDiceBanner,
.fomo51GamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.fomo51GamesBanner {
    background-image: url(/_next/static/media/fomo51GamesBanner.ae633917.jpg);
    background-position: bottom
}

.fomo999CardsBanner {
    background-image: url(/_next/static/media/fomo999CardsBanner.947be50f.png)
}

.fomo999CardsBanner,
.yolo100LiveBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.yolo100LiveBanner {
    background-image: url(/_next/static/media/yolo100LiveBanner.d13299b2.jpg)
}

.galaxy9GamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-image: url(/_next/static/media/galaxy9gamesBg.4bacbfed.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    padding: 4rem
}

.galaxy9GamesBanner .onlySignUp {
    width: 30%;
    margin-right: 3rem
}

.onlySignUp .formWrapper {
    width: 100%
}

.galaxyExchGamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-image: url(/_next/static/media/galaxyExchGamesBg.390598aa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    padding: 4rem
}

.galaxyExchGamesBanner .onlySignUp {
    width: 30%;
    margin-right: 3rem
}

.mataGamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-image: url(/_next/static/media/mataGamesBg.26ea2d7b.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.mataGamesBanner .onlySignUp {
    width: 30%
}

.mata999GamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-image: url(/_next/static/media/mata999GamesBg.a3c0e907.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.colorTextMata999Games {
    color: #d300dd;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset
}

.mata999GamesBanner .onlySignUp {
    width: 30%
}

.moon777GamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-image: url(/_next/static/media/moon777GamesBg.ea900066.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed
}

.colorTextMoon777Games {
    color: #75fa4c;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset
}

.moon777GamesBanner .onlySignUp {
    width: 30%
}

.seventhxthLiveBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-image: url(/_next/static/media/seventhxthLiveGamesBg.17e0a834.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed
}

.seventhxthLiveBanner .onlySignUp {
    width: 30%
}

.seventhXthSiteGamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-image: url(/_next/static/media/seventhXthSiteGamesBannerBg.268f3754.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.seventhXthSiteGamesBanner .bannerTextWrapper {
    width: 60%;
    text-align: left;
    align-items: flex-start;
    text-transform: uppercase
}

.bannerTitle{
    text-align: center;
    font-size: 3rem;
    font-family: "Oswald", sans-serif;;
    max-width: 450px;
    color: #FFF;
    text-shadow: 1px 1px 3px #FFF;
}

.seventhXthSiteGamesBanner .bannerText h1 {
    text-align: left;
    text-transform: uppercase;
    margin: 10px 0;
    font-size: 43px
}

.seventhXthSiteGamesBanner .bannerText h4 {
    margin: 0
}

.seventhXthOrgGamesBanner {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-image: url(/_next/static/media/seventhXthOrgGamesBannerBg.e8f6918a.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.seventhXthOrgGamesBanner .bannerTextWrapper {
    width: 60%;
    text-align: left;
    align-items: flex-start;
    text-transform: uppercase
}

.seventhXthOrgGamesBanner .bannerText h1 {
    text-align: left;
    text-transform: uppercase;
    margin: 10px 0;
    font-size: 43px
}

.seventhXthOrgGamesBanner .bannerText h4 {
    margin: 0
}

.sevenXthOrgBg {
    height: calc(100vh - 77px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    background-image: url(/_next/static/media/localhostsignupLandingBanner.4560b3c2.jpg)
}

.galaxyExchXyzGamesBanner,
.sevenXthOrgBg {
    width: 100%;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.galaxyExchXyzGamesBanner {
    min-height: 92vh;
    height: auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-image: url(/_next/static/media/galaxyExchXyzGamesBannerBg.eeb26afc.jpg)
}

.galaxyExchXyzGamesBanner .bannerText h1 {
    text-transform: uppercase;
    margin: 0;
    text-shadow: 2px 4px 4px #000;
    font-size: 45px
}

.galaxyExchXyzGamesBanner .bannerText {
    width: 60%;
    padding-right: 1rem;
    margin-top: 0
}

.galaxyExchXyzGamesBanner .bannerText .textTheMore {
    margin: .5rem 0 0;
    text-transform: uppercase;
    font-family: Inter-Bold;
    gap: 0
}

.galaxyExchXyzGamesBanner .textTheMore span {
    background-color: transparent;
    color: #ffb300;
    text-shadow: 2px 4px 4px #000;
    padding: 1px
}

.galaxyExchXyzGamesBanner.sportFun1ComGamesBanner {
    background-image: url(images/nineGalaxyGamesBannerBg.80bd9c66.jpg)
}

.sportFun2ComGamesBanner {
    width: 100%;
    min-height: 100vh;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-image: url(images/nineGalaxyGamesBannerBg.80bd9c66.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.sportFun2ComGamesBanner .bannerText h1 {
    width: 90%;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 2px 4px 4px #000;
    font-size: 55px
}

.sportFun2ComGamesBanner .bannerText h1:after {
    content: "";
    display: flex;
    width: 80%;
    height: 3px;
    background-color: #fff;
    margin: .5rem auto;
    border-radius: 10px
}

.sportFun2ComGamesBanner .bannerText {
    width: 100%;
    flex-direction: column;
    padding: 0 6%;
    margin-top: 0;
    justify-content: center
}

.sportFun2ComGamesBanner .bannerText .textTheMore {
    margin: .5rem 0 0;
    text-transform: uppercase;
    font-family: Inter-Bold;
    gap: 0;
    padding-bottom: 0;
    font-size: 3rem;
    align-items: center;
    justify-content: center
}

.sportFun2ComGamesBanner .textTheMore span {
    background-color: transparent;
    color: #ffb300;
    text-shadow: 2px 4px 4px #000;
    padding: 1px;
    text-align: center
}

.sportFun2ComGamesBanner .formWrapper {
    width: 450px
}

.sportFun2ComGamesBanner.sportFun3ComGamesBanner {
    background-image: url(images/Desktop.png)
}

.sportFun2ComGamesBanner.sportFun4ComGamesBanner {
    background-image: url(images/Desktop.png)
}

.sportFun2ComGamesBanner.nineGalaxyGamesBanner {
    background-image: url(images/Desktop.png);
    background-position: bottomcenter;
}

.nineGalaxyGamesBanner .bannerText {
    justify-content: flex-end
}

.nineGalaxyGamesBanner .formWrapper {
    margin: 0
}

.textTheMore {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 2rem;
    padding-bottom: 2rem
}

.textTheMore span {
    background-color: #6778e2;
    padding: 4px;
    display: flex;
    color: #fff
}

.whatsAppButton {
    position: absolute;
    left: 20%;
    top: 57%
}

.whatsAppButton,
.whatsAppButtonNew {
    width: auto;
    height: auto;
    background-color: green;
    color: #fff;
    text-align: center;
    font-size: 15px;
    border: none;
    padding: 10px 40px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    text-transform: capitalize
}

.whatsAppButtonNew {
    margin: 0 0 2% 17%
}

.availNowBtn {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 3rem;
    background: linear-gradient(4.31deg, #ffc13d 1.38%, #c07f00 111.65%);
    border: 1.50866px solid #e5c47d;
    box-shadow: 0 5px 10px #000;
    border-radius: 29.2571px;
    font-family: Inter-Bold;
    color: #000;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    >a {
        text-decoration: none;
        color: #000
    }
}

.availNowBtn:hover {
    background: linear-gradient(4.31deg, #ffc13d 1.38%, #e7ddca 111.65%);
    color: #fff
}

.whatsAppLink {
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    >img {
        width: 30px;
        height: 30px;
        object-fit: contain
    }
}

.whatsAppLink:hover {
    color: #fff
}

.bannerText.newDomain {
    margin: 0;
    padding-left: 3rem;
    padding-top: 0
}

.newDomain img {
    width: 700px;
    height: auto
}

.bannerText,
.bannerTextWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.bannerText {
    width: 50%;
    padding-top: 1rem;
    animation: slideDown .65s ease-out;
    margin-top: 5rem
}

.bannerText h1 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-family: Inter-Bold
}

.bannerText.signupLanding {
    width: 50%;
    z-index: 9999
}

.colorText {
    background: linear-gradient(180deg, #dfb674, #b59869 42.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.normalText {
    font-weight: 400;
    font-size: 20px;
    color: #c6c6c6;
    text-align: center
}

.registerDiv {
    width: 536px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(/_next/static/media/bannerSignupBg.75d0ec08.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 12px;
    padding: 1rem 2rem
}

.registerDiv span {
    color: #c6c6c6;
    font-weight: 400;
    font-family: Inter-Light
}

b {
    color: #fff;
    font-family: Inter-Bold
}

.primaryBtn {
    width: 169.2px;
    height: 49.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-image: url(/_next/static/media/primaryBtnBg.596a8bb2.png)
}

.primaryBtn,
.primaryBtn:after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.primaryBtn:after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/_next/static/media/rightArrow.9ba48b46.png)
}

.primaryBtn:hover:after {
    background-image: url(/_next/static/media/rightArrowHover.105b2718.png)
}

.primaryBtn:hover {
    background-image: url(/_next/static/media/primaryBtnBgHover.905a28b2.png);
    color: #763a00
}

.secondaryBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 4rem;
    background: linear-gradient(4.31deg, #ffc13d 1.38%, #c07f00 111.65%);
    border: 1.50866px solid #e5c47d;
    box-shadow: 0 5px 10px #000;
    border-radius: 29.2571px;
    color: #000;
    text-transform: uppercase;
    font-family: Inter-Bold
}

.secondaryBtn:hover {
    background: linear-gradient(181.33deg, #6576e3 -25.75%, #2840d5 98.81%);
    color: #fff
}

.cancelBtn {
    width: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 4rem;
    color: #fff;
    text-transform: uppercase;
    font-family: Inter;
    border-bottom: 2px solid #ecb03900
}

.cancelBtn:hover {
    color: #e5c47d;
    border-bottom: 2px solid #ecaf39
}

.body_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    background-image: url(/_next/static/media/content_bg.7cadd469.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.rowBlock {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem
}

.shapeBlock {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 7rem;
    background-image: url(/_next/static/media/whatMakesBgBorder.84d5fecf.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.secondaryText {
    color: #fff;
    font-size: 34px;
    font-family: Inter-Bold;
    text-transform: capitalize;
    margin-top: 0
}

.shapeBlock ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-direction: column
}

.shapeBlock ul li {
    display: flex;
    align-items: center;
    gap: 10px
}

.shapeBlock ul li:before {
    content: "";
    width: 24px;
    height: 24px;
    display: flex;
    background-image: url(/_next/static/media/coin.de17f0ff.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.rowBlock h2:after {
    content: "";
    width: 128px;
    height: 5px;
    display: flex;
    background: linear-gradient(90deg, #6576e3, #354cda);
    margin-top: 10px;
    border-radius: 10px
}

.colorTextSec {
    background: linear-gradient(180deg, #6576e3, #354bda 29.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.imageBlock {
    display: flex;
    align-items: center
}

.sliderWrapper {
    width: 80%;
    max-height: 480px;
    min-height: 200px;
    background: hsla(0, 0%, 100%, .07);
    -webkit-backdrop-filter: blur(24.6876px);
    backdrop-filter: blur(24.6876px);
    border-radius: 50px;
    border: 1px solid #ecaf39;
    padding: 5rem
}

.sliderWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sliderPlyBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #ffd085;
    text-decoration: underline;
    font-size: 16px;
    padding-top: 5px
}

.sliderPlyBtn:focus,
.sliderPlyBtn:hover {
    color: #fff !important
}

.sliderPlyBtn:after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/_next/static/media/playNowIcon.17f4c484.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.sliderPlyBtn:hover:after {
    background-image: url(/_next/static/media/rightArrow.9ba48b46.png)
}

.sliderWrapper .slick-track {
    display: flex;
    gap: 2rem
}

.sliderWrapper .slick-next,
.sliderWrapper .slick-prev {
    top: -30%
}

.sliderWrapper .slick-prev {
    left: unset;
    right: 70px;
    background-image: url(/_next/static/media/prev.1f90992d.png)
}

.sliderWrapper .slick-next,
.sliderWrapper .slick-prev {
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.sliderWrapper .slick-next {
    right: 0;
    background-image: url(/_next/static/media/next.5525d6c9.png)
}

.sliderWrapper .slick-next:hover {
    background-image: url(/_next/static/media/nextHover.a3ae46fc.png);
    background-position: inherit;
    background-size: contain
}

.sliderWrapper .slick-prev:hover {
    background-image: url(/_next/static/media/prevHover.27a26545.png);
    background-position: inherit;
    background-size: contain
}

.sliderWrapper .slick-next:focus {
    background-image: url(/_next/static/media/nextHover.a3ae46fc.png);
    background-position: inherit;
    background-size: contain
}

.sliderWrapper .slick-prev:focus {
    background-image: url(/_next/static/media/prevHover.27a26545.png);
    background-position: inherit;
    background-size: contain
}

.sliderWrapper .slick-next:before,
.sliderWrapper .slick-prev:before {
    content: ""
}

.sliderWrapper .slick-initialized .slick-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.sliderWrapper .slick-dots li {
    margin: 0
}

.sliderWrapper .slick-dots li button:before {
    color: #626262;
    font-size: 9px
}

.sliderWrapper .slick-dots li.slick-active button:before {
    color: #ffd085
}

.sliderWrapper .slick-dots {
    bottom: -55px
}

.sliderWrapper .slick-initialized .slick-slide img {
    transition: transform .2s
}

.sliderWrapper .slick-initialized .slick-slide img:hover {
    transform: scale(1.1)
}

.secondaryText.centerAlign {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.mobTitle {
    display: none
}

.shapeBlock h2.centerAlign:after {
    content: "";
    width: 128px;
    height: 5px;
    display: flex;
    background: linear-gradient(90deg, #d9b172, #a18558)
}

.shapeBlock.vertical {
    align-items: center;
    background-image: url(/_next/static/media/howTowinBg.84288223.png)
}

.shapeBlock.vertical .primaryBtn {
    width: 189.2px;
    height: 69.2px
}

.shapeBlock.vertical .imageBlock {
    display: none
}

.incentiveSteps {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem
}

.stepsOne {
    background-image: url(/_next/static/media/step1Bg.dea303f4.png)
}

.stepsOne,
.stepsTwo {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.stepsTwo {
    background-image: url(/_next/static/media/step2Bg.411e76bb.png)
}

.stepsThree {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1rem;
    background-image: url(/_next/static/media/step3Bg.4b6cd539.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.stepsText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px
}

.stepsText h3 {
    font-size: 25px;
    color: #fff;
    font-family: Inter-Bold
}

.stepsText h3,
.stepsText p {
    text-transform: capitalize;
    margin: 0
}

.stepsText p {
    font-size: 16px;
    color: #c6c6c6;
    font-family: Inter-Light
}

footer .footerWrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #848484;
    padding: 1rem 4rem;
    background: #000
}

footer {
    background-color: #000
}

.copyRight.copyMobile {
    display: none
}

.socialMediaWrapper {
    display: flex;
    align-items: center;
    gap: 1rem
}

.socialMediaWrapper a {
    width: 35px;
    height: 35px;
    display: flex
}

.copyRight {
    display: flex;
    align-items: center;
    gap: 10px
}

.copyRight img {
    width: 34px;
    height: 34px
}

.copyRight p {
    font-family: __Inter_e66fe9,__Inter_Fallback_e66fe9;
    font-style: normal;
    margin: 0;
    font-size: 12.5px
}

.paymentMethod {
    display: flex;
    align-items: center;
    gap: 20px
}

.paymentMethod img {
    display: flex;
    height: 22px;
    object-fit: contain;
    width: 100%
}

.disclaimerText {
    width: 100%;
    padding: .5rem 4rem;
    background: #000;
    border-top: 1px solid #848484
}

.disclaimerText p {
    font-family: __Inter_e66fe9,__Inter_Fallback_e66fe9;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    margin: 0
}

.disclaimerText p:nth-child(2) {
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin: 0
}

.privacyPolicy {
    font-family: __Inter_e66fe9,__Inter_Fallback_e66fe9;
    font-size: 12.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.privacyPolicy:before {
    content: "|";
    width: 1px;
    height: 100%;
    display: flex
}

.privacyPolicy:hover {
    color: #6778e2
}

.policyWrapper {
    width: 100%;
    min-height: 92vh;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    background-image: url(/_next/static/media/mataGamesBg.26ea2d7b.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    padding-top: 5rem;
    color: #fff
}

.maxWrapper {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    font-family: Inter;
    padding: 3rem 1rem
}

.policyWrapper h1 {
    flex: 1 1;
    font-size: 2.5rem;
    font-family: Inter-Bold;
    line-height: 4rem;
    margin-top: 0;
    margin-bottom: 1rem;
    background: linear-gradient(181deg, rgba(96, 96, 96, 0) 3.65%, rgba(103, 120, 228, .4))
}

.policyWrapper h1:after {
    content: "";
    width: 100%;
    display: flex;
    height: 1px;
    background-color: #ffffff75
}

.policyWrapper h4 {
    font-size: 1.3rem;
    margin-bottom: 10px
}

.policyWrapper p {
    margin: 0
}

.policyWrapper p,
.policyWrapper span {
    font-size: 1rem;
    color: #adaaaa
}

.emailText {
    color: #ffb43d
}

.emailText:hover {
    color: #fff
}

.slide-in-left {
    animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both
}

.slide-in-right {
    animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both
}

.tracking-in-contract-bck {
    animation: tracking-in-contract-bck 2s cubic-bezier(.215, .61, .355, 1) both
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-1000px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(1000px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em;
        transform: translateZ(400px);
        opacity: 0
    }
    40% {
        opacity: .6
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@media (min-width:1600px) {
    .sliderWrapper {
        width: 1412px
    }
}

@media (max-width:1200px) {
    header {
        padding: .5rem
    }
    .logo {
        width: 120px
    }
    .formWrapper {
        width: 80% !important;
        margin: 2em 0
    }
    .headerActions a {
        width: 165px;
        height: 40px;
        font-size: 11px;
        position: relative;
        background-image: url(/_next/static/media/btnBgMob.76c64055.png)
    }
    .whatsUp:before {
        width: 15px;
        height: 15px
    }
    .registration:before {
        width: 14px;
        height: 16px
    }
    .downloadApp:before {
        width: 12px;
        height: 15px
    }
    .bannerText {
        padding-top: 0
    }
    .bannerText h1 {
        font-size: 32px;
        margin-bottom: 10px
    }
    .normalText {
        font-size: 14px;
        margin-bottom: 10px
    }
    .registerDiv {
        width: 220px;
        height: 118px;
        flex-direction: column;
        justify-content: center;
        background-image: url(/_next/static/media/bannerSignupBgMob.ce845ddc.png);
        background-size: contain;
        gap: 10px;
        padding: 1rem
    }
    .registerDiv span {
        font-size: 14px;
        text-align: center
    }
    .primaryBtn {
        width: 125px;
        height: 35px;
        font-size: 12px;
        gap: 6px
    }
    .primaryBtn:after {
        width: 9px;
        height: 9px
    }
    .secondaryText {
        font-size: 24px
    }
    .rowBlock {
        padding: 0 2rem
    }
    .imageBlock img {
        width: 80%
    }
    .rowBlock h2:after {
        height: 4px
    }
    .shapeBlock {
        padding: 5rem
    }
    .shapeBlock ul {
        gap: 5px
    }
    .shapeBlock ul li {
        gap: 8px;
        font-size: 14px
    }
    .shapeBlock ul li:before {
        width: 22px;
        height: 22px
    }
    .sliderWrapper {
        padding: 4rem
    }
    .sliderWrapper .slick-prev {
        width: 40px;
        height: 40px;
        right: 55px
    }
    .sliderWrapper .slick-next {
        width: 40px;
        height: 40px
    }
    .secondaryText.centerAlign {
        margin-bottom: 5px;
        line-height: 24px
    }
    .incentiveSteps {
        align-items: center;
        padding-bottom: 2rem
    }
    .shapeBlock.vertical .primaryBtn {
        width: 145px;
        height: 42px
    }
    .shapeBlock.vertical {
        position: relative
    }
    .incentiveSteps:after {
        content: "";
        width: 91%;
        height: 1px;
        position: absolute;
        bottom: 25%;
        display: flex;
        background: linear-gradient(268.09deg, rgba(236, 175, 57, .403) 68.5%, hsla(0, 0%, 100%, 0) 95.76%, rgba(225, 149, 0, .372) 108.62%), linear-gradient(0deg, hsla(0, 0%, 100%, .07), hsla(0, 0%, 100%, .07))
    }
    .incentiveSteps img {
        width: 44px;
        height: auto
    }
    .stepsText h3 {
        font-size: 15px
    }
    .stepsText p {
        font-size: 13px
    }
    .stepsOne,
    .stepsThree,
    .stepsTwo {
        height: 71px;
        gap: 1rem;
        padding: 7px 10px
    }
    footer {
        padding-top: 0
    }
    .socialMediaWrapper {
        gap: 7px
    }
    .socialMediaWrapper a {
        width: 25px;
        height: 25px
    }
    .copyRight img {
        width: 20px;
        height: 20px
    }
    .paymentMethod img {
        height: 15px
    }
}

@media (max-width:1024px) {
    .logo {
        width: 120px
    }
    .banner {
        background-image: url(/_next/static/media/banner_bgMob.fe2b51cc.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    .fomo99gamesBanner {
        background-image: url(/_next/static/media/fomo99GamesMobile.026d7285.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    .fomo999Banner {
        background-image: url(/_next/static/media/localhostBannerMobile.ed5f4a85.jpg);
        background-position-y: 90%;
        min-height: 86vh;
        height: auto !important;
        justify-content: center;
        align-items: center;
        padding-top: 5rem;
        background-position: center 60%
    }
    .availNowBtn {
        padding: .5rem 2rem
    }
    .fomo99inBg {
        background-image: url(/_next/static/media/fomo99inBgMob.377d0b4c.png);
        background-position-y: 90%;
        min-height: 86vh;
        background-position: inherit
    }
    .fomo99inBg,
    .fomo99xyzBg {
        height: auto !important;
        justify-content: end;
        align-items: center;
        padding-top: 5rem
    }
    .fomo99xyzBg {
        background-image: url(/_next/static/media/fomo99xyzBgMobile.19c365b3.jpg);
        background-position-y: 90%;
        min-height: calc(100vh - 63px);
        background-position: inherit
    }
    .fomo99netBg {
        background-image: url(/_next/static/media/fomo99netBgMob.c5eaa309.png);
        background-position-y: 90%;
        min-height: 86vh;
        justify-content: end;
        background-position: inherit
    }
    .fomo99netBg,
    .yoloFantasyBanner {
        height: auto !important;
        align-items: center;
        padding-top: 5rem
    }
    .yoloFantasyBanner {
        background-image: url(/_next/static/media/yoloFantasyBannerMob.c01e969a.jpg);
        background-position-y: 90%;
        min-height: 88vh;
        justify-content: flex-start;
        background-position: center 60%
    }
    .yoloWhatsAppBg {
        background-image: url(/_next/static/media/yoloWhatsAppBgNewMob.e70514ba.png);
        background-position-y: 90%;
        min-height: 86vh;
        height: auto !important;
        justify-content: end;
        align-items: center;
        padding-top: 5rem;
        background-position: inherit
    }
    .whatsAppButtonNew {
        position: absolute;
        width: auto;
        height: auto;
        background-color: green;
        left: 1%;
        top: 37%;
        color: #fff;
        text-align: center;
        font-size: 14px;
        border: none;
        padding: 7px 20px;
        border-radius: 10px;
        cursor: pointer;
        font-weight: 500;
        text-transform: capitalize
    }
    .fomo999signupLandingBanner {
        height: auto !important
    }
    .fomo999signupLandingBanner,
    .sevenXthOrgBg {
        background-image: url(/_next/static/media/localhostsignupLandingBannerMobile.366661b5.jpg);
        background-position-y: 90%
    }
    .sevenXthOrgBg {
        justify-content: flex-start;
        height: calc(100vh - 77px)
    }
    .fomo999comSignUpBg {
        background-image: url(/_next/static/media/fomo999comSignUpBgMobile.bb4e6620.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    .aviatorDiceBanner {
        background-image: url(/_next/static/media/aviatorDiceBannerMobile.ee00122c.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    .fomo51GamesBanner {
        background-image: url(/_next/static/media/fomo51GamesBannerMobile.d166055d.jpg);
        height: auto !important
    }
    .fomo999CardsBanner {
        background-image: url(/_next/static/media/fomo999CardsBannerMob.af0d4ebc.png)
    }
    .fomo999CardsBanner,
    .yolo100LiveBanner {
        min-height: 86vh;
        height: auto !important;
        justify-content: flex-start;
        align-items: center;
        padding-top: 7rem;
        background-position: center 60%
    }
    .yolo100LiveBanner {
        background-image: url(/_next/static/media/yolo100LiveBannerMob.4c7ac0ec.png)
    }
    .yoloPlayBg {
        background-image: url(/_next/static/media/yoloPlayBgMob.848a2d7b.png);
        min-height: 86vh;
        height: auto !important;
        justify-content: flex-start;
        align-items: center;
        padding-top: 7rem;
        background-position: center 60%
    }
    .galaxy9GamesBanner {
        background-image: url(/_next/static/media/galaxy9gamesBgTab.68ddb64a.jpg);
        height: auto !important;
        padding: 1rem;
        justify-content: center;
        align-items: flex-end;
        background-position-y: top
    }
    .galaxy9GamesBanner .onlySignUp {
        width: 100%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .galaxyExchGamesBanner {
        background-image: url(/_next/static/media/galaxyExchGamesBgTab.1ac5cfcb.jpg);
        padding: 1rem;
        justify-content: center;
        align-items: flex-end;
        background-position-y: top
    }
    .galaxyExchGamesBanner .onlySignUp {
        width: 100%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mataGamesBanner {
        background-image: url(/_next/static/media/mataGamesBannerBgTab.e0f18376.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    .mataGamesBanner .onlySignUp {
        width: 50%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mata999GamesBanner {
        background-image: url(/_next/static/media/mata999GamesBannerBgTab.241f27cf.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    .mata999GamesBanner .onlySignUp {
        width: 50%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .moon777GamesBanner {
        background-image: url(/_next/static/media/moon777GamesBannerBgTab.3e36c251.jpg);
        height: auto !important
    }
    .moon777GamesBanner .onlySignUp {
        width: 50%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .seventhxthLiveBanner {
        background-image: url(/_next/static/media/seventhxthLiveBannerBgTab.a4174818.jpg);
        height: auto !important
    }
    .seventhxthLiveBanner .onlySignUp {
        width: 50%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .onlySignUp .formWrapper {
        width: 100% !important;
        margin-top: 4rem
    }
    .bannerText.newDomain {
        padding: 0
    }
    .logo img {
        width: 90px;
        object-fit: contain
    }
    .shapeBlock {
        width: 50%;
        background-image: url(/_next/static/media/whatMakesBgBorderMob.29c3631b.png)
    }
    .shapeBlock ul {
        gap: 10px
    }
    .shapeBlock ul li {
        font-size: 14px;
        display: flex;
        padding-left: 2rem;
        position: relative
    }
    .shapeBlock ul li:before {
        width: 22px;
        height: 22px;
        float: left;
        margin-right: 7px;
        position: absolute;
        left: 0
    }
    .shapeBlock.vertical {
        background-image: url(/_next/static/media/whatMakesBgBorderMob.29c3631b.png)
    }
    .sliderWrapper {
        width: 90%;
        padding: 2rem
    }
    .imageBlock {
        justify-content: center
    }
    .shapeBlock.vertical {
        width: 70%
    }
    .shapeBlock h2.centerAlign:after {
        width: 140px;
        height: 3px
    }
    .incentiveSteps {
        gap: 5px
    }
    .incentiveSteps:after {
        width: 81%
    }
    .secondaryText.centerAlign {
        margin-bottom: 10px
    }
    .stepsOne,
    .stepsThree,
    .stepsTwo {
        height: 71px;
        gap: 10px;
        padding: 7px 10px 7px 2rem
    }
}

@media (max-width:991px) {
    header {
        box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
    .banner {
        background-image: url(/_next/static/media/banner_bgMob.fe2b51cc.jpg);
        background-position-y: 90%;
        height: auto !important
    }
    a.registration {
        display: none
    }
    .bannerText h1 {
        font-size: 24px
    }
    .normalText {
        margin-bottom: 20px
    }
    .formWrapper {
        width: 90% !important;
        max-height: -moz-fit-content !important;
        max-height: fit-content !important
    }
    .signupBanner {
        height: auto !important
    }
    .body_content {
        background-image: url(/_next/static/media/content_bgMob.7bbc74d7.jpg)
    }
    .rowBlock {
        height: auto;
        flex-direction: column-reverse
    }
    .secondaryText.mobTitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-top: 4rem
    }
    .secondaryText,
    .secondaryText.mobTitle br {
        display: none
    }
    .sliderMob .secondaryText {
        display: block
    }
    .imageBlock {
        flex-direction: column
    }
    .imageBlock img {
        width: 300px;
        object-fit: contain;
        height: auto
    }
    .shapeBlock {
        width: 400px
    }
    .sliderWrapper {
        width: 100%
    }
    .sliderWrapper .slick-next,
    .sliderWrapper .slick-prev {
        top: -35%
    }
    .sliderWrapper .slick-dots {
        bottom: -45px
    }
    .shapeBlock.vertical .imageBlock {
        display: flex;
        padding: 20px 0
    }
    .shapeBlock.vertical .imageBlock img {
        width: 319px;
        object-fit: contain;
        height: auto
    }
    .imageBlock.dsktP {
        display: none
    }
    .stepsOne,
    .stepsThree,
    .stepsTwo {
        width: 270px
    }
    .incentiveSteps:after {
        width: 79%;
        bottom: 18%
    }
    .copyRight {
        display: none
    }
    .copyRight.copyMobile {
        display: flex
    }
    footer .footerWrap {
        flex-direction: column;
        gap: 10px;
        padding: 10px 0
    }
    .disclaimerText {
        padding: .5rem 1rem;
        margin: 0
    }
    .secondaryBtn {
        padding: .4rem 2rem;
        font-size: 13px
    }
    .newDomain img {
        width: 284px
    }
    .bannerText.signupLanding {
        width: 100%
    }
    .galaxy9GamesBanner {
        background-image: url(images/yolop1mb.png);
        background-position-y: -15%
    }
    .galaxyExchGamesBanner {
        background-image: url(images/yolop1mb.png)
    }
    .mataGamesBanner {
        background-image: url(images/yolop1mb.png)
    }
    .mata999GamesBanner {
        background-image: url(images/yolop1mb.png)
    }
    .moon777GamesBanner {
        background-image: url(images/yolop1mb.png);
        background-position-y: 20%
    }
    .seventhxthLiveBanner {
        background-image: url(images/yolop1mb.png);
        background-position-y: 20%
    }
    .seventhXthSiteGamesBanner {
        background-image: url(images/yolop1mb.png);
    }
    .seventhXthSiteGamesBanner .bannerText {
        width: 100%;
        align-items: flex-start
    }
    .seventhXthOrgGamesBanner {
        background-image: url(/_next/static/media/seventhXthOrgGamesBgTab.7904b6c4.jpg)
    }
    .seventhXthOrgGamesBanner .bannerText {
        width: 100%;
        align-items: flex-start
    }
    .sportFun2ComGamesBanner .bannerText {
        flex-direction: column;
        margin-top: 4rem
    }
    .sportFun2ComGamesBanner .bannerText h1 {
        width: 100%;
        font-size: 34px
    }
    .sportFun2ComGamesBanner .bannerText .textTheMore {
        font-size: 28px;
        margin: 0
    }
    .sportFun2ComGamesBanner .bannerText h1:after {
        display: none
    }
    .maxWrapper {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 20px
    }
    .policyWrapper {
        padding-top: 4rem;
        background-position: 100%
    }
    .policyWrapper h1 {
        font-size: 1.6rem;
        line-height: 3rem;
        margin-top: 0;
        margin-bottom: 0
    }
    .policyWrapper h4 {
        font-size: 1rem
    }
    .policyWrapper p,
    .policyWrapper span {
        font-size: 14px
    }
}

@media (max-width:768px) {
    .banner {
        background-image: url(images/yolop1mb.png);
        background-position-y: 90%;
        height: auto !important
    }
    .signupBanner {
        height: auto
    }
    .shapeBlock.vertical {
        width: 350px;
        background-image: url(images/yolop1mb.png);
        padding: 2rem 5rem
    }
    .incentiveSteps {
        position: relative
    }
    .incentiveSteps:after {
        width: 328px;
        bottom: 6%;
        height: 2px
    }
    .logo,
    .logo img {
        width: 90px
    }
    .logo img {
        object-fit: contain
    }
}

@media (max-width:576px) {
    .bannerTitle{
        font-size: 2rem;
    }
    .mata999GamesBanner .onlySignUp,
    .mataGamesBanner .onlySignUp,
    .moon777GamesBanner .onlySignUp {
        width: 90%
    }
    .moon777GamesBanner {
        background-position-y: bottom;
        justify-content: space-around
    }
    .seventhxthLiveBanner .onlySignUp {
        width: 90%
    }
    .seventhxthLiveBanner {
        background-position-y: bottom;
        justify-content: space-around
    }
    .seventhXthSiteGamesBanner {
        justify-content: flex-start;
        padding: 1rem;
        background-image: url(images/Mobile.png);
        background-position: top
    }
    .seventhXthSiteGamesBanner .bannerTextWrapper {
        width: 100%
    }
    .seventhXthOrgGamesBanner {
        justify-content: flex-start;
        padding: 1rem;
        background-image: url(images/Mobile.png);
        background-position: top
    }
    .seventhXthOrgGamesBanner .bannerTextWrapper {
        width: 100%
    }
    .galaxyExchXyzGamesBanner {
        align-items: flex-end;
        justify-content: flex-start;
        padding: 1rem;
        background-image: url(images/Mobile.png);
        background-position: top
    }
    .galaxyExchXyzGamesBanner .bannerTextWrapper {
        width: 100%
    }
    .galaxyExchXyzGamesBanner .bannerText {
        width: 100%;
        padding-right: 0;
        margin-top: 0
    }
    .galaxyExchXyzGamesBanner .bannerText h1 {
        font-size: 25px
    }
    .galaxyExchXyzGamesBanner.sportFun1ComGamesBanner {
        background-image: url(images/Mobile.png)
    }
    .sportFun2ComGamesBanner {
        min-height: calc(100vh - 97px);
        height: 100%;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 1rem;
        background-image: url(images/Mobile.png);
        background-position: top
    }
    .sportFun2ComGamesBanner .bannerText {
        padding: 0
    }
    .sportFun2ComGamesBanner .bannerText h1 {
        width: 73%
    }
    .sportFun2ComGamesBanner.sportFun3ComGamesBanner {
        background-image: url(images/Mobile.png)
    }
    .sportFun2ComGamesBanner.sportFun4ComGamesBanner {
        background-image: url(images/Mobile.png)
    }
    .sportFun2ComGamesBanner.nineGalaxyGamesBanner {
        background-image: url(images/Mobile.png);
        overflow-y: auto;
        height: 100vh;
        background-position: top
    }
    .textTheMore {
        font-size: 20px;
        padding-bottom: 0
    }
    .body_content {
        gap: 2rem;
        background-position: 100%
    }
    .bannerText {
        width: 100%;
        margin-top: 4rem
    }
    .signupBanner {
        height: auto !important
    }
    .formWrapper,
    .loginPopUp {
        width: 95% !important;
        max-height: -moz-fit-content !important;
        max-height: fit-content !important
    }
    .banner {
        background-attachment: unset;
        height: auto !important
    }
    .headerActions {
        gap: 7px;
        flex-direction: column
    }
    .headerActions a {
        width: 150px;
        height: 40px;
        padding: 5px
    }
    header {
        padding: .5rem 5px;
        box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
    .shapeBlock {
        width: 350px;
        padding: 2rem 3rem
    }
    .shapeBlock h2.centerAlign:after {
        height: 2px
    }
    .shapeBlock.vertical {
        padding: 2rem 1rem
    }
    .shapeBlock.vertical .imageBlock {
        padding-top: 0
    }
    .sliderWrapper {
        width: 100%;
        background-image: url(/_next/static/media/carouselBgMob.29bc0879.png);
        padding: 3rem;
        background-size: cover
    }
    .sliderPlyBtn {
        font-size: 14px
    }
    .rowBlock.sliderMob {
        padding: 0
    }
    .sliderMob .secondaryText {
        font-size: 18px;
        text-align: center;
        padding-bottom: 5px
    }
    .rowBlock h2:after {
        height: 2px;
        margin: 6px auto
    }
    .copyRight p,
    .privacyPolicy {
        font-family: __Inter_e66fe9,__Inter_Fallback_e66fe9;
        font-style: normal;
        font-size: 10px
    }
    .copyRight img {
        width: 17px;
        height: 17px
    }
    .paymentMethod {
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .paymentMethod::-webkit-scrollbar {
        display: none
    }
}

@media (max-width:360px) {
    .main_wrapper {
        overflow-x: auto
    }
}

.formWrapper {
    width: 60%;
    max-height: auto;
    overflow-y: auto;
    min-height: 200px;
    background: #0000005c;
    -webkit-backdrop-filter: blur(24.6876px);
    backdrop-filter: blur(24.6876px);
    border-radius: 27px;
    border: 1px solid #F2591B;
    margin-bottom: 2rem
}

.signupLanding .formWrapper {
    margin-bottom: 10px
}

.formWrapper::-webkit-scrollbar {
    width: 5px
}

.formWrapper::-webkit-scrollbar-track {
    background-color: #ecaf39
}

.formWrapper::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.formWrapper {
    scrollbar-width: none
}

.signupHead {
    background: linear-gradient(160.94deg, #F2591B 12.84%, #FF474A 136.16%);
    width: 50%;
    height: auto;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-family: Inter-Bold;
    margin: auto;
    -webkit-clip-path: polygon(100% -1%, 90% 100%, 0 100%, 10% -1%);
    clip-path: polygon(100% -1%, 90% 100%, 0 100%, 10% -1%);
    border: 1px solid #F2591B;
    letter-spacing: 1px
}

.formSec {
    width: 90%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    margin: 2rem auto
}

.userNameInputWrap {
    position: relative
}

.requiredIcon {
    color: red;
    position: absolute;
    left: 9px;
    top: 15px;
    font-size: 13px
}

.formSec>input {
    width: 100%
}

.phoneNumberInputBtnWrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative
}

.phoneNumberInputBtnWrap>input {
    width: 75%;
    border-radius: 8px 0 0 8px
}

.phoneNumberInputBtnWrap>button {
    width: 25%
}

.nameInputWrap,
.otpCodeInputWrap {
    position: relative
}

.sendOtpBtn {
    background: linear-gradient(181.33deg, #F2591B -25.75%, #FF474A 98.81%);
    width: 100px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    outline: none;
    border: none
}

.sendOtpBtn img {
    width: 20px;
    height: 20px
}

.sendOtpBtnSuccesss {
    background: linear-gradient(181.33deg, #46ff4f93 -25.75%, #02a51091 98.81%);
    width: 100px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    outline: none;
    border: none
}

.sendOtpBtnSuccesss img {
    width: 20px;
    height: 20px
}

.sendOtpBtnDisabled {
    background: #F2591B;
    width: 100px;
    color: #fff;
    font-size: 13px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    outline: none;
    border: none
}

.sendOtpBtnDisabled img {
    width: 20px;
    height: 20px
}

.namesWrap {
    display: flex;
    justify-content: space-between
}

.namesWrap>input {
    width: 48%
}

.authInput {
    width: 100%;
    padding: 15px;
    border: none;
    outline: none;
    background: #f4f4f4;
    border-radius: 8.51064px;
    font-family: Inter
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.authInput input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: auto;
    appearance: auto
}

.authInput::placeholder {
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: Inter;
    font-size: 12px
}

.submitBtn {
    background: linear-gradient(181.33deg, #F2591B -25.75%, #FF474A 98.81%)
}

.disabled,
.submitBtn {
    width: 100%;
    border-radius: 3.53468px;
    padding: 15px 10px;
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: Inter
}

.disabled {
    background: #F2591B;
}

.cancelButton {
    width: 100%;
    border-radius: 3.53468px;
    padding: 15px 10px;
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: Inter;
    background: red
}

.errorMsg {
    margin: 3px 0;
    font-size: 14px;
    text-align: left !important;
    color: red
}

.passwordInputWrap {
    position: relative;
    width: 100%
}

.passwordHide {
    display: block;
    width: 5px;
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer
}

.timer {
    color: #ff6060;
    font-size: 14px;
    font-style: italic
}

.message,
.timer {
    display: flex;
    justify-content: flex-end
}

.message {
    margin-top: -4px;
    font-size: 13px
}

.message p {
    font-size: 12px;
    margin: 3px 0;
    color: #ff6060
}

.message span {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    margin: 3px 0 3px 5px;
    cursor: pointer
}

.error-wrap>p {
    background-color: #c91414
}

.error-wrap>p,
.success-wrap>p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    padding: 5px;
    border-radius: 30px;
    margin: 0
}

.success-wrap>p {
    background-color: green
}

.loginPopUp {
    min-width: 300px;
    max-width: 400px;
    width: auto;
    padding: 2rem;
    max-height: auto;
    overflow-y: auto;
    min-height: 200px;
    background: hsla(0, 0%, 100%, .07);
    -webkit-backdrop-filter: blur(24.6876px);
    backdrop-filter: blur(24.6876px);
    border-radius: 27px;
    border: 1px solid #ecaf39;
    margin-bottom: 2rem;
    flex-direction: column;
    gap: 20px
}

.loginPopUp,
.loginPopupWrapper {
    display: flex;
    align-items: center
}

.loginPopupWrapper {
    justify-content: center;
    z-index: 9999999;
    background: #000000d0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.loginDesc {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #c6c6c6
}

.loginSubmitBtn {
    width: 55%;
    background: linear-gradient(181.33deg, #FF474A -25.75%, #F2591B 98.81%);
    border-radius: 3.53468px;
    padding: 15px 10px;
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: Inter;
    font-weight: 500;
    text-decoration: none
}

.loginSubmitBtn:hover {
    text-decoration: none;
    background: #ecaf39;
    color: #763a00;
    font-weight: 600
}

.buttonWrapper {
    display: flex;
    width: 100%;
    gap: 10px
}

.buttonWrapper>button {
    width: 50%
}

@media (max-width:991px) {
    .phoneNumberInputBtnWrap>button {
        width: 30%;
        font-size: 12px
    }
    .phoneNumberInputBtnWrap>input {
        width: 70%
    }
}


.__className_e66fe9 {
    font-family: __Inter_e66fe9, __Inter_Fallback_e66fe9;
    font-style: normal
}