/* screen - frame-14333 */

.frame-14333 {
  align-items: flex-start;
  background-color: var(--pearl-bush);
  display: flex;
  flex-direction: column;
  gap: 21px;
  height: 1471px;
  width: 520px;
}

.frame-14333 .flex-col-1 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 1402px;
  width: 500px;
}

.frame-14333 .overlap-group8 {
  height: 637px;
  position: relative;
  width: 500px;
}

.frame-14333 .overlap-group7-1 {
  height: 637px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 494px;
}

.frame-14333 .shape-bg-1 {
  height: 401px;
  left: 168px;
  position: absolute;
  top: 0;
  width: 326px;
}

.frame-14333 .discover-snap-quest-2 {
  left: 0;
  letter-spacing: 0;
  line-height: 68px;
  position: absolute;
  top: 74px;
}

.frame-14333 .overlap-group-5 {
  height: 337px;
  left: 10px;
  position: absolute;
  top: 300px;
  width: 448px;
}

.frame-14333 .x1-4-2 {
  height: 217px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 224px;
}

.frame-14333 .x1-5-2 {
  height: 217px;
  left: 224px;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 224px;
}

.frame-14333 .x1-6-2 {
  height: 337px;
  left: 61px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 324px;
}

.frame-14333 .rectangle-1 {
  height: 35px;
  left: 0;
  position: absolute;
  top: 19px;
  width: 46px;
}

.frame-14333 .overlap-group-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  margin-left: 3.14px;
  margin-top: 47px;
  min-width: 325px;
}

.frame-14333 .overlap-group1-4 {
  border-radius: 9px;
  height: 40px;
  position: relative;
  width: 133px;
}

.frame-14333 .download-component-4 {
  height: 40px;
  width: 133px;
}

.frame-14333 .icon-dark-3 {
  margin-bottom: -50.26px;
  margin-right: -12.01px;
  margin-top: -50.26px;
}

.frame-14333 .group-7-2 {
  height: 26px;
  left: 8px;
  position: absolute;
  top: 6px;
  width: 116px;
}

.frame-14333 .group-2-4 {
  height: 27px;
  left: 8px;
  position: absolute;
  top: 6px;
  width: 116px;
}

.frame-14333 .overlap-group6-1 {
  height: 42px;
  position: relative;
  width: 167px;
}

.frame-14333 .download-component-5 {
  height: 42px;
  width: 129px;
}

.frame-14333 .icon-dark-4 {
  margin-bottom: -49.50px;
  margin-right: -16.01px;
  margin-top: -49.50px;
}

.frame-14333 .group-2-3 {
  height: 23px;
  left: 6px;
  position: absolute;
  top: 11px;
  width: 29px;
}

.frame-14333 .play-store-2 {
  left: 37px;
  letter-spacing: -1.40px;
  line-height: normal;
  position: absolute;
  top: 12px;
  white-space: nowrap;
  width: 130px;
}

.frame-14333 .download-on-the-2 {
  height: 7px;
  left: 39px;
  position: absolute;
  top: 8px;
  width: 79px;
}

.frame-14333 .overlap-group3-1 {
  height: 195px;
  margin-right: 39.7px;
  margin-top: 42px;
  position: relative;
  width: 372px;
}

.frame-14333 .unsplashfo3-xo4-j-qtlo-2 {
  height: 184px;
  left: 8px;
  position: absolute;
  top: 11px;
  width: 364px;
}

.frame-14333 .turn-your-world-into-2 {
  left: 144px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 73px;
  width: 196px;
}

.frame-14333 .explore-your-world-2 {
  left: 175px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 39px;
  white-space: nowrap;
  width: 189px;
}

.frame-14333 .group-10-2 {
  height: 161px;
  left: 0;
  position: absolute;
  top: 0;
  width: 171px;
}

.frame-14333 .overlap-group2-2 {
  height: 169px;
  margin-right: 57.7px;
  margin-top: 48px;
  position: relative;
  width: 376px;
}

.frame-14333 .unsplashfo3-xo4-j-qtlo-3 {
  height: 169px;
  left: 19px;
  position: absolute;
  top: 0;
  width: 357px;
}

.frame-14333 .embark-on-thrilling-2 {
  left: 176px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 54px;
  width: 181px;
}

.frame-14333 .snap-and-conquer-2 {
  left: 199px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 21px;
  white-space: nowrap;
  width: 166px;
}

.frame-14333 .vector-213 {
  height: 3px;
  left: 140px;
  position: absolute;
  top: 59px;
  width: 5px;
}

.frame-14333 .vector-214 {
  height: 81px;
  left: 142px;
  position: absolute;
  top: 31px;
  width: 2px;
}

.frame-14333 .vector-215 {
  height: 5px;
  left: 140px;
  position: absolute;
  top: 56px;
  width: 6px;
}

.frame-14333 .vector-216 {
  height: 4px;
  left: 142px;
  position: absolute;
  top: 57px;
  width: 2px;
}

.frame-14333 .vector-217 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 57px;
  width: 1px;
}

.frame-14333 .vector-218 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 58px;
  width: 2px;
}

.frame-14333 .vector-219 {
  height: 2px;
  left: 142px;
  position: absolute;
  top: 59px;
  width: 4px;
}

.frame-14333 .vector-220 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 61px;
  width: 1px;
}

.frame-14333 .clip-path-group-10 {
  height: 27px;
  left: 143px;
  position: absolute;
  top: 28px;
  width: 38px;
}

.frame-14333 .vector-221 {
  height: 10px;
  left: 157px;
  position: absolute;
  top: 37px;
  width: 12px;
}

.frame-14333 .vector-222 {
  height: 19px;
  left: 143px;
  position: absolute;
  top: 31px;
  width: 1px;
}

.frame-14333 .vector-223 {
  height: 7px;
  left: 109px;
  position: absolute;
  top: 89px;
  width: 6px;
}

.frame-14333 .vector-224 {
  height: 3px;
  left: 110px;
  position: absolute;
  top: 93px;
  width: 1px;
}

.frame-14333 .vector-225 {
  height: 3px;
  left: 109px;
  position: absolute;
  top: 93px;
  width: 2px;
}

.frame-14333 .vector-226 {
  height: 4px;
  left: 119px;
  position: absolute;
  top: 115px;
  width: 8px;
}

.frame-14333 .vector-227 {
  height: 4px;
  left: 119px;
  position: absolute;
  top: 117px;
  width: 8px;
}

.frame-14333 .vector-228 {
  height: 5px;
  left: 133px;
  position: absolute;
  top: 108px;
  width: 8px;
}

.frame-14333 .vector-229 {
  height: 4px;
  left: 133px;
  position: absolute;
  top: 110px;
  width: 8px;
}

.frame-14333 .vector-230 {
  height: 27px;
  left: 118px;
  position: absolute;
  top: 89px;
  width: 19px;
}

.frame-14333 .vector-231 {
  height: 34px;
  left: 111px;
  position: absolute;
  top: 61px;
  width: 31px;
}

.frame-14333 .vector-232 {
  height: 6px;
  left: 126px;
  position: absolute;
  top: 75px;
  width: 4px;
}

.frame-14333 .vector-233 {
  height: 4px;
  left: 127px;
  position: absolute;
  top: 94px;
  width: 2px;
}

.frame-14333 .vector-234 {
  height: 4px;
  left: 133px;
  position: absolute;
  top: 106px;
  width: 1px;
}

.frame-14333 .vector-235 {
  height: 3px;
  left: 134px;
  position: absolute;
  top: 107px;
  width: 1px;
}

.frame-14333 .vector-236 {
  height: 1px;
  left: 135px;
  position: absolute;
  top: 67px;
  width: 1px;
}

.frame-14333 .vector-237 {
  height: 7px;
  left: 127px;
  position: absolute;
  top: 69px;
  width: 5px;
}

.frame-14333 .vector-238 {
  height: 5px;
  left: 122px;
  position: absolute;
  top: 72px;
  width: 1px;
}

.frame-14333 .vector-239 {
  height: 2px;
  left: 121px;
  position: absolute;
  top: 80px;
  width: 1px;
}

.frame-14333 .vector-240 {
  height: 5px;
  left: 119px;
  position: absolute;
  top: 111px;
  width: 5px;
}

.frame-14333 .vector-241 {
  height: 2px;
  left: 133px;
  position: absolute;
  top: 108px;
  width: 4px;
}

.frame-14333 .vector-242 {
  height: 3px;
  left: 132px;
  position: absolute;
  top: 98px;
  width: 1px;
}

.frame-14333 .vector-243 {
  height: 2px;
  left: 127px;
  position: absolute;
  top: 88px;
  width: 5px;
}

.frame-14333 .vector-244 {
  height: 1px;
  left: 127px;
  position: absolute;
  top: 88px;
  width: 5px;
}

.frame-14333 .vector-245 {
  height: 15px;
  left: 116px;
  position: absolute;
  top: 51px;
  width: 17px;
}

.frame-14333 .vector-246 {
  height: 4px;
  left: 124px;
  position: absolute;
  top: 68px;
  width: 3px;
}

.frame-14333 .vector-247 {
  height: 13px;
  left: 118px;
  position: absolute;
  top: 57px;
  width: 13px;
}

.frame-14333 .vector-248 {
  height: 3px;
  left: 123px;
  position: absolute;
  top: 61px;
  width: 2px;
}

.frame-14333 .vector-249 {
  height: 2px;
  left: 128px;
  position: absolute;
  top: 61px;
  width: 2px;
}

.frame-14333 .vector-250 {
  height: 2px;
  left: 125px;
  position: absolute;
  top: 66px;
  width: 3px;
}

.frame-14333 .vector-251 {
  height: 1px;
  left: 124px;
  position: absolute;
  top: 69px;
  width: 3px;
}

.frame-14333 .vector-252 {
  height: 1px;
  left: 126px;
  position: absolute;
  top: 64px;
  width: 2px;
}

.frame-14333 .vector-253 {
  height: 1px;
  left: 122px;
  position: absolute;
  top: 61px;
  width: 4px;
}

.frame-14333 .vector-254 {
  height: 1px;
  left: 122px;
  position: absolute;
  top: 60px;
  width: 4px;
}

.frame-14333 .vector-255 {
  height: 1px;
  left: 127px;
  position: absolute;
  top: 61px;
  width: 4px;
}

.frame-14333 .vector-256 {
  height: 2px;
  left: 127px;
  position: absolute;
  top: 59px;
  width: 4px;
}

.frame-14333 .vector-257 {
  height: 3px;
  left: 118px;
  position: absolute;
  top: 56px;
  width: 9px;
}

.frame-14333 .vector-258 {
  height: 2px;
  left: 126px;
  position: absolute;
  top: 57px;
  width: 4px;
}

.frame-14333 .vector-259 {
  height: 1px;
  left: 128px;
  position: absolute;
  top: 53px;
  width: 1px;
}

.frame-14333 .vector-260 {
  height: 4px;
  left: 119px;
  position: absolute;
  top: 52px;
  width: 3px;
}

.frame-14333 .vector-261 {
  height: 5px;
  left: 119px;
  position: absolute;
  top: 56px;
  width: 2px;
}

.frame-14333 .vector-262 {
  height: 4px;
  left: 121px;
  position: absolute;
  top: 61px;
  width: 1px;
}

.frame-14333 .clip-path-group-11 {
  height: 58px;
  left: 96px;
  position: absolute;
  top: 110px;
  width: 74px;
}

.frame-14333 .vector-263 {
  height: 15px;
  left: 105px;
  position: absolute;
  top: 149px;
  width: 15px;
}

.frame-14333 .vector-264 {
  height: 37px;
  left: 120px;
  position: absolute;
  top: 117px;
  width: 20px;
}

.frame-14333 .clip-path-group-12 {
  height: 45px;
  left: 137px;
  position: absolute;
  top: 124px;
  width: 34px;
}

.frame-14333 .vector-265 {
  height: 5px;
  left: 128px;
  position: absolute;
  top: 142px;
  width: 2px;
}

.frame-14333 .vector-266 {
  height: 7px;
  left: 144px;
  position: absolute;
  top: 132px;
  width: 3px;
}

.frame-14333 .vector-267 {
  height: 4px;
  left: 139px;
  position: absolute;
  top: 117px;
  width: 2px;
}

.frame-14333 .vector-268 {
  height: 25px;
  left: 39px;
  position: absolute;
  top: 27px;
  width: 41px;
}

.frame-14333 .vector-269 {
  height: 10px;
  left: 60px;
  position: absolute;
  top: 35px;
  width: 8px;
}

.frame-14333 .vector-270 {
  height: 10px;
  left: 52px;
  position: absolute;
  top: 105px;
  width: 5px;
}

.frame-14333 .vector-271 {
  height: 6px;
  left: 53px;
  position: absolute;
  top: 109px;
  width: 4px;
}

.frame-14333 .vector-272 {
  height: 4px;
  left: 49px;
  position: absolute;
  top: 113px;
  width: 7px;
}

.frame-14333 .vector-273 {
  height: 2px;
  left: 49px;
  position: absolute;
  top: 116px;
  width: 8px;
}

.frame-14333 .vector-274 {
  height: 15px;
  left: 40px;
  position: absolute;
  top: 92px;
  width: 18px;
}

.frame-14333 .vector-275 {
  height: 15px;
  left: 46px;
  position: absolute;
  top: 93px;
  width: 4px;
}

.frame-14333 .vector-276 {
  height: 1px;
  left: 51px;
  position: absolute;
  top: 106px;
  width: 6px;
}

.frame-14333 .vector-277 {
  height: 2px;
  left: 40px;
  position: absolute;
  top: 104px;
  width: 7px;
}

.frame-14333 .vector-278 {
  height: 34px;
  left: 43px;
  position: absolute;
  top: 52px;
  width: 23px;
}

.frame-14333 .vector-279 {
  height: 25px;
  left: 36px;
  position: absolute;
  top: 68px;
  width: 21px;
}

.frame-14333 .vector-280 {
  height: 9px;
  left: 37px;
  position: absolute;
  top: 71px;
  width: 17px;
}

.frame-14333 .vector-281 {
  height: 3px;
  left: 44px;
  position: absolute;
  top: 71px;
  width: 2px;
}

.frame-14333 .vector-282 {
  height: 5px;
  left: 52px;
  position: absolute;
  top: 83px;
  width: 2px;
}

.frame-14333 .vector-283 {
  height: 3px;
  left: 56px;
  position: absolute;
  top: 54px;
  width: 4px;
}

.frame-14333 .vector-284 {
  height: 28px;
  left: 59px;
  position: absolute;
  top: 55px;
  width: 6px;
}

.frame-14333 .vector-285 {
  height: 8px;
  left: 59px;
  position: absolute;
  top: 56px;
  width: 1px;
}

.frame-14333 .vector-286 {
  height: 7px;
  left: 54px;
  position: absolute;
  top: 71px;
  width: 3px;
}

.frame-14333 .vector-287 {
  height: 3px;
  left: 49px;
  position: absolute;
  top: 68px;
  width: 5px;
}

.frame-14333 .vector-288 {
  height: 13px;
  left: 49px;
  position: absolute;
  top: 57px;
  width: 12px;
}

.frame-14333 .vector-289 {
  height: 2px;
  left: 51px;
  position: absolute;
  top: 64px;
  width: 3px;
}

.frame-14333 .vector-290 {
  height: 1px;
  left: 51px;
  position: absolute;
  top: 69px;
  width: 3px;
}

.frame-14333 .vector-291 {
  height: 1px;
  left: 52px;
  position: absolute;
  top: 63px;
  width: 2px;
}

.frame-14333 .vector-292 {
  height: 1px;
  left: 55px;
  position: absolute;
  top: 63px;
  width: 4px;
}

.frame-14333 .vector-293 {
  height: 2px;
  left: 56px;
  position: absolute;
  top: 61px;
  width: 4px;
}

.frame-14333 .vector-294 {
  height: 3px;
  left: 52px;
  position: absolute;
  top: 58px;
  width: 2px;
}

.frame-14333 .vector-295 {
  height: 3px;
  left: 52px;
  position: absolute;
  top: 57px;
  width: 3px;
}

.frame-14333 .clip-path-group-13 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 111px;
  width: 90px;
}

.frame-14333 .vector-296 {
  height: 43px;
  left: 52px;
  position: absolute;
  top: 120px;
  width: 29px;
}

.frame-14333 .vector-297 {
  height: 17px;
  left: 49px;
  position: absolute;
  top: 121px;
  width: 10px;
}

.frame-14333 .vector-298 {
  height: 2px;
  left: 59px;
  position: absolute;
  top: 125px;
  width: 4px;
}

.frame-14333 .overlap-group5-1 {
  height: 172px;
  margin-right: 36.7px;
  margin-top: 50px;
  position: relative;
  width: 357px;
}

.frame-14333 .unsplashfo3-xo4-j-qtlo-4 {
  height: 169px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 357px;
}

.frame-14333 .crown-the-champion-2 {
  left: 150px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
  width: 164px;
}

.frame-14333 .event-creators-becom-2 {
  left: 134px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 55px;
  width: 196px;
}

.frame-14333 .group-27-1 {
  height: 172px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 129px;
}

.frame-14333 .group-container-5 {
  margin-left: 22.32px;
  min-width: 173px;
}

.frame-14333 .group-38 {
  height: 9px;
  margin-bottom: 3.05px;
  width: 6px;
}

.frame-14333 .group-39 {
  height: 9px;
  margin-bottom: 3.05px;
  margin-left: 3px;
  width: 6px;
}

.frame-14333 .group-36 {
  height: 9px;
  margin-bottom: 3.05px;
  margin-left: 1px;
  width: 2px;
}

.frame-14333 .group-40 {
  height: 7px;
  margin-bottom: 3.05px;
  margin-left: 1px;
  width: 8px;
}

.frame-14333 .group-41 {
  height: 9px;
  margin-bottom: 3.05px;
  margin-left: 4px;
  width: 6px;
}

.frame-14333 .group-42 {
  height: 8px;
  margin-bottom: 3.05px;
  margin-left: 2px;
  width: 5px;
}

.frame-14333 .group-43 {
  height: 9px;
  margin-bottom: 1.93px;
  margin-left: 1px;
  width: 5px;
}

.frame-14333 .group-44 {
  height: 9px;
  margin-bottom: 2.98px;
  margin-left: 1px;
  width: 5px;
}

.frame-14333 .group-45 {
  height: 8px;
  margin-bottom: 2.96px;
  margin-left: 2px;
  width: 5px;
}

.frame-14333 .group-37 {
  height: 8px;
  margin-bottom: 3.05px;
  margin-left: 2px;
  width: 9px;
}

.frame-14333 .group-46 {
  height: 8px;
  margin-bottom: 2.96px;
  margin-left: 4px;
  width: 5px;
}

.frame-14333 .group-47 {
  height: 8px;
  margin-bottom: 2.96px;
  margin-left: 1px;
  width: 5px;
}

.frame-14333 .group-48 {
  height: 9px;
  margin-bottom: 1.64px;
  margin-left: 2px;
  width: 5px;
}

.frame-14333 .group-container-6 {
  background-image: url(../img/clip-path-group-12@2x.png);
  background-size: 100% 100%;
  height: 38px;
  margin-left: 1px;
  min-width: 59px;
  padding: 1.7px 0.5px;
}

.frame-14333 .group-49 {
  height: 8px;
  margin-bottom: 1.25px;
  width: 5px;
}

.frame-14333 .group-50 {
  height: 8px;
  margin-bottom: 1.32px;
  margin-left: 2px;
  width: 5px;
}

.frame-14333 .group-51 {
  height: 9px;
  margin-left: 1px;
  width: 6px;
}

.frame-14333 .download-component {
  align-items: center;
  border: 1px solid;
  border-color: var(--dark);
  border-radius: 9px;
  display: flex;
  gap: 25px;
  left: 0;
  padding: 25px 35px;
  position: absolute;
  top: 0;
}

.frame-14333 .group-container {
  align-items: flex-end;
  display: flex;
}

.frame-14333 .icon-dark {
  flex: 0 0 auto;
  position: relative;
}
/* screen - frame-14334 */

.frame-14334 {
  align-items: flex-start;
  background-color: var(--pearl-bush);
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 1471px;
  overflow: hidden;
  width: 396px;
}

.frame-14334 .overlap-group7 {
  height: 664px;
  position: relative;
  width: 448px;
}

.frame-14334 .overlap-group3 {
  height: 664px;
  left: 0;
  position: absolute;
  top: 0;
  width: 448px;
}

.frame-14334 .shape-bg {
  height: 494px;
  left: 179px;
  position: absolute;
  top: 0;
  width: 243px;
}

.frame-14334 .discover-snap-quest-1 {
  left: 57px;
  letter-spacing: 0;
  line-height: 68px;
  position: absolute;
  top: 76px;
}

.frame-14334 .x1-4-1 {
  height: 217px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 387px;
  width: 224px;
}

.frame-14334 .x1-5-1 {
  height: 217px;
  left: 224px;
  object-fit: cover;
  position: absolute;
  top: 387px;
  width: 224px;
}

.frame-14334 .x1-6-1 {
  height: 337px;
  left: 61px;
  object-fit: cover;
  position: absolute;
  top: 327px;
  width: 324px;
}

.frame-14334 .overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  margin-left: 0;
  margin-top: 51px;
  min-width: 280px;
}

.frame-14334 .overlap-group-4 {
  border-radius: 9px;
  height: 40px;
  position: relative;
  width: 133px;
}

.frame-14334 .download-component-2 {
  height: 40px;
  width: 133px;
}

.frame-14334 .icon-dark-1 {
  margin-bottom: -50.26px;
  margin-right: -12.01px;
  margin-top: -50.26px;
}

.frame-14334 .group-7-1 {
  height: 26px;
  left: 8px;
  position: absolute;
  top: 6px;
  width: 116px;
}

.frame-14334 .group-2-2 {
  height: 27px;
  left: 8px;
  position: absolute;
  top: 6px;
  width: 116px;
}

.frame-14334 .overlap-group6 {
  height: 42px;
  position: relative;
  width: 133px;
}

.frame-14334 .download-component-3 {
  height: 42px;
  width: 129px;
}

.frame-14334 .icon-dark-2 {
  margin-bottom: -49.50px;
  margin-right: -16.01px;
  margin-top: -49.50px;
}

.frame-14334 .group-2-1 {
  height: 23px;
  left: 11px;
  position: absolute;
  top: 11px;
  width: 22px;
}

.frame-14334 .play-store-1 {
  left: 34px;
  letter-spacing: -1.40px;
  line-height: normal;
  position: absolute;
  top: 12px;
  white-space: nowrap;
  width: 99px;
}

.frame-14334 .download-on-the-1 {
  height: 7px;
  left: 36px;
  position: absolute;
  top: 8px;
  width: 79px;
}

.frame-14334 .overlap-group5 {
  align-items: flex-start;
  background-image: url(../img/unsplash-fo3xo4jqtlo-2.svg);
  background-size: 100% 100%;
  display: flex;
  height: 162px;
  margin-left: 0;
  margin-top: 34px;
  min-width: 364px;
  padding: 11px 12px;
}

.frame-14334 .group-10-1 {
  height: 133px;
  width: 130px;
}

.frame-14334 .explore-your-world-1 {
  letter-spacing: 0;
  line-height: 36px;
  margin-right: 4.0px;
  min-height: 30px;
  white-space: nowrap;
  width: 144px;
}

.frame-14334 .turn-your-world-into-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 76px;
  text-align: center;
  width: 196px;
}

.frame-14334 .overlap-group1-3 {
  height: 169px;
  margin-right: 20.0px;
  margin-top: 61px;
  position: relative;
  width: 376px;
}

.frame-14334 .embark-on-thrilling-1 {
  left: 176px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 54px;
  width: 181px;
}

.frame-14334 .snap-and-conquer-1 {
  left: 199px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 21px;
  white-space: nowrap;
  width: 166px;
}

.frame-14334 .vector-127 {
  height: 3px;
  left: 140px;
  position: absolute;
  top: 59px;
  width: 5px;
}

.frame-14334 .vector-128 {
  height: 81px;
  left: 142px;
  position: absolute;
  top: 31px;
  width: 2px;
}

.frame-14334 .vector-129 {
  height: 5px;
  left: 140px;
  position: absolute;
  top: 56px;
  width: 6px;
}

.frame-14334 .vector-130 {
  height: 4px;
  left: 142px;
  position: absolute;
  top: 57px;
  width: 2px;
}

.frame-14334 .vector-131 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 57px;
  width: 1px;
}

.frame-14334 .vector-132 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 58px;
  width: 2px;
}

.frame-14334 .vector-133 {
  height: 2px;
  left: 142px;
  position: absolute;
  top: 59px;
  width: 4px;
}

.frame-14334 .vector-134 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 61px;
  width: 1px;
}

.frame-14334 .clip-path-group-6 {
  height: 27px;
  left: 143px;
  position: absolute;
  top: 28px;
  width: 38px;
}

.frame-14334 .vector-135 {
  height: 10px;
  left: 157px;
  position: absolute;
  top: 37px;
  width: 12px;
}

.frame-14334 .vector-136 {
  height: 19px;
  left: 143px;
  position: absolute;
  top: 31px;
  width: 1px;
}

.frame-14334 .vector-137 {
  height: 7px;
  left: 109px;
  position: absolute;
  top: 89px;
  width: 6px;
}

.frame-14334 .vector-138 {
  height: 3px;
  left: 110px;
  position: absolute;
  top: 93px;
  width: 1px;
}

.frame-14334 .vector-139 {
  height: 3px;
  left: 109px;
  position: absolute;
  top: 93px;
  width: 2px;
}

.frame-14334 .vector-140 {
  height: 4px;
  left: 119px;
  position: absolute;
  top: 115px;
  width: 8px;
}

.frame-14334 .vector-141 {
  height: 4px;
  left: 119px;
  position: absolute;
  top: 117px;
  width: 8px;
}

.frame-14334 .vector-142 {
  height: 5px;
  left: 133px;
  position: absolute;
  top: 108px;
  width: 8px;
}

.frame-14334 .vector-143 {
  height: 4px;
  left: 133px;
  position: absolute;
  top: 110px;
  width: 8px;
}

.frame-14334 .vector-144 {
  height: 27px;
  left: 118px;
  position: absolute;
  top: 89px;
  width: 19px;
}

.frame-14334 .vector-145 {
  height: 34px;
  left: 111px;
  position: absolute;
  top: 61px;
  width: 31px;
}

.frame-14334 .vector-146 {
  height: 6px;
  left: 126px;
  position: absolute;
  top: 75px;
  width: 4px;
}

.frame-14334 .vector-147 {
  height: 4px;
  left: 127px;
  position: absolute;
  top: 94px;
  width: 2px;
}

.frame-14334 .vector-148 {
  height: 4px;
  left: 133px;
  position: absolute;
  top: 106px;
  width: 1px;
}

.frame-14334 .vector-149 {
  height: 3px;
  left: 134px;
  position: absolute;
  top: 107px;
  width: 1px;
}

.frame-14334 .vector-150 {
  height: 1px;
  left: 135px;
  position: absolute;
  top: 67px;
  width: 1px;
}

.frame-14334 .vector-151 {
  height: 7px;
  left: 127px;
  position: absolute;
  top: 69px;
  width: 5px;
}

.frame-14334 .vector-152 {
  height: 5px;
  left: 122px;
  position: absolute;
  top: 72px;
  width: 1px;
}

.frame-14334 .vector-153 {
  height: 2px;
  left: 121px;
  position: absolute;
  top: 80px;
  width: 1px;
}

.frame-14334 .vector-154 {
  height: 5px;
  left: 119px;
  position: absolute;
  top: 111px;
  width: 5px;
}

.frame-14334 .vector-155 {
  height: 2px;
  left: 133px;
  position: absolute;
  top: 108px;
  width: 4px;
}

.frame-14334 .vector-156 {
  height: 3px;
  left: 132px;
  position: absolute;
  top: 98px;
  width: 1px;
}

.frame-14334 .vector-157 {
  height: 2px;
  left: 127px;
  position: absolute;
  top: 88px;
  width: 5px;
}

.frame-14334 .vector-158 {
  height: 1px;
  left: 127px;
  position: absolute;
  top: 88px;
  width: 5px;
}

.frame-14334 .vector-159 {
  height: 15px;
  left: 116px;
  position: absolute;
  top: 51px;
  width: 17px;
}

.frame-14334 .vector-160 {
  height: 4px;
  left: 124px;
  position: absolute;
  top: 68px;
  width: 3px;
}

.frame-14334 .vector-161 {
  height: 13px;
  left: 118px;
  position: absolute;
  top: 57px;
  width: 13px;
}

.frame-14334 .vector-162 {
  height: 3px;
  left: 123px;
  position: absolute;
  top: 61px;
  width: 2px;
}

.frame-14334 .vector-163 {
  height: 2px;
  left: 128px;
  position: absolute;
  top: 61px;
  width: 2px;
}

.frame-14334 .vector-164 {
  height: 2px;
  left: 125px;
  position: absolute;
  top: 66px;
  width: 3px;
}

.frame-14334 .vector-165 {
  height: 1px;
  left: 124px;
  position: absolute;
  top: 69px;
  width: 3px;
}

.frame-14334 .vector-166 {
  height: 1px;
  left: 126px;
  position: absolute;
  top: 64px;
  width: 2px;
}

.frame-14334 .vector-167 {
  height: 1px;
  left: 122px;
  position: absolute;
  top: 61px;
  width: 4px;
}

.frame-14334 .vector-168 {
  height: 1px;
  left: 122px;
  position: absolute;
  top: 60px;
  width: 4px;
}

.frame-14334 .vector-169 {
  height: 1px;
  left: 127px;
  position: absolute;
  top: 61px;
  width: 4px;
}

.frame-14334 .vector-170 {
  height: 2px;
  left: 127px;
  position: absolute;
  top: 59px;
  width: 4px;
}

.frame-14334 .vector-171 {
  height: 3px;
  left: 118px;
  position: absolute;
  top: 56px;
  width: 9px;
}

.frame-14334 .vector-172 {
  height: 2px;
  left: 126px;
  position: absolute;
  top: 57px;
  width: 4px;
}

.frame-14334 .vector-173 {
  height: 1px;
  left: 128px;
  position: absolute;
  top: 53px;
  width: 1px;
}

.frame-14334 .vector-174 {
  height: 4px;
  left: 119px;
  position: absolute;
  top: 52px;
  width: 3px;
}

.frame-14334 .vector-175 {
  height: 5px;
  left: 119px;
  position: absolute;
  top: 56px;
  width: 2px;
}

.frame-14334 .vector-176 {
  height: 4px;
  left: 121px;
  position: absolute;
  top: 61px;
  width: 1px;
}

.frame-14334 .clip-path-group-7 {
  height: 58px;
  left: 96px;
  position: absolute;
  top: 110px;
  width: 74px;
}

.frame-14334 .vector-177 {
  height: 15px;
  left: 105px;
  position: absolute;
  top: 149px;
  width: 15px;
}

.frame-14334 .vector-178 {
  height: 37px;
  left: 120px;
  position: absolute;
  top: 117px;
  width: 20px;
}

.frame-14334 .clip-path-group-8 {
  height: 45px;
  left: 137px;
  position: absolute;
  top: 124px;
  width: 34px;
}

.frame-14334 .vector-179 {
  height: 5px;
  left: 128px;
  position: absolute;
  top: 142px;
  width: 2px;
}

.frame-14334 .vector-180 {
  height: 7px;
  left: 144px;
  position: absolute;
  top: 132px;
  width: 3px;
}

.frame-14334 .vector-181 {
  height: 4px;
  left: 139px;
  position: absolute;
  top: 117px;
  width: 2px;
}

.frame-14334 .vector-182 {
  height: 25px;
  left: 39px;
  position: absolute;
  top: 27px;
  width: 41px;
}

.frame-14334 .vector-183 {
  height: 10px;
  left: 60px;
  position: absolute;
  top: 35px;
  width: 8px;
}

.frame-14334 .vector-184 {
  height: 10px;
  left: 52px;
  position: absolute;
  top: 105px;
  width: 5px;
}

.frame-14334 .vector-185 {
  height: 6px;
  left: 53px;
  position: absolute;
  top: 109px;
  width: 4px;
}

.frame-14334 .vector-186 {
  height: 4px;
  left: 49px;
  position: absolute;
  top: 113px;
  width: 7px;
}

.frame-14334 .vector-187 {
  height: 2px;
  left: 49px;
  position: absolute;
  top: 116px;
  width: 8px;
}

.frame-14334 .vector-188 {
  height: 15px;
  left: 40px;
  position: absolute;
  top: 92px;
  width: 18px;
}

.frame-14334 .vector-189 {
  height: 15px;
  left: 46px;
  position: absolute;
  top: 93px;
  width: 4px;
}

.frame-14334 .vector-190 {
  height: 1px;
  left: 51px;
  position: absolute;
  top: 106px;
  width: 6px;
}

.frame-14334 .vector-191 {
  height: 2px;
  left: 40px;
  position: absolute;
  top: 104px;
  width: 7px;
}

.frame-14334 .vector-192 {
  height: 34px;
  left: 43px;
  position: absolute;
  top: 52px;
  width: 23px;
}

.frame-14334 .vector-193 {
  height: 25px;
  left: 36px;
  position: absolute;
  top: 68px;
  width: 21px;
}

.frame-14334 .vector-194 {
  height: 9px;
  left: 37px;
  position: absolute;
  top: 71px;
  width: 17px;
}

.frame-14334 .vector-195 {
  height: 3px;
  left: 44px;
  position: absolute;
  top: 71px;
  width: 2px;
}

.frame-14334 .vector-196 {
  height: 5px;
  left: 52px;
  position: absolute;
  top: 83px;
  width: 2px;
}

.frame-14334 .vector-197 {
  height: 3px;
  left: 56px;
  position: absolute;
  top: 54px;
  width: 4px;
}

.frame-14334 .vector-198 {
  height: 28px;
  left: 59px;
  position: absolute;
  top: 55px;
  width: 6px;
}

.frame-14334 .vector-199 {
  height: 8px;
  left: 59px;
  position: absolute;
  top: 56px;
  width: 1px;
}

.frame-14334 .vector-200 {
  height: 7px;
  left: 54px;
  position: absolute;
  top: 71px;
  width: 3px;
}

.frame-14334 .vector-201 {
  height: 3px;
  left: 49px;
  position: absolute;
  top: 68px;
  width: 5px;
}

.frame-14334 .vector-202 {
  height: 13px;
  left: 49px;
  position: absolute;
  top: 57px;
  width: 12px;
}

.frame-14334 .vector-203 {
  height: 2px;
  left: 51px;
  position: absolute;
  top: 64px;
  width: 3px;
}

.frame-14334 .vector-204 {
  height: 1px;
  left: 51px;
  position: absolute;
  top: 69px;
  width: 3px;
}

.frame-14334 .vector-205 {
  height: 1px;
  left: 52px;
  position: absolute;
  top: 63px;
  width: 2px;
}

.frame-14334 .vector-206 {
  height: 1px;
  left: 55px;
  position: absolute;
  top: 63px;
  width: 4px;
}

.frame-14334 .vector-207 {
  height: 2px;
  left: 56px;
  position: absolute;
  top: 61px;
  width: 4px;
}

.frame-14334 .vector-208 {
  height: 3px;
  left: 52px;
  position: absolute;
  top: 58px;
  width: 2px;
}

.frame-14334 .vector-209 {
  height: 3px;
  left: 52px;
  position: absolute;
  top: 57px;
  width: 3px;
}

.frame-14334 .clip-path-group-9 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 111px;
  width: 90px;
}

.frame-14334 .vector-210 {
  height: 43px;
  left: 52px;
  position: absolute;
  top: 120px;
  width: 29px;
}

.frame-14334 .vector-211 {
  height: 17px;
  left: 49px;
  position: absolute;
  top: 121px;
  width: 10px;
}

.frame-14334 .vector-212 {
  height: 2px;
  left: 59px;
  position: absolute;
  top: 125px;
  width: 4px;
}

.frame-14334 .overlap-group2-1 {
  height: 172px;
  margin-left: 1.0px;
  margin-top: 50px;
  position: relative;
  width: 357px;
}

.frame-14334 .crown-the-champion-1 {
  left: 150px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
  width: 164px;
}

.frame-14334 .event-creators-becom-1 {
  left: 134px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 55px;
  width: 196px;
}

.frame-14334 .group-container-3 {
  margin-left: 17px;
  min-width: 132px;
}

.frame-14334 .group-25 {
  height: 9px;
  margin-bottom: 3.05px;
  width: 5px;
}

.frame-14334 .group-19 {
  height: 9px;
  margin-bottom: 3.05px;
  margin-left: 3px;
  width: 4px;
}

.frame-14334 .group-20 {
  height: 9px;
  margin-bottom: 3.05px;
  margin-left: 1px;
  width: 1px;
}

.frame-14334 .group-26 {
  height: 7px;
  margin-bottom: 3.05px;
  margin-left: 1px;
  width: 6px;
}

.frame-14334 .group-28 {
  height: 8px;
  margin-bottom: 3.05px;
  margin-left: 1px;
  width: 4px;
}

.frame-14334 .group-29 {
  height: 9px;
  margin-bottom: 1.93px;
  margin-left: 1px;
  width: 4px;
}

.frame-14334 .group-30 {
  height: 9px;
  margin-bottom: 2.98px;
  margin-left: 1px;
  width: 4px;
}

.frame-14334 .group-23 {
  height: 8px;
  margin-bottom: 2.96px;
  margin-left: 1px;
  width: 4px;
}

.frame-14334 .group-24 {
  height: 8px;
  margin-bottom: 3.05px;
  margin-left: 1px;
  width: 7px;
}

.frame-14334 .group-31 {
  height: 8px;
  margin-bottom: 2.96px;
  margin-left: 3px;
  width: 4px;
}

.frame-14334 .group-32 {
  height: 9px;
  margin-bottom: 1.64px;
  margin-left: 1px;
  width: 4px;
}

.frame-14334 .group-container-4 {
  background-image: url(../img/clip-path-group-11@2x.png);
  background-size: 100% 100%;
  gap: 1px;
  height: 38px;
  margin-left: 1px;
  min-width: 45px;
  padding: 1.7px 0.4px;
}

.frame-14334 .group-33 {
  height: 8px;
  margin-bottom: 1.25px;
  width: 4px;
}

.frame-14334 .group-34 {
  height: 8px;
  margin-bottom: 1.32px;
  width: 4px;
}

.frame-14334 .group-35 {
  height: 9px;
  width: 4px;
}

.frame-14334 .download-component {
  align-items: center;
  border: 1px solid;
  border-color: var(--dark);
  border-radius: 9px;
  display: flex;
  gap: 25px;
  left: 0;
  padding: 25px 35px;
  position: absolute;
  top: 0;
}

.frame-14334 .group-container {
  align-items: flex-end;
  display: flex;
}

.frame-14334 .icon-dark {
  flex: 0 0 auto;
  position: relative;
}
/* screen - x8-all-breakpoints */

.x8-all-breakpoints {
  align-items: flex-start;
  background-color: var(--pearl-bush);
  display: flex;
  flex-direction: column;
  gap: 37px;
  height: 1070px;
  overflow: hidden;
  width: 1440px;
}

.x8-all-breakpoints .group-container {
  align-self: flex-end;
  height: 1346px;
  margin-right: -377px;
  margin-top: -396px;
  position: relative;
  width: 1788px;
}

.x8-all-breakpoints .overlap-group2 {
  height: 1346px;
  left: 36px;
  position: absolute;
  top: 0;
  width: 1752px;
}

.x8-all-breakpoints .your-next-adventure {
  color: var(--shark);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 32px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 930px;
  width: 561px;
}

.x8-all-breakpoints .download-component-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--dark);
  border-radius: 9px;
  display: flex;
  gap: 25px;
  height: 56px;
  left: 282px;
  padding: 25px 35px;
  position: absolute;
  top: 1010px;
  width: 159px;
}

.x8-all-breakpoints .icon-dark {
  flex: 0 0 auto;
  margin-bottom: -42.50px;
  margin-top: -42.50px;
  position: relative;
}

.x8-all-breakpoints .group {
  height: 29px;
  left: 292px;
  position: absolute;
  top: 1024px;
  width: 24px;
}

.x8-all-breakpoints .play-store {
  color: var(--dark);
  font-family: var(--font-family-rubik);
  font-size: 23px;
  font-weight: 500;
  left: 319px;
  letter-spacing: -1.61px;
  line-height: normal;
  position: absolute;
  top: 1030px;
  width: 109px;
}

.x8-all-breakpoints .overlap-group {
  border-radius: 9px;
  height: 56px;
  left: 110px;
  position: absolute;
  top: 1010px;
  width: 159px;
}

.x8-all-breakpoints .download-component {
  align-items: center;
  border: 1px solid;
  border-color: var(--dark);
  border-radius: 9px;
  display: flex;
  gap: 25px;
  height: 56px;
  left: 0;
  padding: 25px 35px;
  position: absolute;
  top: 0;
  width: 159px;
}

.x8-all-breakpoints .group-1 {
  height: 37px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 139px;
}

.x8-all-breakpoints .download-on-the {
  height: 8px;
  left: 320px;
  position: absolute;
  top: 1021px;
  width: 87px;
}

.x8-all-breakpoints .group-22 {
  height: 1294px;
  left: 30px;
  position: absolute;
  top: 0;
  width: 1589px;
}

.x8-all-breakpoints .discover-snap-quest {
  display: block;
  height: 352px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 507px;
  width: 470px;
}

.x8-all-breakpoints .discover-snap-quest.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.x8-all-breakpoints .overlap-group1 {
  align-items: flex-start;
  background-image: url(../img/hero-image-area.png);
  background-size: 100% 100%;
  display: flex;
  height: 897px;
  justify-content: flex-end;
  left: 412px;
  min-width: 933px;
  padding: 70.0px 25px;
  position: absolute;
  top: 396px;
}

.x8-all-breakpoints .group-21 {
  height: 550px;
  opacity: 0;
  width: 717px;
}

.x8-all-breakpoints .group-21.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.x8-all-breakpoints .overlap-group-1 {
  height: 550px;
  position: relative;
}

.x8-all-breakpoints .x1-4 {
  height: 355px;
  left: 0;
  top: 98px;
  width: 358px;
}

.x8-all-breakpoints .x1-5 {
  height: 355px;
  left: 358px;
  top: 98px;
  width: 359px;
}

.x8-all-breakpoints .x1-6 {
  height: 550px;
  left: 98px;
  top: 0;
  width: 518px;
}

.x8-all-breakpoints .card {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  gap: 16px;
  left: 0;
  position: absolute;
  top: 1131px;
  transition: all 0.2s ease;
}

.x8-all-breakpoints .card:hover {
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
}

.x8-all-breakpoints .frame-14327 {
  flex: 0 0 auto;
  position: relative;
}

.x8-all-breakpoints .frame-143 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.x8-all-breakpoints .frame-14324 {
  background-image: url(../img/unsplash-fo3xo4jqtlo.svg);
  background-size: 100% 100%;
  height: 215px;
  position: relative;
  width: 426px;
}

.x8-all-breakpoints .overlap-group-2 {
  height: 191px;
  left: 83px;
  position: absolute;
  top: 24px;
  width: 312px;
}

.x8-all-breakpoints .snap-and-conquer {
  color: var(--shark);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-weight: 600;
  left: 110px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 198px;
}

.x8-all-breakpoints .vector {
  height: 4px;
  left: 53px;
  position: absolute;
  top: 65px;
  width: 6px;
}

.x8-all-breakpoints .vector-1 {
  height: 93px;
  left: 55px;
  position: absolute;
  top: 33px;
  width: 3px;
}

.x8-all-breakpoints .vector-2 {
  height: 6px;
  left: 53px;
  position: absolute;
  top: 62px;
  width: 7px;
}

.x8-all-breakpoints .vector-3 {
  height: 4px;
  left: 55px;
  position: absolute;
  top: 63px;
  width: 3px;
}

.x8-all-breakpoints .vector-4 {
  height: 1px;
  left: 57px;
  position: absolute;
  top: 63px;
  width: 1px;
}

.x8-all-breakpoints .vector-5 {
  height: 1px;
  left: 57px;
  position: absolute;
  top: 64px;
  width: 2px;
}

.x8-all-breakpoints .vector-6 {
  height: 2px;
  left: 56px;
  position: absolute;
  top: 65px;
  width: 4px;
}

.x8-all-breakpoints .vector-7 {
  height: 1px;
  left: 57px;
  position: absolute;
  top: 67px;
  width: 1px;
}

.x8-all-breakpoints .clip-path-group {
  height: 31px;
  left: 56px;
  position: absolute;
  top: 30px;
  width: 45px;
}

.x8-all-breakpoints .vector-8 {
  height: 12px;
  left: 73px;
  position: absolute;
  top: 40px;
  width: 15px;
}

.x8-all-breakpoints .embark-on-thrilling {
  left: 96px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 36px;
  width: 216px;
}

.x8-all-breakpoints .vector-9 {
  height: 9px;
  left: 72px;
  position: absolute;
  top: 37px;
  width: 13px;
}

.x8-all-breakpoints .vector-10 {
  height: 22px;
  left: 57px;
  position: absolute;
  top: 33px;
  width: 1px;
}

.x8-all-breakpoints .vector-11 {
  height: 8px;
  left: 16px;
  position: absolute;
  top: 100px;
  width: 7px;
}

.x8-all-breakpoints .vector-12 {
  height: 4px;
  left: 17px;
  position: absolute;
  top: 104px;
  width: 2px;
}

.x8-all-breakpoints .vector-13 {
  height: 3px;
  left: 16px;
  position: absolute;
  top: 104px;
  width: 2px;
}

.x8-all-breakpoints .vector-14 {
  height: 5px;
  left: 28px;
  position: absolute;
  top: 129px;
  width: 9px;
}

.x8-all-breakpoints .vector-15 {
  height: 4px;
  left: 28px;
  position: absolute;
  top: 132px;
  width: 9px;
}

.x8-all-breakpoints .vector-16 {
  height: 6px;
  left: 45px;
  position: absolute;
  top: 121px;
  width: 9px;
}

.x8-all-breakpoints .vector-17 {
  height: 5px;
  left: 45px;
  position: absolute;
  top: 123px;
  width: 9px;
}

.x8-all-breakpoints .vector-18 {
  height: 30px;
  left: 27px;
  position: absolute;
  top: 100px;
  width: 23px;
}

.x8-all-breakpoints .vector-19 {
  height: 39px;
  left: 18px;
  position: absolute;
  top: 67px;
  width: 38px;
}

.x8-all-breakpoints .vector-20 {
  height: 7px;
  left: 36px;
  position: absolute;
  top: 83px;
  width: 5px;
}

.x8-all-breakpoints .vector-21 {
  height: 5px;
  left: 38px;
  position: absolute;
  top: 105px;
  width: 2px;
}

.x8-all-breakpoints .vector-22 {
  height: 4px;
  left: 45px;
  position: absolute;
  top: 119px;
  width: 1px;
}

.x8-all-breakpoints .vector-23 {
  height: 3px;
  left: 46px;
  position: absolute;
  top: 120px;
  width: 1px;
}

.x8-all-breakpoints .vector-24 {
  height: 2px;
  left: 47px;
  position: absolute;
  top: 74px;
  width: 1px;
}

.x8-all-breakpoints .vector-25 {
  height: 8px;
  left: 38px;
  position: absolute;
  top: 77px;
  width: 6px;
}

.x8-all-breakpoints .vector-26 {
  height: 6px;
  left: 31px;
  position: absolute;
  top: 80px;
  width: 2px;
}

.x8-all-breakpoints .vector-27 {
  height: 3px;
  left: 30px;
  position: absolute;
  top: 89px;
  width: 2px;
}

.x8-all-breakpoints .vector-28 {
  height: 5px;
  left: 28px;
  position: absolute;
  top: 125px;
  width: 6px;
}

.x8-all-breakpoints .vector-29 {
  height: 2px;
  left: 45px;
  position: absolute;
  top: 121px;
  width: 4px;
}

.x8-all-breakpoints .vector-30 {
  height: 3px;
  left: 43px;
  position: absolute;
  top: 110px;
  width: 2px;
}

.x8-all-breakpoints .vector-31 {
  height: 3px;
  left: 37px;
  position: absolute;
  top: 98px;
  width: 6px;
}

.x8-all-breakpoints .vector-32 {
  height: 2px;
  left: 38px;
  position: absolute;
  top: 98px;
  width: 5px;
}

.x8-all-breakpoints .vector-33 {
  height: 17px;
  left: 25px;
  position: absolute;
  top: 56px;
  width: 20px;
}

.x8-all-breakpoints .vector-34 {
  height: 4px;
  left: 34px;
  position: absolute;
  top: 76px;
  width: 4px;
}

.x8-all-breakpoints .vector-35 {
  height: 15px;
  left: 27px;
  position: absolute;
  top: 63px;
  width: 15px;
}

.x8-all-breakpoints .vector-36 {
  height: 3px;
  left: 33px;
  position: absolute;
  top: 68px;
  width: 2px;
}

.x8-all-breakpoints .vector-37 {
  height: 3px;
  left: 39px;
  position: absolute;
  top: 67px;
  width: 2px;
}

.x8-all-breakpoints .vector-38 {
  height: 2px;
  left: 35px;
  position: absolute;
  top: 73px;
  width: 4px;
}

.x8-all-breakpoints .vector-39 {
  height: 1px;
  left: 34px;
  position: absolute;
  top: 77px;
  width: 3px;
}

.x8-all-breakpoints .vector-40 {
  height: 1px;
  left: 36px;
  position: absolute;
  top: 71px;
  width: 3px;
}

.x8-all-breakpoints .vector-41 {
  height: 2px;
  left: 32px;
  position: absolute;
  top: 67px;
  width: 4px;
}

.x8-all-breakpoints .vector-42 {
  height: 1px;
  left: 31px;
  position: absolute;
  top: 66px;
  width: 5px;
}

.x8-all-breakpoints .vector-43 {
  height: 2px;
  left: 38px;
  position: absolute;
  top: 67px;
  width: 4px;
}

.x8-all-breakpoints .vector-44 {
  height: 2px;
  left: 38px;
  position: absolute;
  top: 65px;
  width: 4px;
}

.x8-all-breakpoints .vector-45 {
  height: 3px;
  left: 27px;
  position: absolute;
  top: 62px;
  width: 10px;
}

.x8-all-breakpoints .vector-46 {
  height: 2px;
  left: 36px;
  position: absolute;
  top: 63px;
  width: 5px;
}

.x8-all-breakpoints .vector-47 {
  height: 2px;
  left: 39px;
  position: absolute;
  top: 58px;
  width: 1px;
}

.x8-all-breakpoints .vector-48 {
  height: 5px;
  left: 28px;
  position: absolute;
  top: 57px;
  width: 4px;
}

.x8-all-breakpoints .vector-49 {
  height: 5px;
  left: 28px;
  position: absolute;
  top: 62px;
  width: 2px;
}

.x8-all-breakpoints .vector-50 {
  height: 5px;
  left: 30px;
  position: absolute;
  top: 67px;
  width: 1px;
}

.x8-all-breakpoints .clip-path-group-1 {
  height: 67px;
  left: 0;
  position: absolute;
  top: 124px;
  width: 89px;
}

.x8-all-breakpoints .vector-51 {
  height: 17px;
  left: 11px;
  position: absolute;
  top: 168px;
  width: 18px;
}

.x8-all-breakpoints .vector-52 {
  height: 42px;
  left: 29px;
  position: absolute;
  top: 132px;
  width: 24px;
}

.x8-all-breakpoints .clip-path-group-2 {
  height: 51px;
  left: 48px;
  position: absolute;
  top: 140px;
  width: 40px;
}

.x8-all-breakpoints .vector-53 {
  height: 14px;
  left: 64px;
  position: absolute;
  top: 174px;
  width: 11px;
}

.x8-all-breakpoints .vector-54 {
  height: 6px;
  left: 39px;
  position: absolute;
  top: 160px;
  width: 2px;
}

.x8-all-breakpoints .vector-55 {
  height: 5px;
  left: 23px;
  position: absolute;
  top: 181px;
  width: 5px;
}

.x8-all-breakpoints .vector-56 {
  height: 8px;
  left: 58px;
  position: absolute;
  top: 149px;
  width: 3px;
}

.x8-all-breakpoints .vector-57 {
  height: 5px;
  left: 52px;
  position: absolute;
  top: 131px;
  width: 2px;
}

.x8-all-breakpoints .overlap-group1-1 {
  height: 158px;
  left: -25px;
  position: absolute;
  top: 57px;
  width: 108px;
}

.x8-all-breakpoints .vector-58 {
  height: 80px;
  left: 32px;
  position: absolute;
  top: 17px;
  width: 17px;
}

.x8-all-breakpoints .vector-59 {
  height: 29px;
  left: 47px;
  position: absolute;
  top: 0;
  width: 49px;
}

.x8-all-breakpoints .vector-60 {
  height: 17px;
  left: 49px;
  position: absolute;
  top: 3px;
  width: 4px;
}

.x8-all-breakpoints .vector-61 {
  height: 12px;
  left: 71px;
  position: absolute;
  top: 9px;
  width: 10px;
}

.x8-all-breakpoints .vector-62 {
  height: 6px;
  left: 68px;
  position: absolute;
  top: 8px;
  width: 12px;
}

.x8-all-breakpoints .vector-63 {
  height: 11px;
  left: 48px;
  position: absolute;
  top: 88px;
  width: 6px;
}

.x8-all-breakpoints .vector-64 {
  height: 6px;
  left: 48px;
  position: absolute;
  top: 93px;
  width: 5px;
}

.x8-all-breakpoints .vector-65 {
  height: 5px;
  left: 43px;
  position: absolute;
  top: 97px;
  width: 8px;
}

.x8-all-breakpoints .vector-66 {
  height: 4px;
  left: 42px;
  position: absolute;
  top: 98px;
  width: 9px;
}

.x8-all-breakpoints .vector-67 {
  height: 12px;
  left: 62px;
  position: absolute;
  top: 89px;
  width: 6px;
}

.x8-all-breakpoints .vector-68 {
  height: 7px;
  left: 63px;
  position: absolute;
  top: 94px;
  width: 5px;
}

.x8-all-breakpoints .vector-69 {
  height: 4px;
  left: 59px;
  position: absolute;
  top: 99px;
  width: 8px;
}

.x8-all-breakpoints .vector-70 {
  height: 2px;
  left: 59px;
  position: absolute;
  top: 102px;
  width: 9px;
}

.x8-all-breakpoints .vector-71 {
  height: 18px;
  left: 48px;
  position: absolute;
  top: 74px;
  width: 21px;
}

.x8-all-breakpoints .vector-72 {
  height: 17px;
  left: 55px;
  position: absolute;
  top: 76px;
  width: 5px;
}

.x8-all-breakpoints .vector-73 {
  height: 1px;
  left: 61px;
  position: absolute;
  top: 90px;
  width: 7px;
}

.x8-all-breakpoints .vector-74 {
  height: 3px;
  left: 48px;
  position: absolute;
  top: 88px;
  width: 8px;
}

.x8-all-breakpoints .vector-75 {
  height: 39px;
  left: 51px;
  position: absolute;
  top: 29px;
  width: 28px;
}

.x8-all-breakpoints .vector-76 {
  height: 29px;
  left: 43px;
  position: absolute;
  top: 47px;
  width: 25px;
}

.x8-all-breakpoints .vector-77 {
  height: 6px;
  left: 40px;
  position: absolute;
  top: 50px;
  width: 5px;
}

.x8-all-breakpoints .vector-78 {
  height: 7px;
  left: 41px;
  position: absolute;
  top: 42px;
  width: 5px;
}

.x8-all-breakpoints .vector-79 {
  height: 11px;
  left: 44px;
  position: absolute;
  top: 50px;
  width: 20px;
}

.x8-all-breakpoints .vector-80 {
  height: 4px;
  left: 53px;
  position: absolute;
  top: 50px;
  width: 2px;
}

.x8-all-breakpoints .vector-81 {
  height: 6px;
  left: 62px;
  position: absolute;
  top: 64px;
  width: 2px;
}

.x8-all-breakpoints .vector-82 {
  height: 3px;
  left: 42px;
  position: absolute;
  top: 42px;
  width: 3px;
}

.x8-all-breakpoints .vector-83 {
  height: 2px;
  left: 42px;
  position: absolute;
  top: 45px;
  width: 3px;
}

.x8-all-breakpoints .vector-84 {
  height: 1px;
  left: 41px;
  position: absolute;
  top: 47px;
  width: 3px;
}

.x8-all-breakpoints .vector-85 {
  height: 1px;
  left: 43px;
  position: absolute;
  top: 48px;
  width: 1px;
}

.x8-all-breakpoints .vector-86 {
  height: 4px;
  left: 67px;
  position: absolute;
  top: 31px;
  width: 5px;
}

.x8-all-breakpoints .vector-87 {
  height: 32px;
  left: 70px;
  position: absolute;
  top: 32px;
  width: 7px;
}

.x8-all-breakpoints .vector-88 {
  height: 9px;
  left: 70px;
  position: absolute;
  top: 33px;
  width: 2px;
}

.x8-all-breakpoints .vector-89 {
  height: 9px;
  left: 65px;
  position: absolute;
  top: 50px;
  width: 3px;
}

.x8-all-breakpoints .vector-90 {
  height: 4px;
  left: 59px;
  position: absolute;
  top: 47px;
  width: 6px;
}

.x8-all-breakpoints .vector-91 {
  height: 15px;
  left: 59px;
  position: absolute;
  top: 34px;
  width: 14px;
}

.x8-all-breakpoints .vector-92 {
  height: 2px;
  left: 61px;
  position: absolute;
  top: 43px;
  width: 3px;
}

.x8-all-breakpoints .vector-93 {
  height: 1px;
  left: 61px;
  position: absolute;
  top: 48px;
  width: 3px;
}

.x8-all-breakpoints .vector-94 {
  height: 2px;
  left: 62px;
  position: absolute;
  top: 41px;
  width: 2px;
}

.x8-all-breakpoints .vector-95 {
  height: 2px;
  left: 66px;
  position: absolute;
  top: 41px;
  width: 4px;
}

.x8-all-breakpoints .vector-96 {
  height: 2px;
  left: 67px;
  position: absolute;
  top: 39px;
  width: 4px;
}

.x8-all-breakpoints .vector-97 {
  height: 3px;
  left: 62px;
  position: absolute;
  top: 36px;
  width: 2px;
}

.x8-all-breakpoints .vector-98 {
  height: 3px;
  left: 62px;
  position: absolute;
  top: 35px;
  width: 4px;
}

.x8-all-breakpoints .clip-path-group-3 {
  height: 62px;
  left: 0;
  position: absolute;
  top: 96px;
  width: 108px;
}

.x8-all-breakpoints .vector-99 {
  height: 49px;
  left: 62px;
  position: absolute;
  top: 107px;
  width: 35px;
}

.x8-all-breakpoints .vector-100 {
  height: 19px;
  left: 59px;
  position: absolute;
  top: 108px;
  width: 11px;
}

.x8-all-breakpoints .vector-101 {
  height: 2px;
  left: 70px;
  position: absolute;
  top: 112px;
  width: 5px;
}

.x8-all-breakpoints .frame-14324-1 {
  background-image: url(../img/unsplash-fo3xo4jqtlo-1.svg);
  background-size: 100% 100%;
  height: 215px;
}

.x8-all-breakpoints .overlap-group1-2 {
  height: 117px;
  left: 169px;
  position: absolute;
  top: 38px;
  width: 229px;
}

.x8-all-breakpoints .crown-the-champion {
  color: var(--shark);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  left: 7px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 222px;
}

.x8-all-breakpoints .event-creators-becom {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 34px;
  width: 216px;
}

.x8-all-breakpoints .overlap-group-3 {
  height: 160px;
  left: 0;
  position: absolute;
  top: 30px;
  width: 161px;
}

.x8-all-breakpoints .clip-path-group-4 {
  height: 95px;
  left: 0;
  position: absolute;
  top: 65px;
  width: 103px;
}

.x8-all-breakpoints .vector-102 {
  height: 29px;
  left: 86px;
  position: absolute;
  top: 73px;
  width: 32px;
}

.x8-all-breakpoints .vector-103 {
  height: 50px;
  left: 98px;
  position: absolute;
  top: 96px;
  width: 60px;
}

.x8-all-breakpoints .vector-104 {
  height: 48px;
  left: 115px;
  position: absolute;
  top: 0;
  width: 21px;
}

.x8-all-breakpoints .vector-105 {
  height: 5px;
  left: 129px;
  position: absolute;
  top: 43px;
  width: 5px;
}

.x8-all-breakpoints .vector-106 {
  height: 42px;
  left: 42px;
  position: absolute;
  top: 30px;
  width: 35px;
}

.x8-all-breakpoints .vector-107 {
  height: 43px;
  left: 98px;
  position: absolute;
  top: 59px;
  width: 28px;
}

.x8-all-breakpoints .vector-108 {
  height: 68px;
  left: 53px;
  position: absolute;
  top: 1px;
  width: 68px;
}

.x8-all-breakpoints .vector-109 {
  height: 27px;
  left: 52px;
  position: absolute;
  top: 0;
  width: 62px;
}

.x8-all-breakpoints .vector-110 {
  height: 25px;
  left: 96px;
  position: absolute;
  top: 93px;
  width: 52px;
}

.x8-all-breakpoints .vector-111 {
  height: 25px;
  left: 109px;
  position: absolute;
  top: 124px;
  width: 52px;
}

.x8-all-breakpoints .vector-112 {
  height: 26px;
  left: 112px;
  position: absolute;
  top: 109px;
  width: 33px;
}

.x8-all-breakpoints .vector-113 {
  height: 10px;
  left: 107px;
  position: absolute;
  top: 68px;
  width: 12px;
}

.x8-all-breakpoints .vector-114 {
  height: 10px;
  left: 109px;
  position: absolute;
  top: 74px;
  width: 13px;
}

.x8-all-breakpoints .vector-115 {
  height: 9px;
  left: 112px;
  position: absolute;
  top: 80px;
  width: 12px;
}

.x8-all-breakpoints .vector-116 {
  height: 8px;
  left: 115px;
  position: absolute;
  top: 87px;
  width: 8px;
}

.x8-all-breakpoints .vector-117 {
  height: 9px;
  left: 100px;
  position: absolute;
  top: 66px;
  width: 9px;
}

.x8-all-breakpoints .vector-118 {
  height: 8px;
  left: 103px;
  position: absolute;
  top: 66px;
  width: 11px;
}

.x8-all-breakpoints .vector-119 {
  height: 12px;
  left: 93px;
  position: absolute;
  top: 68px;
  width: 12px;
}

.x8-all-breakpoints .vector-120 {
  height: 12px;
  left: 101px;
  position: absolute;
  top: 73px;
  width: 7px;
}

.x8-all-breakpoints .vector-121 {
  height: 3px;
  left: 109px;
  position: absolute;
  top: 66px;
  width: 4px;
}

.x8-all-breakpoints .vector-122 {
  height: 3px;
  left: 107px;
  position: absolute;
  top: 73px;
  width: 5px;
}

.x8-all-breakpoints .vector-123 {
  height: 4px;
  left: 111px;
  position: absolute;
  top: 79px;
  width: 3px;
}

.x8-all-breakpoints .vector-124 {
  height: 3px;
  left: 113px;
  position: absolute;
  top: 85px;
  width: 4px;
}

.x8-all-breakpoints .vector-125 {
  height: 3px;
  left: 115px;
  position: absolute;
  top: 90px;
  width: 4px;
}

.x8-all-breakpoints .vector-126 {
  height: 61px;
  left: 6px;
  position: absolute;
  top: 98px;
  width: 70px;
}

.x8-all-breakpoints .frame-14324-2 {
  height: 195px;
}

.x8-all-breakpoints .group-10 {
  height: 221px;
  left: 2px;
  position: absolute;
  top: 1105px;
  width: 201px;
}

.x8-all-breakpoints .turn-your-world-into {
  left: 176px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 1206px;
  width: 216px;
}

.x8-all-breakpoints .explore-your-world {
  color: var(--shark);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-weight: 600;
  left: 193px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 1167px;
  white-space: nowrap;
  width: 198px;
}

.x8-all-breakpoints .clip-path-group-5 {
  display: block;
  height: 41px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 425px;
  width: 50px;
}

.x8-all-breakpoints .clip-path-group-5.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.x8-all-breakpoints .group-container-1 {
  margin-left: 32px;
  min-width: 206px;
}

.x8-all-breakpoints .group-4 {
  height: 14px;
  margin-bottom: 4.82px;
  width: 7px;
}

.x8-all-breakpoints .group-5 {
  height: 14px;
  margin-bottom: 4.82px;
  margin-left: 4px;
  width: 7px;
}

.x8-all-breakpoints .group-2 {
  height: 15px;
  margin-bottom: 4.82px;
  margin-left: 1px;
  width: 2px;
}

.x8-all-breakpoints .group-6 {
  height: 12px;
  margin-bottom: 4.82px;
  margin-left: 1px;
  width: 10px;
}

.x8-all-breakpoints .group-7 {
  height: 14px;
  margin-bottom: 4.82px;
  margin-left: 5px;
  width: 7px;
}

.x8-all-breakpoints .group-8 {
  height: 12px;
  margin-bottom: 4.82px;
  margin-left: 2px;
  width: 6px;
}

.x8-all-breakpoints .group-9 {
  height: 14px;
  margin-bottom: 3.05px;
  margin-left: 2px;
  width: 6px;
}

.x8-all-breakpoints .group-11 {
  height: 14px;
  margin-bottom: 4.7px;
  margin-left: 2px;
  width: 6px;
}

.x8-all-breakpoints .group-12 {
  height: 12px;
  margin-bottom: 4.67px;
  margin-left: 2px;
  width: 6px;
}

.x8-all-breakpoints .group-3 {
  height: 12px;
  margin-bottom: 4.82px;
  margin-left: 2px;
  width: 11px;
}

.x8-all-breakpoints .group-13 {
  height: 12px;
  margin-bottom: 4.67px;
  margin-left: 5px;
  width: 6px;
}

.x8-all-breakpoints .group-14 {
  height: 12px;
  margin-bottom: 4.67px;
  margin-left: 1px;
  width: 6px;
}

.x8-all-breakpoints .group-15 {
  height: 14px;
  margin-bottom: 2.58px;
  margin-left: 2px;
  width: 6px;
}

.x8-all-breakpoints .group-container-2 {
  background-image: url(../img/clip-path-group@2x.png);
  background-size: 100% 100%;
  height: 60px;
  margin-left: 1px;
  min-width: 70px;
  padding: 2.7px 0.6px;
}

.x8-all-breakpoints .group-16 {
  height: 12px;
  margin-bottom: 1.96px;
  width: 6px;
}

.x8-all-breakpoints .group-17 {
  height: 12px;
  margin-bottom: 2.08px;
  margin-left: 2px;
  width: 6px;
}

.x8-all-breakpoints .group-18 {
  height: 14px;
  margin-left: 1px;
  width: 7px;
}

.x8-all-breakpoints .frame-14324-3 {
  position: relative;
  width: 426px;
}

.x8-all-breakpoints .group-container-3 {
  align-items: flex-end;
  display: flex;
}
@media screen and (max-width: 519px) {
  .screen.x8-all-breakpoints { 
    display: none;
   }
  .screen.frame-14333 { 
    display: none;
   }
}
@media screen and (min-width: 520px) and (max-width: 1439px) {
  .screen.x8-all-breakpoints { 
    display: none;
   }
  .screen.frame-14334 { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.frame-14334 { 
    display: none;
   }
  .screen.frame-14333 { 
    display: none;
   }
}