.cloudSection .backgroundImg{background-image:url(/images/pngs/cloudbackground.png);background-repeat:round;background-size:revert;opacity:1}.cloudSection .greenGradiant{filter:blur(50px);opacity:.1;background:#40b162 no-repeat padding-box padding-box;width:319px;height:158px}.cloudSection .violetGradiant{filter:blur(50px);opacity:.1;background:#6864fe no-repeat padding-box padding-box;width:319px;height:158px}.cloudSection .getStartButton{width:220px;height:61px;margin:16px auto auto}.cloudSection .exploreButton,.cloudSection .getStartButton{color:#fff;background-color:#1b8eed;border-radius:33px;justify-content:center;align-items:center;display:flex}.cloudSection .exploreButton{width:153px;height:40px;margin-top:20px}.cloudSection .bannerBlock{width:912px;height:525px}.cloudSection .sporfyTrackerForClasses{width:179px;height:175px;margin:auto 20px auto auto}.cloudSection .sporfyTrackerForSlots{width:240px;height:244px}.cloudSection .greenContainer{width:448px;height:575px}.cloudSection .blueContainer{width:100%;height:278px}
.marketPlaceSection{background-color:#f1f7fe;position:relative}.marketPlaceSection .card{background:var(--unnamed-color-ffffff)0 0 no-repeat padding-box;opacity:1;background:#fff no-repeat padding-box padding-box;border-radius:30px;width:412px;height:497px;box-shadow:0 20px 40px #00000029}.marketPlaceSection .titleSection{color:#2b4168;font:var(--unnamed-font-style-normal)normal var(--unnamed-font-weight-800)72px/var(--unnamed-line-spacing-80)var(--unnamed-font-family-proxima-nova);letter-spacing:var(--unnamed-character-spacing-0);letter-spacing:0;opacity:1;text-align:center;font:800 72px/80px Proxima Nova}.marketPlaceSection .bottomCard{background:var(--unnamed-color-1b8eed)0 0 no-repeat padding-box;opacity:1;background:#1b8eed no-repeat padding-box padding-box;border-radius:30px;height:95px;box-shadow:0 10px 10px #00000029}.marketPlaceSection .rightSectionTab{border-radius:31px;width:220px;height:61px}.marketPlaceSection .greenContainer{width:155px;height:81px}.marketPlaceBannerSection{position:absolute}.marketPlaceBannerSection .blueBoxContent{border-radius:40px}.subTitleContent{font:var(--unnamed-font-style-normal)normal var(--unnamed-font-weight-normal)var(--unnamed-font-size-24)/var(--unnamed-line-spacing-32)var(--unnamed-font-family-proxima-nova);letter-spacing:var(--unnamed-character-spacing-0);letter-spacing:0;opacity:1;text-align:center;font:24px/32px Proxima Nova}.marketPlaceCard{opacity:1;background-color:#fff;border-radius:30px;width:412px}
.sporfySpaceSection{background:linear-gradient(#f0f7ff,#fff) no-repeat padding-box padding-box;padding-top:10px}.sporfySpaceSection .card{opacity:1;background:#fff;border-radius:0 0 30px 30px;width:338px}.sporfySpaceSection .blueCard{background:#1b8eed no-repeat padding-box padding-box;border-radius:80px 80px 0 0}.sporfySpaceSection .getStartButton{color:#fff;background-color:#1b8eed;border-radius:33px;justify-content:center;align-items:center;width:220px;height:61px;margin:16px auto auto;display:flex}
.contactSection{width:100%;position:relative}.contactSection .contactSectionContent{color:#fff;z-index:2;width:100%;position:absolute;top:8%}@media (min-width:420px) and (max-width:768px){.contactSection .contactSectionContent{top:10%}}@media (min-width:768px){.contactSection .contactSectionContent{top:28%}}.contactSection .contactSectionContent .contactSectionContentWidth{width:100%}@media (min-width:768px) and (max-width:1200px){.contactSection .contactSectionContent .contactSectionContentWidth{width:60%}}@media (min-width:1200px){.contactSection .contactSectionContent .contactSectionContentWidth{width:45%}}.contactSection .contactSectionContent .contactSectionContentWidth .contactSectionContentTitle{font-size:40px}@media (min-width:768px) and (max-width:1024px){.contactSection .contactSectionContent .contactSectionContentWidth .contactSectionContentTitle{width:100%;font-size:50px}}@media (min-width:1024px) and (max-width:1200px){.contactSection .contactSectionContent .contactSectionContentWidth .contactSectionContentTitle{width:100%;font-size:60px}}@media (min-width:1200px){.contactSection .contactSectionContent .contactSectionContentWidth .contactSectionContentTitle{font-size:84px}}.contactSection .contactSectionContent .contactBox{border:1px solid #fff;border-radius:10px;width:fit-content;margin-top:14px;padding:14px 40px}@media (min-width:768px){.contactSection .contactSectionContent .contactBox{margin-top:40px;padding:14px 40px}}.contactSection .contactSectionImage{width:100%;height:500px;margin-left:auto}@media (min-width:420px) and (max-width:768px){.contactSection .contactSectionImage{height:600px}}@media (min-width:768px) and (max-width:1024px){.contactSection .contactSectionImage{width:70%;height:500px}}@media (min-width:1024px) and (max-width:1200px){.contactSection .contactSectionImage{width:80%;height:650px}}@media (min-width:1200px){.contactSection .contactSectionImage{height:750px}}.contactSection .contactSectionImage .mobileImage{-o-object-fit:cover;object-fit:cover;width:100%}.contactSection{background:linear-gradient(181deg,#59783e,#58793e 12%,#56753b 19%,#527137 24%,#516e37 36%,#4f6e34 41%,#4f6e36 51%,#4e6d35 59%,#4c6932 68%,#44602b 80%,#425e2b 87%,#3f5b28 95%,#3c5827) no-repeat padding-box padding-box}
.bannerSection{background-color:#1b8eed;position:relative}.bannerSection .bannerImage{-o-object-fit:contain;object-fit:contain;background-color:#1b8eed;width:60%;height:80%}@media (min-width:768px) and (max-width:1024px){.bannerSection .bannerImage{width:70%;height:60%}}@media (min-width:1025px) and (max-width:1200px){.bannerSection .bannerImage{width:56%;height:94%}}@media (min-width:1200px) and (max-width:1440px){.bannerSection .bannerImage{width:56%;height:94%}}@media (min-width:1441px){.bannerSection .bannerImage{width:56%;height:94%}}.bannerSection .bannerSectionContent{width:100%;position:absolute;top:6%}@media (min-width:768px) and (max-width:1024px){.bannerSection .bannerSectionContent{top:2%}}@media (min-width:1025px) and (max-width:1200px){.bannerSection .bannerSectionContent{top:16%}}@media (min-width:1026px){.bannerSection .bannerSectionContent{top:16%}}.bannerSection .bannerSectionContent .content{font:var(--unnamed-font-style-normal)normal var(--unnamed-font-weight-normal)var(--unnamed-font-size-40)/var(--unnamed-line-spacing-45)var(--unnamed-font-family-proxima-nova);letter-spacing:0;letter-spacing:var(--unnamed-character-spacing-0);opacity:1;font:40px/45px Proxima Nova}@media (min-width:768px) and (max-width:1023px){.bannerSection .bannerSectionContent .content{font:var(--unnamed-font-style-normal)normal var(--unnamed-font-weight-normal)var(--unnamed-font-size-52)/var(--unnamed-line-spacing-60)var(--unnamed-font-family-proxima-nova);letter-spacing:var(--unnamed-character-spacing-0);font:52px/60px Proxima Nova}}@media (min-width:1024px) and (max-width:1200px){.bannerSection .bannerSectionContent .content{font:var(--unnamed-font-style-normal)normal var(--unnamed-font-weight-normal)var(--unnamed-font-size-72)/var(--unnamed-line-spacing-80)var(--unnamed-font-family-proxima-nova);letter-spacing:var(--unnamed-character-spacing-0);font:72px/80px Proxima Nova}}@media (min-width:1201px){.bannerSection .bannerSectionContent .content{font:var(--unnamed-font-style-normal)normal var(--unnamed-font-weight-normal)var(--unnamed-font-size-80)/var(--unnamed-line-spacing-82)var(--unnamed-font-family-proxima-nova);letter-spacing:var(--unnamed-character-spacing-0);font:80px/82px Proxima Nova}}.bannerSection .bannerSectionContent .bannerContainer{width:90%;margin:auto}@media (min-width:768px){.bannerSection .bannerSectionContent .bannerContainer{width:90%}}.bannerSection .bannerSectionContent .bannerContainer .bannerGetStarted{color:#2b4168;background:#ddfec6 no-repeat padding-box padding-box;border-radius:29px;width:fit-content;padding:10px 30px}.bannerSection .bannerSectionContent .bannerContainer .bannerBlock{border:2px solid #fff;border-radius:9px;width:fit-content;margin-top:20px;padding:0 40px;transform:rotate(-3deg)}
.sporfyEventsSection{background-color:#f5faff}.sporfyEventsSection .getStartButton{color:#fff;background-color:#1b8eed;border-radius:33px;justify-content:center;align-items:center;width:220px;height:61px;margin:16px auto auto;display:flex}.sporfyEventsSection .gameContainer{border-radius:26px;width:fit-content;padding:15px 20px}.sporfyEventsSection .gameContainer .footballContainer{transform:rotate(38deg)}