.elementor-36 .elementor-element.elementor-element-2f817ea{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:020px 0px;--row-gap:020px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-2f817ea:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-2f817ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://testing2.mytravelguia.com/wp-content/uploads/2024/10/Rectangle182-ezgif.com-speed.gif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-36 .elementor-element.elementor-element-2f817ea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-a870370 > .elementor-widget-container{margin:05px 0px 05px 0px;}.elementor-36 .elementor-element.elementor-element-a870370{text-align:center;}.elementor-36 .elementor-element.elementor-element-a870370 .elementor-heading-title{font-family:"Kodchasan", Sans-serif;font-size:40px;font-weight:700;line-height:1.4em;}.elementor-36 .elementor-element.elementor-element-3efbdc2{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-05d6929 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-05d6929.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-05d6929{text-align:center;}.elementor-36 .elementor-element.elementor-element-05d6929 .elementor-heading-title{font-family:"Kodchasan", Sans-serif;font-size:28px;font-weight:700;line-height:1px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-36 .elementor-element.elementor-element-a870370{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-36 .elementor-element.elementor-element-a870370 .elementor-heading-title{font-size:24px;line-height:1.3em;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-2f817ea{--content-width:13501140px;}.elementor-36 .elementor-element.elementor-element-3efbdc2{--width:130px;}}@media(max-width:1024px) and (min-width:768px){.elementor-36 .elementor-element.elementor-element-2f817ea{--content-width:700px;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-2f817ea{--content-width:390px;--min-height:100vh;}.elementor-36 .elementor-element.elementor-element-2f817ea:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-2f817ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-36 .elementor-element.elementor-element-553e3f6 img{width:100%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-36 .elementor-element.elementor-element-a870370{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-36 .elementor-element.elementor-element-a870370.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-a870370 .elementor-heading-title{font-size:20px;}.elementor-36 .elementor-element.elementor-element-3efbdc2{--width:150px;}}/* Start custom CSS for heading, class: .elementor-element-05d6929 */.button {
    display: inline-block;
    width: 130px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    background-color: #FFB703;
    color: #000;
    border: none;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;

}

.button:hover{
    background-color: #FFB703;
    color: #000;
}

.button:focus{
    background-color: #FFB703;
    color: #000;
}
.text {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
    animation: slideUp 6s infinite;
}

.text1 {
    animation-delay: 0s;
}

.text2 {
    animation-delay: 2s;
}

.text3 {
    animation-delay: 4s;
}

@keyframes slideUp {
    0% { transform: translateY(100%); }
    10%, 30% { transform: translateY(0); }
    40%, 100% { transform: translateY(-100%); }
}

@media only screen and (max-width: 768px) {
    .button {
        width: 150px;  /* Smaller width for mobile */
        height: 40px;  /* Smaller height for mobile */
        font-size: 18px; /* Reduce font size for better readability */
        border-radius: 12px; /* Adjust border radius */
    }

    .text {
        font-size: 18px!important; /* Adjust the text size in the animation */
    }

    .moving-circle, .moving-circle2 {
        width: 8px;
        height: 8px;
    }
}


/*.button {*/
/*            display: inline-block;*/
/*            width: 150px;*/
/*            height: 40px;*/
/*            font-size: 24px;*/
/*            cursor: pointer;*/
/*            background-color: #FFB703;*/
/*            color: #000;*/
/*            border: none;*/
/*            border-radius: 8px;*/
/*            position: relative;*/
/*            overflow: hidden;*/
/*            display: flex;*/
/*            align-items: center;*/
/*            justify-content: center;*/
/*            font-weight: 600;*/
/*        }*/
/*        .button:hover{*/
/*    background-color: #FFB703;*/
/*    color: #000;*/
/*}*/
/*.button:focus{*/
/*    background-color: #FFB703;*/
/*    color: #000;*/
/*}*/

/*        .text {*/
/*            position: absolute;*/
/*            left: 0;*/
/*            width: 100%;*/
/*            height: 100%;*/
/*            display: flex;*/
/*            align-items: center;*/
/*            justify-content: center;*/
/*            transform: translateY(100%);*/
/*            animation: slideUp 6s infinite;*/
/*        }*/

/*        .text1 {*/
/*            animation-delay: 0s;*/
/*        }*/

/*        .text2 {*/
/*            animation-delay: 2s;*/
/*        }*/

/*        .text3 {*/
/*            animation-delay: 4s;*/
/*        }*/

/*        @keyframes slideUp {*/
/*            0% { transform: translateY(100%); }*/
/*            10%, 30% { transform: translateY(0); }*/
/*            40%, 100% { transform: translateY(-100%); }*/
/*        }*/


/*@media only screen and (max-width: 768px) {*/
/*    .button {*/
/*        width: 150px; */
/*        height: 40px;  */
/*        font-size: 18px; */
/*        border-radius: 12px; */
/*    }*/

/*    .text {*/
/*        font-size: 18px!important; */
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3efbdc2 */#container:before{
    content:'';
     position: absolute;
            width: 5px;
            height: 5px;
            background:#FFB703;
            /*background: radial-gradient(circle, rgba(151, 71, 255, 1), #9747FF);*/
            
            border-radius: 2.5px;
            box-shadow: 0px 0px 10px 10px #FFB703;
            
            animation: moveCircle 4s linear infinite;
            top: -5px;
            left: 0px;
        }
#container:after{
    content:'';
     position: absolute;
            width: 5px;
            height: 5px;
            background:#FFB703;
            /*background: radial-gradient(circle, rgba(151, 71, 255, 1), #9747FF);*/
            
            border-radius: 2.5px;
            box-shadow: 0px 0px 10px 10px #FFB703;
            animation: moveCircle2 4s linear infinite;
            bottom: -10px;
            right: -10px;
}   

@keyframes moveCircle {

            0% {
                top: -5px;
                left: 0px;
            }

            25% {
                top: -5px;
                left: 100%;
            }

            50% {
                top: 100%;
                left: 100%;
            }

            75% {
                top: 100%;
                left: 0px;
            }

            100% {
                top: -5px;
                left: 0px;
            }
        }
@keyframes moveCircle2 {

            0% {
                bottom: -5px;
                right: 0px;
            }

            25% {
                bottom: -5px;
                right: 100%;
            }

            50% {
                bottom: 100%;
                right: 100%;
            }

            75% {
                bottom: 100%;
                right: -5px;
            }

            100% {
                bottom: -5px;
                right: -5px;
            }
        }/* End custom CSS */