{"id":13,"date":"2026-08-21T07:59:44","date_gmt":"2026-08-21T07:59:44","guid":{"rendered":"https:\/\/amtraiins.com\/?page_id=13"},"modified":"2026-08-21T08:47:27","modified_gmt":"2026-08-21T08:47:27","slug":"home","status":"publish","type":"page","link":"https:\/\/amtraiins.com\/?page_id=13","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5310ae e-con e-atomic-element e-flexbox-base e-bf2880a \" data-id=\"c5310ae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c5310ae\">\n    \t\t<div class=\"elementor-element elementor-element-8cfbe49 elementor-widget elementor-widget-html\" data-id=\"8cfbe49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     RAILWAY \/ FLIGHT BOOKING \u2014 HERO SECTION\r\n     Paste this whole block into an Elementor \"HTML\" widget.\r\n     Everything is scoped under .rw-hero so it won't leak into\r\n     your theme's other styles. Swap the SVG illustration for a\r\n     real photo later by replacing the <div class=\"rw-hero__art\">\r\n     contents with an <img> tag if you prefer.\r\n============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .rw-hero {\r\n    --rw-bg: #232B5E;\r\n    --rw-bg-deep: #191F45;\r\n    --rw-panel: #2B3470;\r\n    --rw-gold: #F2A93B;\r\n    --rw-gold-soft: rgba(242, 169, 59, 0.14);\r\n    --rw-text: #F6F4EE;\r\n    --rw-muted: #ABB2DA;\r\n    --rw-line: rgba(246, 244, 238, 0.16);\r\n    --rw-radius: 18px;\r\n\r\n    position: relative;\r\n    background: var(--rw-bg);\r\n    color: var(--rw-text);\r\n    font-family: 'Inter', sans-serif;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n  .rw-hero *, .rw-hero *::before, .rw-hero *::after { box-sizing: border-box; }\r\n\r\n  \/* ---------- background rail-track motif ---------- *\/\r\n  .rw-hero__tracks {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    opacity: 0.35;\r\n    pointer-events: none;\r\n  }\r\n  .rw-hero__glow {\r\n    position: absolute;\r\n    top: -20%;\r\n    right: -10%;\r\n    width: 640px;\r\n    height: 640px;\r\n    background: radial-gradient(circle, rgba(242,169,59,0.16) 0%, rgba(242,169,59,0) 70%);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ---------- top nav ---------- *\/\r\n  .rw-hero__nav {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 28px 32px 0;\r\n  }\r\n  .rw-hero__logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'Fraunces', serif;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.01em;\r\n    color: var(--rw-text);\r\n    text-decoration: none;\r\n  }\r\n  .rw-hero__logo-mark {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 9px;\r\n    background: var(--rw-gold);\r\n    display: grid;\r\n    place-items: center;\r\n    flex-shrink: 0;\r\n  }\r\n  .rw-hero__logo-mark svg { width: 18px; height: 18px; display: block; }\r\n\r\n  .rw-hero__menu {\r\n    display: flex;\r\n    gap: 34px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .rw-hero__menu a {\r\n    color: var(--rw-muted);\r\n    text-decoration: none;\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n    transition: color 0.2s ease;\r\n  }\r\n  .rw-hero__menu a:hover,\r\n  .rw-hero__menu a:focus-visible { color: var(--rw-text); }\r\n\r\n  .rw-hero__nav-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n  .rw-hero__link-btn {\r\n    color: var(--rw-text);\r\n    text-decoration: none;\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n  }\r\n  .rw-hero__nav-cta {\r\n    background: var(--rw-gold);\r\n    color: var(--rw-bg-deep);\r\n    font-weight: 600;\r\n    font-size: 14.5px;\r\n    padding: 10px 20px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n  .rw-hero__nav-cta:hover,\r\n  .rw-hero__nav-cta:focus-visible {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 8px 20px rgba(242,169,59,0.3);\r\n  }\r\n\r\n  \/* ---------- main grid ---------- *\/\r\n  .rw-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 96px 32px 96px;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n  }\r\n\r\n  .rw-hero__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--rw-gold);\r\n    background: var(--rw-gold-soft);\r\n    border: 1px solid rgba(242,169,59,0.3);\r\n    padding: 7px 14px 7px 12px;\r\n    border-radius: 999px;\r\n    margin-bottom: 22px;\r\n  }\r\n  .rw-hero__eyebrow-dot {\r\n    width: 6px; height: 6px; border-radius: 50%;\r\n    background: var(--rw-gold);\r\n  }\r\n\r\n  .rw-hero__title {\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(34px, 4.2vw, 56px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 22px;\r\n  }\r\n  .rw-hero__title em {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    color: var(--rw-gold);\r\n  }\r\n\r\n  .rw-hero__subtitle {\r\n    font-size: 17px;\r\n    line-height: 1.65;\r\n    color: var(--rw-muted);\r\n    max-width: 480px;\r\n    margin: 0 0 34px;\r\n  }\r\n\r\n  .rw-hero__cta-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-bottom: 48px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .rw-hero__btn-primary {\r\n    background: var(--rw-gold);\r\n    color: var(--rw-bg-deep);\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    padding: 15px 26px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n  .rw-hero__btn-primary:hover,\r\n  .rw-hero__btn-primary:focus-visible {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 24px rgba(242,169,59,0.28);\r\n  }\r\n  .rw-hero__btn-ghost {\r\n    color: var(--rw-text);\r\n    font-weight: 500;\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding-bottom: 2px;\r\n    border-bottom: 1px solid var(--rw-line);\r\n    transition: border-color 0.2s ease, color .2s ease;\r\n  }\r\n  .rw-hero__btn-ghost:hover,\r\n  .rw-hero__btn-ghost:focus-visible {\r\n    border-color: var(--rw-gold);\r\n    color: var(--rw-gold);\r\n  }\r\n\r\n  .rw-hero__stats {\r\n    display: flex;\r\n    gap: 40px;\r\n    padding-top: 32px;\r\n    border-top: 1px solid var(--rw-line);\r\n    max-width: 480px;\r\n  }\r\n  .rw-hero__stat-value {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: var(--rw-text);\r\n    display: block;\r\n    margin-bottom: 4px;\r\n  }\r\n  .rw-hero__stat-label {\r\n    font-size: 12.5px;\r\n    color: var(--rw-muted);\r\n  }\r\n\r\n  \/* ---------- right column: ticket-stub search card ---------- *\/\r\n  .rw-hero__panel-wrap { position: relative; }\r\n\r\n  .rw-hero__art {\r\n    position: absolute;\r\n    top: -54px;\r\n    right: 10px;\r\n    width: 150px;\r\n    opacity: 0.9;\r\n  }\r\n  .rw-hero__art svg { width: 100%; height: auto; display: block; }\r\n\r\n  .rw-ticket {\r\n    position: relative;\r\n    background: var(--rw-panel);\r\n    border: 1px solid var(--rw-line);\r\n    border-radius: var(--rw-radius);\r\n    box-shadow: 0 30px 60px -20px rgba(10, 13, 40, 0.55);\r\n    overflow: visible;\r\n  }\r\n\r\n  .rw-ticket__tabs {\r\n    display: flex;\r\n    padding: 10px 10px 0;\r\n    gap: 6px;\r\n  }\r\n  .rw-ticket__tab {\r\n    flex: 1;\r\n    text-align: center;\r\n    padding: 12px 10px;\r\n    font-size: 13.5px;\r\n    font-weight: 600;\r\n    color: var(--rw-muted);\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: 10px 10px 0 0;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n  }\r\n  .rw-ticket__tab.is-active {\r\n    color: var(--rw-bg-deep);\r\n    background: var(--rw-gold);\r\n  }\r\n\r\n  .rw-ticket__body {\r\n    padding: 22px 22px 0;\r\n  }\r\n\r\n  .rw-ticket__row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .rw-field {\r\n    background: rgba(246,244,238,0.06);\r\n    border: 1px solid var(--rw-line);\r\n    border-radius: 10px;\r\n    padding: 10px 12px;\r\n  }\r\n  .rw-field--full { grid-column: 1 \/ -1; }\r\n  .rw-field label {\r\n    display: block;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 10.5px;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--rw-muted);\r\n    margin-bottom: 5px;\r\n  }\r\n  .rw-field input,\r\n  .rw-field select {\r\n    width: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    outline: none;\r\n    color: var(--rw-text);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n    padding: 0;\r\n    appearance: none;\r\n  }\r\n  .rw-field input::placeholder { color: rgba(246,244,238,0.4); }\r\n  .rw-field input:focus-visible,\r\n  .rw-field select:focus-visible { outline: 2px solid var(--rw-gold); outline-offset: 2px; border-radius: 4px; }\r\n\r\n  .rw-ticket__swap {\r\n    position: relative;\r\n  }\r\n  .rw-ticket__swap-btn {\r\n    position: absolute;\r\n    right: -6px;\r\n    top: -6px;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    background: var(--rw-gold);\r\n    border: 3px solid var(--rw-panel);\r\n    display: grid;\r\n    place-items: center;\r\n    cursor: pointer;\r\n    z-index: 3;\r\n  }\r\n  .rw-ticket__swap-btn svg { width: 13px; height: 13px; }\r\n\r\n  \/* perforated divider = signature ticket-stub detail *\/\r\n  .rw-ticket__perf {\r\n    position: relative;\r\n    height: 1px;\r\n    margin: 22px 0 0;\r\n    border-top: 2px dashed rgba(246,244,238,0.28);\r\n  }\r\n  .rw-ticket__perf::before,\r\n  .rw-ticket__perf::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -11px;\r\n    width: 22px;\r\n    height: 22px;\r\n    background: var(--rw-bg);\r\n    border-radius: 50%;\r\n  }\r\n  .rw-ticket__perf::before { left: -33px; }\r\n  .rw-ticket__perf::after { right: -33px; }\r\n\r\n  .rw-ticket__stub {\r\n    padding: 18px 22px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n  }\r\n  .rw-ticket__code {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 11px;\r\n    color: var(--rw-muted);\r\n    letter-spacing: 0.06em;\r\n  }\r\n  .rw-ticket__code b { color: var(--rw-gold); font-weight: 600; }\r\n\r\n  .rw-ticket__submit {\r\n    background: var(--rw-gold);\r\n    color: var(--rw-bg-deep);\r\n    font-weight: 700;\r\n    font-size: 14.5px;\r\n    padding: 13px 26px;\r\n    border: none;\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n  .rw-ticket__submit:hover,\r\n  .rw-ticket__submit:focus-visible {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 22px rgba(242,169,59,0.3);\r\n  }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (max-width: 980px) {\r\n    .rw-hero__inner { grid-template-columns: 1fr; padding-top: 40px; }\r\n    .rw-hero__menu { display: none; }\r\n    .rw-hero__art { display: none; }\r\n    .rw-hero__subtitle { max-width: 100%; }\r\n    .rw-hero__stats { max-width: 100%; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .rw-hero__nav { padding: 22px 18px 0; }\r\n    .rw-hero__inner { padding: 36px 18px 64px; gap: 40px; }\r\n    .rw-hero__stats { gap: 24px; flex-wrap: wrap; }\r\n    .rw-ticket__row { grid-template-columns: 1fr; }\r\n    .rw-ticket__perf::before,\r\n    .rw-ticket__perf::after { display: none; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .rw-hero *, .rw-hero *::before, .rw-hero *::after {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rw-hero\">\r\n\r\n  <!-- decorative rail-track background pattern (original SVG, replace\/remove freely) -->\r\n  <svg class=\"rw-hero__tracks\" viewBox=\"0 0 1440 700\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n    <path d=\"M-100 650 L1500 200\" stroke=\"#F6F4EE\" stroke-width=\"1\" opacity=\"0.15\"\/>\r\n    <path d=\"M-100 700 L1500 260\" stroke=\"#F6F4EE\" stroke-width=\"1\" opacity=\"0.15\"\/>\r\n    <path d=\"M-100 620 L560 500 M600 490 L1500 190\" stroke=\"#F2A93B\" stroke-width=\"1.5\" opacity=\"0.25\" stroke-dasharray=\"10 10\"\/>\r\n  <\/svg>\r\n  <div class=\"rw-hero__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- main content -->\r\n  <div class=\"rw-hero__inner\">\r\n\r\n    <div class=\"rw-hero__copy\">\r\n      <span class=\"rw-hero__eyebrow\">\r\n        <span class=\"rw-hero__eyebrow-dot\"><\/span>\r\n        Railway Ticket Booking, Made Simple\r\n      <\/span>\r\n\r\n      <h1 class=\"rw-hero__title\">Book your <em>next journey<\/em><br>in under two minutes<\/h1>\r\n\r\n      <p class=\"rw-hero__subtitle\">\r\n        Compare train and flight schedules, lock in the best fares, and get instant e-tickets \u2014 no queues, no paperwork, no waiting for confirmation.\r\n      <\/p>\r\n\r\n      <div class=\"rw-hero__cta-row\">\r\n        <a href=\"#\" class=\"rw-hero__btn-primary\">\r\n          Book a ticket\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"#191F45\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" class=\"rw-hero__btn-ghost\">\r\n          Explore routes\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"rw-hero__stats\">\r\n        <div>\r\n          <span class=\"rw-hero__stat-value\">500+<\/span>\r\n          <span class=\"rw-hero__stat-label\">Destinations covered<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"rw-hero__stat-value\">10M+<\/span>\r\n          <span class=\"rw-hero__stat-label\">Tickets booked<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"rw-hero__stat-value\">24\/7<\/span>\r\n          <span class=\"rw-hero__stat-label\">Support on call<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rw-hero__panel-wrap\">\r\n\r\n      <!-- small decorative train mark above the card -->\r\n      <div class=\"rw-hero__art\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 200 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect x=\"20\" y=\"30\" width=\"160\" height=\"70\" rx=\"14\" fill=\"#F2A93B\" opacity=\"0.9\"\/>\r\n          <rect x=\"36\" y=\"46\" width=\"34\" height=\"26\" rx=\"4\" fill=\"#232B5E\"\/>\r\n          <rect x=\"82\" y=\"46\" width=\"34\" height=\"26\" rx=\"4\" fill=\"#232B5E\"\/>\r\n          <rect x=\"128\" y=\"46\" width=\"34\" height=\"26\" rx=\"4\" fill=\"#232B5E\"\/>\r\n          <circle cx=\"52\" cy=\"112\" r=\"10\" fill=\"#191F45\"\/>\r\n          <circle cx=\"148\" cy=\"112\" r=\"10\" fill=\"#191F45\"\/>\r\n          <path d=\"M8 100 H192\" stroke=\"#F6F4EE\" stroke-width=\"3\" opacity=\"0.5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- ticket-stub shaped search widget -->\r\n      <form class=\"rw-ticket\" aria-label=\"Search tickets\">\r\n        <div class=\"rw-ticket__tabs\" role=\"tablist\">\r\n          <span class=\"rw-ticket__tab is-active\" role=\"tab\" aria-selected=\"true\">Railway Tickets<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"rw-ticket__body\">\r\n          <div class=\"rw-ticket__row rw-ticket__swap\">\r\n            <div class=\"rw-field\">\r\n              <label for=\"rw-from\">From<\/label>\r\n              <input id=\"rw-from\" type=\"text\" placeholder=\"Departure city\">\r\n            <\/div>\r\n            <div class=\"rw-field\">\r\n              <label for=\"rw-to\">To<\/label>\r\n              <input id=\"rw-to\" type=\"text\" placeholder=\"Destination city\">\r\n            <\/div>\r\n            <button type=\"button\" class=\"rw-ticket__swap-btn\" aria-label=\"Swap departure and destination\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 10h13M7 10l4-4M7 10l4 4M17 14H4M17 14l-4-4M17 14l-4 4\" stroke=\"#191F45\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"rw-ticket__row\">\r\n            <div class=\"rw-field\">\r\n              <label for=\"rw-depart\">Departure date<\/label>\r\n              <input id=\"rw-depart\" type=\"date\">\r\n            <\/div>\r\n            <div class=\"rw-field\">\r\n              <label for=\"rw-class\">Class<\/label>\r\n              <select id=\"rw-class\">\r\n                <option>Sleeper<\/option>\r\n                <option>AC 3-Tier<\/option>\r\n                <option>AC 2-Tier<\/option>\r\n                <option>AC First Class<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rw-ticket__row\">\r\n            <div class=\"rw-field rw-field--full\">\r\n              <label for=\"rw-passengers\">Passengers<\/label>\r\n              <select id=\"rw-passengers\">\r\n                <option>1 Passenger<\/option>\r\n                <option>2 Passengers<\/option>\r\n                <option>3 Passengers<\/option>\r\n                <option>4+ Passengers<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rw-ticket__perf\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rw-ticket__stub\">\r\n          <span class=\"rw-ticket__code\">ROUTE&nbsp;<b>#TCK-2291<\/b><br>Best fares, updated hourly<\/span>\r\n          <button type=\"button\" class=\"rw-ticket__submit\" id=\"rw-search-btn\">Search<\/button>\r\n        <\/div>\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- call-to-book popup, shown when Search is clicked -->\r\n  <div class=\"rw-modal\" id=\"rw-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"rw-modal-title\" hidden>\r\n    <div class=\"rw-modal__backdrop\" data-rw-close><\/div>\r\n    <div class=\"rw-modal__card\">\r\n      <button type=\"button\" class=\"rw-modal__close\" data-rw-close aria-label=\"Close\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"#F6F4EE\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n      <\/button>\r\n      <span class=\"rw-modal__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.34 1.79.65 2.65a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.43-1.22a2 2 0 0 1 2.11-.45c.86.31 1.75.53 2.65.65A2 2 0 0 1 22 16.92z\" stroke=\"#232B5E\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/span>\r\n      <h3 class=\"rw-modal__title\" id=\"rw-modal-title\">Call to complete your booking<\/h3>\r\n      <p class=\"rw-modal__text\">Our booking desk is ready to help you find the best fare and confirm your seat.<\/p>\r\n      <a class=\"rw-modal__phone\" href=\"tel:+1000000000\">+1-000000000<\/a>\r\n      <button type=\"button\" class=\"rw-hero__btn-primary rw-modal__btn\" data-rw-close>Done<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  .rw-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n  .rw-modal[hidden] { display: none; }\r\n  .rw-modal__backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(15, 18, 45, 0.65);\r\n    backdrop-filter: blur(3px);\r\n  }\r\n  .rw-modal__card {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: 380px;\r\n    background: #2B3470;\r\n    border: 1px solid rgba(246,244,238,0.16);\r\n    border-radius: 18px;\r\n    padding: 34px 28px 28px;\r\n    text-align: center;\r\n    box-shadow: 0 30px 60px -20px rgba(10, 13, 40, 0.6);\r\n    font-family: 'Inter', sans-serif;\r\n    color: #F6F4EE;\r\n    animation: rw-pop 0.25s ease;\r\n  }\r\n  @keyframes rw-pop {\r\n    from { opacity: 0; transform: translateY(8px) scale(0.98); }\r\n    to { opacity: 1; transform: translateY(0) scale(1); }\r\n  }\r\n  .rw-modal__close {\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    background: rgba(246,244,238,0.08);\r\n    border: none;\r\n    cursor: pointer;\r\n    display: grid;\r\n    place-items: center;\r\n  }\r\n  .rw-modal__close svg { width: 14px; height: 14px; }\r\n  .rw-modal__icon {\r\n    display: inline-grid;\r\n    place-items: center;\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    background: #F2A93B;\r\n    margin-bottom: 18px;\r\n  }\r\n  .rw-modal__icon svg { width: 22px; height: 22px; }\r\n  .rw-modal__title {\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    margin: 0 0 8px;\r\n  }\r\n  .rw-modal__text {\r\n    font-size: 14px;\r\n    color: #ABB2DA;\r\n    line-height: 1.55;\r\n    margin: 0 0 20px;\r\n  }\r\n  .rw-modal__phone {\r\n    display: block;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: #F2A93B;\r\n    text-decoration: none;\r\n    letter-spacing: 0.02em;\r\n    margin-bottom: 22px;\r\n  }\r\n  .rw-modal__btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    display: inline-flex;\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .rw-modal__card { animation: none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    var modal = document.getElementById('rw-modal');\r\n    var openBtn = document.getElementById('rw-search-btn');\r\n    if (!modal || !openBtn) return;\r\n\r\n    function openModal() {\r\n      modal.hidden = false;\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n    function closeModal() {\r\n      modal.hidden = true;\r\n      document.body.style.overflow = '';\r\n    }\r\n\r\n    openBtn.addEventListener('click', openModal);\r\n    modal.querySelectorAll('[data-rw-close]').forEach(function (el) {\r\n      el.addEventListener('click', closeModal);\r\n    });\r\n    document.addEventListener('keydown', function (e) {\r\n      if (e.key === 'Escape' && !modal.hidden) closeModal();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08f6174 elementor-widget elementor-widget-html\" data-id=\"08f6174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECTION 2 \u2014 \"WHY TRAVEL WITH US\" (features + illustration)\r\n     Paste into its own Elementor \"HTML\" widget, right below the\r\n     hero. Same color\/type system as the hero (navy #232B5E + gold),\r\n     scoped under .rw-features so nothing leaks into your theme.\r\n     Image is an original SVG \"train window\" illustration \u2014 replace\r\n     the contents of .rw-window__scene with a real <img> later if\r\n     you'd rather use a photo.\r\n============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .rw-features {\r\n    --rwf-bg: #232B5E;\r\n    --rwf-panel: #2B3470;\r\n    --rwf-gold: #F2A93B;\r\n    --rwf-gold-soft: rgba(242, 169, 59, 0.14);\r\n    --rwf-text: #F6F4EE;\r\n    --rwf-muted: #ABB2DA;\r\n    --rwf-line: rgba(246, 244, 238, 0.16);\r\n\r\n    background: var(--rwf-bg);\r\n    color: var(--rwf-text);\r\n    font-family: 'Inter', sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .rw-features *, .rw-features *::before, .rw-features *::after { box-sizing: border-box; }\r\n\r\n  .rw-features__inner {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 88px 32px;\r\n    display: grid;\r\n    grid-template-columns: 0.9fr 1.1fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------- left: train-window illustration ---------- *\/\r\n  .rw-window {\r\n    position: relative;\r\n    background: var(--rwf-panel);\r\n    border-radius: 32px;\r\n    padding: 22px;\r\n    border: 1px solid var(--rwf-line);\r\n  }\r\n  .rw-window__frame {\r\n    position: relative;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    border: 3px solid rgba(246,244,238,0.18);\r\n  }\r\n  .rw-window__scene { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 520 \/ 420; }\r\n\r\n  .rw-window__rivet {\r\n    position: absolute;\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: rgba(246,244,238,0.35);\r\n  }\r\n  .rw-window__rivet--tl { top: 10px; left: 10px; }\r\n  .rw-window__rivet--tr { top: 10px; right: 10px; }\r\n  .rw-window__rivet--bl { bottom: 10px; left: 10px; }\r\n  .rw-window__rivet--br { bottom: 10px; right: 10px; }\r\n\r\n  .rw-window__badge {\r\n    position: absolute;\r\n    bottom: -18px;\r\n    left: 28px;\r\n    background: var(--rwf-gold);\r\n    color: #191F45;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.06em;\r\n    padding: 10px 16px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 14px 28px -10px rgba(0,0,0,0.4);\r\n  }\r\n\r\n  \/* ---------- right: copy + feature list ---------- *\/\r\n  .rw-features__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--rwf-gold);\r\n    background: var(--rwf-gold-soft);\r\n    border: 1px solid rgba(242,169,59,0.3);\r\n    padding: 7px 14px 7px 12px;\r\n    border-radius: 999px;\r\n    margin-bottom: 20px;\r\n  }\r\n  .rw-features__eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rwf-gold); }\r\n\r\n  .rw-features__title {\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(28px, 3.2vw, 40px);\r\n    line-height: 1.15;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 16px;\r\n    max-width: 480px;\r\n  }\r\n  .rw-features__title em { font-style: italic; font-weight: 500; color: var(--rwf-gold); }\r\n\r\n  .rw-features__subtitle {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n    color: var(--rwf-muted);\r\n    max-width: 480px;\r\n    margin: 0 0 40px;\r\n  }\r\n\r\n  .rw-features__list {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 28px 32px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .rw-feature {\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: flex-start;\r\n  }\r\n  .rw-feature__icon {\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 11px;\r\n    background: var(--rwf-gold-soft);\r\n    border: 1px solid rgba(242,169,59,0.3);\r\n    display: grid;\r\n    place-items: center;\r\n  }\r\n  .rw-feature__icon svg { width: 18px; height: 18px; }\r\n  .rw-feature__title {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--rwf-text);\r\n    margin: 0 0 4px;\r\n  }\r\n  .rw-feature__text {\r\n    font-size: 13.5px;\r\n    line-height: 1.55;\r\n    color: var(--rwf-muted);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (max-width: 980px) {\r\n    .rw-features__inner { grid-template-columns: 1fr; padding: 64px 24px; gap: 48px; }\r\n    .rw-window { max-width: 460px; margin: 0 auto; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .rw-features__list { grid-template-columns: 1fr; }\r\n    .rw-features__inner { padding: 56px 18px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rw-features\">\r\n  <div class=\"rw-features__inner\">\r\n\r\n    <!-- illustration -->\r\n    <div class=\"rw-window\">\r\n      <div class=\"rw-window__frame\">\r\n        <img decoding=\"async\" class=\"rw-window__scene\" src=\"https:\/\/amtraiins.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_h02cygh02cygh02c.png\" alt=\"Train journey illustration\" loading=\"lazy\">\r\n      <\/div>\r\n      <span class=\"rw-window__rivet rw-window__rivet--tl\"><\/span>\r\n      <span class=\"rw-window__rivet rw-window__rivet--tr\"><\/span>\r\n      <span class=\"rw-window__rivet rw-window__rivet--bl\"><\/span>\r\n      <span class=\"rw-window__rivet rw-window__rivet--br\"><\/span>\r\n      <span class=\"rw-window__badge\">SEAT 24A &middot; WINDOW<\/span>\r\n    <\/div>\r\n\r\n    <!-- copy -->\r\n    <div class=\"rw-features__copy\">\r\n      <span class=\"rw-features__eyebrow\">\r\n        <span class=\"rw-features__eyebrow-dot\"><\/span>\r\n        Why Travel With Us\r\n      <\/span>\r\n\r\n      <h2 class=\"rw-features__title\">Booking a ticket shouldn't be <em>the hard part<\/em> of your trip<\/h2>\r\n      <p class=\"rw-features__subtitle\">\r\n        From checking seat availability to holding your ticket in hand, every step is built to be quick, clear, and free of surprises.\r\n      <\/p>\r\n\r\n      <ul class=\"rw-features__list\">\r\n        <li class=\"rw-feature\">\r\n          <span class=\"rw-feature__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8Z\" stroke=\"#F2A93B\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <div>\r\n            <p class=\"rw-feature__title\">Instant e-tickets<\/p>\r\n            <p class=\"rw-feature__text\">Your ticket is confirmed and delivered the moment payment goes through.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"rw-feature\">\r\n          <span class=\"rw-feature__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#F2A93B\" stroke-width=\"1.8\"\/><path d=\"M12 7v5l3.5 2\" stroke=\"#F2A93B\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <div>\r\n            <p class=\"rw-feature__title\">Live seat availability<\/p>\r\n            <p class=\"rw-feature__text\">See real-time seat and berth status before you commit to a booking.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"rw-feature\">\r\n          <span class=\"rw-feature__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 3 4 6v6c0 5 3.5 8.5 8 9 4.5-.5 8-4 8-9V6l-8-3Z\" stroke=\"#F2A93B\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"m9 12 2 2 4-4\" stroke=\"#F2A93B\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <div>\r\n            <p class=\"rw-feature__title\">Secure payments<\/p>\r\n            <p class=\"rw-feature__text\">Every transaction is encrypted end to end, so your details stay private.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"rw-feature\">\r\n          <span class=\"rw-feature__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 4h16v4H4zM4 12h16v8H4z\" stroke=\"#F2A93B\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M8 16h4\" stroke=\"#F2A93B\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <div>\r\n            <p class=\"rw-feature__title\">24\/7 support<\/p>\r\n            <p class=\"rw-feature__text\">Reach a real person anytime for changes, cancellations, or questions.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f721e5 elementor-widget elementor-widget-html\" data-id=\"0f721e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECTION 3 \u2014 \"HOW BOOKING WORKS\" (numbered process, text only)\r\n     Paste into its own Elementor \"HTML\" widget. Same navy\/gold\r\n     system as the earlier sections, scoped under .rw-process.\r\n============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .rw-process {\r\n    --rwp-bg: #232B5E;\r\n    --rwp-panel: #2B3470;\r\n    --rwp-gold: #F2A93B;\r\n    --rwp-gold-soft: rgba(242, 169, 59, 0.14);\r\n    --rwp-text: #F6F4EE;\r\n    --rwp-muted: #ABB2DA;\r\n    --rwp-line: rgba(246, 244, 238, 0.16);\r\n\r\n    background: var(--rwp-bg);\r\n    color: var(--rwp-text);\r\n    font-family: 'Inter', sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .rw-process *, .rw-process *::before, .rw-process *::after { box-sizing: border-box; }\r\n\r\n  .rw-process__inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 88px 32px;\r\n  }\r\n\r\n  .rw-process__head {\r\n    text-align: center;\r\n    max-width: 620px;\r\n    margin: 0 auto 64px;\r\n  }\r\n  .rw-process__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--rwp-gold);\r\n    background: var(--rwp-gold-soft);\r\n    border: 1px solid rgba(242,169,59,0.3);\r\n    padding: 7px 14px 7px 12px;\r\n    border-radius: 999px;\r\n    margin-bottom: 20px;\r\n  }\r\n  .rw-process__eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rwp-gold); }\r\n\r\n  .rw-process__title {\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(28px, 3.2vw, 40px);\r\n    line-height: 1.15;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 16px;\r\n  }\r\n  .rw-process__title em { font-style: italic; font-weight: 500; color: var(--rwp-gold); }\r\n\r\n  .rw-process__subtitle {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n    color: var(--rwp-muted);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ---------- step rail ---------- *\/\r\n  .rw-process__rail {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 0;\r\n  }\r\n  .rw-process__rail::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 26px;\r\n    left: 6%;\r\n    right: 6%;\r\n    height: 2px;\r\n    background: repeating-linear-gradient(\r\n      to right,\r\n      var(--rwp-line) 0 10px,\r\n      transparent 10px 20px\r\n    );\r\n  }\r\n\r\n  .rw-step {\r\n    position: relative;\r\n    padding: 0 18px;\r\n    text-align: left;\r\n  }\r\n  .rw-step__num {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    background: var(--rwp-panel);\r\n    border: 2px solid var(--rwp-gold);\r\n    display: grid;\r\n    place-items: center;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--rwp-gold);\r\n    margin-bottom: 22px;\r\n  }\r\n  .rw-step__title {\r\n    font-size: 16.5px;\r\n    font-weight: 600;\r\n    color: var(--rwp-text);\r\n    margin: 0 0 10px;\r\n  }\r\n  .rw-step__text {\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    color: var(--rwp-muted);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ---------- responsive ---------- *\/\r\n  @media (max-width: 860px) {\r\n    .rw-process__rail { grid-template-columns: 1fr; gap: 36px; }\r\n    .rw-process__rail::before { display: none; }\r\n    .rw-step { padding: 0; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .rw-process__inner { padding: 64px 20px; }\r\n    .rw-process__head { margin-bottom: 44px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rw-process\">\r\n  <div class=\"rw-process__inner\">\r\n\r\n    <div class=\"rw-process__head\">\r\n      <span class=\"rw-process__eyebrow\">\r\n        <span class=\"rw-process__eyebrow-dot\"><\/span>\r\n        How It Works\r\n      <\/span>\r\n      <h2 class=\"rw-process__title\">From search to seat, in <em>four simple steps<\/em><\/h2>\r\n      <p class=\"rw-process__subtitle\">\r\n        Booking a train ticket can feel like a lot of back and forth \u2014 checking schedules on one page, fares on another, then re-entering everything just to see if a seat is even open. We collapsed that into a single, straightforward flow so you spend less time booking and more time actually getting where you're going.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rw-process__rail\">\r\n\r\n      <div class=\"rw-step\">\r\n        <span class=\"rw-step__num\">01<\/span>\r\n        <h3 class=\"rw-step__title\">Search your route<\/h3>\r\n        <p class=\"rw-step__text\">Enter your departure city, destination, and travel date. We pull live schedules across every operator running that route, so you're comparing real options, not guesses.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"rw-step\">\r\n        <span class=\"rw-step__num\">02<\/span>\r\n        <h3 class=\"rw-step__title\">Compare and choose<\/h3>\r\n        <p class=\"rw-step__text\">See timings, seat classes, and fares side by side. Filter by departure window, duration, or price until you land on the train that actually fits your plans.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"rw-step\">\r\n        <span class=\"rw-step__num\">03<\/span>\r\n        <h3 class=\"rw-step__title\">Book and pay securely<\/h3>\r\n        <p class=\"rw-step__text\">Add passenger details, pick your seats, and pay through an encrypted checkout. No account required to get started, and no hidden charges added at the last step.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"rw-step\">\r\n        <span class=\"rw-step__num\">04<\/span>\r\n        <h3 class=\"rw-step__title\">Get your e-ticket<\/h3>\r\n        <p class=\"rw-step__text\">Your ticket lands in your inbox and on your phone instantly. Show it at the gate, or download it ahead of time for offline access on travel day.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b6d9c elementor-widget elementor-widget-html\" data-id=\"c3b6d9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Railway Departures \u2014 Section<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===========================================================\r\n     RAILWAY \u2014 DEPARTURES BOARD SECTION (section #2)\r\n     Distinct signature element from section #1: a split-flap\r\n     departures board + a ticket-row route list.\r\n     Paste the <section class=\"rwd\">...<\/section> markup into an\r\n     Elementor HTML widget; paste this <style> block into the\r\n     page\/element Custom CSS, or a preceding HTML widget.\r\n     =========================================================== *\/\r\n\r\n  .rwd {\r\n    --bg:        #232B5E;\r\n    --bg-deep:   #171C42;\r\n    --panel:     #1B2148;\r\n    --flap:      #262E60;\r\n    --line:      rgba(245, 241, 232, 0.13);\r\n    --cream:     #F5F1E8;\r\n    --muted:     #9AA3D6;\r\n    --signal:    #FFB627;\r\n    --ontime:    #6FD3A6;\r\n    --delay:     #FF8A6B;\r\n\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 96px 6vw;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .rwd *, .rwd *::before, .rwd *::after { box-sizing: border-box; }\r\n\r\n  .rwd::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(700px 380px at 8% 0%, rgba(255,182,39,0.08), transparent 60%),\r\n      radial-gradient(700px 420px at 100% 100%, rgba(111,211,166,0.07), transparent 55%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .rwd-wrap { max-width: 1180px; margin: 0 auto; position: relative; }\r\n\r\n  \/* ---------- Header ---------- *\/\r\n  .rwd-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 24px;\r\n    margin-bottom: 44px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .rwd-eyebrow {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--signal);\r\n    margin-bottom: 14px;\r\n    display: block;\r\n  }\r\n  .rwd-h2 {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(28px, 3.2vw, 40px);\r\n    line-height: 1.15;\r\n    margin: 0;\r\n    max-width: 20ch;\r\n  }\r\n  .rwd-h2 span { color: var(--signal); }\r\n  .rwd-headnote {\r\n    font-size: 14.5px;\r\n    color: var(--muted);\r\n    max-width: 34ch;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ---------- Signature: split-flap departures board ---------- *\/\r\n  .rwd-board {\r\n    background: var(--panel);\r\n    border: 1px solid var(--line);\r\n    border-radius: 16px;\r\n    padding: 4px;\r\n    box-shadow: 0 30px 70px -30px rgba(0,0,0,0.6);\r\n    margin-bottom: 64px;\r\n  }\r\n\r\n  .rwd-board-title {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 16px 20px 14px;\r\n  }\r\n  .rwd-board-title b {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--cream);\r\n    opacity: 0.75;\r\n  }\r\n  .rwd-board-title .rwd-live {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--ontime);\r\n  }\r\n  .rwd-board-title .rwd-live i {\r\n    width: 6px; height: 6px; border-radius: 50%;\r\n    background: var(--ontime);\r\n    box-shadow: 0 0 0 3px rgba(111,211,166,0.2);\r\n  }\r\n\r\n  .rwd-row {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1.6fr 0.8fr 0.7fr 0.9fr;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 20px;\r\n    border-top: 1px solid var(--line);\r\n    font-family: 'IBM Plex Mono', monospace;\r\n  }\r\n  .rwd-row.rwd-row-h {\r\n    font-size: 10.5px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n    border-top: none;\r\n    padding-bottom: 10px;\r\n  }\r\n  .rwd-row .rwd-no { font-size: 12.5px; color: var(--muted); }\r\n  .rwd-row .rwd-dest { font-family: 'Space Grotesk', sans-serif; font-size: 15px; color: var(--cream); }\r\n  .rwd-row .rwd-dest small { display:block; font-family:'Inter',sans-serif; font-size: 11.5px; color: var(--muted); margin-top: 2px; }\r\n  .rwd-row .rwd-time { font-size: 13.5px; }\r\n  .rwd-row .rwd-plat { font-size: 13px; color: var(--muted); }\r\n\r\n  .rwd-status {\r\n    justify-self: start;\r\n    font-size: 11px;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    padding: 4px 10px;\r\n    border-radius: 999px;\r\n  }\r\n  .rwd-status.ok   { color: var(--ontime); background: rgba(111,211,166,0.12); }\r\n  .rwd-status.wait { color: var(--signal); background: rgba(255,182,39,0.12); }\r\n  .rwd-status.late { color: var(--delay); background: rgba(255,138,107,0.12); }\r\n\r\n  .rwd-flap {\r\n    display: inline-block;\r\n    animation: rwd-flicker 5s steps(1) infinite;\r\n  }\r\n  .rwd-row:nth-child(2) .rwd-flap { animation-delay: 0s; }\r\n  .rwd-row:nth-child(3) .rwd-flap { animation-delay: 0.6s; }\r\n  .rwd-row:nth-child(4) .rwd-flap { animation-delay: 1.1s; }\r\n  .rwd-row:nth-child(5) .rwd-flap { animation-delay: 1.6s; }\r\n  @keyframes rwd-flicker {\r\n    0%, 92%, 100% { opacity: 1; transform: translateY(0); }\r\n    94% { opacity: 0.35; transform: translateY(-1px); }\r\n    96% { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .rwd-flap { animation: none; }\r\n  }\r\n\r\n  \/* ---------- Popular routes: ticket-row list ---------- *\/\r\n  .rwd-routes-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 18px;\r\n  }\r\n  .rwd-routes-head h3 {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 20px;\r\n    margin: 0;\r\n  }\r\n  .rwd-routes-head a {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12.5px;\r\n    color: var(--signal);\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(255,182,39,0.4);\r\n    padding-bottom: 2px;\r\n  }\r\n\r\n  .rwd-routes { display: flex; flex-direction: column; gap: 12px; }\r\n\r\n  .rwd-ticket-row {\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto auto auto;\r\n    align-items: center;\r\n    gap: 20px;\r\n    background: rgba(245,241,232,0.035);\r\n    border: 1px solid var(--line);\r\n    border-radius: 12px;\r\n    padding: 16px 22px;\r\n    position: relative;\r\n    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;\r\n  }\r\n  .rwd-ticket-row:hover {\r\n    border-color: rgba(255,182,39,0.4);\r\n    background: rgba(245,241,232,0.06);\r\n    transform: translateX(4px);\r\n  }\r\n  .rwd-ticket-row::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -1px; top: 50%; transform: translateY(-50%);\r\n    width: 10px; height: 10px;\r\n    background: var(--bg);\r\n    border: 1px solid var(--line);\r\n    border-radius: 50%;\r\n  }\r\n  .rwd-ticket-row::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -1px; top: 50%; transform: translateY(-50%);\r\n    width: 10px; height: 10px;\r\n    background: var(--bg);\r\n    border: 1px solid var(--line);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .rwd-ticket-row .rwd-idx {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    color: var(--muted);\r\n  }\r\n  .rwd-ticket-row .rwd-cities {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 16.5px;\r\n  }\r\n  .rwd-ticket-row .rwd-cities small {\r\n    display: block;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    color: var(--muted);\r\n    margin-top: 3px;\r\n    font-weight: 400;\r\n  }\r\n  .rwd-ticket-row .rwd-dur {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12.5px;\r\n    color: var(--muted);\r\n    text-align: right;\r\n  }\r\n  .rwd-ticket-row .rwd-price {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--signal);\r\n    text-align: right;\r\n  }\r\n  .rwd-ticket-row .rwd-price small {\r\n    display: block;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 10.5px;\r\n    color: var(--muted);\r\n    font-weight: 400;\r\n  }\r\n  .rwd-ticket-row .rwd-go {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--bg-deep);\r\n    background: var(--signal);\r\n    border-radius: 8px;\r\n    padding: 9px 16px;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 860px) {\r\n    .rwd-row { grid-template-columns: 1fr 1.6fr 0.8fr; }\r\n    .rwd-row .rwd-time, .rwd-row .rwd-plat { display: none; }\r\n    .rwd-ticket-row { grid-template-columns: auto 1fr; row-gap: 10px; }\r\n    .rwd-ticket-row .rwd-dur { display: none; }\r\n    .rwd-ticket-row .rwd-price, .rwd-ticket-row .rwd-go { justify-self: end; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .rwd { padding: 72px 6vw; }\r\n    .rwd-ticket-row { padding: 16px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rwd\">\r\n  <div class=\"rwd-wrap\">\r\n\r\n    <div class=\"rwd-head\">\r\n      <div>\r\n        <span class=\"rwd-eyebrow\">Network &amp; Schedules<\/span>\r\n        <h2 class=\"rwd-h2\">Every train, <span>every platform<\/span>, updated live<\/h2>\r\n      <\/div>\r\n      <p class=\"rwd-headnote\">\r\n        Check departures as they happen and pick a route from the ones\r\n        travellers book most \u2014 no digging through timetables.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Signature: split-flap departures board -->\r\n    <div class=\"rwd-board\">\r\n      <div class=\"rwd-board-title\">\r\n        <b>Upcoming Departures<\/b>\r\n        <span class=\"rwd-live\"><i><\/i> Live<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"rwd-row rwd-row-h\">\r\n        <span>Train No.<\/span><span>Destination<\/span><span>Time<\/span><span>Platform<\/span><span>Status<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"rwd-row\">\r\n        <span class=\"rwd-no\">12045<\/span>\r\n        <span class=\"rwd-dest rwd-flap\">Northbound Express<small>via Central Junction<\/small><\/span>\r\n        <span class=\"rwd-time rwd-flap\">07:45<\/span>\r\n        <span class=\"rwd-plat rwd-flap\">PF 03<\/span>\r\n        <span class=\"rwd-status ok\">On time<\/span>\r\n      <\/div>\r\n      <div class=\"rwd-row\">\r\n        <span class=\"rwd-no\">18109<\/span>\r\n        <span class=\"rwd-dest rwd-flap\">Coastal Passenger<small>via Harbor Road<\/small><\/span>\r\n        <span class=\"rwd-time rwd-flap\">08:10<\/span>\r\n        <span class=\"rwd-plat rwd-flap\">PF 06<\/span>\r\n        <span class=\"rwd-status wait\">Boarding<\/span>\r\n      <\/div>\r\n      <div class=\"rwd-row\">\r\n        <span class=\"rwd-no\">22691<\/span>\r\n        <span class=\"rwd-dest rwd-flap\">Hillside Shuttle<small>via Green Valley<\/small><\/span>\r\n        <span class=\"rwd-time rwd-flap\">08:35<\/span>\r\n        <span class=\"rwd-plat rwd-flap\">PF 01<\/span>\r\n        <span class=\"rwd-status late\">Delayed 10m<\/span>\r\n      <\/div>\r\n      <div class=\"rwd-row\">\r\n        <span class=\"rwd-no\">16572<\/span>\r\n        <span class=\"rwd-dest rwd-flap\">Riverside Local<small>via Old Bridge<\/small><\/span>\r\n        <span class=\"rwd-time rwd-flap\">09:00<\/span>\r\n        <span class=\"rwd-plat rwd-flap\">PF 04<\/span>\r\n        <span class=\"rwd-status ok\">On time<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Popular routes: ticket-row list -->\r\n    <div class=\"rwd-routes-block\">\r\n      <div class=\"rwd-routes-head\">\r\n        <h3>Popular routes this week<\/h3>\r\n        <a href=\"#\">View all routes \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"rwd-routes\">\r\n\r\n        <div class=\"rwd-ticket-row\">\r\n          <span class=\"rwd-idx\">01<\/span>\r\n          <span class=\"rwd-cities\">Central Junction \u2192 Harbor Road<small>Daily \u00b7 AC &amp; Sleeper available<\/small><\/span>\r\n          <span class=\"rwd-dur\">4h 20m<\/span>\r\n          <span class=\"rwd-price\">From $29<small>per adult<\/small><\/span>\r\n          <a href=\"tel:+10000000000000\" class=\"rwd-go\">Book<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"rwd-ticket-row\">\r\n          <span class=\"rwd-idx\">02<\/span>\r\n          <span class=\"rwd-cities\">Green Valley \u2192 Old Bridge<small>Mon\u2013Sat \u00b7 Chair Car<\/small><\/span>\r\n          <span class=\"rwd-dur\">2h 05m<\/span>\r\n          <span class=\"rwd-price\">From $19<small>per adult<\/small><\/span>\r\n          <a href=\"tel:+10000000000000\" class=\"rwd-go\">Book<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"rwd-ticket-row\">\r\n          <span class=\"rwd-idx\">03<\/span>\r\n          <span class=\"rwd-cities\">Central Junction \u2192 Riverside<small>Daily \u00b7 Sleeper &amp; General<\/small><\/span>\r\n          <span class=\"rwd-dur\">6h 45m<\/span>\r\n          <span class=\"rwd-price\">From $39<small>per adult<\/small><\/span>\r\n          <a href=\"tel:+10000000000000\" class=\"rwd-go\">Book<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"rwd-ticket-row\">\r\n          <span class=\"rwd-idx\">04<\/span>\r\n          <span class=\"rwd-cities\">Harbor Road \u2192 Hillside<small>Fri\u2013Sun \u00b7 AC Only<\/small><\/span>\r\n          <span class=\"rwd-dur\">3h 15m<\/span>\r\n          <span class=\"rwd-price\">From $45<small>per adult<\/small><\/span>\r\n          <a href=\"tel:+10000000000000\" class=\"rwd-go\">Book<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e1814 elementor-widget elementor-widget-html\" data-id=\"d6e1814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Railway Journey \u2014 Section<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===========================================================\r\n     RAILWAY \u2014 JOURNEY \/ IMAGE STORY SECTION (section #3)\r\n     Signature: image framed as a train carriage window (rounded\r\n     frame, center muntin bar, corner rivets) \u2014 distinct from the\r\n     ticket-card hero (#1) and the departures board (#2).\r\n     Paste the <section class=\"rwj\">...<\/section> markup into an\r\n     Elementor HTML widget; paste the <style> block into Custom\r\n     CSS, or a preceding HTML widget.\r\n     =========================================================== *\/\r\n\r\n  .rwj {\r\n    --bg:        #232B5E;\r\n    --bg-deep:   #171C42;\r\n    --panel:     #2C3572;\r\n    --frame:     #1B2148;\r\n    --line:      rgba(245, 241, 232, 0.13);\r\n    --cream:     #F5F1E8;\r\n    --muted:     #AAB2DE;\r\n    --signal:    #FFB627;\r\n    --track:     #6FD3A6;\r\n\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 100px 6vw;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .rwj *, .rwj *::before, .rwj *::after { box-sizing: border-box; }\r\n\r\n  .rwj-wrap {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------- Signature: train-window framed image ---------- *\/\r\n  .rwj-window {\r\n    position: relative;\r\n    background: var(--frame);\r\n    border-radius: 28px;\r\n    padding: 16px;\r\n    box-shadow: 0 40px 80px -30px rgba(0,0,0,0.6);\r\n  }\r\n\r\n  .rwj-glass {\r\n    position: relative;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 5;\r\n    background: var(--panel);\r\n  }\r\n  .rwj-glass img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    filter: saturate(1.02) contrast(1.03);\r\n  }\r\n  .rwj-glass::after {\r\n    \/* faint glass reflection *\/\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(115deg, rgba(255,255,255,0.10) 0%, transparent 22%, transparent 78%, rgba(0,0,0,0.16) 100%);\r\n    pointer-events: none;\r\n  }\r\n  .rwj-glass::before {\r\n    \/* center muntin bar, like a carriage window divider *\/\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%; top: 0; bottom: 0;\r\n    width: 10px;\r\n    margin-left: -5px;\r\n    background: var(--frame);\r\n    box-shadow: 0 0 0 1px rgba(245,241,232,0.08);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* corner rivets on the frame *\/\r\n  .rwj-window .rwj-rivet {\r\n    position: absolute;\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(245,241,232,0.25);\r\n    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);\r\n  }\r\n  .rwj-window .rwj-rivet.tl { top: 12px; left: 12px; }\r\n  .rwj-window .rwj-rivet.tr { top: 12px; right: 12px; }\r\n  .rwj-window .rwj-rivet.bl { bottom: 12px; left: 12px; }\r\n  .rwj-window .rwj-rivet.br { bottom: 12px; right: 12px; }\r\n\r\n  .rwj-caption {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 14px 6px 4px;\r\n  }\r\n  .rwj-caption span {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n  }\r\n  .rwj-caption b {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    color: var(--track);\r\n  }\r\n\r\n  \/* ---------- Copy side ---------- *\/\r\n  .rwj-eyebrow {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--signal);\r\n    display: block;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .rwj-h2 {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(28px, 3.4vw, 42px);\r\n    line-height: 1.14;\r\n    margin: 0 0 22px;\r\n    max-width: 15ch;\r\n  }\r\n  .rwj-h2 span { color: var(--signal); }\r\n\r\n  .rwj-copy p {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    color: var(--muted);\r\n    margin: 0 0 18px;\r\n    max-width: 54ch;\r\n  }\r\n  .rwj-copy p strong {\r\n    color: var(--cream);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .rwj-quote {\r\n    border-left: 3px solid var(--signal);\r\n    padding-left: 18px;\r\n    margin: 28px 0 32px;\r\n  }\r\n  .rwj-quote p {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    color: var(--cream);\r\n    line-height: 1.5;\r\n    margin: 0 0 8px;\r\n  }\r\n  .rwj-quote cite {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-style: normal;\r\n    font-size: 12px;\r\n    color: var(--muted);\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  .rwj-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    color: var(--bg-deep);\r\n    background: var(--signal);\r\n    padding: 14px 24px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 24px -10px rgba(255,182,39,0.5);\r\n  }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .rwj-wrap { grid-template-columns: 1fr; gap: 40px; }\r\n    .rwj-window { max-width: 420px; margin: 0 auto; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .rwj { padding: 76px 6vw; }\r\n    .rwj-h2 { max-width: none; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rwj\">\r\n  <div class=\"rwj-wrap\">\r\n\r\n    <!-- Signature: train-window framed image -->\r\n    <div class=\"rwj-window\">\r\n      <div class=\"rwj-glass\">\r\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1039\/900\/1100\" alt=\"View from a train window during a journey\">\r\n      <\/div>\r\n      <span class=\"rwj-rivet tl\"><\/span>\r\n      <span class=\"rwj-rivet tr\"><\/span>\r\n      <span class=\"rwj-rivet bl\"><\/span>\r\n      <span class=\"rwj-rivet br\"><\/span>\r\n      <div class=\"rwj-caption\">\r\n        <span>Window Seat \u00b7 Coach B2<\/span>\r\n        <b>On Route<\/b>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Copy -->\r\n    <div class=\"rwj-copy\">\r\n      <span class=\"rwj-eyebrow\">The Journey<\/span>\r\n      <h2 class=\"rwj-h2\">Every ticket is <span>the start of a story<\/span><\/h2>\r\n\r\n      <p>\r\n        There's a particular kind of calm that only a train ride gives you \u2014 the\r\n        rhythm of the tracks, a window seat, and a stretch of time that's finally\r\n        your own. <strong>We built this platform because booking a ticket\r\n        shouldn't get in the way of that feeling.<\/strong> No confusing fare\r\n        charts, no waiting in line, no second-guessing which class or coach to\r\n        pick. Just a clear route, an honest price, and a confirmed seat within\r\n        minutes.\r\n      <\/p>\r\n      <p>\r\n        From short weekday commutes to long overnight journeys across the\r\n        country, every booking on our platform comes with real-time schedules,\r\n        transparent seat availability, and support that actually picks up the\r\n        phone. Millions of travellers use the railway every single day \u2014 we\r\n        think getting there should feel as good as arriving.\r\n      <\/p>\r\n\r\n      <div class=\"rwj-quote\">\r\n        <p>\"Booked, boarded, and settled into my seat in under three minutes \u2014 didn't think railway booking could feel this simple.\"<\/p>\r\n        <cite>\u2014 A regular weekday commuter<\/cite>\r\n      <\/div>\r\n\r\n      <a href=\"tel:+10000000000000\" class=\"rwj-cta\">Plan Your Journey \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f6854c elementor-widget elementor-widget-html\" data-id=\"1f6854c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Railway Route Timeline \u2014 Section<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===========================================================\r\n     RAILWAY \u2014 ROUTE TIMELINE SECTION (section #4, fixed)\r\n     Signature: the booking journey drawn as a train line \u2014 a\r\n     track with station stops, each stop = one step. Rebuilt on\r\n     a normal CSS Grid flow (no absolute positioning \/ no\r\n     hardcoded spacing) so desktop alignment is always correct,\r\n     no matter how the card text wraps.\r\n     Paste <section class=\"rwl\">...<\/section> into an Elementor\r\n     HTML widget; paste the <style> block into Custom CSS or a\r\n     preceding HTML widget.\r\n     =========================================================== *\/\r\n\r\n  .rwl {\r\n    --bg:        #232B5E;\r\n    --bg-deep:   #171C42;\r\n    --panel:     #2A3270;\r\n    --line:      rgba(245, 241, 232, 0.14);\r\n    --cream:     #F5F1E8;\r\n    --muted:     #AAB2DE;\r\n    --signal:    #FFB627;\r\n    --track:     #6FD3A6;\r\n\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 104px 6vw 96px;\r\n    position: relative;\r\n  }\r\n  .rwl *, .rwl *::before, .rwl *::after { box-sizing: border-box; }\r\n\r\n  .rwl-wrap { max-width: 1180px; margin: 0 auto; position: relative; }\r\n\r\n  \/* ---------- Header + intro copy ---------- *\/\r\n  .rwl-head { max-width: 780px; margin: 0 auto 30px; text-align: center; }\r\n  .rwl-eyebrow {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--signal);\r\n    display: block;\r\n    margin-bottom: 16px;\r\n  }\r\n  .rwl-h2 {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(28px, 3.6vw, 42px);\r\n    line-height: 1.16;\r\n    margin: 0 0 20px;\r\n  }\r\n  .rwl-h2 span { color: var(--signal); }\r\n  .rwl-intro {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    color: var(--muted);\r\n    margin: 0 auto 20px;\r\n    max-width: 66ch;\r\n  }\r\n  .rwl-intro strong { color: var(--cream); font-weight: 600; }\r\n\r\n  \/* ---------- Signature: route line with station stops ----------\r\n     Normal document flow throughout: the track is one flex row,\r\n     the nodes+cards are a single CSS grid row directly beneath\r\n     it. Every card sits in the same grid row, so the row auto-\r\n     sizes to the tallest card and every column lines up exactly\r\n     under its node \u2014 on any desktop width, any content length. *\/\r\n\r\n  .rwl-line-wrap { margin: 68px 0 0; }\r\n\r\n  .rwl-track {\r\n    height: 2px;\r\n    margin: 0 3.5% 0;\r\n    background: repeating-linear-gradient(90deg, var(--track) 0 10px, transparent 10px 18px);\r\n  }\r\n\r\n  .rwl-stations {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    column-gap: 18px;\r\n    margin: -10px 3.5% 0;\r\n  }\r\n\r\n  .rwl-stop {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .rwl-stop .rwl-node {\r\n    width: 18px; height: 18px;\r\n    border-radius: 50%;\r\n    background: var(--bg);\r\n    border: 2.5px solid var(--signal);\r\n    margin-bottom: 20px;\r\n    flex: 0 0 auto;\r\n  }\r\n  .rwl-stop:nth-child(even) .rwl-node { border-color: var(--track); }\r\n\r\n  .rwl-stop .rwl-card {\r\n    width: 100%;\r\n    background: var(--panel);\r\n    border: 1px solid var(--line);\r\n    border-radius: 12px;\r\n    padding: 18px 16px 16px;\r\n    text-align: left;\r\n  }\r\n\r\n  .rwl-card .rwl-no {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 0.1em;\r\n    color: var(--muted);\r\n    display: block;\r\n    margin-bottom: 6px;\r\n  }\r\n  .rwl-card h3 {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 15.5px;\r\n    margin: 0 0 6px;\r\n  }\r\n  .rwl-card p {\r\n    font-size: 12.8px;\r\n    line-height: 1.55;\r\n    color: var(--muted);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ---------- Closing copy ---------- *\/\r\n  .rwl-outro {\r\n    max-width: 780px;\r\n    margin: 56px auto 0;\r\n    font-size: 15.5px;\r\n    line-height: 1.75;\r\n    color: var(--muted);\r\n    text-align: center;\r\n  }\r\n  .rwl-outro strong { color: var(--cream); font-weight: 600; }\r\n\r\n  \/* ---------- Tablet: 2\u20133 per row still grid-aligned ---------- *\/\r\n  @media (max-width: 980px) and (min-width: 641px) {\r\n    .rwl-stations { grid-template-columns: repeat(3, 1fr); row-gap: 28px; }\r\n    .rwl-track { display: none; }\r\n  }\r\n\r\n  \/* ---------- Mobile: vertical line ---------- *\/\r\n  @media (max-width: 640px) {\r\n    .rwl { padding: 76px 6vw; }\r\n    .rwl-track { display: none; }\r\n    .rwl-line-wrap { margin-top: 44px; }\r\n    .rwl-stations {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0;\r\n      margin: 0;\r\n    }\r\n    .rwl-stop {\r\n      flex-direction: row;\r\n      align-items: flex-start;\r\n      text-align: left;\r\n      padding-left: 22px;\r\n      padding-bottom: 28px;\r\n      border-left: 2px dashed var(--track);\r\n      margin-left: 8px;\r\n      position: relative;\r\n    }\r\n    .rwl-stop:last-child { border-left-color: transparent; padding-bottom: 0; }\r\n    .rwl-stop .rwl-node {\r\n      position: absolute;\r\n      left: -10px;\r\n      top: 0;\r\n      margin-bottom: 0;\r\n    }\r\n    .rwl-stop .rwl-card { margin-left: 14px; width: calc(100% - 14px); }\r\n    .rwl-outro { margin-top: 40px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rwl\">\r\n  <div class=\"rwl-wrap\">\r\n\r\n    <div class=\"rwl-head\">\r\n      <span class=\"rwl-eyebrow\">How Booking Works<\/span>\r\n      <h2 class=\"rwl-h2\">Your route from <span>search to seat<\/span><\/h2>\r\n      <p class=\"rwl-intro\">\r\n        Booking a train ticket should feel as smooth as the journey itself.\r\n        <strong>Instead of scattering the process across timetables, payment\r\n        pages and confirmation emails<\/strong>, we laid it out as one\r\n        continuous line \u2014 five stops, each one solving a single part of\r\n        planning a trip, so nothing feels rushed and nothing gets missed.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Signature: route line with station stops -->\r\n    <div class=\"rwl-line-wrap\">\r\n      <div class=\"rwl-track\"><\/div>\r\n      <div class=\"rwl-stations\">\r\n\r\n        <div class=\"rwl-stop\">\r\n          <span class=\"rwl-node\"><\/span>\r\n          <div class=\"rwl-card\">\r\n            <span class=\"rwl-no\">Stop 01<\/span>\r\n            <h3>Search routes<\/h3>\r\n            <p>Enter your stations and travel date to see every available train, sorted by departure time.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rwl-stop\">\r\n          <span class=\"rwl-node\"><\/span>\r\n          <div class=\"rwl-card\">\r\n            <span class=\"rwl-no\">Stop 02<\/span>\r\n            <h3>Compare options<\/h3>\r\n            <p>Check timings, seat class and live availability side by side before you commit to a train.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rwl-stop\">\r\n          <span class=\"rwl-node\"><\/span>\r\n          <div class=\"rwl-card\">\r\n            <span class=\"rwl-no\">Stop 03<\/span>\r\n            <h3>Choose your seat<\/h3>\r\n            <p>Pick a window, aisle or berth from a live seat map, so there are no surprises on boarding day.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rwl-stop\">\r\n          <span class=\"rwl-node\"><\/span>\r\n          <div class=\"rwl-card\">\r\n            <span class=\"rwl-no\">Stop 04<\/span>\r\n            <h3>Pay securely<\/h3>\r\n            <p>Confirm your fare and pay through an encrypted checkout \u2014 the price you see is the price you pay.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rwl-stop\">\r\n          <span class=\"rwl-node\"><\/span>\r\n          <div class=\"rwl-card\">\r\n            <span class=\"rwl-no\">Stop 05<\/span>\r\n            <h3>Board with ease<\/h3>\r\n            <p>Your e-ticket and QR pass land instantly \u2014 just show up, scan, and find your seat.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"rwl-outro\">\r\n      Every stop on this line exists because we mapped out where travellers\r\n      usually get stuck when booking a train \u2014 buried fare charts, unclear\r\n      seat availability, and confirmation details spread across too many\r\n      screens. <strong>By turning the process into a single, visible route,\r\n      you always know exactly where you are<\/strong>: whether you're still\r\n      comparing trains, choosing a berth, or holding a confirmed ticket\r\n      ready to board. Whether you're booking a short weekday commute or\r\n      planning a longer trip across the network, the same five stops apply\r\n      \u2014 no hidden steps, no separate app for tracking your booking\r\n      afterwards. It's the same clarity you'd expect from a well-run\r\n      station: a clear board, a clear platform, and a train that leaves\r\n      on time.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-091fd8e elementor-widget elementor-widget-html\" data-id=\"091fd8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Railway Final CTA \u2014 Section<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===========================================================\r\n     RAILWAY \u2014 FINAL CTA SECTION (closer)\r\n     Signature: an animated train silhouette gliding along a\r\n     skyline horizon, continuous loop. Distinct from every prior\r\n     section's signature (ticket card, departures board, window\r\n     image, route timeline) \u2014 this one uses motion as its one\r\n     bold moment, and nothing else in the section competes with it.\r\n     Paste <section class=\"rwc\">...<\/section> into an Elementor\r\n     HTML widget; paste the <style> block into Custom CSS or a\r\n     preceding HTML widget.\r\n     =========================================================== *\/\r\n\r\n  .rwc {\r\n    --bg:        #232B5E;\r\n    --bg-deep:   #171C42;\r\n    --cream:     #F5F1E8;\r\n    --muted:     #AAB2DE;\r\n    --signal:    #FFB627;\r\n    --track:     #6FD3A6;\r\n    --skyline:   #1E2554;\r\n\r\n    background: linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);\r\n    color: var(--cream);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 108px 6vw 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .rwc *, .rwc *::before, .rwc *::after { box-sizing: border-box; }\r\n\r\n  .rwc::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(900px 420px at 50% 0%, rgba(255,182,39,0.09), transparent 60%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .rwc-wrap {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n\r\n  .rwc-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--signal);\r\n    margin-bottom: 22px;\r\n  }\r\n  .rwc-eyebrow i {\r\n    width: 6px; height: 6px; border-radius: 50%;\r\n    background: var(--signal);\r\n    box-shadow: 0 0 0 4px rgba(255,182,39,0.18);\r\n  }\r\n\r\n  .rwc-h2 {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(32px, 5vw, 56px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 20px;\r\n  }\r\n  .rwc-h2 span { color: var(--signal); }\r\n\r\n  .rwc-sub {\r\n    font-size: 16.5px;\r\n    line-height: 1.65;\r\n    color: var(--muted);\r\n    max-width: 52ch;\r\n    margin: 0 auto 38px;\r\n  }\r\n\r\n  .rwc-cta-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 22px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 64px;\r\n  }\r\n\r\n  .rwc-btn {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 15.5px;\r\n    color: var(--bg-deep);\r\n    background: var(--signal);\r\n    border: none;\r\n    padding: 16px 30px;\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\r\n    box-shadow: 0 14px 30px -12px rgba(255,182,39,0.55);\r\n  }\r\n  .rwc-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -12px rgba(255,182,39,0.7); }\r\n\r\n  .rwc-note {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12.5px;\r\n    color: var(--muted);\r\n  }\r\n\r\n  \/* ---------- Signature: animated skyline + moving train ---------- *\/\r\n  .rwc-scene {\r\n    position: relative;\r\n    height: 190px;\r\n    margin: 0 -6vw;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .rwc-skyline {\r\n    position: absolute;\r\n    left: 0; right: 0; bottom: 46px;\r\n    height: 90px;\r\n    background:\r\n      linear-gradient(var(--skyline), var(--skyline)) 0 100% \/ 60px 46px no-repeat,\r\n      linear-gradient(var(--skyline), var(--skyline)) 70px 100% \/ 40px 70px no-repeat,\r\n      linear-gradient(var(--skyline), var(--skyline)) 122px 100% \/ 55px 34px no-repeat,\r\n      linear-gradient(var(--skyline), var(--skyline)) 190px 100% \/ 45px 90px no-repeat,\r\n      linear-gradient(var(--skyline), var(--skyline)) 248px 100% \/ 60px 55px no-repeat,\r\n      linear-gradient(var(--skyline), var(--skyline)) 320px 100% \/ 40px 40px no-repeat;\r\n    background-repeat: repeat-x;\r\n    background-size: 380px 90px;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .rwc-ground {\r\n    position: absolute;\r\n    left: 0; right: 0; bottom: 40px;\r\n    height: 2px;\r\n    background: rgba(245,241,232,0.16);\r\n  }\r\n\r\n  .rwc-rail {\r\n    position: absolute;\r\n    left: 0; right: 0; bottom: 30px;\r\n    height: 4px;\r\n    background: repeating-linear-gradient(90deg, rgba(245,241,232,0.35) 0 4px, transparent 4px 22px);\r\n  }\r\n\r\n  .rwc-train {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: -260px;\r\n    width: 220px;\r\n    animation: rwc-move 13s linear infinite;\r\n  }\r\n  .rwc-train svg { display: block; width: 100%; height: auto; }\r\n\r\n  @keyframes rwc-move {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(calc(100vw + 300px)); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .rwc-train { animation: none; left: 12%; }\r\n  }\r\n\r\n  .rwc-baseline {\r\n    position: absolute;\r\n    left: 0; right: 0; bottom: 0;\r\n    height: 40px;\r\n    background: var(--bg-deep);\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .rwc { padding: 84px 6vw 0; }\r\n    .rwc-scene { height: 150px; margin: 0 -6vw; }\r\n    .rwc-cta-row { margin-bottom: 44px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rwc\">\r\n  <div class=\"rwc-wrap\">\r\n    <div class=\"rwc-eyebrow\"><i><\/i> Ready When You Are<\/div>\r\n\r\n    <h2 class=\"rwc-h2\">Your next journey is<br><span>one tap away<\/span><\/h2>\r\n\r\n    <p class=\"rwc-sub\">\r\n      Pick a route, choose a seat, and get your ticket in minutes.\r\n      No queues, no confusion \u2014 just a confirmed seat and a train\r\n      that's ready to leave.\r\n    <\/p>\r\n\r\n    <div class=\"rwc-cta-row\">\r\n      <a href=\"tel:+10000000000000\" class=\"rwc-btn\">Book Your Ticket Now \u2192<\/a>\r\n      <span class=\"rwc-note\">Booking lines open 24\/7<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Signature: moving train across a skyline horizon -->\r\n  <div class=\"rwc-scene\">\r\n    <div class=\"rwc-skyline\"><\/div>\r\n    <div class=\"rwc-ground\"><\/div>\r\n    <div class=\"rwc-rail\"><\/div>\r\n\r\n    <div class=\"rwc-train\">\r\n      <svg viewBox=\"0 0 220 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <g fill=\"#0F1330\">\r\n          <rect x=\"0\" y=\"18\" width=\"150\" height=\"26\" rx=\"6\"\/>\r\n          <rect x=\"150\" y=\"10\" width=\"46\" height=\"34\" rx=\"6\"\/>\r\n          <path d=\"M196 44 L196 20 Q196 10 206 10 L214 10 Q220 10 220 18 L220 44 Z\"\/>\r\n          <rect x=\"8\" y=\"24\" width=\"20\" height=\"12\" rx=\"2\" fill=\"#FFB627\" opacity=\"0.9\"\/>\r\n          <rect x=\"36\" y=\"24\" width=\"20\" height=\"12\" rx=\"2\" fill=\"#6FD3A6\" opacity=\"0.75\"\/>\r\n          <rect x=\"64\" y=\"24\" width=\"20\" height=\"12\" rx=\"2\" fill=\"#6FD3A6\" opacity=\"0.75\"\/>\r\n          <rect x=\"92\" y=\"24\" width=\"20\" height=\"12\" rx=\"2\" fill=\"#6FD3A6\" opacity=\"0.75\"\/>\r\n          <rect x=\"120\" y=\"24\" width=\"20\" height=\"12\" rx=\"2\" fill=\"#6FD3A6\" opacity=\"0.75\"\/>\r\n          <rect x=\"158\" y=\"18\" width=\"30\" height=\"14\" rx=\"2\" fill=\"#FFB627\" opacity=\"0.85\"\/>\r\n          <circle cx=\"24\" cy=\"48\" r=\"8\"\/>\r\n          <circle cx=\"70\" cy=\"48\" r=\"8\"\/>\r\n          <circle cx=\"116\" cy=\"48\" r=\"8\"\/>\r\n          <circle cx=\"168\" cy=\"48\" r=\"8\"\/>\r\n          <circle cx=\"204\" cy=\"48\" r=\"8\"\/>\r\n        <\/g>\r\n        <g fill=\"#F5F1E8\" opacity=\"0.85\">\r\n          <circle cx=\"24\" cy=\"48\" r=\"3\"\/>\r\n          <circle cx=\"70\" cy=\"48\" r=\"3\"\/>\r\n          <circle cx=\"116\" cy=\"48\" r=\"3\"\/>\r\n          <circle cx=\"168\" cy=\"48\" r=\"3\"\/>\r\n          <circle cx=\"204\" cy=\"48\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"rwc-baseline\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Railway Ticket Booking, Made Simple Book your next journeyin under two minutes Compare train and flight schedules, lock in the best fares, and get instant e-tickets \u2014 no queues, no paperwork, no waiting for confirmation. Book a ticket Explore routes 500+ Destinations covered 10M+ Tickets booked 24\/7 Support on call Railway Tickets From To Departure [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amtraiins.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amtraiins.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amtraiins.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amtraiins.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amtraiins.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":19,"href":"https:\/\/amtraiins.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/amtraiins.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/amtraiins.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}