.elementor-944 .elementor-element.elementor-element-a92844b{--display:flex;--min-height:400px;--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;--background-transition:0.3s;}.elementor-944 .elementor-element.elementor-element-a92844b:not(.elementor-motion-effects-element-type-background), .elementor-944 .elementor-element.elementor-element-a92844b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://strawberryhagiangloop.com/wp-content/uploads/2026/01/ChatGPT-Image-02_35_18-9-thg-1-2026.webp");background-position:0px -430px;background-repeat:no-repeat;background-size:cover;}.elementor-944 .elementor-element.elementor-element-a92844b, .elementor-944 .elementor-element.elementor-element-a92844b::before{--border-transition:0.3s;}.elementor-944 .elementor-element.elementor-element-59fc076{--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;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-944 .elementor-element.elementor-element-59fc076:not(.elementor-motion-effects-element-type-background), .elementor-944 .elementor-element.elementor-element-59fc076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-944 .elementor-element.elementor-element-59fc076, .elementor-944 .elementor-element.elementor-element-59fc076::before{--border-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-944 .elementor-element.elementor-element-42805cf > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-944 .elementor-element.elementor-element-42805cf{text-align:center;}.elementor-944 .elementor-element.elementor-element-42805cf .elementor-heading-title{color:#F29F33;font-family:"Inter", Sans-serif;font-size:35px;font-weight:600;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-944 .elementor-element.elementor-element-c2fea1b > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-944 .elementor-element.elementor-element-c2fea1b{text-align:center;color:#FFFFFF;font-family:"Helvetica", Sans-serif;font-weight:700;}.elementor-944 .elementor-element.elementor-element-ddbb3eb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-944 .elementor-element.elementor-element-2109e47 .elementor-repeater-item-0ebbcb8 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://strawberryhagiangloop.com/wp-content/uploads/2025/05/Ha-Giang-Bus-Tickets-1-1.jpg);background-size:cover;}.elementor-944 .elementor-element.elementor-element-2109e47 .elementor-repeater-item-0ebbcb8 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-944 .elementor-element.elementor-element-2109e47 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-944 .elementor-element.elementor-element-2109e47 .swiper-slide-contents{max-width:66%;}.elementor-944 .elementor-element.elementor-element-2109e47 .swiper-slide-inner{text-align:center;}.elementor-944 .elementor-element.elementor-element-bc934a8 .elementor-repeater-item-d85a749 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://strawberryhagiangloop.com/wp-content/uploads/2025/06/Ha-Giang-Limousine-Bus-2.jpg);background-size:cover;}.elementor-944 .elementor-element.elementor-element-bc934a8 .elementor-repeater-item-d85a749 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-944 .elementor-element.elementor-element-bc934a8 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-944 .elementor-element.elementor-element-bc934a8 .swiper-slide-contents{max-width:66%;}.elementor-944 .elementor-element.elementor-element-bc934a8 .swiper-slide-inner{text-align:center;}.elementor-944 .elementor-element.elementor-element-90dc541 .elementor-repeater-item-9e762bc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://strawberryhagiangloop.com/wp-content/uploads/2025/05/Ha-Giang-Bus-Tickets-.jpg);background-size:cover;}.elementor-944 .elementor-element.elementor-element-90dc541 .elementor-repeater-item-9e762bc .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-944 .elementor-element.elementor-element-90dc541 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-944 .elementor-element.elementor-element-90dc541 .swiper-slide-contents{max-width:66%;}.elementor-944 .elementor-element.elementor-element-90dc541 .swiper-slide-inner{text-align:center;}.elementor-944 .elementor-element.elementor-element-e5cbc28{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-944 .elementor-element.elementor-element-e5cbc28:not(.elementor-motion-effects-element-type-background), .elementor-944 .elementor-element.elementor-element-e5cbc28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F29F33;}.elementor-944 .elementor-element.elementor-element-e5cbc28, .elementor-944 .elementor-element.elementor-element-e5cbc28::before{--border-transition:0.3s;}.elementor-944 .elementor-element.elementor-element-82e0146 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-944 .elementor-element.elementor-element-2698713.elementor-element{--align-self:center;}@media(min-width:1025px){.elementor-944 .elementor-element.elementor-element-a92844b:not(.elementor-motion-effects-element-type-background), .elementor-944 .elementor-element.elementor-element-a92844b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-944 .elementor-element.elementor-element-a92844b:not(.elementor-motion-effects-element-type-background), .elementor-944 .elementor-element.elementor-element-a92844b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-944 .elementor-element.elementor-element-ddbb3eb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-944 .elementor-element.elementor-element-a92844b:not(.elementor-motion-effects-element-type-background), .elementor-944 .elementor-element.elementor-element-a92844b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-944 .elementor-element.elementor-element-59fc076{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-944 .elementor-element.elementor-element-42805cf > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-944 .elementor-element.elementor-element-42805cf .elementor-heading-title{font-size:27px;}.elementor-944 .elementor-element.elementor-element-c2fea1b > .elementor-widget-container{margin:-50px 0px 0px 0px;}.elementor-944 .elementor-element.elementor-element-ddbb3eb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-944 .elementor-element.elementor-element-82e0146 > .elementor-widget-container{margin:12px 12px 12px 12px;}}/* Start custom CSS for slides, class: .elementor-element-2109e47 *//* Chọn slide chính */
.elementor-944 .elementor-element.elementor-element-2109e47 .elementor-slides-wrapper,
.elementor-944 .elementor-element.elementor-element-2109e47 .swiper-slide {
    border-radius: 10px; /* radius bạn muốn */
    overflow: hidden;    /* bắt buộc để cắt ảnh/background */
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-bc934a8 *//* Chọn slide chính */
.elementor-944 .elementor-element.elementor-element-bc934a8 .elementor-slides-wrapper,
.elementor-944 .elementor-element.elementor-element-bc934a8 .swiper-slide {
    border-radius: 10px; /* radius bạn muốn */
    overflow: hidden;    /* bắt buộc để cắt ảnh/background */
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-90dc541 *//* Chọn slide chính */
.elementor-944 .elementor-element.elementor-element-90dc541 .elementor-slides-wrapper,
.elementor-944 .elementor-element.elementor-element-90dc541 .swiper-slide {
    border-radius: 10px; /* radius bạn muốn */
    overflow: hidden;    /* bắt buộc để cắt ảnh/background */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82e0146 *//* Khung ngoài (tuỳ chọn, chỉ để đẹp) */
.bus-table-wrap{
  background:#fff;
  padding:12px;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* Vùng cuộn ngang */
.bus-table-scroll{
  overflow-x:auto;                 /* Bật thanh cuộn ngang */
  -webkit-overflow-scrolling:touch;/* mượt trên iOS */
  width:100%;
}

/* Luôn tạo chiều rộng lớn để có cái để kéo */
.bus-table{
  border-collapse:collapse;
  width:max-content;   /* quan trọng: vừa đủ theo nội dung */
  min-width:1200px;    /* bạn có thể tăng/giảm số này */
}

/* Xử lý ô */
.bus-table td, .bus-table th{
  white-space:nowrap;  /* không xuống dòng, ép cuộn ngang */
  padding:10px 12px;
  border:1px solid #eee;
  text-align:center;
  vertical-align:middle;
  color:#000;
  font-size:14px;
}

/* Nếu bảng bị float do .alignleft của theme */
.bus-table.alignleft{ float:none !important; }

/* Tùy biến thanh cuộn (để dễ thấy trên mobile) */
.bus-table-scroll::-webkit-scrollbar{ height:10px; }
.bus-table-scroll::-webkit-scrollbar-track{ background:#f0f0f0; border-radius:6px; }
.bus-table-scroll::-webkit-scrollbar-thumb{ background:#c7c7c7; border-radius:6px; }
.bus-table-scroll{ scrollbar-width:thin; scrollbar-color:#c7c7c7 #f0f0f0; }

/* Trên mobile: đảm bảo cuộn ngang thay vì bóp chữ */
@media (max-width: 767px){
  .bus-table{ min-width: 1400px; } /* tăng nếu vẫn chưa đủ để cuộn */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2698713 *//* --- Bố cục và màu sắc tổng thể cho form --- */
.pro-booking-form {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333; /* Gần như đen cho dễ đọc */
    background-color: #FFFFFF;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.pro-booking-form hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 25px 0;
}

/* --- Tiêu đề và các bước --- */
.pro-booking-form p {
    margin-top: 0;
    margin-bottom: 15px;
}

.pro-booking-form p > strong,
.pro-booking-form label > b {
    color: #000000;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

/* --- Căn chỉnh các trường input --- */
.pro-booking-form label {
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.pro-booking-form input[type="text"],
.pro-booking-form input[type="email"],
.pro-booking-form input[type="tel"],
.pro-booking-form input[type="date"],
.pro-booking-form select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box; /* Cực kỳ quan trọng */
    transition: border-color 0.3s, box-shadow 0.3s;
}

.pro-booking-form input:focus,
.pro-booking-form select:focus {
    outline: none;
    border-color: #F29F33;
    box-shadow: 0 0 0 3px rgba(242, 159, 51, 0.2);
}

/* --- Style cho các nút radio (Một chiều/Khứ hồi) --- */
.pro-booking-form .wpcf7-list-item {
    margin: 0 15px 10px 0;
}

.pro-booking-form input[type="radio"] {
    display: none; /* Ẩn nút radio mặc định */
}

.pro-booking-form input[type="radio"] + span {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}

.pro-booking-form input[type="radio"] + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
}

.pro-booking-form input[type="radio"]:checked + span::before {
    border-color: #F29F33;
}

.pro-booking-form input[type="radio"]:checked + span::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #F29F33;
}

/* --- Các khung Fieldset cho One-way và Round-trip --- */
.pro-booking-form fieldset {
    border: 2px solid #F29F33;
    padding: 20px;
    border-radius: 8px;
    margin-top: 15px;
}

.pro-booking-form fieldset legend {
    font-weight: bold;
    font-size: 1.2em;
    color: #F29F33;
    background-color: #FFFFFF;
    padding: 0 10px;
}

/* --- Các form con trong Round-trip --- */
.pro-booking-form .round-trip-fields > fieldset > div {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.pro-booking-form .round-trip-fields > fieldset > div h4 {
    margin-top: 0;
    border-bottom: 2px solid #F29F33;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #000;
}

/* --- Nút Submit --- */
.pro-booking-form input[type="submit"] {
    width: 100%;
    background-color: #F29F33;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    padding: 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.pro-booking-form input[type="submit"]:hover {
    background-color: #d88c27; /* Màu cam đậm hơn khi hover */
    transform: translateY(-2px);
}/* End custom CSS */