*,
p {
    margin: 0
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: inherit;
}

@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url("/assets/font/gilroy-bold/Gilroy-ExtraBold.otf");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "Gilroy-Light";
    src: url("/assets/font/gilroy-bold/Gilroy-Light.ttf");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "Gilroy-Medium";
    src: url("/assets/font/gilroy-bold/Gilroy-Medium.ttf");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "Gilroy-Black";
    src: url("/assets/font/gilroy-bold/gilroy-black.ttf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Gilroy-Bold";
    src: url("/assets/font/gilroy-bold/Gilroy-Bold.ttf");
    font-weight: 400;
    font-style: normal
}

* {
    padding: 0;
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1
}

button {
    box-shadow: none;
    border: none;
    background: 0 0
}

button:focus {
    outline: 0
}

@media screen and (min-width: 1025px) {

    .offer_section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .offer_section video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* fills without distortion */
    }

    .offer_section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(16, 35, 52, 0.00) 0%, rgba(16, 35, 52, 0.00) 50%, rgba(16, 35, 52, 0.85) 70%, #102334 100%);
        z-index: 1;
    }

    .logo_image {
        position: absolute;
        z-index: 3;
        top: calc((30 * 100vw) / 1920);
        left: 50%;
        transform: translateX(-50%);
    }

    .logo_image img{
        height: calc((129 * 100vw) / 1920);
        width: auto;
    }

    .offer_section_content {
        position: absolute;
        z-index: 3;
        bottom: calc((60 * 100vw) / 1920);
        left: 50%;
        transform: translateX(-50%);
    }

    .date_event {
        color: #FBC30A;
        text-align: center;
        font-family: "Gilroy-ExtraBold";
        font-size: calc((32 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((9.6 * 100vw) / 1920);
        text-transform: uppercase;

        padding-bottom: calc((13 * 100vw) / 1920);
    }

    .event_explanation {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Light";
        font-size: calc((24 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: calc((2.4 * 100vw) / 1920);

        padding-bottom: calc((34 * 100vw) / 1920);
    }

    .event_request {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .event_request_cta {
        color: #102334;
        text-align: center;
        font-family: "Gilroy-Black";
        font-size: calc((30 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: calc((28 * 100vw) / 1920);
        letter-spacing: calc((4.8 * 100vw) / 1920);
        text-transform: uppercase;

        border-radius: 24px;
        border: 2px solid rgba(255, 255, 255, 0.00);
        background: linear-gradient(307deg, #FBC30A 2.67%, #FEDE75 126.51%);

        display: flex;
        width: calc((300 * 100vw) / 1920);
        height: calc((60 * 100vw) / 1920);
        padding: 
            calc((16 * 100vw) / 1920)
            calc((30 * 100vw) / 1920)
            calc((12 * 100vw) / 1920)
            calc((30 * 100vw) / 1920);
        
        justify-content: center;
        align-items: center;
    }









    .expirience_section {
        padding-top: calc((100 * 100vw) / 1920);
        padding-bottom: calc((70 * 100vw) / 1920);
    }

    .expirience_section_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((32 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((12.8 * 100vw) / 1920);
    }

    .expiriences_container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        
        gap: calc((20 * 100vw) / 1920);

        padding-top: calc((50 * 100vw) / 1920);
    }

    .expiriece img {
        height: calc((388 * 100vw) / 1920);
        width: auto;
    }

    .expiriece {
        position: relative;
    }

    .expicince_description {
        position: absolute;
        top: calc((270 * 100vw) / 1920); /* responsive 25px */
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    .expicince_description_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((32 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: calc((2.56 * 100vw) / 1920);
        padding-bottom: calc((15 * 100vw) / 1920);
    }

    .expicince_description_explanation {
        color: #FBC618;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        padding-left: calc((37 * 100vw) / 1920);
        padding-right: calc((37 * 100vw) / 1920);
    }













    .place_section {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        /* margin-bottom: calc((-20 * 100vw) / 1920); */
        z-index: 4;
    }


    .place_section_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((32 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((12.8 * 100vw) / 1920);
        text-transform: uppercase;
    }

    .place_section_explanation {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .place_section_explanation_extra {
        color: #FBC618;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



    .place_section_video {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100vh;
    }

    .place_section_video::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #102334 0%, rgba(16, 35, 52, 0.00) 24.78%, rgba(16, 35, 52, 0.00) 71.68%, #102334 93.87%);
        z-index: 1;
    }

    .place_section_video video {
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }





    .itinerary_section  {
        position: relative;
        z-index: 2;
    }

    .itinerary_section {
        width: 100%;
        height: auto;
    }

    .itinerary_section img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }

    .itinerary_section_title {
        position: absolute;
        top: calc((83 * 100vw) / 1920);
        left: 50%;
        transform: translateX(-50%);

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((32 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((12.8 * 100vw) / 1920);
    }


    .itinerary_section_calendar {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc((20 * 100vw) / 1920);
        top: calc((180 * 100vw) / 1920);

        left: 50%;
        transform: translateX(-50%);
    }

    .itinerary_section_day {
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 40%);
        background: linear-gradient(354deg, rgba(16, 35, 52, 0.91) -162.09%, rgba(0, 0, 0, 0.00) 137%), linear-gradient(354deg, rgba(16, 35, 52, 0.91) -162.09%, rgba(0, 0, 0, 0.00) 137%), linear-gradient(282deg, rgba(33, 62, 87, 0.13) 8.45%, rgba(10, 29, 20, 0.00) 114.13%);

        width: calc((310 * 100vw) / 1920);
        height: calc((296 * 100vw) / 1920);

        position: relative;

        display: flex;               
        flex-direction: column;       
        /* justify-content: center;       */
        /* align-items: center;  */
    }

    .itinerary_day {
        color: #FCCA22;
        font-family: "Gilroy-Bold";
        font-size: calc((32 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((2.56 * 100vw) / 1920);

        padding-top: calc((35 * 100vw) / 1920);
        padding-bottom: calc((16 * 100vw) / 1920);
        padding-left: calc((50 * 100vw) / 1920);

        text-align: center;
        padding-left: 0;
    }


    .itinerary_day_activities {
        list-style: disc;
        padding-left: calc((50 * 100vw) / 1920);
        text-align: left;
        
    }

    .itinerary_day_activities li {
        color: #FFF;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1920);
        line-height: calc((36 * 100vw) / 1920);
        text-align: left;
    }

    .itinerary_section_extra {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc((519 * 100vw) / 1920);

        /* color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((18 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal; */
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((30 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((8 * 100vw) / 1920);
    }









    

    .footer {
        display: block;
        position: relative;
        height: calc((110 * 100vw) / 1920);
        background: #102334;
        z-index: 3;

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((18 * 100vw) / 1920);
        font-style: normal;
        font-weight: 400;
        line-height: calc((50 * 100vw) / 1920);

        
    }

    .footer_content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;

        background: linear-gradient(
            to right,
            rgba(204, 204, 204, 0) 0%,
            #FFFFFF 50%,
            rgba(204, 204, 204, 0) 100%
        );
    }



    

    .fading_text_banner  span{
        color: #FFF;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: calc((100 * 100vw) / 1920);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc((12.8 * 100vw) / 1920);

        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);

        width: 100%;
        padding: 0 24px; 
        box-sizing: border-box;
        white-space: normal;
        word-break: break-word;

    }


    .fading_text_banner {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;

        width: 100%;
        max-width: 90%;
    }

    .fade_text {
        position: absolute;
        transform: translateX(-50%);
        opacity: 0;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .offer_section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .offer_section video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* fills without distortion */
    }

    .offer_section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(16, 35, 52, 0.00) 0%, rgba(16, 35, 52, 0.00) 55%, rgba(16, 35, 52, 0.85) 71%, #102334 100%);
        z-index: 1;
    }

    .logo_image {
        position: absolute;
        z-index: 3;
        top: calc((22 * 100vw) / 1280);
        left: 50%;
        transform: translateX(-50%);
    }

    .logo_image img{
        height: calc((127 * 100vw) / 1280);
        width: auto;
    }

    .offer_section_content {
        position: absolute;
        z-index: 3;
        bottom: calc((20 * 100vw) / 1280);
        left: 50%;
        transform: translateX(-50%);
    }

    .date_event {
        color: #FBC30A;
        text-align: center;
        font-family: "Gilroy-ExtraBold";
        font-size: calc((30 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((4.2 * 100vw) / 1280);
        text-transform: uppercase;

        padding-bottom: calc((20 * 100vw) / 1280);
    }

    .event_explanation {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Light";
        font-size: calc((22 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: calc((2.2 * 100vw) / 1280);

        padding-bottom: calc((24 * 100vw) / 1280);
    }

    .event_request {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .event_request_cta {
        color: #102334;
        text-align: center;
        font-family: "Gilroy-Black";
        font-size: calc((30 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: calc((28 * 100vw) / 1280);
        letter-spacing: calc((4.8 * 100vw) / 1280);
        text-transform: uppercase;

        border-radius: 24px;
        border: 2px solid rgba(255, 255, 255, 0.00);
        background: linear-gradient(307deg, #FBC30A 2.67%, #FEDE75 126.51%);

        display: flex;
        width: calc((300 * 100vw) / 1280);
        height: calc((60 * 100vw) / 1280);
        padding: 
            calc((16 * 100vw) / 1280)
            calc((30 * 100vw) / 1280)
            calc((12 * 100vw) / 1280)
            calc((30 * 100vw) / 1280);
        
        justify-content: center;
        align-items: center;
    }









    .expirience_section {
        padding-top: calc((33 * 100vw) / 1280);
        padding-bottom: calc((50 * 100vw) / 1280);
    }

    .expirience_section_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((30 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((12 * 100vw) / 1280);
    }

    .expiriences_container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        
        gap: calc((20 * 100vw) / 1280);

        padding-top: calc((37 * 100vw) / 1280);
    }

    .expiriece img {
        height: calc((330 * 100vw) / 1280);
        width: auto;
    }

    .expiriece {
        position: relative;
    }

    .expicince_description {
        position: absolute;
        top: calc((230 * 100vw) / 1280); /* responsive 25px */
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    .expicince_description_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((24 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: calc((1.92 * 100vw) / 1280);
        padding-bottom: calc((9 * 100vw) / 1280);
    }

    .expicince_description_explanation {
        color: #FBC618;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding-left: calc((32 * 100vw) / 1024);
        padding-right: calc((32 * 100vw) / 1024);
    }













    .place_section {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: calc((-20 * 100vw) / 1280);
        z-index: 4;
    }


    .place_section_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((30 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((12 * 100vw) / 1280);
        text-transform: uppercase;
    }

    .place_section_explanation {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .place_section_explanation_extra {
        color: #FBC618;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



    .place_section_video {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100vh;
    }

    .place_section_video::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #102334 0%, rgba(16, 35, 52, 0.00) 24.78%, rgba(16, 35, 52, 0.00) 71.68%, #102334 93.87%);
        z-index: 1;
    }

    .place_section_video video {
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }





    .itinerary_section  {
        position: relative;
        z-index: 2;
    }

    .itinerary_section {
        width: 100%;
        height: calc((550 * 100vw) / 1024);
    }

    .itinerary_section img {
        display: block;
        position: relative;
        width: 100%;
        height: calc((550 * 100vw) / 1024);
        object-fit: cover;
    }

    .itinerary_section_title {
        position: absolute;
        top: calc((80 * 100vw) / 1280);
        left: 50%;
        transform: translateX(-50%);

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((24 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((12 * 100vw) / 1280);
    }


    .itinerary_section_calendar {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc((20 * 100vw) / 1280);
        top: calc((180 * 100vw) / 1280);

        left: 50%;
        transform: translateX(-50%);
    }

    .itinerary_section_day {
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 40%);
        background: linear-gradient(354deg, rgba(16, 35, 52, 0.91) -162.09%, rgba(0, 0, 0, 0.00) 137%), linear-gradient(354deg, rgba(16, 35, 52, 0.91) -162.09%, rgba(0, 0, 0, 0.00) 137%), linear-gradient(282deg, rgba(33, 62, 87, 0.13) 8.45%, rgba(10, 29, 20, 0.00) 114.13%);

        width: calc((220 * 100vw) / 1280);
        height: calc((296 * 100vw) / 1280);

        position: relative;
        display: flex;               
        flex-direction: column;  
    }

    .itinerary_day {
        color: #FCCA22;
        font-family: "Gilroy-Bold";
        font-size: calc((24 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((1.92 * 100vw) / 1280);

        padding-top: calc((30 * 100vw) / 1280);
        padding-bottom: calc((20 * 100vw) / 1280);
        padding-left: calc((21 * 100vw) / 1280);

        text-align: center;
        padding-left: 0;
    }


    .itinerary_day_activities {
        list-style: disc;
        padding-left: calc((35 * 100vw) / 1280);
        padding-right: calc((15 * 100vw) / 1280);
        text-align: left;
    }

    .itinerary_day_activities li {
        color: #FFF;
        font-family: "Gilroy-Medium";
        font-size: calc((14 * 100vw) / 1280);
        line-height: calc((32 * 100vw) / 1280);
    }

    .itinerary_section_extra {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc((519 * 100vw) / 1280);

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((18 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }









    

    .footer {
        display: block;
        position: relative;
        height: calc((110 * 100vw) / 1280);
        background: #102334;
        z-index: 3;

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((18 * 100vw) / 1280);
        font-style: normal;
        font-weight: 400;
        line-height: calc((50 * 100vw) / 1280);

        
    }

    .footer_content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;

        background: linear-gradient(
            to right,
            rgba(204, 204, 204, 0) 0%,
            #FFFFFF 50%,
            rgba(204, 204, 204, 0) 100%
        );
    }



    .fading_text_banner  span{
        color: #FFF;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: calc((100 * 100vw) / 1920);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc((12.8 * 100vw) / 1920);

        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);

        width: 100%;
        padding: 0 24px; 
        box-sizing: border-box;
        white-space: normal;
        word-break: break-word;

    }


    .fading_text_banner {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;

        width: 100%;
        max-width: 90%;
    }

    .fade_text {
        position: absolute;
        transform: translateX(-50%);
        opacity: 0;
    }
}

@media screen and (max-width: 767px) {

    .offer_section {
        position: relative;
        width: 100%;
        /* height: calc((675 * 100vw) / 460); */
        height: 100vh;
        /* overflow: hidden; */
    }

    .offer_section video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /* height: calc((540 * 100vw) / 460); */
        height: 100vh;
        object-fit: cover;
    }

    .offer_section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: linear-gradient(180deg, rgba(16, 35, 52, 0.00) 0%, rgba(16, 35, 52, 0.00) 35%, rgba(16, 35, 52, 0.85) 70%, #102334 90%,#102334 100%);
        z-index: 1;
    }

    .logo_image {
        position: absolute;
        z-index: 3;
        top: calc((20 * 100vw) / 460);
        left: 50%;
        transform: translateX(-50%);
    }

    .logo_image img{
        height: calc((64 * 100vw) / 460);
        width: auto;
    }

    .offer_section_content {
        position: absolute;
        z-index: 4;
        /* bottom: calc((130 * 100vw) / 460); */
        /* bottom: calc((-428 * 100vw) / 460); */
        bottom: 0;
        /* margin-top: calc((428 * 100vw) / 460); */
        top: 100vh;

        left: 0;
        width: 100%;

        padding-left: 24px;
        padding-right: 24px;
    }

    .date_event {
        color: #FBC30A;
        text-align: center;
        font-family: "Gilroy-ExtraBold";
        font-size: calc((18 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((2.52 * 100vw) / 460);
        text-transform: uppercase;

        padding-bottom: calc((10 * 100vw) / 460);
    }

    .event_explanation {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Light";
        font-size: calc((18 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: 156%;
        letter-spacing: calc((1.8 * 100vw) / 460);

        padding-bottom: calc((30 * 100vw) / 460);
    }

    .event_request {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .event_request_cta {
        color: #102334;
        text-align: center;
        font-family: "Gilroy-Black";
        font-size: calc((24 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: calc((31 * 100vw) / 460);
        letter-spacing: calc((2 * 100vw) / 460);
        text-transform: uppercase;

        border-radius: 24px;
        border: 2px solid rgba(255, 255, 255, 0.00);
        background: linear-gradient(307deg, #FBC30A 2.67%, #FEDE75 126.51%);

        display: flex;
        width: calc((240 * 100vw) / 460);
        height: calc((50 * 100vw) / 460);
        padding: 
            calc((12 * 100vw) / 460)
            calc((30 * 100vw) / 460)
            calc((12 * 100vw) / 460)
            calc((30 * 100vw) / 460);
        
        justify-content: center;
        align-items: center;
    }









    .expirience_section {
        padding-top: calc((300 * 100vw) / 460);
        /* padding-top: calc((10 * 100vw) / 460); */
        padding-bottom: calc((33 * 100vw) / 460);
    }

    .expirience_section_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((20 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((8 * 100vw) / 460);
    }

    /* .expiriences_container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        
        gap: calc((6 * 100vw) / 460);

        padding-top: calc((23 * 100vw) / 460);
    } */

    .expiriences_container {
        display: grid;
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        gap: calc((6 * 100vw) / 460);

        padding-top: calc((23 * 100vw) / 460);
    }

    /* .expiriece img {
        height: calc((330 * 100vw) / 460);
        width: auto;
        
    } */

    .expiriece img {
        display: block;
        width: calc((203 * 100vw) / 460);
        height: calc((254 * 100vw) / 460);
        object-fit: cover;
    }

    .expiriece {
        position: relative;
        width: calc((203 * 100vw) / 460);
    }

    .expicince_description {
        position: absolute;
        top: calc((178 * 100vw) / 460);
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    .expicince_description_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((18 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: calc((1.44 * 100vw) / 460);
        padding-bottom: calc((6 * 100vw) / 460);
    }

    .expicince_description_explanation {
        color: #FBC618;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((13 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        padding-left: calc((10 * 100vw) / 460);
        padding-right: calc((10 * 100vw) / 460);
    }













    .place_section {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        /* margin-bottom: calc((-20 * 100vw) / 460); */
        z-index: 4;
    }


    .place_section_header {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((20 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((8 * 100vw) / 460);
        text-transform: uppercase;
    }

    .place_section_explanation {
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-left: calc((35 * 100vw) / 460);
        padding-right: calc((35 * 100vw) / 460);
    }

    .place_section_explanation_extra {
        color: #FBC618;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



    .place_section_video {
        position: relative;
        z-index: 1;
        width: 100%;
        height: calc((345 * 100vw) / 460);
        overflow: hidden;
    }

    .place_section_video::after {
        content: "";
        position: absolute;
        inset: 0; 
        background: linear-gradient(
            0deg,
            #102334 0%,
            rgba(16, 35, 52, 0.00) 24.78%,
            rgba(16, 35, 52, 0.00) 71.68%,
            #102334 93.87%
        );
        z-index: 1;
    }

    .place_section_video video {
        display: block;
        width: 100%;
        /* width: calc((460 * 100vw) / 460); */
        /* height: 100%; */
        height: calc((345 * 100vw) / 460);
        object-fit: cover;
    }





    .itinerary_section  {
        position: relative;
        z-index: 2;
    }

    .itinerary_section {
        width: 100%;
        height: calc((768 * 100vw) / 460);
    }

    .itinerary_section img {
        display: block;
        position: relative;
        width: 100%;
        height: calc((768 * 100vw) / 460);
        object-fit: cover;
    }

    .itinerary_section_title {
        position: absolute;
        top: calc((60 * 100vw) / 460);
        left: 50%;
        transform: translateX(-50%);

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((20 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((8 * 100vw) / 460);
    }


    .itinerary_section_calendar {
        display: grid;
        grid-template-columns: repeat(2, auto); 
        justify-content: center;
        row-gap: calc((10 * 100vw) / 460);
        column-gap: calc((6 * 100vw) / 460);

        position: absolute;
        top: calc((115 * 100vw) / 460);
        left: 50%;
        transform: translateX(-50%);
    }

    .itinerary_section_day {
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 40%);
        background: linear-gradient(354deg, rgba(16, 35, 52, 0.91) -162.09%, rgba(0, 0, 0, 0.00) 137%), linear-gradient(354deg, rgba(16, 35, 52, 0.91) -162.09%, rgba(0, 0, 0, 0.00) 137%), linear-gradient(282deg, rgba(33, 62, 87, 0.13) 8.45%, rgba(10, 29, 20, 0.00) 114.13%);

        width: calc((203 * 100vw) / 460);
        height: calc((266 * 100vw) / 460);
        
        position: relative;

        display: flex;               
        flex-direction: column; 
    }

    .itinerary_day {
        color: #FCCA22;
        font-family: "Gilroy-Bold";
        font-size: calc((20 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((1.6 * 100vw) / 460);

        padding-top: calc((35 * 100vw) / 460);
        padding-bottom: calc((15 * 100vw) / 460);
        padding-left: calc((39 * 100vw) / 460);

        text-align: center;
        padding-left: 0;
    }


    .itinerary_day_activities {
        list-style: disc;
        padding-left: calc((35 * 100vw) / 460);
        padding-right: calc((18 * 100vw) / 460);
        list-style-position: outside;
        text-align: left;
    }

    .itinerary_day_activities li {
        color: #FFF;
        font-family: "Gilroy-Medium";
        font-size: calc((14 * 100vw) / 460);
        line-height: calc((26 * 100vw) / 460);

        white-space: normal;
        word-break: break-word;
        display: list-item;
    }

    .itinerary_section_extra {
        position: absolute;
        top: calc((700 * 100vw) / 460);

        left: 0;
        width: 100%;

        padding-left: calc((24 * 100vw) / 460);
        padding-right: calc((24 * 100vw) / 460);

        /* color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 460);
        font-weight: 400;
        line-height: normal; */
        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Bold";
        font-size: calc((16 * 100vw) / 460);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc((4 * 100vw) / 460);
    }









    

    .footer {
        display: flex;
        justify-content: center;
        align-items: center;

        position: relative;
        background: #102334;
        z-index: 3;

        min-height: calc((110 * 100vw) / 460);
        padding: calc((16 * 100vw) / 460) 24px;
        box-sizing: border-box;

        color: #FFF;
        text-align: center;
        font-family: "Gilroy-Medium";
        font-size: calc((16 * 100vw) / 460);
        line-height: 1.4;
    }

    .footer_content {
        position: static;
        transform: none;
        width: 100%;
    }

    .footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;

        background: linear-gradient(
            to right,
            rgba(204, 204, 204, 0) 0%,
            #FFFFFF 50%,
            rgba(204, 204, 204, 0) 100%
        );
    }

    .mobile_remove {
        display: none;
    }



     .fading_text_banner span {
        position: absolute;
        top: 50%;
        left: 0;               
        transform: translateY(-50%);

        width: 100%;
        padding: 0 20px;       
        box-sizing: border-box;

        text-align: center;

        color: #FFF;
        font-family: "Inter", sans-serif;
        font-size: calc((40 * 100vw) / 460);
        font-weight: 700;
        letter-spacing: calc((4 * 100vw) / 460);

        white-space: normal;
        word-break: break-word;
    }


    .fading_text_banner {
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        transform: none; 
        z-index: 3;

        max-width: 100%;
    }

    .fade_text {
        position: absolute;
        /* left: 50%; */
        transform: none;
        opacity: 0;
    }
}




.video-mobile {
    display: none !important;
}

.video-desktop {
    display: block !important;
}

@media screen and (min-width: 768px) {
    .t1 {
        animation: fadeSequence 14.4s ;
        animation-delay: 0s;
    }

    .t2 {
        animation: fadeSequence 14.4s ;
        animation-delay: 4.8s;
    }

    .t3 {
        animation: fadeSequence 14.4s ;
        animation-delay: 9.6s;
    }
}

@media screen and (max-width: 767px) {
    .video-desktop {
        display: none !important;
    }

    .video-mobile {
        display: block !important;
    }

    .fade_text {
        opacity: 0;
        animation-play-state: paused;
    }

    .fading_text_banner.is-playing .t1 {
        animation: fadeSequence 14.4s ;
        animation-delay: 0s;
        animation-play-state: running;
    }

    .fading_text_banner.is-playing .t2 {
        animation: fadeSequence 14.4s ;
        animation-delay: 4.8s;
        animation-play-state: running;
    }

    .fading_text_banner.is-playing .t3 {
        animation: fadeSequence 14.4s ;
        animation-delay: 9.6s;
        animation-play-state: running;
    }
}



@keyframes fadeSequence {
    0%   { opacity: 0; }

    8%   { opacity: 1; }    
    20%  { opacity: 1; } 

    30%  { opacity: 0; }   

    100% { opacity: 0; }    
}



html.scroll-locked,
body.scroll-locked {
    overflow: hidden;
    height: 100%;
    touch-action: none;
}

.mobile-video-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    background: #102334;
}

.mobile-video-loader.is-visible {
    display: flex;
}

.mobile-video-loader__spinner {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255,255,255,0.25);
    border-top-color: #FBC30A;
    border-radius: 50%;
    animation: mobileSpin 0.8s linear infinite;
}

@keyframes mobileSpin {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (min-width: 768px) {
    .mobile-video-loader {
        display: none !important;
    }
}