/* 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;