@font-face {
    font-family: Modish;
    src: url('fonts/SofiaPro/SofiaProRegularAz.otf');
}

@font-face {
    font-family: SofiaPro;
    src: url('fonts/SofiaPro/SofiaProRegularAz.otf');
}

@font-face {
    font-family: SofiaPro;
    font-weight:bold;
    src: url('fonts/SofiaPro/SofiaProBoldAz.otf');
}
:root {
    --primary-font-color: #ffffff;
    --secondary-font-color: #5C3327;
    --font-size-jumbo: 2vw;
    --font-size-heading: 1.4vw;
    --font-size-base: 1vw;
    --font-size-small: 0.8vw;
    --font-size-micro: 0.6vw;
    --brown: #5C3327;
    --gold: #C89A42;
}
body {
    font-family: SofiaPro;
    font-size: var(--font-size-base);
    color: var(--brown);
    padding: 0;
    margin: 0; 
    background-color:var(--gold)

}
    body::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }

a {color:var(--brown)}

/*CONTAINERS*/
.show-desktop {display: block}
.show-mobile {display:none;}
.container {                display: flex;flex-direction: column;min-height: 100vh;}
.content   {                flex:1 0 auto;}

/*HOME*/
.home {                     overflow:hidden;}
.home_left {                position:relative; background: url(assets/home/img_pyramind_bg_desktop.png) no-repeat; background-position: center center; background-size:cover; }
    .home_left .speaker {   position:absolute;left:20px;top: 20px;width: 50px;}
    .home_left .main_splash{position:absolute;left:50%;top: 12%;width: 45%; transform:translateX(-50%) }
    .home_left .main_splash2{position:absolute;left:50%;top: 26%;width: 60%; transform:translateX(-50%); opacity:0;}
    .home_left .main_splash2 img{width:100%;}
    .home_left .logo    {   position:absolute;right:20px;top: 20px;width: 100px;}
    .home_left .lower_text{ position:absolute;left:50%; bottom: 20px;width: 90%;transform:translateX(-50%);text-align:center;color:var(--brown);  }

.home_right {               position:relative; color:var(--primary-font-color);}
    .home_right .spend    { position:absolute; width: 80%; top: 29%; left:50%; transform:translateX(-50%); font-size:var(--font-size-jumbo); text-align:center;}  
    .home_right .btn_join { position:relative; width: 70%; top: 45%; left: 50%; transform:translateX(-50%);}


/*GRANDPRIZE*/
.grandprize {               position:relative; width: 100%; height:60vh;background:url(assets/home/showcase_right.png) no-repeat; background-size:100% 100%;overflow:hidden;}
.grandprize .light  {       position:absolute; display:inline-block; top: 50%; left: 50%; transform:translate(-50%, -50%); height:100%; animation: spin 5s linear infinite; }
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.prize_track {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
/*
.prize_list {                position:relative;width: 80%;height:70%;top:50%;left:50%;transform:translate(-50%, -50%);justify-content: center;  overflow: hidden; padding:10% 0;  }
    .prize_list .card {      position:absolute;width: 20%; background: url("assets/prize/img_prize_card.png"); background-repeat:no-repeat; background-size:contain; float:left; color:var(--brown);  transition: all 1s ease-out;  left:50%;transform:translate(-50%, 10%)}
        .prize_list .card .prize_heading  { position:relative; width: 80%;left:50%; transform:translate(-50%, 30%); text-align:center; font-weight:bold; font-size:var(--font-size-heading);    transition: all 1s ease;}
        .prize_list .card .prize_image    { position:relative; width: 80%;left:50%; transform:translate(-50%, 20%);  transition: all 1s ease-out;}
        .prize_list .card .prize_image img{ width:100%;border-radius:20px;transition: all 1s ease-out;}   
        .prize_list .card .prize_ribbon   { position:relative; width: 15%;left:80%; top:-2%;transition: all 1s ease-out;}
        .prize_list .card .prize_ribbon img{ width:100%;transition: all 1s ease-out;}   
        .prize_list .card .prize_title    { position:relative; width: 50%;left:50%; transform:translate(-50%, -10%); font-family:"Lucida Handwriting"; text-align:center; font-size:var(--font-size-base);transition: all 1s ease-out;  }
        .prize_list .card .prize_title    img { position:relative; width:100%; left:50%; transform:translateX(-50%);transition: all 1s ease-out; }
        .prize_list .card .prize_subtitle { position:relative; width: 80%;left:50%; transform:translateX(-50%); text-align:center;  font-size:var(--font-size-small);transition: all 1s ease-out;opacity:0;}

    .prize_list .card.highlight {width: 28%;margin: 0 10px 0 10px; left:50%;transform:translate(-50%, 10%);z-index:200;}
    .prize_list .card.highlight .prize_heading  { position:absolute; width: 80%;left:50%; transform:translate(-50%, -150%); text-align:center; font-weight:bold; font-size:var(--font-size-jumbo);  color:#DDC07D; }
        .prize_list .card.highlight .prize_image    { position:relative; width: 90%;left:50%; transform:translate(-50%, -10%);  }
        .prize_list .card.highlight .prize_image img{ width:100%;border-radius:20px;}   
        .prize_list .card.highlight .prize_ribbon   { position:relative; width: 15%;left:85%; transform:translate(0%, -65%)}
        .prize_list .card.highlight .prize_ribbon img{ width:100%;}   
        .prize_list .card.highlight .prize_title    { position:relative; width: 60%;left:50%; transform:translate(-50%, -75%); font-family:"Lucida Handwriting"; text-align:center; font-size:var(--font-size-base)  }
        .prize_list .card.highlight .prize_title    img { position:relative; width:100%; left:50%; transform:translateX(-50%)  }
        .prize_list .card.highlight .prize_subtitle { position:relative; width: 90%;left:50%; transform:translate(-50%, -115%); text-align:center;   font-size:var(--font-size-base); opacity:1 }

        .prize_list .card.left {width: 20%;transform:translate(-180%, 25%); z-index:100;}
        .prize_list .card.right {width: 20%;transform:translate(85%, 25%); z-index:0;}
            .prize_list .card.right .prize_heading  { position:relative; width: 80%;left:50%; transform:translate(-50%, 30%); text-align:center; font-weight:bold; font-size:var(--font-size-heading);    transition: all 1s ease-out;}
            .prize_list .card.right .prize_image    { position:relative; width: 80%;left:50%; transform:translate(-50%, 20%);  transition: all 1s ease-out;}
            .prize_list .card.right .prize_image img{ width:100%;border-radius:20px;transition: all 1s ease-out;}   
            .prize_list .card.right .prize_ribbon   { position:relative; width: 15%;left:80%; top:-2%;transition: all 1s ease-out;}
            .prize_list .card.right .prize_ribbon img{ width:100%;transition: all 1s ease-out;}   
            .prize_list .card.right .prize_title    { position:relative; width: 50%;left:50%; transform:translate(-50%, -10%); font-family:"Lucida Handwriting"; text-align:center; font-size:var(--font-size-base);transition: all 1s ease-out;  }
            .prize_list .card.right .prize_title    img { position:relative; width:100%; left:50%; transform:translateX(-50%);transition: all 1s ease-out; }
            .prize_list .card.right .prize_subtitle { position:relative; width: 80%;left:50%; transform:translateX(-50%); text-align:center; font-size:var(--font-size-small);transition: all 1s ease-out;opacity:0;}
*/


.prize-carousel 						{position: relative;width: 100%;height: 400px;margin: 0 auto;padding:5vw 0;perspective: 1000px;
										 display: flex;justify-content: center;align-items: center;overflow: visible;}

.card 									{position: absolute;width: 280px;height: 360px;border-radius: 20px;
										 background: url("assets/prize/img_prize_card.png") no-repeat center/contain;
										 color: var(--brown);text-align: center;transition: transform 0.8s cubic-bezier(0.45, 0, 0.55, 1),opacity 0.9s ease-out;
										 transform-origin: center;will-change: transform, opacity;transform-style: preserve-3d;
										 backface-visibility: hidden;}
									 
.card .heading                          {transition: transform 0.8s ease, opacity 0.8s ease;will-change: transform, opacity;width: 100%;margin-top: 55px;font-size:var(--font-size-heading);color:var(--brown);font-weight:bold;text-align:center;}
.card .image 							{transition: transform 0.8s ease, opacity 0.8s ease;will-change: transform, opacity;width: 90%;border-radius: 15px;margin-top: 15px; transition: transform 0.8s cubic-bezier(0.45, 0, 0.55, 1);transform: scale(1);}
.card .title 							{transition: transform 0.8s ease, opacity 0.8s ease;will-change: transform, opacity;width: 60%;margin-top: 0px;}
.card .subtitle 						{transition: transform 0.8s ease, opacity 0.8s ease;will-change: transform, opacity;font-size: 14px;margin: 10px auto;color: #6c5021;width:80%;opacity:0;}

/* States */
.card[data-pos="left"] 					{transform: translate3d(-320px, 20px, -150px) scale(0.9);z-index: 75;}
.card[data-pos="left"] .image 		    {}

.card[data-pos="center"] 				{transform: translate3d(0, 0, 0) scale(1.1);z-index: 3; z-index:100;}
.card[data-pos="center"] .heading 		{transform: translate3d(0, -60px, 0) scale(1.1);color:var(--gold); }
.card[data-pos="center"] .image 		{transform: translate3d(0, -60px, 0) scale(1.1);}
.card[data-pos="center"] .title 		{transform: translate3d(0, -60px, 0);}
.card[data-pos="center"] .subtitle 		{transform: translate3d(0, -70px, 0);opacity:1;}


.card[data-pos="right"] 				{transform: translate3d(320px, 20px, -150px) scale(0.9);z-index: 50;}
.card[data-pos="right"] .image 		    {}

 


/*STEPS*/
.steps {                    position:relative; width: 100%; height:35vw;background:#FAF7F0; background-size:100% 100%;}
.section_title{             position:relative; width: 50%; top: 10%; left:50%; transform:translateX(-50%);font-size:var(--font-size-jumbo);text-align:center;color:var(--brown)}

.steps_list{                position:relative; width: 60%; top: 15%; overflow-x: auto;left:50%;transform:translateX(-50%);height:100%;
  scroll-snap-type: x mandatory;
  display: flex;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; }
    .steps_list::-webkit-scrollbar {
        display: none; /* hide scrollbar (Chrome/Safari) */
    }
.track {
    display: flex;
    gap: 0;
}

.step {                     position:relative; width:33%; text-align:center; }
.step_image {               position:relative; width:70%; top: 10px;left:50%; transform:translateX(-50%);}
    .step_image img {       width:100%;}
.step_title {               position:relative; width:90%; top: 20px;left:50%; transform:translateX(-50%);}
.step_subtitle {            position:relative; width:80%; top: 20px;left:50%; transform:translateX(-50%);font-size:var(--font-size-small);}
.step_subtitle2{            position:relative; width:80%; top: 40px;left:50%; transform:translateX(-50%);font-size:var(--font-size-micro);}
.tnc {                      position:absolute; width:80%; bottom:20px; left:50%; transform:translateX(-50%);font-size:var(--font-size-micro); text-align:center;}
/*.step {
    flex: 0 0 80%;*/ /* each card takes 80% width */
/*height: 200px;
    background: lightblue;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    scroll-snap-align: start;
    border-radius: 1rem;
}*/
/*DISCOVER*/
.discover {                 position: relative;width: 100%;height: 40vw;background: url(assets/discovermore/img_discover_bg.png) no-repeat;background-size: 100% 100%;}
.discover_list {
    position: relative;
    width: 80%;
    top: 15%;
    overflow-x: auto;
    left: 50%;
    transform: translateX(-50%); 
    scroll-snap-type: x mandatory;
    display: flex;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    display:block;
}

    .discover_list::-webkit-scrollbar {
        display: none; /* hide scrollbar (Chrome/Safari) */
    }
.discover_track {  

}



.discover_card {                position:relative; width:90%; aspect-ratio:288/457; text-align:center; margin-right:20px;background: url(assets/discovermore/img_discover_card.png); background-repeat:no-repeat; background-size:contain;}
.discover_title {               position:absolute; width:100%; top: 5%;left:50%; transform:translateX(-50%);font-size:var(--font-size-heading)}
.discover_image {               position:absolute; width:86%; top: 15%;left:50%; transform:translateX(-50%);}
    .discover_image img {       width:100%;}
.discover_subtitle {            position:absolute; width:86%; top: 60%;left:50%; transform:translateX(-50%);}
.discover_button{               position:absolute; width:80%; top: 83%;left:50%; transform:translateX(-50%);font-size:var(--font-size-small);}
.discover_button img{           width:80%; }






/*SHOWCASE*/
.showcase {
    display: flex;
    flex-direction: row;
    gap: 0;
    overflow: hidden;
    width: 100%;
    background-color: var(--gold);
}
    .showcase .left {       width: 60vw;    height:100vh; max-height: 60vw;}
    .showcase .right {
        flex: 1;
        background:url(assets/home/showcase_right.png) no-repeat;
        background-size:100% 100%;
        border-top-left-radius:30px;
        border-bottom-left-radius: 30px;
    } 
/*FOOTER*/
.footer {                   left:0px; bottom: 0px;background-color: var(--brown);padding: 0 0 2rem 0; height: 140px ;width: 100%;}
    .footer ul {            list-style-type: none;padding: 20px;margin:0px;}
        .footer ul li {     width: 100%;text-align:center;padding: 5px 0px 5px 0px;}
        .footer ul li a {   text-decoration:none;color:var(--primary-font-color);font-size:var(--font-size-small)}

.footer_round {             border-top-left-radius:20px;border-top-right-radius:20px;}



@media print, screen and (max-width:40em) {

    :root {
        --primary-font-color: #ffffff;
        --secondary-font-color: #5C3327;
        --font-size-jumbo: 7.5vw;
        --font-size-heading: 6vw;
        --font-size-base: 4vw;
        --font-size-small: 3.4vw;
        --font-size-micro: 2.4vw;
        --brown: #5C3327;
        --gold: #C89A42;
    }

    .show-desktop {
        display: none;
    }

    .show-mobile {
        display: block;
    }
     
    
    /*HOME*/
    .home {                     overflow:hidden;}
    .home_left {                position:relative; background: url(assets/home/img_pyramind_bg_hp.png) no-repeat; background-position: center center; background-size:cover; }
        .home_left .speaker {   position:absolute;left:20px;top: 20px;width: 50px;}
        .home_left .main_splash{position:absolute;left:50%;top: 24%;width: 45%; transform:translateX(-50%) }
        .home_left .logo    {   position:absolute;top: 20px;width: 80px;left:50%;transform:translateX(-50%)}
        .home_left .lower_text{ position:absolute;left:50%; bottom: 20px;width: 90%;transform:translateX(-50%);text-align:center;color:var(--brown);  }

    .home_right {               position:relative; color:var(--primary-font-color);}
        .home_right .spend    { position:absolute; width: 80%; top: 15%; left:50%; transform:translateX(-50%); font-size:var(--font-size-heading); text-align:center;}  
        .home_right .btn_join { position:fixed; width: 70%; bottom: 10px; top:unset; left: 50%; transform:translateX(-50%);z-index:100;}


    /*GRANDPRIZE*/
    .grandprize {               position:relative; width: 100%; height:70vh;background:url(assets/home/showcase_right.png) no-repeat; background-size:100% 100%;overflow:hidden;}
    .grandprize .light  {       position:absolute; display:inline-block; top: 50%; left: 50%; transform:translate(-50%, -50%); height:100%; animation: spin 5s linear infinite; }
    @keyframes spin {
        from {
            transform: translate(-50%, -50%) rotate(0deg);
        }

        to {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }
    .prize_track {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 1rem;
    }

    .prize_list {                position:relative;width: 100%;height:80%;top:50%;left:50%;transform:translate(-50%, -50%); overflow:hidden;justify-content: flex-start;}
    .prize_list {
        
        position: relative;
        width: 100%;
        top: 5%;
        overflow-x: hidden;
        left: 50%;
        transform: translateX(-50%);
        height: 90%;
        scroll-snap-type: x mandatory;
        display: flex;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

        .prize_list::-webkit-scrollbar {
            display: none; /* hide scrollbar (Chrome/Safari) */
        }

  /*
.prize_list {                position:relative;width: 100%;height:70%;top:50%;left:50%;transform:translate(-50%, -50%);justify-content: center;  overflow: hidden; padding:10% 0;  }
    .prize_list .card {      position:absolute;width: 65%; background: url("assets/prize/img_prize_card.png"); background-repeat:no-repeat; background-size:contain; float:left; color:var(--brown);  transition: all 1s ease-out;  left:50%;transform:translate(-50%, 10%)}
        .prize_list .card .prize_heading  { position:relative; width: 80%;left:50%; transform:translate(-50%, 25%); text-align:center; font-weight:bold; font-size:var(--font-size-heading);    transition: all 1s ease-out;}
        .prize_list .card .prize_image    { position:relative; width: 80%;left:50%; transform:translate(-50%, 20%);  transition: all 1s ease-out;}
        .prize_list .card .prize_image img{ width:100%;border-radius:20px;transition: all 1s ease-out;}   
        .prize_list .card .prize_ribbon   { position:relative; width: 15%;left:80%; top:-2%;transition: all 1s ease-out;}
        .prize_list .card .prize_ribbon img{ width:100%;transition: all 1s ease-out;}   
        .prize_list .card .prize_title    { position:relative; width: 50%;left:50%; transform:translate(-50%, -10%); font-family:"Lucida Handwriting"; text-align:center;font-size:var(--font-size-base);transition: all 1s ease-out;  }
        .prize_list .card .prize_title    img { position:relative; width:100%; left:50%; transform:translateX(-50%);transition: all 1s ease-out; }
        .prize_list .card .prize_subtitle { position:relative; width: 90%;left:50%; transform:translateX(-50%); text-align:center;  font-size:var(--font-size-small);transition: all 1s ease-out;opacity:0;}

    .prize_list .card.highlight {width: 80%;margin: 0 10px 0 10px; left:50%;transform:translate(-50%, 10%);z-index:200;}
    .prize_list .card.highlight .prize_heading  { position:absolute; width: 90%;left:50%; transform:translate(-50%, -165%); text-align:center; font-weight:bold; font-size:var(--font-size-jumbo); color:#DDC07D; }
        .prize_list .card.highlight .prize_image    { position:relative; width: 90%;left:50%; transform:translate(-50%, -10%);  }
        .prize_list .card.highlight .prize_image img{ width:100%;border-radius:20px;}   
        .prize_list .card.highlight .prize_ribbon   { position:relative; width: 15%;left:85%; transform:translate(0%, -65%)}
        .prize_list .card.highlight .prize_ribbon img{ width:100%;}   
        .prize_list .card.highlight .prize_title    { position:relative; width: 60%;left:50%; transform:translate(-50%, -85%); font-family:"Lucida Handwriting"; text-align:center;  font-size:var(--font-size-base)  }
        .prize_list .card.highlight .prize_title    img { position:relative; width:100%; left:50%; transform:translateX(-50%)  }
        .prize_list .card.highlight .prize_subtitle { position:relative; width: 90%;left:50%; transform:translate(-50%, -115%); text-align:center; font-size:var(--font-size-small); opacity:1 }

        .prize_list .card.left {width: 55%;transform:translate(-177%, 35%); z-index:100;}
        .prize_list .card.right {width: 55%;transform:translate(85%, 35%); z-index:0;}*/
    /*STEPS*/
    .steps {                    position:relative; width: 100%; height:1500px;background:#FAF7F0; background-size:100% 100%;}
    .section_title{             position:relative; width: 50%; top: 70px; left:50%; transform:translateX(-50%);font-size:var(--font-size-jumbo);text-align:center;color:var(--brown)}

    .steps_list{                position:relative; width: 80%; top: 100px; left:50%;transform:translateX(-50%);height:100%;
      display: flex;
      scrollbar-width: none; 
      flex-direction:column;
    }
        .steps_list::-webkit-scrollbar {
            display: none; /* hide scrollbar (Chrome/Safari) */
        }
    .track {
        display: flex;
        flex-wrap: nowrap;
        flex-direction:column;
        gap: 1rem;
    }

    .step {                     position:relative; width:unset; height:375px; text-align:center; }
    .step:nth-child(1) {                     position:relative; width:unset; height:500px; text-align:center; }
    .step_image {               position:relative; width:80%; top: 10px;left:50%; transform:translateX(-50%);}
        .step_image img {       width:100%;}
    .step_title {               position:relative; width:90%; top: 20px;left:50%; transform:translateX(-50%);}
    .step_subtitle {            position:relative; width:80%; top: 20px;left:50%; transform:translateX(-50%);font-size:var(--font-size-small);}
    .step_subtitle2{            position:relative; width:80%; top: 40px;left:50%; transform:translateX(-50%);font-size:var(--font-size-base);}
    .tnc {                      position:absolute; width:80%; bottom:20px; left:50%; transform:translateX(-50%);font-size:var(--font-size-small); text-align:center;}
 

    /*DISCOVER*/
    .discover {                 position: relative;width: 100%;height: clamp(800px, 90vh, 1000px);background: url(assets/discovermore/img_discover_bg.png) no-repeat;background-size: 100% 100%;}
    .discover_list {
        
        position: relative;
        width: 100%;
        top: 15%;
        overflow-x: auto;
        left: 50%;
        transform: translateX(-50%);
        height: 70%;
        scroll-snap-type: x mandatory;
        display: flex;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

        .discover_list::-webkit-scrollbar {
            display: none; /* hide scrollbar (Chrome/Safari) */
        }
     .discover_track {
        width:100%;
    }
    .discover_card {                position:absolute; float:left; top:0px; width:340px; height: 550px; text-align:center; background: url(assets/discovermore/img_discover_card.png); background-repeat:no-repeat; background-size:contain;}
    .discover_title {               position:relative; width:90%; top: 5%;left:50%; transform:translateX(-50%);}
    .discover_image {               position:relative; width:86%; top: 10%;left:50%; transform:translateX(-50%);}
        .discover_image img {       width:100%;}
    .discover_subtitle {            position:relative; width:86%; top: 12%;left:50%; transform:translateX(-50%);}
    .discover_button{               position:absolute; width:80%; top: 83%;left:50%; transform:translateX(-50%);}
    .discover_button img{           width:80%; }
     








    /*SHOWCASE*/
    .showcase {
        display: flex;
        flex-direction: column;
        gap: 0;
        overflow: hidden;
        width: 100%;
        height: 100vh;
        background-color: var(--gold);
        background-image: url('assets/bg_extra.png'); 
        background-size:contain;
    }
        .showcase .left {       width: 100vw;height:65vh;max-height:unset;}
        .showcase .right {
            flex: 1;
            background: url(assets/home/showcase_right.png) no-repeat;
            background-size: 100% 100%;
            border-top-left-radius: 30px;
            border-bottom-left-radius: 0px;
            border-top-right-radius: 30px;
            /*animation: undulate 3s linear infinite;*/
        }

        @keyframes undulate {
            0% {
                transform: translateY(0px) ;
            }

            50% {
                transform: translateY(10px);
            }
            100% {
                transform: translateY(0px);
            }
        }

    /*FOOTER*/
    .footer {                   left:0px; bottom: 0px;background-color: var(--brown); padding:0 0 70px 0 ;border-top-left-radius: 30px;border-top-right-radius: 30px;height: clamp(120px, 140px, 160px) ;width: 100%;}
        .footer ul {            list-style-type: none;padding: 20px;margin:0px;}
            .footer ul li {     width: 100%;text-align:center;padding: 5px 0px 5px 0px;}
            .footer ul li a {   text-decoration:none;color:var(--primary-font-color);font-size:var(--font-size-small)}
    .footer_round {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }



}


.scroll-cue {
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    gap: 0;
    z-index: 9999;
    cursor: pointer;
}

    /* wrapper div does vertical motion */
    .scroll-cue div {
        display: flex;
        justify-content: center;
        animation: bounceFade 1.5s infinite;
    }

    /* the actual chevron shape */
    .scroll-cue span {
        display: block;
        width: 12px;
        height: 12px;
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        transform: rotate(45deg);
        opacity: 1;
    }

    /* stagger each arrow */
    .scroll-cue div:nth-child(1) {
        animation-delay: 0s;
    }

    .scroll-cue div:nth-child(2) {
        animation-delay: 0s;
    }

    .scroll-cue div:nth-child(3) {
        animation-delay: 0s;
    }

@keyframes bounceFade {
    0%, 100% {
        transform: translateY(0);
        opacity: 0;
    }
      

    50% {
        transform: translateY(12px);
        opacity: 1;
    }
}

/* light mode */
@media (prefers-color-scheme: light) {
    .scroll-cue span {
        border-color: #333;
    }
}





 .trip-banner {
  position: relative;
  display: inline-block;
}
 
.star {
  position: absolute;
  width: 6px;
  height: 6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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);
  background-size:contain;
  border-radius: 50%;
  opacity: 0;
  animation: blink 2s infinite ease-in-out;
}


/* randomly position them around “Italy” area */
.s1 { top: 32%; left: 94%; animation-delay: 0.2s; }
.s2 { top: 60%; left: 72%; animation-delay: 1.1s; }
.s3 { top: 28%; left: 75%; animation-delay: 0.7s; }
.s4 { top: 86%; left: 94%; animation-delay: 1.8s; }

@keyframes blink {
  0%, 100% { opacity: 0.8; transform: scale(5.6); }
  50% { opacity: 1; transform: scale(10.2); }
}



@media print, screen and (max-width:40em) {
    @keyframes blink {
          0%, 100% { opacity: 0.8; transform: scale(2.6); }
          50% { opacity: 1; transform: scale(5.2); }
    }

}