.elementor-1814 .elementor-element.elementor-element-044f3af{--display:flex;--min-height:817px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1814 .elementor-element.elementor-element-044f3af:not(.elementor-motion-effects-element-type-background), .elementor-1814 .elementor-element.elementor-element-044f3af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://voyzant.lk/wp-content/uploads/2025/09/Group-303.webp");background-position:center center;background-size:cover;}.elementor-1814 .elementor-element.elementor-element-6ae5e2b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-1814 .elementor-element.elementor-element-8e47ebc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1814 .elementor-element.elementor-element-0284e3c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1814 .elementor-element.elementor-element-f1215fc.elementor-element{--align-self:center;}.elementor-1814 .elementor-element.elementor-element-f1215fc{text-align:center;}.elementor-1814 .elementor-element.elementor-element-f1215fc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:800;color:#FFFFFF;}.elementor-1814 .elementor-element.elementor-element-e9a0ce4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1814 .elementor-element.elementor-element-3e0d24f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1814 .elementor-element.elementor-element-099f4c5{--display:flex;}.elementor-1814 .elementor-element.elementor-element-7f2a9e7{text-align:start;}.elementor-1814 .elementor-element.elementor-element-7f2a9e7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;color:#005485;}.elementor-1814 .elementor-element.elementor-element-c93a185{--display:flex;}.elementor-1814 .elementor-element.elementor-element-1711ac4{text-align:start;}.elementor-1814 .elementor-element.elementor-element-1711ac4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-1814 .elementor-element.elementor-element-9a0f3c7{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1814 .elementor-element.elementor-element-7b6c218{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;line-height:32px;color:#000000;}.elementor-1814 .elementor-element.elementor-element-301f1dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-ucaddon_unlimited_timeline .ue_text_one{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_unlimited_timeline .ue_text_two{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_unlimited_timeline .ue_text_three{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_unlimited_timeline .ue_timeline_item_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_unlimited_timeline .ue_timeline_item_subtitle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_unlimited_timeline .ue_timeline_item_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_unlimited_timeline .ue_timeline_item_link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1814 .elementor-element.elementor-element-6c5a841 .elementor-repeater-item-252c3b3 .ue_timeline_item_image{object-position:center !important;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .elementor-repeater-item-fb00433 .ue_timeline_item_image{object-position:center !important;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .elementor-repeater-item-3d445bc .ue_timeline_item_image{object-position:center !important;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .elementor-repeater-item-cc17081 .ue_timeline_item_image{object-position:center !important;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .elementor-repeater-item-0d98a78 .ue_timeline_item_image{object-position:center !important;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_holder{width:69px;height:69px;font-size:0px;background-color:#FFA400;color:#010101;border-radius:50px 50px 50px 50px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon{width:69px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_image{width:0px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon.uc-active .ue_timeline_item_icon_holder{background-color:#FFA400;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_holder svg{fill:#010101;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_line_offset{height:100px;width:2px;background-color:#c3c3c3;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_text_one{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_text_two{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_text_three{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_content{margin-bottom:30px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_content_main{border-radius:14px 14px 14px 14px;padding:20px 20px 20px 20px;text-align:inherit;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_pointer_inside{background-color:#ECECEC00;height:27px;margin-top:0px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_pointer{width:20px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_pointer_spacer{width:20px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_line{width:2px;background-color:#c3c3c3;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_line_mask{background-color:#FFA400;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_line_offset_mask{background-color:#FFA400;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_image{width:50%;height:660px;opacity:100%;mix-blend-mode:normal;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_title{color:#000000;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;margin-top:0px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_subtitle{color:#000000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;margin-top:5px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_text{color:#000000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;margin-top:10px;}.elementor-1814 .elementor-element.elementor-element-3b647e3a{--spacer-size:250px;}@media(max-width:1024px){.elementor-1814 .elementor-element.elementor-element-6ae5e2b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1814 .elementor-element.elementor-element-f1215fc .elementor-heading-title{font-size:50px;}.elementor-1814 .elementor-element.elementor-element-7f2a9e7 .elementor-heading-title{font-size:18px;}.elementor-1814 .elementor-element.elementor-element-1711ac4 .elementor-heading-title{font-size:18px;}.elementor-1814 .elementor-element.elementor-element-7b6c218{font-size:16px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_image{width:48%;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_title{font-size:16px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_subtitle{font-size:12px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_text{font-size:16px;}}@media(max-width:767px){.elementor-1814 .elementor-element.elementor-element-6ae5e2b{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1814 .elementor-element.elementor-element-0284e3c{--justify-content:center;}.elementor-1814 .elementor-element.elementor-element-f1215fc .elementor-heading-title{font-size:37px;}.elementor-1814 .elementor-element.elementor-element-7f2a9e7{text-align:center;}.elementor-1814 .elementor-element.elementor-element-1711ac4{text-align:center;}.elementor-1814 .elementor-element.elementor-element-7b6c218{text-align:center;font-size:12px;line-height:2em;}.elementor-1814 .elementor-element.elementor-element-301f1dd{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_holder{font-size:6px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_image{width:6px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_line_offset{height:45px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_title{font-size:19px;}.elementor-1814 .elementor-element.elementor-element-6c5a841 .ue_timeline_item_text{font-size:12px;}}/* Start custom CSS for ucaddon_unlimited_timeline, class: .elementor-element-6c5a841 */<style>
  /* Custom CSS for Elementor Timeline Alignment */
/* Desktop styles (from your previous code) - remains unchanged for larger screens */

/* Target all timeline items to ensure left alignment */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item {
    text-align: left;
}

/* Ensure the main content block is always on the left */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content {
    width: 50%;
    float: left;
    left: 0 !important;
    right: auto !important;
    transform: translateX(0) !important;
}

/* Re-order the elements inside the content to place image/media on the right */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

/* Target the text content wrapper to be on the left */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_inside {
    order: 1;
    flex-grow: 1;
}

/* Target the image wrapper (the 'a' tag) to be on the right */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main > a {
    order: 2;
    max-width: 30%;
    height: auto;
}

/* Ensure the image itself scales correctly for desktop */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_image {
    width: 100%;
    height: 410px; /* Keep your fixed height for desktop */
    object-fit: cover !important;
    border-radius: 60px
}

/* Fix for the pointer/connector alignment */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_pointer {
    left: 100%;
    right: auto !important;
    margin-left: -1px;
}

/* Adjust the timeline item icon/day number position to match the left-aligned content */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

/* Clear the float for the next item if the timeline is not using an absolute positioning layout */
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item:after {
    content: "";
    display: table;
    clear: both;
}

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

    /* ---- card container ---- */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item {
        display:flex;
         flex-wrap:wrap;
          justify-content:center;
        margin-bottom:60px; 
        position:relative;
    }

    /* ---- ICON on TOP (centered) ---- */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon {
        position:absolute;
         top:-33px; left:50%; 
         transform:translateX(-50%);
        width:auto;
         z-index:2;
    }
    .elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_holder {
        width:66px; height:66px;
         line-height:66px;
        background:#FFA400;
         color:#010101;
          border-radius:50%;
        display:inline-flex;
         align-items:center; justify-content:center;
        font-size:18px;
    }

    /* ---- hide vertical line (we only need the dot) ---- */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon_line,
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon_line_offset { display:none !important; }

    /* ---- content + image side-by-side ---- */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content {
        width:100%;
         float:none;
          display:flex;
           flex-wrap:wrap;
        justify-content:space-between;
         align-items:flex-start;
        padding:45px 20px 20px;   /* top padding = icon height/2 + gap */
        background:#fff;
         border-radius:12px;
          box-shadow:0 4px 12px rgba(0,0,0,.08);
    }
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main {
        display:flex;
         flex:1;
          gap: 46px;
         align-items:flex-start;
    }

    /* ---- TEXT LEFT ---- */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_inside {
        flex:1 1 55%;
         order:1;
          text-align:left;
          margin-left: -20px;
    }
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_title,
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text {
         text-align:left; }

   /* IMAGE: Right side – WIDER */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main > a {
        flex: 0 0 54%;   /* Increased from 48% → 54% */
        order: 2;
    }
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_image {
        width: 100%;
        height: 340px;   /* Slightly taller for better proportion */
        object-fit: cover;
        object-position: center;
        border-radius: 50px;
        box-shadow: 0 6px 20px rgba(0,0,0,.12);
    }
    /* ---- pointer (triangle) – point from icon to card ---- */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_pointer { display:none !important; }
}
/* -------------------------------------------------------------------------- */
/* REVISED MOBILE SPECIFIC CSS ONLY (max-width: 767px)                        */
/* Goal: Clean, stacked, and fully centered design.                           */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) { 

    /* 1. Reset the main timeline item container for full-width stacking */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item {
        /* *** FIX: Remove the fixed width and float for responsiveness *** */
        float: none;
        width: 100% !important; /* Allow the item to take full mobile width */
        clear: both;
        text-align: center; 
        margin: 0 auto 30px auto; /* Center the entire item block and add spacing */
    }

    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text strong {
        display: block;
        text-align: center !important;
        margin: 8px auto 12px auto;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.3;
        color: #333; /* optional: adjust color if needed */
    }
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_title + .ue_timeline_item_text strong {
        margin-top: 10px;
    }
/* Center <strong> subtitles (e.g., Warm Welcomes and Coastal Charms) */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text strong {
        display: block;
        text-align: center !important;
        margin: 8px auto 12px auto;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.3;
        color: #222;
    }

    /* Center <b> taglines (e.g., First taste of Thailand’s energy...) */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text b,
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text em b {
        display: block;
        text-align: center !important;
        margin: 14px auto 8px auto;
        font-weight: 500;
        font-style: normal;
        font-size: 13px;
        line-height: 1.5;
       color: #222;
        max-width: 90%;
    }

    /* Optional: Add spacing after title */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_title {
        margin-bottom: 8px;
    }

    /* Ensure bullet list stays left-aligned but centered block */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text ul {
        text-align: left;
        display: inline-block;
        margin: 10px auto;
        padding-left: 20px;
    }
    /* 2. Force the content box to full width and center it */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content {
        width: 100%; /* Full width on mobile */
        float: none; /* Remove desktop float */
        position: relative;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        padding: 0 15px; /* Add internal padding for better look on edges */
    }
    
    /* 3. Set the main content area to stack vertically (column) */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main {
        display: flex;
        flex-direction: column; /* Stack vertically: Text on top, Image below */
        align-items: center; /* Center the entire block content horizontally */
        gap: 15px; /* Spacing between text and image */
        width: 100%;
    }

    /* 4. Text Content (Title and Description) */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_inside {
        order: 1; /* Place text first (top) */
        width: 100%; 
        text-align: center; /* Center the title and description text */
    }
    
    /* Ensure the title and text are centered */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_title,
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text {
        text-align: center !important;
        width: 100%;
        max-width: 90%; /* Keep text from touching the very edge */
        margin: 0 auto;
    }

    /* 5. Image (wrapped in <a> tag) - Now set to nearly full width */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main > a {
        order: 2; /* Place image second (bottom) */
        /* Take up generous width but leave a little space on the sides */
        max-width: 95%; 
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 6. Image Styling (Cover and Center) */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_image {
        width: 100%;
        height: 302px; /* Fixed height for consistent look */
        object-fit: cover; /* Crops image to fill the space */
        object-position: center center; /* Keeps the focus area centered */
        border-radius: 50px; /* Optional: Adds a subtle rounded corner for better design */
    }
    
    /* 7. Timeline Indicator/Icon (Day Number) adjustments for mobile */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon {
        position: relative;
        left: auto;
        transform: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    /* Hide the connecting line/pointer elements for a cleaner mobile stack */
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_pointer,
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon_line,
    #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon_line_offset {
        display: none !important;
    }
        #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_icon{
            width: 10%;
        }
            #uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_content_main{
                margin-left: -50px;
            }
.elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_holder{
margin-right: -20px !important;}

.elementor-element.elementor-element-6c5a841 .ue_timeline_item_icon_holder {
    width: 66px;
    height: 66px;
    font-size: 0px;
    background-color: #FFA400;
    color: #010101;
    border-radius: 50px 50px 50px 50px;
    transform: translateX(150px);
    margin-top: -50px;
}
#uc_unlimited_timeline_elementor_6c5a841 .ue_timeline_item_text {
    text-align:left !important;
}
            
}
<\/style>/* End custom CSS */