Spaces:
Sleeping
Sleeping
| /* Desktop */ | |
| position: relative; | |
| width: 1280px; | |
| height: 1080px; | |
| left: 64px; | |
| top: 100px; | |
| overflow-y: scroll; | |
| background: #203667; | |
| /* navbar_landingpage */ | |
| position: absolute; | |
| height: 75px; | |
| left: -47px; | |
| right: -18px; | |
| top: -9px; | |
| background: #142448; | |
| /* logo_navbar */ | |
| position: absolute; | |
| width: 143px; | |
| height: 60px; | |
| left: 20px; | |
| top: 4px; | |
| background: url(WhatsApp Image 2025-12-27 at 11.38.24 PM); | |
| /* Rectangle 278 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 42px; | |
| height: 41px; | |
| right: 924px; | |
| top: 6px; | |
| background: #D9D9D9; | |
| border-radius: 25.5px 25px 25px 19px; | |
| /* Local Experiences */ | |
| position: absolute; | |
| width: 220px; | |
| height: 40px; | |
| left: 572px; | |
| top: 9px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 24px; | |
| line-height: 45px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* About Tarist */ | |
| position: absolute; | |
| width: 199px; | |
| height: 30px; | |
| left: 824px; | |
| top: 9px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 24px; | |
| line-height: 45px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 325 */ | |
| position: absolute; | |
| width: 51px; | |
| height: 48px; | |
| left: 1062px; | |
| top: 9px; | |
| background: #D9D9D9; | |
| /* How It Works */ | |
| position: absolute; | |
| width: 199px; | |
| height: 30px; | |
| left: 372px; | |
| top: 10px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 24px; | |
| line-height: 45px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Username */ | |
| position: absolute; | |
| width: 199px; | |
| height: 30px; | |
| right: -41px; | |
| top: 10px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 24px; | |
| line-height: 45px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 427 */ | |
| position: absolute; | |
| width: 719px; | |
| height: 356px; | |
| left: 105px; | |
| top: 127px; | |
| background: #FBF6DC; | |
| border-radius: 27px; | |
| /* Rectangle 428 */ | |
| position: absolute; | |
| width: 362px; | |
| height: 185px; | |
| right: 51px; | |
| top: 120px; | |
| background: #142448; | |
| border-radius: 20px; | |
| /* Rectangle 429 */ | |
| position: absolute; | |
| width: 362px; | |
| height: 269px; | |
| right: 48px; | |
| top: 337px; | |
| background: #142448; | |
| border-radius: 20px; | |
| /* Rectangle 430 */ | |
| position: absolute; | |
| width: 282px; | |
| height: 54px; | |
| left: 910px; | |
| top: 525px; | |
| background: #F7B339; | |
| border-radius: 10px; | |
| /* Rectangle 297 */ | |
| position: absolute; | |
| width: 168px; | |
| height: 44px; | |
| left: 21px; | |
| top: 530px; | |
| background: #203667; | |
| box-shadow: 2px 4px 5.5px 3px rgba(20, 36, 72, 0.8); | |
| border-radius: 40px; | |
| /* Rectangle 431 */ | |
| position: absolute; | |
| width: 168px; | |
| height: 44px; | |
| left: 225px; | |
| top: 530px; | |
| background: #203667; | |
| box-shadow: 2px 4px 5.5px 3px rgba(20, 36, 72, 0.8); | |
| border-radius: 40px; | |
| /* Rectangle 432 */ | |
| position: absolute; | |
| width: 168px; | |
| height: 44px; | |
| left: 429px; | |
| top: 530px; | |
| background: #203667; | |
| box-shadow: 2px 4px 5.5px 3px rgba(20, 36, 72, 0.8); | |
| border-radius: 40px; | |
| /* Rectangle 433 */ | |
| position: absolute; | |
| width: 168px; | |
| height: 44px; | |
| left: 650px; | |
| top: 530px; | |
| background: #203667; | |
| box-shadow: 2px 4px 5.5px 3px rgba(20, 36, 72, 0.8); | |
| border-radius: 40px; | |
| /* Rectangle 289 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 86px; | |
| height: 23px; | |
| right: 988px; | |
| top: 476px; | |
| background: #203667; | |
| border-radius: 40px; | |
| /* Group */ | |
| position: absolute; | |
| visibility: hidden; | |
| left: 0.23%; | |
| right: 98.36%; | |
| top: 0.28%; | |
| bottom: 98.06%; | |
| /* Vector */ | |
| position: absolute; | |
| left: 0.23%; | |
| right: 98.36%; | |
| top: 0.28%; | |
| bottom: 98.06%; | |
| border: 2px solid #000000; | |
| /* Vector */ | |
| position: absolute; | |
| left: 0.94%; | |
| right: 98.83%; | |
| top: 0.65%; | |
| bottom: 98.61%; | |
| border: 2px solid #000000; | |
| /* Rectangle 434 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 86px; | |
| height: 23px; | |
| left: 21px; | |
| top: 430px; | |
| background: #203667; | |
| border-radius: 40px; | |
| /* Rectangle 435 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 86px; | |
| height: 23px; | |
| left: 21px; | |
| top: 430px; | |
| background: #203667; | |
| border-radius: 40px; | |
| /* Rectangle 436 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 86px; | |
| height: 23px; | |
| left: 132px; | |
| top: 430px; | |
| background: #203667; | |
| border-radius: 40px; | |
| /* Rectangle 283 */ | |
| position: absolute; | |
| width: 93px; | |
| height: 96px; | |
| right: 21px; | |
| bottom: 24px; | |
| background: #FCC350; | |
| border-radius: 117px; | |
| /* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. */ | |
| position: absolute; | |
| width: 891px; | |
| height: 237px; | |
| left: 36px; | |
| top: 594px; | |
| font-family: 'Source Sans 3'; | |
| font-style: normal; | |
| font-weight: 400; | |
| font-size: 24px; | |
| line-height: 34px; | |
| display: flex; | |
| align-items: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Core Focus Points */ | |
| position: absolute; | |
| width: 933px; | |
| height: 172px; | |
| left: 35px; | |
| top: 884px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 50px; | |
| line-height: 94px; | |
| letter-spacing: 0.08em; | |
| color: #E8E8E8; | |
| /* Rectangle 437 */ | |
| position: absolute; | |
| width: 259px; | |
| height: 248px; | |
| left: 36px; | |
| top: 990px; | |
| background: #142448; | |
| border-radius: 34px; | |
| /* Rectangle 438 */ | |
| position: absolute; | |
| width: 259px; | |
| height: 248px; | |
| left: 349px; | |
| top: 990px; | |
| background: #142448; | |
| border-radius: 34px; | |
| /* Rectangle 439 */ | |
| position: absolute; | |
| width: 259px; | |
| height: 248px; | |
| left: 654px; | |
| top: 990px; | |
| background: #142448; | |
| border-radius: 34px; | |
| /* Ellipse 3 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 25px; | |
| height: 26px; | |
| left: 54px; | |
| top: 371px; | |
| background: #D9D9D9; | |
| /* Ellipse 4 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 29px; | |
| height: 29px; | |
| right: 937px; | |
| top: 369px; | |
| background: #D9D9D9; | |
| /* Core Focus Points */ | |
| position: absolute; | |
| visibility: hidden; | |
| height: 172px; | |
| left: 13px; | |
| right: 334px; | |
| top: 873px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 32px; | |
| line-height: 60px; | |
| letter-spacing: 0.08em; | |
| color: #E8E8E8; | |
| /* Rectangle 444 */ | |
| position: absolute; | |
| visibility: hidden; | |
| height: 59px; | |
| left: 13px; | |
| right: 944px; | |
| top: 1091px; | |
| background: #142448; | |
| border-radius: 34px; | |
| /* Rectangle 443 */ | |
| position: absolute; | |
| visibility: hidden; | |
| height: 59px; | |
| left: 13px; | |
| right: 944px; | |
| top: 1015px; | |
| background: #142448; | |
| border-radius: 34px; | |
| /* Rectangle 442 */ | |
| position: absolute; | |
| visibility: hidden; | |
| height: 59px; | |
| left: 13px; | |
| right: 944px; | |
| top: 939px; | |
| background: #142448; | |
| border-radius: 34px; | |
| /* Ellipse 5 */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 29px; | |
| height: 29px; | |
| right: 971px; | |
| top: 369px; | |
| background: #D9D9D9; | |
| /* MAP */ | |
| position: absolute; | |
| width: 223px; | |
| height: 96px; | |
| right: 59px; | |
| top: 175px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 900; | |
| font-size: 40px; | |
| line-height: 75px; | |
| letter-spacing: 0.05em; | |
| color: #203667; | |
| /* Group */ | |
| position: absolute; | |
| width: 42px; | |
| height: 39.61px; | |
| right: 346px; | |
| bottom: 70.39px; | |
| /* Vector */ | |
| position: absolute; | |
| visibility: hidden; | |
| left: 71.34%; | |
| right: 28.52%; | |
| top: 94.12%; | |
| bottom: 5.74%; | |
| background: #203667; | |
| /* Vector */ | |
| position: absolute; | |
| left: 69.69%; | |
| right: 27.03%; | |
| top: 89.81%; | |
| bottom: 6.52%; | |
| background: #203667; | |
| /* Group */ | |
| position: absolute; | |
| width: 48px; | |
| height: 41.26px; | |
| right: 43px; | |
| bottom: 51.74px; | |
| /* Vector */ | |
| position: absolute; | |
| left: 92.89%; | |
| right: 3.36%; | |
| top: 91.39%; | |
| bottom: 4.79%; | |
| background: #203667; | |
| /* Vector */ | |
| position: absolute; | |
| visibility: hidden; | |
| left: 55%; | |
| right: 43.44%; | |
| top: 34.54%; | |
| bottom: 63.76%; | |
| background: #000000; | |
| /* Vector */ | |
| position: absolute; | |
| visibility: hidden; | |
| left: 24.84%; | |
| right: 73.75%; | |
| top: 34.63%; | |
| bottom: 63.52%; | |
| background: #FDC554; | |
| /* Group */ | |
| position: absolute; | |
| visibility: hidden; | |
| left: 25.94%; | |
| right: 72.66%; | |
| top: 31.57%; | |
| bottom: 66.41%; | |
| /* Vector */ | |
| position: absolute; | |
| left: 26.65%; | |
| right: 73.29%; | |
| top: 33.53%; | |
| bottom: 66.41%; | |
| background: #FDC554; | |
| /* Vector */ | |
| position: absolute; | |
| left: 25.94%; | |
| right: 72.66%; | |
| top: 31.57%; | |
| bottom: 66.56%; | |
| background: #FDC554; | |
| /* 3 hours */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 46px; | |
| height: 12px; | |
| left: 59px; | |
| top: 415px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 12px; | |
| line-height: 22px; | |
| letter-spacing: 0.05em; | |
| color: #FFFFFF; | |
| /* 3 hours */ | |
| position: absolute; | |
| width: 55px; | |
| height: 12px; | |
| left: 85px; | |
| top: 539px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 15px; | |
| line-height: 28px; | |
| letter-spacing: 0.05em; | |
| color: #FFFFFF; | |
| /* Group */ | |
| position: absolute; | |
| width: 20px; | |
| left: 43px; | |
| top: 50.19%; | |
| bottom: 48.06%; | |
| /* Vector */ | |
| position: absolute; | |
| left: 3.36%; | |
| right: 95.08%; | |
| top: 50.19%; | |
| bottom: 48.06%; | |
| border: 2px solid #E8E8E8; | |
| /* Vector */ | |
| position: absolute; | |
| left: 4.14%; | |
| right: 95.6%; | |
| top: 50.58%; | |
| bottom: 48.64%; | |
| border: 2px solid #E8E8E8; | |