{"id":22886,"date":"2026-03-17T18:31:38","date_gmt":"2026-03-17T11:31:38","guid":{"rendered":"https:\/\/www.mytour.sa\/?page_id=22886"},"modified":"2026-03-22T03:22:55","modified_gmt":"2026-03-21T20:22:55","slug":"burj-offer-sample-version-2","status":"publish","type":"page","link":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/","title":{"rendered":"Burj Offer Sample Version 2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Exclusive Burj Offer - MyTour<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --burj-green: #AAFF03;\r\n --mytour-orange: #FF7043;\r\n --bg-warm: #FFFBF7;\r\n --bg-cream: #FFF8F0;\r\n --text-dark: #2D2D2D;\r\n --text-body: #5A5A5A;\r\n --text-light: #8A8A8A;\r\n --white: #FFFFFF;\r\n --success: #22C55E;\r\n --warning: #F59E0B;\r\n --warm-gray: #E8E4E0;\r\n --required-bg: #FFF3E0;\r\n --required-border: #FF7043;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--bg-warm);\r\n color: var(--text-body);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .brand-bar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n padding: 20px;\r\n background: linear-gradient(135deg, rgba(170,255,3,0.06) 0%, rgba(255,112,67,0.06) 100%);\r\n }\r\n\r\n .brand-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 800;\r\n font-size: 22px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .brand-burj i { color: var(--burj-green); font-size: 24px; }\r\n .brand-mytour i { color: var(--mytour-orange); font-size: 24px; }\r\n .brand-x { font-size: 18px; color: var(--text-light); }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n padding: 0 16px 32px;\r\n }\r\n\r\n .hero-section {\r\n text-align: center;\r\n padding: 24px 0 16px;\r\n }\r\n\r\n .hero-section.hidden {\r\n display: none;\r\n }\r\n\r\n .badge-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--white);\r\n border: 1px solid var(--bg-cream);\r\n padding: 6px 12px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-body);\r\n margin-bottom: 12px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n }\r\n\r\n h1 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: var(--mytour-orange);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .hero-text {\r\n color: var(--text-body);\r\n font-size: 15px;\r\n }\r\n\r\n \/* SIMPLIFIED: Checkbox Style Offer List - Smaller, no status badges *\/\r\n .offer-compact {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 16px;\r\n margin: 20px 0;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\r\n border: 1px solid var(--bg-cream);\r\n }\r\n\r\n .offer-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .offer-checkbox-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px;\r\n background: var(--bg-warm);\r\n border-radius: 10px;\r\n border: 1.5px solid transparent;\r\n transition: all 0.2s;\r\n flex-direction: row;\r\n }\r\n\r\n .offer-checkbox-item .checkbox-icon {\r\n order: 1;\r\n }\r\n\r\n .offer-checkbox-item .offer-content {\r\n order: 2;\r\n flex: 1;\r\n text-align: left;\r\n }\r\n\r\n .offer-checkbox-item .offer-price-tag {\r\n order: 3;\r\n margin-left: auto;\r\n margin-right: 0;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .offer-checkbox-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n position: relative;\r\n padding-left: 40px;\r\n }\r\n\r\n .offer-checkbox-item .checkbox-icon {\r\n position: absolute;\r\n left: 12px;\r\n top: 12px;\r\n order: 1;\r\n }\r\n\r\n .offer-checkbox-item .offer-content {\r\n order: 2;\r\n width: 100%;\r\n padding-left: 0;\r\n }\r\n\r\n .offer-checkbox-item .offer-price-tag {\r\n order: 3;\r\n align-self: flex-start;\r\n margin-left: 0;\r\n }\r\n }\r\n\r\n .offer-checkbox-item.completed {\r\n background: #F0FDF4;\r\n border-color: #BBF7D0;\r\n }\r\n\r\n .offer-checkbox-item.pending {\r\n background: var(--bg-warm);\r\n border-color: var(--warm-gray);\r\n opacity: 0.85;\r\n }\r\n\r\n .checkbox-icon {\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: all 0.2s;\r\n overflow: hidden;\r\n }\r\n\r\n .checkbox-icon img {\r\n width: 14px;\r\n height: 14px;\r\n object-fit: contain;\r\n }\r\n\r\n .offer-checkbox-item.completed .checkbox-icon {\r\n background: var(--success);\r\n color: white;\r\n }\r\n\r\n .offer-checkbox-item.completed .checkbox-icon img {\r\n filter: brightness(0) invert(1);\r\n }\r\n\r\n .offer-checkbox-item.pending .checkbox-icon {\r\n background: var(--white);\r\n border: 1.5px solid var(--warm-gray);\r\n color: var(--text-light);\r\n }\r\n\r\n .offer-content {\r\n flex: 1;\r\n text-align: left;\r\n }\r\n\r\n .offer-label-main {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n }\r\n\r\n .offer-label-sub {\r\n font-size: 11px;\r\n color: var(--text-light);\r\n font-weight: 500;\r\n margin-top: 1px;\r\n }\r\n\r\n .offer-price-tag {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n background: var(--burj-green);\r\n padding: 3px 10px;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n }\r\n\r\n .offer-price-tag.free {\r\n background: var(--burj-green);\r\n }\r\n\r\n .offer-price-tag.paid {\r\n background: var(--bg-warm);\r\n border: 1px solid var(--warm-gray);\r\n }\r\n\r\n \/* Total Section *\/\r\n .offer-total-box {\r\n margin-top: 16px;\r\n padding-top: 16px;\r\n border-top: 2px solid var(--bg-cream);\r\n }\r\n\r\n .total-label {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n }\r\n\r\n .total-amount {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--mytour-orange);\r\n }\r\n\r\n .stepper {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 24px;\r\n padding: 0 8px;\r\n }\r\n\r\n .step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 4px;\r\n flex: 1;\r\n }\r\n\r\n .step-circle {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n font-weight: 800;\r\n background: var(--bg-cream);\r\n color: var(--text-light);\r\n border: 2px solid transparent;\r\n transition: all 0.3s;\r\n }\r\n\r\n .step.active .step-circle {\r\n background: var(--mytour-orange);\r\n color: white;\r\n box-shadow: 0 0 0 4px rgba(255,112,67,0.2);\r\n transform: scale(1.1);\r\n }\r\n\r\n .step.completed .step-circle {\r\n background: var(--success);\r\n color: white;\r\n }\r\n\r\n .step-label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--text-light);\r\n }\r\n\r\n .step.active .step-label {\r\n color: var(--mytour-orange);\r\n font-weight: 800;\r\n }\r\n\r\n .step.completed .step-label {\r\n color: var(--success);\r\n }\r\n\r\n .step-card {\r\n display: none;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n .step-card.active {\r\n display: block;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n .card-box {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 24px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n border: 1px solid var(--bg-cream);\r\n }\r\n\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 6px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .card-title::before {\r\n content: '';\r\n width: 5px;\r\n height: 24px;\r\n background: linear-gradient(180deg, var(--burj-green), var(--mytour-orange));\r\n border-radius: 3px;\r\n }\r\n\r\n .card-subtitle {\r\n font-size: 15px;\r\n color: var(--text-light);\r\n margin-bottom: 20px;\r\n padding-left: 15px;\r\n font-weight: 500;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-title {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .section-desc {\r\n font-size: 14px;\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .form-label::after {\r\n content: '*';\r\n color: var(--mytour-orange);\r\n }\r\n\r\n .form-input {\r\n width: 100%;\r\n padding: 16px;\r\n border: 2px solid var(--required-border);\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-family: inherit;\r\n background: var(--required-bg);\r\n color: var(--text-dark);\r\n font-weight: 600;\r\n transition: all 0.2s;\r\n text-align: left;\r\n }\r\n\r\n .form-input:focus {\r\n outline: none;\r\n border-color: var(--mytour-orange);\r\n background: var(--white);\r\n box-shadow: 0 0 0 4px rgba(255,112,67,0.15);\r\n }\r\n\r\n .form-input:valid {\r\n background: #F0FDF4;\r\n border-color: var(--success);\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n padding: 16px;\r\n border: none;\r\n border-radius: 12px;\r\n font-family: inherit;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-burj {\r\n background: var(--burj-green);\r\n color: var(--text-dark);\r\n box-shadow: 0 4px 12px rgba(170,255,3,0.3);\r\n }\r\n\r\n .btn-burj:hover {\r\n background: #98E600;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(170,255,3,0.4);\r\n }\r\n\r\n .btn-orange {\r\n background: var(--mytour-orange);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(255,112,67,0.3);\r\n }\r\n\r\n .btn-orange:hover {\r\n background: #F56A3F;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-orange:disabled {\r\n background: var(--bg-cream);\r\n color: var(--text-light);\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n border: 2px solid var(--warm-gray);\r\n color: var(--text-body);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--bg-warm);\r\n border-color: var(--text-light);\r\n }\r\n\r\n .step-actions {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .step-actions .btn {\r\n flex: 1;\r\n }\r\n\r\n .status-msg {\r\n padding: 14px;\r\n border-radius: 12px;\r\n margin-top: 16px;\r\n display: none;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .status-msg.show {\r\n display: flex;\r\n }\r\n\r\n .status-error {\r\n background: #FEF2F2;\r\n border: 2px solid #FECACA;\r\n color: #991B1B;\r\n }\r\n\r\n .status-success {\r\n background: #F0FDF4;\r\n border: 2px solid #BBF7D0;\r\n color: #166534;\r\n }\r\n\r\n \/* MODERN: Airport Selection - No flashing, modern clickable indicator *\/\r\n .airport-options {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .airport-options {\r\n gap: 8px;\r\n }\r\n }\r\n\r\n .airport-chip {\r\n background: var(--bg-warm);\r\n border: 2px solid var(--bg-cream);\r\n border-radius: 14px;\r\n padding: 20px 8px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .airport-chip {\r\n padding: 16px 4px;\r\n }\r\n }\r\n\r\n .airport-chip:hover {\r\n border-color: var(--mytour-orange);\r\n background: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(255,112,67,0.1);\r\n }\r\n\r\n \/* Modern selection indicator - Checkmark circle in corner *\/\r\n .airport-chip.selected {\r\n border-color: var(--mytour-orange);\r\n background: var(--white);\r\n box-shadow: 0 4px 12px rgba(255,112,67,0.15);\r\n }\r\n\r\n .airport-chip.selected::after {\r\n content: '';\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n width: 22px;\r\n height: 22px;\r\n background: var(--mytour-orange);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* Unselected state - subtle clickable hint *\/\r\n .airport-chip:not(.selected):hover {\r\n border-color: var(--mytour-orange);\r\n border-style: solid;\r\n }\r\n\r\n \/* Click hint icon for unselected *\/\r\n .airport-chip:not(.selected)::before {\r\n content: '';\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n width: 22px;\r\n height: 22px;\r\n border: 2px solid var(--warm-gray);\r\n border-radius: 50%;\r\n opacity: 0.5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .airport-chip:not(.selected):hover::before {\r\n border-color: var(--mytour-orange);\r\n opacity: 0.8;\r\n }\r\n\r\n .airport-code-sm {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 4px;\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .airport-code-sm {\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n .airport-name-sm {\r\n font-size: 12px;\r\n color: var(--text-light);\r\n font-weight: 600;\r\n line-height: 1.2;\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .airport-name-sm {\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n .details-compact {\r\n display: grid;\r\n grid-template-columns: 120px 1fr;\r\n gap: 20px;\r\n margin-top: 24px;\r\n padding-top: 24px;\r\n border-top: 2px solid var(--bg-cream);\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .details-compact {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n }\r\n\r\n .image-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .image-stack {\r\n flex-direction: row;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n }\r\n\r\n .img-main-sm {\r\n width: 100%;\r\n height: 120px;\r\n object-fit: cover;\r\n border-radius: 12px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .img-main-sm {\r\n width: calc(100% - 64px);\r\n height: 100px;\r\n }\r\n }\r\n\r\n .img-thumbs-row {\r\n display: flex;\r\n gap: 6px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .img-thumbs-row {\r\n flex-direction: column;\r\n width: 56px;\r\n gap: 4px;\r\n }\r\n }\r\n\r\n .img-thumb-xs {\r\n width: 36px;\r\n height: 36px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n opacity: 0.6;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n transition: all 0.2s;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .img-thumb-xs {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n }\r\n\r\n .img-thumb-xs.active {\r\n opacity: 1;\r\n border-color: var(--mytour-orange);\r\n }\r\n\r\n .details-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .details-title {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n }\r\n\r\n .benefit-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 14px;\r\n color: var(--text-body);\r\n background: var(--bg-warm);\r\n padding: 12px;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n text-align: left;\r\n }\r\n\r\n .benefit-icon {\r\n color: var(--success);\r\n font-size: 16px;\r\n width: 20px;\r\n text-align: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rules-section-title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n text-align: left;\r\n }\r\n\r\n .rules-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .rules-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 6px;\r\n }\r\n\r\n .rule-item {\r\n font-size: 11px;\r\n padding: 8px;\r\n }\r\n }\r\n\r\n .rule-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n color: var(--text-dark);\r\n background: var(--white);\r\n border: 1.5px solid var(--warm-gray);\r\n padding: 10px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n }\r\n\r\n .rule-icon {\r\n color: var(--mytour-orange);\r\n font-size: 14px;\r\n width: 16px;\r\n text-align: center;\r\n }\r\n\r\n \/* Hotel Selection with Prices *\/\r\n .hotel-compact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin: 16px 0;\r\n }\r\n\r\n .hotel-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 16px;\r\n background: var(--bg-warm);\r\n border-radius: 12px;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n transition: all 0.2s;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hotel-row {\r\n gap: 20px;\r\n padding: 20px 16px;\r\n }\r\n }\r\n\r\n .hotel-row.selected {\r\n border-color: var(--mytour-orange);\r\n background: var(--white);\r\n box-shadow: 0 4px 12px rgba(255,112,67,0.1);\r\n }\r\n\r\n .hotel-radio {\r\n width: 28px;\r\n height: 28px;\r\n accent-color: var(--mytour-orange);\r\n margin-top: 2px;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n min-width: 28px;\r\n min-height: 28px;\r\n margin-right: 4px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hotel-radio {\r\n width: 32px;\r\n height: 32px;\r\n margin-top: 0;\r\n align-self: flex-start;\r\n margin-right: 8px;\r\n margin-left: 0;\r\n }\r\n }\r\n\r\n .hotel-info {\r\n flex: 1;\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .hotel-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .hotel-label {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n display: block;\r\n }\r\n\r\n .hotel-price-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 2px;\r\n }\r\n\r\n .hotel-price-main {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 4px;\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n flex-direction: row;\r\n }\r\n\r\n .hotel-price-currency {\r\n font-size: 14px;\r\n font-weight: 600;\r\n opacity: 0.9;\r\n }\r\n\r\n .hotel-price-note {\r\n font-size: 11px;\r\n color: var(--text-light);\r\n font-weight: 600;\r\n text-align: right;\r\n }\r\n\r\n .hotel-price-additional {\r\n font-size: 11px;\r\n color: var(--text-light);\r\n font-weight: 600;\r\n margin-top: 2px;\r\n }\r\n\r\n .alt-tours-box {\r\n margin-top: 24px;\r\n padding: 24px;\r\n background: linear-gradient(135deg, rgba(170,255,3,0.05) 0%, rgba(255,112,67,0.05) 100%);\r\n border: 2px dashed var(--bg-cream);\r\n border-radius: 16px;\r\n text-align: center;\r\n }\r\n\r\n .alt-tours-text {\r\n font-size: 15px;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .btn-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 24px;\r\n background: var(--white);\r\n border: 2px solid var(--mytour-orange);\r\n color: var(--mytour-orange);\r\n border-radius: 12px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n box-shadow: 0 2px 8px rgba(255,112,67,0.1);\r\n }\r\n\r\n .btn-link:hover {\r\n background: var(--mytour-orange);\r\n color: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(255,112,67,0.2);\r\n }\r\n\r\n .hidden { display: none !important; }\r\n\r\n \/* T&C Section Styles *\/\r\n .tc-section {\r\n margin-top: 20px;\r\n border: 2px dashed var(--warm-gray);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: var(--bg-warm);\r\n }\r\n\r\n .tc-header {\r\n padding: 16px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: transparent;\r\n transition: all 0.2s;\r\n }\r\n\r\n .tc-header:hover {\r\n background: rgba(0,0,0,0.02);\r\n }\r\n\r\n .tc-title {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .tc-icon {\r\n color: var(--mytour-orange);\r\n font-size: 14px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .tc-section.expanded .tc-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .tc-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n padding: 0 16px;\r\n }\r\n\r\n .tc-section.expanded .tc-content {\r\n max-height: 500px;\r\n padding: 0 16px 16px;\r\n }\r\n\r\n .tc-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .tc-item {\r\n font-size: 13px;\r\n color: var(--text-body);\r\n background: var(--white);\r\n padding: 12px;\r\n border-radius: 8px;\r\n text-align: left;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Pickup time notice *\/\r\n .pickup-notice {\r\n background: linear-gradient(135deg, rgba(170,255,3,0.1) 0%, rgba(255,112,67,0.1) 100%);\r\n border: 2px solid var(--burj-green);\r\n border-radius: 12px;\r\n padding: 16px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .pickup-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: var(--burj-green);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--text-dark);\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pickup-text {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* External link button *\/\r\n .external-link-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 20px;\r\n background: transparent;\r\n border: 2px solid var(--text-light);\r\n color: var(--text-body);\r\n border-radius: 10px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.2s;\r\n width: 100%;\r\n }\r\n\r\n .external-link-btn:hover {\r\n border-color: var(--mytour-orange);\r\n color: var(--mytour-orange);\r\n background: rgba(255,112,67,0.05);\r\n }\r\n\r\n \/* Coupon Application Section *\/\r\n .coupon-section {\r\n background: linear-gradient(135deg, rgba(170,255,3,0.08) 0%, rgba(255,112,67,0.08) 100%);\r\n border: 2px dashed var(--burj-green);\r\n border-radius: 16px;\r\n padding: 24px;\r\n text-align: center;\r\n margin-top: 20px;\r\n }\r\n\r\n .coupon-title {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .coupon-subtitle {\r\n font-size: 14px;\r\n color: var(--text-body);\r\n margin-bottom: 16px;\r\n font-weight: 500;\r\n }\r\n\r\n .coupon-code-display {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--white);\r\n border: 2px solid var(--burj-green);\r\n border-radius: 12px;\r\n padding: 12px 20px;\r\n margin-bottom: 16px;\r\n font-family: 'Courier New', monospace;\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n letter-spacing: 2px;\r\n }\r\n\r\n .coupon-btn {\r\n background: var(--burj-green);\r\n color: var(--text-dark);\r\n border: none;\r\n padding: 14px 32px;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 4px 12px rgba(170,255,3,0.3);\r\n }\r\n\r\n .coupon-btn:hover {\r\n background: #98E600;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(170,255,3,0.4);\r\n }\r\n\r\n .coupon-btn.applied {\r\n background: var(--success);\r\n color: white;\r\n cursor: default;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n \r\n \/* Price summary styles *\/\r\n .price-summary {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .price-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 13px;\r\n }\r\n\r\n .price-row.remaining {\r\n color: var(--success);\r\n font-weight: 600;\r\n }\r\n\r\n .price-row.highlight {\r\n background: linear-gradient(135deg, rgba(255,112,67,0.08) 0%, rgba(170,255,3,0.08) 100%);\r\n margin: 4px -12px -12px -12px;\r\n padding: 12px;\r\n border-radius: 0 0 14px 14px;\r\n border-top: 2px solid var(--bg-cream);\r\n }\r\n\r\n .price-label {\r\n color: var(--text-body);\r\n font-weight: 600;\r\n }\r\n\r\n .price-value {\r\n font-weight: 700;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .price-value.total {\r\n color: var(--text-dark);\r\n display: flex;\r\n align-items: baseline;\r\n gap: 3px;\r\n }\r\n\r\n .price-value.secured {\r\n background: #F0FDF4;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 800;\r\n font-family: 'Inter', sans-serif;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n .price-value.remaining {\r\n color: var(--mytour-orange);\r\n font-size: 20px;\r\n font-weight: 800;\r\n }\r\n \r\n .price-divider {\r\n height: 1px;\r\n background: var(--bg-cream);\r\n margin: 4px 0;\r\n }\r\n \r\n .free-badge {\r\n background: var(--burj-green);\r\n color: var(--text-dark);\r\n padding: 2px 8px;\r\n border-radius: 12px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n \r\n \/* Helper text style *\/\r\n .helper-text {\r\n font-size: 12px;\r\n color: #FB5D60;\r\n font-weight: 600;\r\n margin-top: -4px;\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n\r\n \/* New style for the date helper text - under label *\/\r\n .date-helper-text {\r\n font-size: 12px;\r\n color: #FB5D60;\r\n font-weight: 600;\r\n margin-top: -4px;\r\n margin-bottom: 8px;\r\n display: block;\r\n }\r\n \r\n \/* RTL Price fix - ensures currency symbol stays on left *\/\r\n .price-rtl-fix {\r\n display: inline-flex;\r\n flex-direction: row;\r\n align-items: baseline;\r\n gap: 4px;\r\n }\r\n\r\n \/* Label helper text wrapper *\/\r\n .label-with-helper {\r\n margin-bottom: 4px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"brand-bar\">\r\n <div class=\"brand-item brand-mytour\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2024\/11\/mytour-2.svg\" width=\"80\" height=\"40\" style=\"display:inline-block;vertical-align:middle; object-fit: contain;\" alt=\"MyTour\">\r\n <\/div>\r\n <div class=\"brand-x\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n <\/div>\r\n <div class=\"brand-item brand-burj\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/burj-logo.png\" width=\"80\" height=\"40\" style=\"display:inline-block;vertical-align:middle; object-fit: contain;\" alt=\"Burj\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"hero-section\" id=\"heroSection\">\r\n <div class=\"badge-subtitle\" style=\"background: linear-gradient(135deg, rgba(170,255,3,0.15) 0%, rgba(255,112,67,0.1) 100%); border: 2px solid var(--burj-green); padding: 10px 20px; font-size: 14px; font-weight: 700;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#AAFF03\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"13\" rx=\"2\"><\/rect><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"21\"><\/line><path d=\"M7 8v-2a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v2\"><\/path><path d=\"M13 8v-2a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v2\"><\/path><\/svg>\r\n Exclusive Offer for Burj eSIM Customers\r\n <\/div>\r\n <h1>Bought Burj eSIMs?<\/h1>\r\n <p class=\"hero-text\">Follow the steps to claim your offer<\/p>\r\n\r\n <!-- SIMPLIFIED: Smaller checklist without status badges -->\r\n <div class=\"offer-compact\">\r\n <div class=\"offer-list\">\r\n <!-- 2 eSIM - Completed -->\r\n <div class=\"offer-checkbox-item completed\" id=\"checkboxEsim\">\r\n <div class=\"checkbox-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"offer-content\">\r\n <div style=\"display: flex; align-items: center; gap: 8px; flex-wrap: wrap;\">\r\n <div class=\"offer-label-main\">2\u00d7 eSIM<\/div>\r\n <span class=\"offer-price-tag\" style=\"display: flex; align-items: center; gap: 3px;\">\r\n Purchased from Burj for SAR 133.98\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Airport Transfer - Pending -->\r\n <div class=\"offer-checkbox-item pending\" id=\"checkboxAirport\" onclick=\"scrollToAirportSelection()\" style=\"cursor: pointer;\">\r\n <div class=\"checkbox-icon\">\r\n <!-- Custom Airport Icon -->\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/airport-map-location-black-icon.png\" width=\"14\" height=\"14\" alt=\"Airport\">\r\n <\/div>\r\n <div class=\"offer-content\">\r\n <div style=\"display: flex; align-items: center; gap: 8px; flex-wrap: wrap;\">\r\n <div class=\"offer-label-main\">Airport Transfer<\/div>\r\n <span class=\"offer-price-tag free\">FREE<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Activity - Pending -->\r\n <div class=\"offer-checkbox-item pending\" id=\"checkboxTour\">\r\n <div class=\"checkbox-icon\">\r\n <!-- Custom Kayak Icon -->\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/kayak-icon.png\" width=\"14\" height=\"14\" alt=\"Kayak\">\r\n <\/div>\r\n <div class=\"offer-content\">\r\n <div style=\"display: flex; align-items: center; gap: 8px; flex-wrap: wrap;\">\r\n <div class=\"offer-label-main\">Rafting & Zipline Activity (for 2)<\/div>\r\n <span class=\"offer-price-tag paid\" id=\"activityPriceTag\" style=\"display: flex; align-items: center; gap: 3px;\">\r\n SAR 265\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Total Summary - Simplified -->\r\n <div class=\"offer-total-box\">\r\n <div class=\"price-summary\">\r\n <div class=\"price-row highlight\" style=\"margin: 0 -12px -12px -12px; border-radius: 0 0 14px 14px;\">\r\n <span class=\"price-label\">Remaining to get the offer<\/span>\r\n <span class=\"price-value remaining\" id=\"remainingAmount\">\r\n <span style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n <span id=\"remainingNumber\">265<\/span>\r\n <span style=\"font-size: 14px; font-weight: 600; opacity: 0.9;\">SAR<\/span> \r\n <\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stepper\">\r\n <div class=\"step active\" id=\"ind1\">\r\n <div class=\"step-circle\">1<\/div>\r\n <div class=\"step-label\">Airport<\/div>\r\n <\/div>\r\n <div class=\"step\" id=\"ind2\">\r\n <div class=\"step-circle\">2<\/div>\r\n <div class=\"step-label\">Activity<\/div>\r\n <\/div>\r\n <div class=\"step\" id=\"ind3\">\r\n <div class=\"step-circle\">3<\/div>\r\n <div class=\"step-label\">Verify<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 1: Airport -->\r\n <div class=\"step-card active\" id=\"step1\">\r\n <div class=\"card-box\">\r\n <div class=\"section-header\">\r\n <div class=\"section-title\">Select Your Thailand Arrival Airport<\/div>\r\n <div class=\"section-desc\">You'll be picked up from this airport and transferred to your hotel<\/div>\r\n <\/div>\r\n\r\n <div class=\"airport-options\">\r\n <div class=\"airport-chip\" onclick=\"selectAirport('BKK', this)\" id=\"chipBKK\">\r\n <div class=\"airport-code-sm\">BKK<\/div>\r\n <div class=\"airport-name-sm\">Bangkok Suvarnabhumi<\/div>\r\n <\/div>\r\n <div class=\"airport-chip\" onclick=\"selectAirport('DMK', this)\" id=\"chipDMK\">\r\n <div class=\"airport-code-sm\">DMK<\/div>\r\n <div class=\"airport-name-sm\">Bangkok Don Mueang<\/div>\r\n <\/div>\r\n <div class=\"airport-chip\" onclick=\"selectAirport('HKT', this)\" id=\"chipHKT\">\r\n <div class=\"airport-code-sm\">HKT<\/div>\r\n <div class=\"airport-name-sm\">Phuket International<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group hidden\" id=\"dateGroup\">\r\n <label class=\"form-label\">Arrival Date<\/label>\r\n <!-- Helper text moved under label -->\r\n <span class=\"date-helper-text\">Please select your arrival date in Thailand, not departure<\/span>\r\n <input type=\"text\" class=\"form-input\" placeholder=\"Select Date (Required)\" id=\"arrivalDate\" onfocus=\"(this.type='date')\" onblur=\"if(!this.value)this.type='text'\" onchange=\"validateDate()\">\r\n <\/div>\r\n\r\n <div class=\"details-compact hidden\" id=\"airportDetails\">\r\n <div class=\"image-stack\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/BKK.jpg\" class=\"img-main-sm\" id=\"airportImg\" alt=\"Airport\">\r\n <div class=\"img-thumbs-row\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/BKK.jpg\" class=\"img-thumb-xs active\" onclick=\"changeImg(this, 'airportImg')\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/suv-2.jpg\" class=\"img-thumb-xs\" onclick=\"changeImg(this, 'airportImg')\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/suv-1.jpg\" class=\"img-thumb-xs\" onclick=\"changeImg(this, 'airportImg')\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"details-text\">\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Personalized name sign at airport gate<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Free upgrade to Toyota van if Camry or SUV unavailable<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Includes insurance coverage<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>2025 or newer vehicles<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Toll fees included<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Private vehicle for you only<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"rules-section-title\">Important Information<\/div>\r\n <div class=\"rules-grid\">\r\n <div class=\"rule-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--mytour-orange); min-width: 18px;\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <span>For 2 persons only<\/span>\r\n <\/div>\r\n <div class=\"rule-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--mytour-orange); min-width: 18px;\"><path d=\"M14 16H9m10 0h3v-3.15a1 1 0 0 0-.84-.99L16 11l-2.7-3.6a1 1 0 0 0-.8-.4H5.24a2 2 0 0 0-1.8 1.1l-.8 1.63A6 6 0 0 0 2 12.42V16h2\"\/><circle cx=\"6.5\" cy=\"16.5\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"16.5\" r=\"2.5\"\/><\/svg>\r\n <span>Camry or SUV<\/span>\r\n <\/div>\r\n <div class=\"rule-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--mytour-orange); min-width: 18px;\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\" ry=\"2\"\/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg>\r\n <span>Maximum 2 large bags<\/span>\r\n <\/div>\r\n <div class=\"rule-item\">\r\n <!-- Kayak Icon (same as activity) -->\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/kayak-icon.png\" width=\"14\" height=\"14\" alt=\"Kayak\" style=\"filter: brightness(0) saturate(100%) invert(59%) sepia(93%) saturate(4415%) hue-rotate(338deg) brightness(101%) contrast(101%);\">\r\n <span>Meet at exit gate<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- T&C Section for Airport -->\r\n <div class=\"tc-section\" id=\"airportTC\">\r\n <div class=\"tc-header\" onclick=\"toggleTC('airportTC')\">\r\n <div class=\"tc-title\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\r\n Terms & Conditions\r\n <\/div>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"tc-content\">\r\n <ul class=\"tc-list\">\r\n <li class=\"tc-item\">This booking cannot be cancelled or refunded<\/li>\r\n <li class=\"tc-item\">We recommend arriving at the airport 3 hours before flight<\/li>\r\n <li class=\"tc-item\">More instructions will be sent after booking confirmation<\/li>\r\n <li class=\"tc-item\">Not suitable for passengers with mobility disabilities<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- External Link Button -->\r\n <a href=\"#\" target=\"_blank\" class=\"external-link-btn\" onclick=\"alert('Link will open in new window - you can modify later'); return true;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg>\r\n View Full Service Details\r\n <\/a>\r\n\r\n <div class=\"step-actions\">\r\n <button class=\"btn btn-outline\" onclick=\"goToStep(1)\" disabled style=\"opacity: 0.5;\">\r\n Back <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;transform: rotate(180deg);\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <button class=\"btn btn-orange\" onclick=\"validateAndContinue()\" id=\"continueBtn1\" disabled>\r\n Continue <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2: Activity -->\r\n <div class=\"step-card\" id=\"step2\">\r\n <div class=\"card-box\">\r\n <div class=\"card-title\">Rafting & Zipline Activity <span style=\"color: #FE6F43; font-weight: 800;\">(For 2)<\/span><\/div>\r\n <div class=\"card-subtitle\">Premium rafting and zipline adventure<\/div>\r\n\r\n <!-- Pickup Time Notice -->\r\n <div class=\"pickup-notice\">\r\n <div class=\"pickup-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"pickup-text\">\r\n Pickup time from hotel: 7:45 \u2013 9:00 AM (exact time confirmed after booking based on hotel location)\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"details-compact\" style=\"border-top: none; padding-top: 0; margin-top: 0;\">\r\n <div class=\"image-stack\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/rafting-and-zipline.jpg\" class=\"img-main-sm\" id=\"tourImg\" alt=\"Activity\">\r\n <div class=\"img-thumbs-row\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/rafting-and-zipline.jpg\" class=\"img-thumb-xs active\" onclick=\"changeImg(this, 'tourImg')\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/01\/OHM-Rafting-7.jpg\" class=\"img-thumb-xs\" onclick=\"changeImg(this, 'tourImg')\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/02\/OHM-Rafting-11.jpg\" class=\"img-thumb-xs\" onclick=\"changeImg(this, 'tourImg')\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"details-text\">\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Hotel pickup & drop-off<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>5km rafting adventure<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Zipline experience<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Lunch included<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Monkey Cave visit<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Waterfall tour<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- T&C Section for Activity -->\r\n <div class=\"tc-section\" id=\"activityTC\">\r\n <div class=\"tc-header\" onclick=\"toggleTC('activityTC')\">\r\n <div class=\"tc-title\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\r\n Terms & Conditions\r\n <\/div>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"tc-content\">\r\n <ul class=\"tc-list\">\r\n <li class=\"tc-item\">This booking cannot be cancelled or refunded<\/li>\r\n <li class=\"tc-item\">Not suitable for pregnant women<\/li>\r\n <li class=\"tc-item\">Departure from hotel lobby<\/li>\r\n <li class=\"tc-item\">Not suitable for passengers with mobility disabilities<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- External Link Button -->\r\n <a href=\"#\" target=\"_blank\" class=\"external-link-btn\" onclick=\"alert('Link will open in new window - you can modify later'); return true;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg>\r\n View Full Service Details\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\" style=\"margin-top: 24px;\">\r\n <label class=\"form-label\">Activity Date<\/label>\r\n <input type=\"text\" class=\"form-input\" placeholder=\"dd\/mm\/yyyy\" id=\"tourDate\" onfocus=\"(this.type='date')\" onblur=\"if(!this.value)this.type='text'\">\r\n <\/div>\r\n\r\n <label class=\"form-label\" style=\"margin-bottom: 4px;\">Which area is your hotel located on the activity day?<\/label>\r\n <span class=\"helper-text\">Contact us before booking if you need help determining your hotel location<\/span>\r\n \r\n <div class=\"hotel-compact\">\r\n <div class=\"hotel-row\" onclick=\"selectHotel(this, 'free', 265)\">\r\n <input type=\"radio\" name=\"hotel\" class=\"hotel-radio\">\r\n <div class=\"hotel-info\">\r\n <div class=\"hotel-header\" style=\"align-items: center;\">\r\n <span class=\"hotel-label\">Free Transfer Areas<\/span>\r\n <div class=\"hotel-price-container\">\r\n <div class=\"hotel-price-main\">\r\n <span>SAR 265<\/span>\r\n <\/div>\r\n <div class=\"hotel-price-note\">For 2 persons<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rules-grid\" style=\"margin-top: 8px;\">\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Patong<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Kalim<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Tri Trang<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Kamala<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Nakalay<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Surin<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Bang Tao<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Laguna<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Phuket Town<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Siray<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Kata<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Karon<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Rawai<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Nai Harn<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Panwa<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Ao Yon<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hotel-row\" onclick=\"selectHotel(this, 'paid', 325)\">\r\n <input type=\"radio\" name=\"hotel\" class=\"hotel-radio\">\r\n <div class=\"hotel-info\">\r\n <div class=\"hotel-header\" style=\"align-items: center;\">\r\n <span class=\"hotel-label\">Paid Transfer Areas (+SAR 60)<\/span>\r\n <div class=\"hotel-price-container\">\r\n <div class=\"hotel-price-main\">\r\n <span>SAR 265<\/span>\r\n <\/div>\r\n <div class=\"hotel-price-additional\" style=\"color: #FB5D60;\">+SAR 60 for 2 persons<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rules-grid\" style=\"margin-top: 8px;\">\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Ao Por<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Paklok<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Layan<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Naiyang<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Naithon<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Airport<\/span><\/div>\r\n <div class=\"rule-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Mai Khao<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"alt-tours-box\">\r\n <div class=\"alt-tours-text\">Want a different activity?<\/div>\r\n <a href=\"#\" class=\"btn-link\" onclick=\"alert('Redirecting to all available activities...'); return false;\">\r\n View All Eligible Activities <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg>\r\n <\/a>\r\n\r\n <!-- How to get it dropdown -->\r\n <div style=\"margin-top: 20px; text-align: left;\">\r\n <div onclick=\"toggleHowToGet()\" style=\"cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--white); border: 2px solid var(--warm-gray); border-radius: 12px; font-weight: 700; color: var(--text-dark);\">\r\n <span>How to claim this offer?<\/span>\r\n <svg id=\"howToGetIcon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transition: transform 0.3s;\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/div>\r\n <div id=\"howToGetContent\" style=\"display: none; margin-top: 12px; text-align: left; background: var(--white); border: 2px solid var(--warm-gray); border-radius: 12px; padding: 16px;\">\r\n <ol style=\"list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px;\">\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">1.<\/span>\r\n <span>Select any eligible activity included in the offer<\/span>\r\n <\/li>\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">2.<\/span>\r\n <span>Select at least 2 adults<\/span>\r\n <\/li>\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">3.<\/span>\r\n <span>Add activities to cart<\/span>\r\n <\/li>\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">4.<\/span>\r\n <span>Make sure airport transfer and eligible activities are in the same cart<\/span>\r\n <\/li>\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">5.<\/span>\r\n <span>Enter promo code <span style=\"color: #AAFF03; font-weight: 800; background: #2D2D2D; padding: 2px 8px; border-radius: 4px;\">BURJ<\/span><\/span>\r\n <\/li>\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">6.<\/span>\r\n <span>Congratulations! You get free airport pickup from MyTour<\/span>\r\n <\/li>\r\n <li style=\"font-size: 14px; color: var(--text-body); display: flex; align-items: flex-start; gap: 8px; border-top: 1px solid var(--warm-gray); padding-top: 12px; margin-top: 4px;\">\r\n <span style=\"color: var(--mytour-orange); font-weight: 700;\">?<\/span>\r\n <span>Need help? <a href=\"https:\/\/web.whatsapp.com\/send?phone=966555229903&text=\" target=\"_blank\" style=\"color: var(--mytour-orange); text-decoration: underline; font-weight: 700;\">Contact us now<\/a><\/span>\r\n <\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-actions\">\r\n <button class=\"btn btn-outline\" onclick=\"goToStep(1)\">\r\n Back <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;transform: rotate(180deg);\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <button class=\"btn btn-orange\" onclick=\"proceedToStep3()\" id=\"tourBtn\" disabled>\r\n Continue <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 3: Verification -->\r\n <div class=\"step-card\" id=\"step3\">\r\n <div class=\"card-box\">\r\n <div class=\"card-title\">Verify Your Eligibility<\/div>\r\n \r\n\r\n <!-- Coupon Application Section -->\r\n <div class=\"coupon-section\">\r\n <div class=\"coupon-title\">Click the button below to verify your eligibility<\/div>\r\n \r\n\r\n <div class=\"coupon-code-display\" id=\"couponCodeDisplay\" style=\"display: none;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--success);\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\r\n BURJ\r\n <\/div>\r\n\r\n <button class=\"coupon-btn\" onclick=\"applyBurjCoupon()\" id=\"applyCouponBtn\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 28px;\">\r\n <div style=\"background: #000000; border-radius: 6px; padding: 4px; display: flex; align-items: center; justify-content: center;\">\r\n <img decoding=\"async\" src=\"https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/burj-logo.png\" style=\"width: 24px; height: 24px; display: block;\" alt=\"Burj Logo\">\r\n <\/div>\r\n <span>Apply Offer<\/span>\r\n <\/button>\r\n\r\n <button class=\"coupon-btn applied hidden\" id=\"appliedCouponBtn\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Code Applied Successfully<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"status-msg status-error\" id=\"errorMsg\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;flex-shrink:0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line><\/svg>\r\n <div>Verification error. Please try again.<\/div>\r\n <\/div>\r\n\r\n <div class=\"status-msg status-success\" id=\"successMsg\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;flex-shrink:0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"16 10 12 14 8 10\" style=\"transform:rotate(0deg 12 12);\"><\/polyline><\/svg>\r\n <div>You are eligible for the Burj & MyTour offer<\/div>\r\n <\/div>\r\n\r\n \r\n <!-- Terms and Conditions Checkbox -->\r\n <div style=\"margin: 24px 0; padding: 16px; background: var(--bg-warm); border-radius: 12px; border: 2px solid var(--warm-gray);\">\r\n <label style=\"display: flex; align-items: flex-start; gap: 12px; cursor: pointer; text-align: left;\">\r\n <input type=\"checkbox\" id=\"tcCheckbox\" onchange=\"toggleCheckout()\" style=\"width: 20px; height: 20px; accent-color: var(--mytour-orange); margin-top: 2px; flex-shrink: 0;\">\r\n <span style=\"font-size: 14px; font-weight: 600; color: var(--text-dark); line-height: 1.5;\">\r\n I agree to the Terms & Conditions\r\n <\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <!-- Expandable T&C Section -->\r\n <div id=\"tcDisplay\" style=\"display: none; margin: 16px 0; max-height: 400px; overflow-y: auto; background: var(--white); border: 2px solid var(--warm-gray); border-radius: 12px; padding: 16px;\">\r\n <div style=\"font-size: 13px; line-height: 1.8; color: var(--text-body);\">\r\n <p style=\"margin-bottom: 12px; font-weight: 700; color: var(--text-dark);\">This offer is available for eligible Burj customers only.<\/p>\r\n\r\n <div style=\"display: flex; flex-direction: column; gap: 10px;\">\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>To benefit from this offer, you must purchase 2 eSIMs from Burj for Thailand with 15-day validity.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>You must book one eligible activity or service included in the Burj offer for 2 adults.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>You must use the discount code BURJ when booking via MyTour.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>The mobile number used for MyTour booking must match the number used for the qualifying Burj purchase.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Using the BURJ discount code does not by itself confirm the airport pickup and hotel transfer service.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Using the discount code or completing the order is not final confirmation until MyTour issues confirmation.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>The offer includes airport pickup and hotel transfer service once per eligible booking only.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Airport pickup and hotel transfer service is valid for 2 persons only and includes 2 standard bags only.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Standard bag size is 26 inches or 66cm, any larger bag counts as 2 pieces.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Airport pickup and hotel transfer service is tied to the eligible booking only, cannot be booked separately.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>The offer applies only to eligible activities, boat trips and services within the Burj offer.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>The BURJ discount code is used only when adding qualifying activities or services to cart.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Last booking date is April 20, 2026.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>You can book airport pickup and hotel transfer service and activity or service on any available date during 2026, subject to availability.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Bookings cannot be cancelled or modified.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>This offer is for the eligible beneficiary only and cannot be transferred.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>The offer cannot be exchanged for cash, credit or any other service.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>All activities, boat trips and services are subject to availability.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>No rescheduling for any service in case of no-show or delay, whether for airport pickup or activities.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>Additional fees may apply for locations outside normal transport range, extra stops, extended waiting time, large luggage, extra luggage, child seats, or special requests.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\r\n <span style=\"color: var(--success); font-weight: 700;\">\u2713<\/span>\r\n <span>This offer cannot be combined with any other discount, coupon, promotion or campaign unless otherwise stated.<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--warm-gray);\">\r\n <span style=\"color: var(--warning);\">\u26a0<\/span>\r\n <span style=\"font-weight: 700; color: var(--text-dark);\">MyTour reserves the right to reject or cancel any booking that does not meet offer terms or in case of abuse or suspected abuse.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<div class=\"step-actions\" style=\"margin-top: 24px;\">\r\n <button class=\"btn btn-outline\" onclick=\"goToStep(2)\">\r\n Back <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;transform: rotate(180deg);\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <button class=\"btn btn-orange\" onclick=\"proceedToCheckout()\" id=\"checkoutBtn\" disabled>\r\n Get The Offer <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n let currentStep = 1;\r\n let selectedAirport = null;\r\n let hotelType = null;\r\n let tourPrice = 0;\r\n let isVerified = false;\r\n let airportDateSelected = false;\r\n\r\n function goToStep(step) {\r\n currentStep = step;\r\n document.querySelectorAll('.step-card').forEach(el => el.classList.remove('active'));\r\n document.querySelectorAll('.step').forEach((el, idx) => {\r\n const num = idx + 1;\r\n el.classList.remove('active', 'completed');\r\n if (num < step) {\r\n el.classList.add('completed');\r\n el.querySelector('.step-circle').innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>';\r\n } else if (num === step) {\r\n el.classList.add('active');\r\n el.querySelector('.step-circle').textContent = num;\r\n } else {\r\n el.querySelector('.step-circle').textContent = num;\r\n }\r\n });\r\n\r\n document.getElementById('step' + step).classList.add('active');\r\n \r\n \/\/ Update price summary based on step\r\n updatePriceSummary(step);\r\n \r\n document.querySelector('.stepper').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n \r\n function updatePriceSummary(step) {\r\n const remainingNumber = document.getElementById('remainingNumber');\r\n const activityPriceTag = document.getElementById('activityPriceTag');\r\n \r\n if (step === 1) {\r\n remainingNumber.innerHTML = '265';\r\n activityPriceTag.innerHTML = 'SAR 265';\r\n } else if (step === 2) {\r\n remainingNumber.innerHTML = '265';\r\n activityPriceTag.innerHTML = 'SAR 265';\r\n } else if (step === 3) {\r\n if (tourPrice === 265) {\r\n remainingNumber.innerHTML = '0';\r\n activityPriceTag.innerHTML = 'SAR 265';\r\n } else {\r\n remainingNumber.innerHTML = '60';\r\n activityPriceTag.innerHTML = 'SAR 325';\r\n }\r\n }\r\n }\r\n\r\n function toggleTC(sectionId) {\r\n const section = document.getElementById(sectionId);\r\n section.classList.toggle('expanded');\r\n }\r\n\r\n function selectAirport(code, element) {\r\n \/\/ Remove selection from all\r\n document.querySelectorAll('.airport-chip').forEach(el => {\r\n el.classList.remove('selected');\r\n });\r\n element.classList.add('selected');\r\n selectedAirport = code;\r\n\r\n document.getElementById('dateGroup').classList.remove('hidden');\r\n document.getElementById('airportDetails').classList.remove('hidden');\r\n\r\n \/\/ Disable continue button until date is selected\r\n document.getElementById('continueBtn1').disabled = true;\r\n\r\n \/\/ Update checkbox status\r\n updateOfferChecklist();\r\n\r\n \/\/ Update images based on airport selection\r\n updateAirportImages(code);\r\n }\r\n\r\n function updateAirportImages(airportCode) {\r\n const mainImg = document.getElementById('airportImg');\r\n const thumbs = document.querySelectorAll('.img-thumb-xs');\r\n\r\n if (airportCode === 'BKK') {\r\n mainImg.src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/BKK.jpg';\r\n thumbs[0].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/BKK.jpg';\r\n thumbs[1].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/suv-2.jpg';\r\n thumbs[2].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/suv-1.jpg';\r\n } else if (airportCode === 'DMK') {\r\n mainImg.src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/DMK.jpg';\r\n thumbs[0].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/DMK.jpg';\r\n thumbs[1].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/suv-3.jpg';\r\n thumbs[2].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/suv-2.jpg';\r\n } else if (airportCode === 'HKT') {\r\n mainImg.src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2025\/10\/Camry-2.jpg';\r\n thumbs[0].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2025\/10\/Camry-2.jpg';\r\n thumbs[1].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2026\/03\/MUX-%D9%85%D8%A7%D9%8A-%D8%AA%D9%88%D8%B1.jpg';\r\n thumbs[2].src = 'https:\/\/mytour.tours\/wp-content\/uploads\/2025\/11\/Sedan-4.jpeg';\r\n }\r\n\r\n \/\/ Reset active class\r\n thumbs.forEach(t => t.classList.remove('active'));\r\n thumbs[0].classList.add('active');\r\n }\r\n\r\n function validateDate() {\r\n const date = document.getElementById('arrivalDate').value;\r\n if (date && selectedAirport) {\r\n document.getElementById('continueBtn1').disabled = false;\r\n airportDateSelected = true;\r\n\r\n \/\/ Update checkbox to completed\r\n const checkboxAirport = document.getElementById('checkboxAirport');\r\n checkboxAirport.classList.remove('pending');\r\n checkboxAirport.classList.add('completed');\r\n } else {\r\n document.getElementById('continueBtn1').disabled = true;\r\n airportDateSelected = false;\r\n }\r\n updateOfferChecklist();\r\n }\r\n\r\n function changeImg(thumb, targetId) {\r\n thumb.parentElement.querySelectorAll('.img-thumb-xs').forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n document.getElementById(targetId).src = thumb.src.replace('w=100&h=100', 'w=300&h=300');\r\n }\r\n\r\n function validateAndContinue() {\r\n if (!airportDateSelected) {\r\n alert('Please select an arrival date first');\r\n return;\r\n }\r\n goToStep(2);\r\n }\r\n\r\n function selectHotel(element, type, price) {\r\n document.querySelectorAll('.hotel-row').forEach(el => {\r\n el.classList.remove('selected');\r\n el.querySelector('input').checked = false;\r\n });\r\n element.classList.add('selected');\r\n element.querySelector('input').checked = true;\r\n hotelType = type;\r\n tourPrice = price;\r\n document.getElementById('tourBtn').disabled = false;\r\n\r\n \/\/ Update checkbox\r\n const checkboxTour = document.getElementById('checkboxTour');\r\n checkboxTour.classList.remove('pending');\r\n checkboxTour.classList.add('completed');\r\n }\r\n\r\n function proceedToStep3() {\r\n const tourDate = document.getElementById('tourDate').value;\r\n if (!tourDate) {\r\n alert('Please select an activity date');\r\n document.getElementById('tourDate').focus();\r\n document.getElementById('tourDate').style.borderColor = '#ef4444';\r\n setTimeout(() => {\r\n document.getElementById('tourDate').style.borderColor = '';\r\n }, 2000);\r\n return;\r\n }\r\n if (!hotelType) {\r\n alert('Please select a hotel location');\r\n return;\r\n }\r\n goToStep(3);\r\n }\r\n\r\n function applyBurjCoupon() {\r\n const btn = document.getElementById('applyCouponBtn');\r\n const appliedBtn = document.getElementById('appliedCouponBtn');\r\n const codeDisplay = document.getElementById('couponCodeDisplay');\r\n\r\n \/\/ Show loading\r\n btn.innerHTML = '<span style=\"display: inline-flex; align-items: center; gap: 8px;\">Verifying...<\/span>';\r\n\r\n setTimeout(() => {\r\n \/\/ Hide apply button, show applied button and code\r\n btn.classList.add('hidden');\r\n appliedBtn.classList.remove('hidden');\r\n codeDisplay.style.display = 'inline-flex';\r\n\r\n \/\/ Show success message\r\n document.getElementById('errorMsg').classList.remove('show');\r\n document.getElementById('successMsg').classList.add('show');\r\n\r\n isVerified = true;\r\n document.getElementById('checkoutBtn').disabled = false;\r\n\r\n setTimeout(() => {\r\n document.getElementById('heroSection').classList.add('hidden');\r\n }, 1000);\r\n }, 800);\r\n }\r\n\r\n function updateOfferChecklist() {\r\n \/\/ This function updates the hero section checkboxes based on current state\r\n if (selectedAirport && airportDateSelected) {\r\n const checkboxAirport = document.getElementById('checkboxAirport');\r\n checkboxAirport.classList.remove('pending');\r\n checkboxAirport.classList.add('completed');\r\n }\r\n }\r\n\r\n function proceedToCheckout() {\r\n if (!isVerified) {\r\n alert('Please apply the offer code first');\r\n return;\r\n }\r\n\r\n const total = tourPrice;\r\n const airport = selectedAirport || 'BKK';\r\n const tourDate = document.getElementById('tourDate').value;\r\n\r\n window.location.href = `\/checkout?airport=${airport}&hotel=${hotelType}&total=${total}&date=${tourDate}`;\r\n }\r\n\r\n const tomorrow = new Date();\r\n tomorrow.setDate(tomorrow.getDate() + 1);\r\n document.getElementById('tourDate').min = tomorrow.toISOString().split('T')[0];\r\n document.getElementById('arrivalDate').min = tomorrow.toISOString().split('T')[0];\r\n \r\n function scrollToAirportSelection() {\r\n if (currentStep !== 1) {\r\n goToStep(1);\r\n }\r\n setTimeout(() => {\r\n document.querySelector('.airport-options').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n \/\/ Highlight effect\r\n const airportSection = document.querySelector('.airport-options');\r\n airportSection.style.transition = 'all 0.3s';\r\n airportSection.style.transform = 'scale(1.02)';\r\n setTimeout(() => {\r\n airportSection.style.transform = 'scale(1)';\r\n }, 300);\r\n }, 100);\r\n }\r\n\r\n function toggleCheckout() {\r\n const tcChecked = document.getElementById('tcCheckbox').checked;\r\n const verified = isVerified;\r\n document.getElementById('checkoutBtn').disabled = !(tcChecked && verified);\r\n }\r\n\r\n function toggleTCDisplay() {\r\n const tcDisplay = document.getElementById('tcDisplay');\r\n if (tcDisplay.style.display === 'none') {\r\n tcDisplay.style.display = 'block';\r\n tcDisplay.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n } else {\r\n tcDisplay.style.display = 'none';\r\n }\r\n }\r\n\r\n function toggleHowToGet() {\r\n const content = document.getElementById('howToGetContent');\r\n const icon = document.getElementById('howToGetIcon');\r\n if (content.style.display === 'none') {\r\n content.style.display = 'block';\r\n icon.style.transform = 'rotate(180deg)';\r\n } else {\r\n content.style.display = 'none';\r\n icon.style.transform = 'rotate(0deg)';\r\n }\r\n }\r\n\r\n \/\/ Override proceedToCheckout to check T&C\r\n const originalProceedToCheckout = proceedToCheckout;\r\n proceedToCheckout = function() {\r\n const tcChecked = document.getElementById('tcCheckbox').checked;\r\n if (!tcChecked) {\r\n alert('Please agree to the Terms & Conditions first');\r\n document.getElementById('tcDisplay').style.display = 'block';\r\n return;\r\n }\r\n originalProceedToCheckout();\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Exclusive Burj Offer – MyTour Exclusive Offer for Burj eSIM Customers Bought Burj eSIMs? Follow the steps to claim your offer 2\u00d7 eSIM Purchased from Burj for SAR 133.98 Airport Transfer FREE Rafting & Zipline Activity (for 2) SAR 265 Remaining to get the offer 265 SAR 1 Airport 2 Activity 3 Verify Select Your…","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-22886","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Burj Offer Sample Version 2 - \u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Burj Offer Sample Version 2 - \u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour\" \/>\n<meta property=\"og:description\" content=\"Exclusive Burj Offer – MyTour Exclusive Offer for Burj eSIM Customers Bought Burj eSIMs? Follow the steps to claim your offer 2\u00d7 eSIM Purchased from Burj for SAR 133.98 Airport Transfer FREE Rafting & Zipline Activity (for 2) SAR 265 Remaining to get the offer 265 SAR 1 Airport 2 Activity 3 Verify Select Your...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-21T20:22:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mytour.tours\/wp-content\/uploads\/2024\/11\/mytour-2.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/\",\"url\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/\",\"name\":\"Burj Offer Sample Version 2 - \u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mytour.tours\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/mytour-2.svg\",\"datePublished\":\"2026-03-17T11:31:38+00:00\",\"dateModified\":\"2026-03-21T20:22:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mytour.tours\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/mytour-2.svg\",\"contentUrl\":\"https:\\\/\\\/mytour.tours\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/mytour-2.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/burj-offer-sample-version-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mytour.tours\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Burj Offer Sample Version 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mytour.tours\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mytour.tours\\\/en\\\/\",\"name\":\"\u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour\",\"description\":\"\u0623\u0641\u0636\u0644 \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629 \u0641\u064a \u062a\u0627\u064a\u0644\u0627\u0646\u062f\",\"alternateName\":\"\u0645\u0627\u064a \u062a\u0648\u0631\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mytour.tours\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Burj Offer Sample Version 2 - \u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/","og_locale":"en_US","og_type":"article","og_title":"Burj Offer Sample Version 2 - \u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour","og_description":"Exclusive Burj Offer – MyTour Exclusive Offer for Burj eSIM Customers Bought Burj eSIMs? Follow the steps to claim your offer 2\u00d7 eSIM Purchased from Burj for SAR 133.98 Airport Transfer FREE Rafting & Zipline Activity (for 2) SAR 265 Remaining to get the offer 265 SAR 1 Airport 2 Activity 3 Verify Select Your...","og_url":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/","og_site_name":"\u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour","article_modified_time":"2026-03-21T20:22:55+00:00","og_image":[{"url":"https:\/\/mytour.tours\/wp-content\/uploads\/2024\/11\/mytour-2.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/","url":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/","name":"Burj Offer Sample Version 2 - \u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour","isPartOf":{"@id":"https:\/\/mytour.tours\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/#primaryimage"},"image":{"@id":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/#primaryimage"},"thumbnailUrl":"https:\/\/mytour.tours\/wp-content\/uploads\/2024\/11\/mytour-2.svg","datePublished":"2026-03-17T11:31:38+00:00","dateModified":"2026-03-21T20:22:55+00:00","breadcrumb":{"@id":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/#primaryimage","url":"https:\/\/mytour.tours\/wp-content\/uploads\/2024\/11\/mytour-2.svg","contentUrl":"https:\/\/mytour.tours\/wp-content\/uploads\/2024\/11\/mytour-2.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/mytour.tours\/en\/burj-offer-sample-version-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mytour.tours\/en\/"},{"@type":"ListItem","position":2,"name":"Burj Offer Sample Version 2"}]},{"@type":"WebSite","@id":"https:\/\/mytour.tours\/en\/#website","url":"https:\/\/mytour.tours\/en\/","name":"\u0631\u062d\u0644\u0627\u062a \u0645\u0627\u064a \u062a\u0648\u0631 mytour","description":"\u0623\u0641\u0636\u0644 \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629 \u0641\u064a \u062a\u0627\u064a\u0644\u0627\u0646\u062f","alternateName":"\u0645\u0627\u064a \u062a\u0648\u0631","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mytour.tours\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/pages\/22886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/comments?post=22886"}],"version-history":[{"count":7,"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/pages\/22886\/revisions"}],"predecessor-version":[{"id":22939,"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/pages\/22886\/revisions\/22939"}],"wp:attachment":[{"href":"https:\/\/mytour.tours\/en\/api\/wp\/v2\/media?parent=22886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}