{"id":2,"date":"2026-09-05T09:39:52","date_gmt":"2026-09-05T09:39:52","guid":{"rendered":"https:\/\/amtracks.online\/?page_id=2"},"modified":"2026-09-05T11:31:32","modified_gmt":"2026-09-05T11:31:32","slug":"home","status":"publish","type":"page","link":"https:\/\/amtracks.online\/?page_id=2","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a11608e e-flex e-con-boxed e-con e-parent\" data-id=\"a11608e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67f5441 elementor-widget elementor-widget-html\" data-id=\"67f5441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RAILWAY TICKET BOOKING \u2014 HERO SECTION\r\n     Paste this whole block into an Elementor \"HTML\" widget.\r\n     Full width row\/section me lagayein (Elementor section\r\n     settings me Content Width = Full Width rakhein).\r\n     Image link baad me .rh-photo img ke src me replace kar sakte ho.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .rh-hero, .rh-hero * { box-sizing: border-box; }\r\n\r\n  .rh-hero {\r\n    --bg: #701B25;\r\n    --bg-deep: #4A0F17;\r\n    --cream: #F4E9DD;\r\n    --gold: #D4A24C;\r\n    --ink: #2B0D12;\r\n    --line: rgba(244,233,221,0.22);\r\n\r\n    width: 100%;\r\n    background:\r\n      radial-gradient(1100px 500px at 85% 15%, var(--bg-deep) 0%, transparent 60%),\r\n      var(--bg);\r\n    padding: 96px 6vw 120px;\r\n    font-family: 'Inter', sans-serif;\r\n    color: var(--cream);\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .rh-hero::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; right:0; bottom:0;\r\n    height:2px;\r\n    background: repeating-linear-gradient(90deg, var(--gold) 0 14px, transparent 14px 26px);\r\n    opacity:.55;\r\n  }\r\n\r\n  .rh-wrap{\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* ---------- LEFT: copy ---------- *\/\r\n  .rh-copy h1{\r\n    font-family:'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(2.1rem, 3.4vw, 3.4rem);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 22px;\r\n    max-width: 14ch;\r\n    color: var(--cream);\r\n  }\r\n\r\n  .rh-copy p.rh-sub{\r\n    font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n    line-height: 1.65;\r\n    max-width: 46ch;\r\n    color: rgba(244,233,221,0.86);\r\n    margin: 0 0 36px;\r\n  }\r\n\r\n  .rh-cta{\r\n    display:flex;\r\n    gap:16px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 46px;\r\n  }\r\n\r\n  .rh-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding: 15px 30px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 0.98rem;\r\n    text-decoration:none;\r\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n    cursor:pointer;\r\n    border: 1.5px solid transparent;\r\n  }\r\n  .rh-btn-primary{\r\n    background: var(--gold);\r\n    color: var(--ink);\r\n  }\r\n  .rh-btn-primary:hover{\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 24px rgba(212,162,76,0.35);\r\n  }\r\n  .rh-btn-ghost{\r\n    background: transparent;\r\n    border-color: var(--line);\r\n    color: var(--cream);\r\n  }\r\n  .rh-btn-ghost:hover{\r\n    border-color: var(--gold);\r\n    color: var(--gold);\r\n  }\r\n\r\n  .rh-stats{\r\n    display:flex;\r\n    gap: 0;\r\n    flex-wrap: wrap;\r\n  }\r\n  .rh-stat{\r\n    padding: 0 28px;\r\n    border-left: 1px solid var(--line);\r\n  }\r\n  .rh-stat:first-child{ padding-left: 0; border-left: none; }\r\n  .rh-stat b{\r\n    display:block;\r\n    font-family:'Fraunces', serif;\r\n    font-size: 1.5rem;\r\n    font-weight: 600;\r\n    color: var(--gold);\r\n  }\r\n  .rh-stat span{\r\n    font-size: 0.86rem;\r\n    color: rgba(244,233,221,0.72);\r\n  }\r\n\r\n  \/* ---------- RIGHT: photo + ticket widget ---------- *\/\r\n  .rh-visual{\r\n    position: relative;\r\n    min-height: 460px;\r\n  }\r\n\r\n  .rh-photo{\r\n    width: 100%;\r\n    height: 420px;\r\n    border-radius: 26px 26px 26px 90px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.35);\r\n    position: relative;\r\n  }\r\n  .rh-photo img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: cover;\r\n    display:block;\r\n  }\r\n  .rh-photo::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background: linear-gradient(180deg, rgba(74,15,23,0) 40%, rgba(74,15,23,0.55) 100%);\r\n  }\r\n\r\n  \/* Ticket-style booking widget, overlapping the photo *\/\r\n  .rh-ticket{\r\n    position: relative;\r\n    margin: -70px 20px 0;\r\n    background: var(--cream);\r\n    color: var(--ink);\r\n    border-radius: 16px;\r\n    box-shadow: 0 24px 44px rgba(0,0,0,0.30);\r\n    z-index: 3;\r\n  }\r\n\r\n  .rh-ticket-top{\r\n    padding: 22px 22px 18px;\r\n    display:grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px 16px;\r\n  }\r\n  .rh-field{ display:flex; flex-direction:column; gap:4px; }\r\n  .rh-field label{\r\n    font-size: 0.72rem;\r\n    font-weight: 600;\r\n    color: rgba(43,13,18,0.55);\r\n  }\r\n  .rh-field input{\r\n    border: none;\r\n    border-bottom: 1.5px solid rgba(43,13,18,0.18);\r\n    padding: 4px 2px 8px;\r\n    font-family: inherit;\r\n    font-size: 0.94rem;\r\n    color: var(--ink);\r\n    background: transparent;\r\n  }\r\n  .rh-field input:focus{ outline:none; border-color: var(--bg); }\r\n  .rh-field.rh-span2{ grid-column: 1 \/ -1; }\r\n\r\n  .rh-divider{\r\n    position: relative;\r\n    height: 0;\r\n    border-top: 2px dashed rgba(43,13,18,0.22);\r\n    margin: 0 0;\r\n  }\r\n  .rh-notch{\r\n    position:absolute;\r\n    top:50%;\r\n    width: 26px; height: 26px;\r\n    border-radius: 50%;\r\n    background: var(--bg);\r\n    transform: translateY(-50%);\r\n  }\r\n  .rh-notch.left{ left:-13px; }\r\n  .rh-notch.right{ right:-13px; }\r\n\r\n  .rh-ticket-bottom{\r\n    padding: 18px 22px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n  .rh-ticket-bottom .rh-tag{\r\n    font-size: 0.82rem;\r\n    color: rgba(43,13,18,0.6);\r\n  }\r\n  .rh-search-btn{\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    border: none;\r\n    padding: 13px 24px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 0.94rem;\r\n    cursor: pointer;\r\n    transition: background .18s ease;\r\n  }\r\n  .rh-search-btn:hover{ background: var(--bg-deep); }\r\n\r\n  \/* ---------- CALL-NOW POPUP ---------- *\/\r\n  .rh-overlay{\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(43,13,18,0.55);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    z-index: 9999;\r\n  }\r\n  .rh-overlay.rh-open{ display: flex; }\r\n\r\n  .rh-modal{\r\n    background: #ffffff;\r\n    color: var(--ink);\r\n    width: 100%;\r\n    max-width: 400px;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 70px rgba(0,0,0,0.35);\r\n    position: relative;\r\n    text-align: center;\r\n  }\r\n\r\n  .rh-modal-close{\r\n    position: absolute;\r\n    top: 12px;\r\n    right: 12px;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255,255,255,0.85);\r\n    color: var(--ink);\r\n    font-size: 1.1rem;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    z-index: 2;\r\n  }\r\n  .rh-modal-close:hover{ background:#fff; }\r\n\r\n  .rh-modal-photo{\r\n    width: 100%;\r\n    height: 170px;\r\n  }\r\n  .rh-modal-photo img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: cover;\r\n    display:block;\r\n  }\r\n\r\n  .rh-modal-body{\r\n    padding: 26px 26px 30px;\r\n  }\r\n\r\n  .rh-modal-body h3{\r\n    font-family:'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: 1.3rem;\r\n    margin: 0 0 8px;\r\n    color: var(--bg);\r\n  }\r\n\r\n  .rh-modal-body p{\r\n    font-size: 0.92rem;\r\n    line-height: 1.55;\r\n    color: rgba(43,13,18,0.65);\r\n    margin: 0 0 20px;\r\n  }\r\n\r\n  .rh-phone-number{\r\n    display:block;\r\n    font-family:'Fraunces', serif;\r\n    font-size: clamp(1.4rem, 6vw, 1.7rem);\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    text-decoration: none;\r\n    letter-spacing: 0.02em;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .rh-call-btn{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap: 10px;\r\n    width: 100%;\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    border: none;\r\n    padding: 15px 24px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    text-decoration:none;\r\n    cursor: pointer;\r\n    transition: background .18s ease, transform .18s ease;\r\n  }\r\n  .rh-call-btn:hover{\r\n    background: var(--bg-deep);\r\n    transform: translateY(-2px);\r\n  }\r\n  .rh-call-btn svg{ width:18px; height:18px; flex-shrink:0; }\r\n\r\n  @media (max-width: 380px){\r\n    .rh-modal{ max-width: 100%; }\r\n    .rh-modal-body{ padding: 22px 18px 26px; }\r\n  }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 980px){\r\n    .rh-wrap{ grid-template-columns: 1fr; }\r\n    .rh-visual{ order: -1; min-height: unset; }\r\n    .rh-photo{ height: 320px; border-radius: 22px; }\r\n    .rh-ticket{ margin: -60px 8px 0; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .rh-hero{ padding: 64px 5vw 80px; }\r\n    .rh-ticket-top{ grid-template-columns: 1fr; }\r\n    .rh-stats{ gap: 18px 0; }\r\n    .rh-stat{ padding: 0 18px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rh-hero\">\r\n  <div class=\"rh-wrap\">\r\n\r\n    <!-- LEFT: headline + CTA + stats -->\r\n    <div class=\"rh-copy\">\r\n      <h1>Book railway tickets without the queue<\/h1>\r\n      <p class=\"rh-sub\">\r\n        Search trains, compare classes and complete your railway booking in a few taps.\r\n        One simple railway tickets booking experience \u2014 for every route, every time you travel.\r\n      <\/p>\r\n\r\n      <div class=\"rh-cta\">\r\n        <a href=\"#\" class=\"rh-btn rh-btn-primary\">Search Trains<\/a>\r\n        <a href=\"#\" class=\"rh-btn rh-btn-ghost\">Check PNR Status<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"rh-stats\">\r\n        <div class=\"rh-stat\">\r\n          <b>12,000+<\/b>\r\n          <span>Trains covered<\/span>\r\n        <\/div>\r\n        <div class=\"rh-stat\">\r\n          <b>12M+<\/b>\r\n          <span>Tickets booked<\/span>\r\n        <\/div>\r\n        <div class=\"rh-stat\">\r\n          <b>4.8\/5<\/b>\r\n          <span>User rating<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: photo + ticket-style booking widget -->\r\n    <div class=\"rh-visual\">\r\n      <div class=\"rh-photo\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/700x800\/701B25\/F4E9DD?text=Train+Photo\" alt=\"Train at platform\">\r\n      <\/div>\r\n\r\n      <div class=\"rh-ticket\">\r\n        <div class=\"rh-ticket-top\">\r\n          <div class=\"rh-field\">\r\n            <label>From<\/label>\r\n            <input type=\"text\" placeholder=\"Departure station\">\r\n          <\/div>\r\n          <div class=\"rh-field\">\r\n            <label>To<\/label>\r\n            <input type=\"text\" placeholder=\"Arrival station\">\r\n          <\/div>\r\n          <div class=\"rh-field rh-span2\">\r\n            <label>Date of journey<\/label>\r\n            <input type=\"text\" placeholder=\"Select date\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rh-divider\">\r\n          <span class=\"rh-notch left\"><\/span>\r\n          <span class=\"rh-notch right\"><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"rh-ticket-bottom\">\r\n          <span class=\"rh-tag\">No hidden fees<\/span>\r\n          <button class=\"rh-search-btn\" onclick=\"document.getElementById('rhCallPopup').classList.add('rh-open')\">Find Trains<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CALL-NOW POPUP -->\r\n<div class=\"rh-overlay\" id=\"rhCallPopup\" onclick=\"if(event.target===this) this.classList.remove('rh-open')\">\r\n  <div class=\"rh-modal\">\r\n    <button class=\"rh-modal-close\" aria-label=\"Close\" onclick=\"document.getElementById('rhCallPopup').classList.remove('rh-open')\">&times;<\/button>\r\n\r\n    <div class=\"rh-modal-photo\">\r\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x300\/701B25\/F4E9DD?text=Foreign+Train\" alt=\"Foreign train\">\r\n    <\/div>\r\n\r\n    <div class=\"rh-modal-body\">\r\n      <h3>Talk to a booking expert<\/h3>\r\n      <p>Call our team directly to search trains, confirm seats and complete your railway ticket booking right away.<\/p>\r\n\r\n      <a href=\"tel:+1000000000\" class=\"rh-phone-number\">+1000000000<\/a>\r\n\r\n      <a href=\"tel:+1000000000\" class=\"rh-call-btn\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n        Call Now\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b51bac elementor-widget elementor-widget-html\" data-id=\"4b51bac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RAILWAY BOOKING \u2014 \"HOW IT WORKS\" SECTION\r\n     Isse alag Elementor HTML widget me paste karein, hero\r\n     ke turant niche. Section width = Full Width rakhein.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .rh-how, .rh-how *{ box-sizing: border-box; }\r\n\r\n  .rh-how{\r\n    --bg: #701B25;\r\n    --bg-deep: #4A0F17;\r\n    --cream: #F4E9DD;\r\n    --gold: #D4A24C;\r\n    --ink: #2B0D12;\r\n\r\n    width: 100%;\r\n    background: var(--cream);\r\n    padding: 100px 6vw 110px;\r\n    font-family: 'Inter', sans-serif;\r\n    color: var(--ink);\r\n  }\r\n\r\n  .rh-how-head{\r\n    max-width: 640px;\r\n    margin: 0 auto 72px;\r\n    text-align: center;\r\n  }\r\n  .rh-how-head h2{\r\n    font-family:'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n    line-height: 1.18;\r\n    margin: 0 0 14px;\r\n    color: var(--bg);\r\n  }\r\n  .rh-how-head p{\r\n    font-size: 1.02rem;\r\n    line-height: 1.6;\r\n    color: rgba(43,13,18,0.68);\r\n    margin: 0;\r\n  }\r\n\r\n  .rh-how-track{\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 48px;\r\n  }\r\n\r\n  .rh-how-track::before{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 27px;\r\n    left: calc(100% \/ 6);\r\n    right: calc(100% \/ 6);\r\n    height: 3px;\r\n    background-image: repeating-linear-gradient(\r\n      90deg,\r\n      var(--gold) 0 18px,\r\n      transparent 18px 34px\r\n    );\r\n    z-index: 1;\r\n  }\r\n\r\n  .rh-step{\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    padding: 0 8px;\r\n  }\r\n\r\n  .rh-step-num{\r\n    width: 56px;\r\n    height: 56px;\r\n    margin: 0 auto 26px;\r\n    border-radius: 50%;\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: 1.25rem;\r\n    box-shadow: 0 10px 22px rgba(112,27,37,0.28);\r\n  }\r\n\r\n  .rh-step h3{\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: 1.2rem;\r\n    margin: 0 0 10px;\r\n    color: var(--ink);\r\n  }\r\n\r\n  .rh-step p{\r\n    font-size: 0.94rem;\r\n    line-height: 1.6;\r\n    color: rgba(43,13,18,0.65);\r\n    margin: 0 auto;\r\n    max-width: 30ch;\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    .rh-how-track{\r\n      grid-template-columns: 1fr;\r\n      gap: 46px;\r\n      max-width: 460px;\r\n    }\r\n    .rh-how-track::before{\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 27px;\r\n      right: auto;\r\n      width: 3px;\r\n      height: auto;\r\n      background-image: repeating-linear-gradient(\r\n        180deg,\r\n        var(--gold) 0 18px,\r\n        transparent 18px 34px\r\n      );\r\n    }\r\n    .rh-step{\r\n      display: grid;\r\n      grid-template-columns: 56px 1fr;\r\n      gap: 22px;\r\n      text-align: left;\r\n      align-items: start;\r\n    }\r\n    .rh-step-num{ margin: 0; }\r\n    .rh-step-text{ min-width: 0; }\r\n    .rh-step p{ max-width: none; }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .rh-how{ padding: 72px 6vw 80px; }\r\n    .rh-how-head{ margin-bottom: 56px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rh-how\">\r\n  <div class=\"rh-how-head\">\r\n    <h2>How railway ticket booking works<\/h2>\r\n    <p>Three simple steps between you and a confirmed seat \u2014 no counters, no queues.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rh-how-track\">\r\n    <div class=\"rh-step\">\r\n      <div class=\"rh-step-num\">1<\/div>\r\n      <div class=\"rh-step-text\">\r\n        <h3>Search your route<\/h3>\r\n        <p>Enter your from and to station along with your travel date to see every available train.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-step\">\r\n      <div class=\"rh-step-num\">2<\/div>\r\n      <div class=\"rh-step-text\">\r\n        <h3>Choose train &amp; class<\/h3>\r\n        <p>Compare timings, fares and seat availability, then pick the class that suits your journey.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-step\">\r\n      <div class=\"rh-step-num\">3<\/div>\r\n      <div class=\"rh-step-text\">\r\n        <h3>Pay &amp; get your ticket<\/h3>\r\n        <p>Complete payment securely and receive your e-ticket instantly by email and SMS.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-527c2ae elementor-widget elementor-widget-html\" data-id=\"527c2ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RAILWAY BOOKING \u2014 \"POPULAR ROUTES\" SECTION\r\n     (Departure-board style list)\r\n     Alag Elementor HTML widget me paste karein. Full Width.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .rh-routes, .rh-routes *{ box-sizing: border-box; }\r\n\r\n  .rh-routes{\r\n    --bg: #701B25;\r\n    --bg-deep: #4A0F17;\r\n    --cream: #F4E9DD;\r\n    --gold: #D4A24C;\r\n    --ink: #2B0D12;\r\n    --ok: #3F7A5B;\r\n    --busy: #B5652B;\r\n\r\n    width: 100%;\r\n    background: var(--bg);\r\n    padding: 100px 6vw 110px;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  .rh-routes-head{\r\n    max-width: 1100px;\r\n    margin: 0 auto 40px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .rh-routes-head h2{\r\n    font-family:'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n    line-height: 1.18;\r\n    margin: 0 0 10px;\r\n    color: var(--cream);\r\n  }\r\n  .rh-routes-head p{\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    color: rgba(244,233,221,0.72);\r\n    margin: 0;\r\n    max-width: 46ch;\r\n  }\r\n\r\n  .rh-live{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    font-size: 0.86rem;\r\n    color: rgba(244,233,221,0.75);\r\n    padding-bottom: 4px;\r\n  }\r\n  .rh-live-dot{\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: var(--gold);\r\n    animation: rh-pulse 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes rh-pulse{\r\n    0%, 100% { box-shadow: 0 0 0 0 rgba(212,162,76,0.55); }\r\n    50% { box-shadow: 0 0 0 6px rgba(212,162,76,0); }\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .rh-live-dot{ animation: none; }\r\n  }\r\n\r\n  \/* ---------- Board panel ---------- *\/\r\n  .rh-board{\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    background: var(--cream);\r\n    border-radius: 18px;\r\n    padding: 10px 28px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.28);\r\n  }\r\n\r\n  .rh-board-cols{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 16px 6px 12px;\r\n    border-bottom: 1px solid rgba(43,13,18,0.14);\r\n    font-size: 0.78rem;\r\n    font-weight: 600;\r\n    color: rgba(43,13,18,0.5);\r\n  }\r\n\r\n  .rh-route-row{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 22px 6px;\r\n    border-bottom: 1px solid rgba(43,13,18,0.1);\r\n  }\r\n  .rh-route-row:last-child{ border-bottom: none; }\r\n\r\n  .rh-col-route{ flex: 2 1 220px; }\r\n  .rh-col-dep{ flex: 0 0 84px; }\r\n  .rh-col-dur{ flex: 0 0 96px; }\r\n  .rh-col-fare{ flex: 0 0 96px; }\r\n  .rh-col-status{ flex: 0 0 130px; }\r\n  .rh-col-btn{ flex: 0 0 auto; margin-left: auto; }\r\n\r\n  .rh-route-row .rh-col-route{\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: 1.05rem;\r\n    color: var(--ink);\r\n  }\r\n  .rh-route-row .rh-col-dep,\r\n  .rh-route-row .rh-col-dur{\r\n    font-size: 0.92rem;\r\n    color: rgba(43,13,18,0.65);\r\n  }\r\n  .rh-route-row .rh-col-fare{\r\n    font-weight: 600;\r\n    color: var(--ink);\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .rh-status{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    font-size: 0.84rem;\r\n    font-weight: 600;\r\n  }\r\n  .rh-status::before{\r\n    content:\"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: currentColor;\r\n  }\r\n  .rh-status.rh-ok{ color: var(--ok); }\r\n  .rh-status.rh-busy{ color: var(--busy); }\r\n\r\n  .rh-route-btn{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 20px;\r\n    border-radius: 7px;\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    font-size: 0.86rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    transition: background .18s ease, transform .18s ease;\r\n  }\r\n  .rh-route-btn:hover{\r\n    background: var(--bg-deep);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .rh-board-foot{\r\n    text-align: center;\r\n    padding: 22px 6px 8px;\r\n  }\r\n  .rh-board-foot a{\r\n    color: var(--bg);\r\n    font-weight: 600;\r\n    font-size: 0.92rem;\r\n    text-decoration: none;\r\n    border-bottom: 1.5px solid var(--gold);\r\n    padding-bottom: 2px;\r\n  }\r\n\r\n  \/* ---------- Mobile: rows become cards, label:value pairs ---------- *\/\r\n  @media (max-width: 760px){\r\n    .rh-board-cols{ display: none; }\r\n\r\n    .rh-route-row{\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 10px;\r\n      border-bottom: none;\r\n      background: rgba(112,27,37,0.04);\r\n      border: 1px solid rgba(43,13,18,0.1);\r\n      border-radius: 12px;\r\n      padding: 18px 16px;\r\n      margin-bottom: 14px;\r\n    }\r\n    .rh-route-row:last-child{ margin-bottom: 0; }\r\n\r\n    .rh-route-row > div{\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      width: 100%;\r\n      flex: none;\r\n    }\r\n    .rh-route-row > div::before{\r\n      content: attr(data-label);\r\n      font-size: 0.72rem;\r\n      font-weight: 600;\r\n      color: rgba(43,13,18,0.45);\r\n    }\r\n    .rh-route-row .rh-col-route::before{ content: none; }\r\n    .rh-route-row .rh-col-route{ font-size: 1.1rem; }\r\n\r\n    .rh-col-btn{\r\n      margin-left: 0;\r\n      margin-top: 4px;\r\n    }\r\n    .rh-route-btn{ width: 100%; }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .rh-routes{ padding: 72px 5vw 80px; }\r\n    .rh-board{ padding: 8px 16px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rh-routes\">\r\n  <div class=\"rh-routes-head\">\r\n    <div>\r\n      <h2>Popular routes right now<\/h2>\r\n      <p>Handpicked routes travellers are booking the most this week \u2014 real trains, real fares.<\/p>\r\n    <\/div>\r\n    <span class=\"rh-live\"><span class=\"rh-live-dot\"><\/span> Live availability<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"rh-board\">\r\n    <div class=\"rh-board-cols\">\r\n      <span class=\"rh-col-route\">Route<\/span>\r\n      <span class=\"rh-col-dep\">Departs<\/span>\r\n      <span class=\"rh-col-dur\">Duration<\/span>\r\n      <span class=\"rh-col-fare\">Fare<\/span>\r\n      <span class=\"rh-col-status\">Status<\/span>\r\n      <span class=\"rh-col-btn\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"rh-route-row\">\r\n      <div class=\"rh-col-route\" data-label=\"Route\">New York \u2192 Washington, D.C.<\/div>\r\n      <div class=\"rh-col-dep\" data-label=\"Departs\">06:15<\/div>\r\n      <div class=\"rh-col-dur\" data-label=\"Duration\">3h 25m<\/div>\r\n      <div class=\"rh-col-fare\" data-label=\"Fare\">From $49<\/div>\r\n      <div class=\"rh-col-status\" data-label=\"Status\"><span class=\"rh-status rh-ok\">Available<\/span><\/div>\r\n      <a href=\"#\" class=\"rh-col-btn rh-route-btn\">View Seats<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rh-route-row\">\r\n      <div class=\"rh-col-route\" data-label=\"Route\">Chicago \u2192 St. Louis<\/div>\r\n      <div class=\"rh-col-dep\" data-label=\"Departs\">08:40<\/div>\r\n      <div class=\"rh-col-dur\" data-label=\"Duration\">5h 50m<\/div>\r\n      <div class=\"rh-col-fare\" data-label=\"Fare\">From $39<\/div>\r\n      <div class=\"rh-col-status\" data-label=\"Status\"><span class=\"rh-status rh-busy\">Filling fast<\/span><\/div>\r\n      <a href=\"#\" class=\"rh-col-btn rh-route-btn\">View Seats<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rh-route-row\">\r\n      <div class=\"rh-col-route\" data-label=\"Route\">Los Angeles \u2192 San Diego<\/div>\r\n      <div class=\"rh-col-dep\" data-label=\"Departs\">14:10<\/div>\r\n      <div class=\"rh-col-dur\" data-label=\"Duration\">2h 45m<\/div>\r\n      <div class=\"rh-col-fare\" data-label=\"Fare\">From $32<\/div>\r\n      <div class=\"rh-col-status\" data-label=\"Status\"><span class=\"rh-status rh-ok\">Available<\/span><\/div>\r\n      <a href=\"#\" class=\"rh-col-btn rh-route-btn\">View Seats<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rh-route-row\">\r\n      <div class=\"rh-col-route\" data-label=\"Route\">Boston \u2192 New York<\/div>\r\n      <div class=\"rh-col-dep\" data-label=\"Departs\">18:05<\/div>\r\n      <div class=\"rh-col-dur\" data-label=\"Duration\">3h 55m<\/div>\r\n      <div class=\"rh-col-fare\" data-label=\"Fare\">From $45<\/div>\r\n      <div class=\"rh-col-status\" data-label=\"Status\"><span class=\"rh-status rh-ok\">Available<\/span><\/div>\r\n      <a href=\"#\" class=\"rh-col-btn rh-route-btn\">View Seats<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rh-board-foot\">\r\n      <a href=\"#\">View all routes<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51be361 elementor-widget elementor-widget-html\" data-id=\"51be361\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RAILWAY BOOKING \u2014 \"WHY CHOOSE US\" SECTION\r\n     BG same as How-It-Works section (cream). Alag Elementor\r\n     HTML widget me paste karein. Full Width.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .rh-why, .rh-why *{ box-sizing: border-box; }\r\n\r\n  .rh-why{\r\n    --bg: #701B25;\r\n    --bg-deep: #4A0F17;\r\n    --cream: #F4E9DD;\r\n    --gold: #D4A24C;\r\n    --ink: #2B0D12;\r\n\r\n    width: 100%;\r\n    background: var(--cream);\r\n    padding: 100px 6vw 110px;\r\n    font-family: 'Inter', sans-serif;\r\n    color: var(--ink);\r\n  }\r\n\r\n  .rh-why-wrap{\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: 72px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------- LEFT: window photo ---------- *\/\r\n  .rh-why-visual{\r\n    position: relative;\r\n  }\r\n\r\n  .rh-window{\r\n    width: 100%;\r\n    height: 460px;\r\n    border-radius: 200px 200px 24px 24px;\r\n    overflow: hidden;\r\n    border: 10px solid var(--bg);\r\n    box-shadow: 0 26px 50px rgba(43,13,18,0.22);\r\n    position: relative;\r\n  }\r\n  .rh-window img{\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  .rh-window::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background: linear-gradient(180deg, rgba(74,15,23,0.08) 0%, rgba(74,15,23,0.32) 100%);\r\n  }\r\n  .rh-window::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left: 50%;\r\n    top: 8%;\r\n    bottom: 6%;\r\n    width: 3px;\r\n    background: rgba(244,233,221,0.4);\r\n    transform: translateX(-50%);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* ---------- RIGHT: feature list ---------- *\/\r\n  .rh-why-copy h2{\r\n    font-family:'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n    line-height: 1.18;\r\n    margin: 0 0 14px;\r\n    color: var(--bg);\r\n  }\r\n  .rh-why-copy > p{\r\n    font-size: 1.02rem;\r\n    line-height: 1.6;\r\n    color: rgba(43,13,18,0.68);\r\n    margin: 0 0 40px;\r\n    max-width: 52ch;\r\n  }\r\n\r\n  .rh-feature-list{\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .rh-feature{\r\n    display: flex;\r\n    gap: 22px;\r\n    padding: 26px 0;\r\n    border-top: 1px solid rgba(43,13,18,0.12);\r\n  }\r\n  .rh-feature:last-child{ padding-bottom: 0; }\r\n\r\n  .rh-feature-icon{\r\n    flex: 0 0 50px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    background: var(--bg);\r\n    color: var(--cream);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .rh-feature-icon svg{ width: 22px; height: 22px; }\r\n\r\n  .rh-feature-text h3{\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: 1.12rem;\r\n    margin: 4px 0 8px;\r\n    color: var(--ink);\r\n  }\r\n  .rh-feature-text p{\r\n    font-size: 0.94rem;\r\n    line-height: 1.6;\r\n    color: rgba(43,13,18,0.65);\r\n    margin: 0;\r\n    max-width: 46ch;\r\n  }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 980px){\r\n    .rh-why-wrap{\r\n      grid-template-columns: 1fr;\r\n      gap: 48px;\r\n    }\r\n    .rh-window{\r\n      height: 300px;\r\n      border-radius: 24px;\r\n    }\r\n    .rh-window::before{ display: none; }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .rh-why{ padding: 72px 5vw 80px; }\r\n    .rh-feature{ gap: 16px; padding: 22px 0; }\r\n    .rh-feature-icon{ flex-basis: 42px; width: 42px; height: 42px; }\r\n    .rh-feature-icon svg{ width: 18px; height: 18px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rh-why\">\r\n  <div class=\"rh-why-wrap\">\r\n\r\n    <div class=\"rh-why-visual\">\r\n      <div class=\"rh-window\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/560x700\/4A0F17\/F4E9DD?text=Window+View\" alt=\"View from train window\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-why-copy\">\r\n      <h2>Why travel with us<\/h2>\r\n      <p>Booking a train ticket should feel as easy as the journey itself. Here's what you get every time you book with us.<\/p>\r\n\r\n      <div class=\"rh-feature-list\">\r\n\r\n        <div class=\"rh-feature\">\r\n          <div class=\"rh-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4V8z\"\/><path d=\"M13 5v14\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"rh-feature-text\">\r\n            <h3>Instant e-tickets<\/h3>\r\n            <p>Your ticket lands in your inbox and phone the moment payment clears \u2014 ready to show at the gate.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rh-feature\">\r\n          <div class=\"rh-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"rh-feature-text\">\r\n            <h3>24\/7 travel support<\/h3>\r\n            <p>Real people on call anytime you need help with a booking, a change, or a question mid-journey.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rh-feature\">\r\n          <div class=\"rh-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"rh-feature-text\">\r\n            <h3>Secure payments<\/h3>\r\n            <p>Every transaction is encrypted end-to-end, so your card details and personal info stay protected.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rh-feature\">\r\n          <div class=\"rh-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"rh-feature-text\">\r\n            <h3>Free cancellations<\/h3>\r\n            <p>Plans change. Cancel up to 24 hours before departure and get your refund with no extra cost.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\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-301b454 elementor-widget elementor-widget-html\" data-id=\"301b454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RAILWAY BOOKING \u2014 \"FAQ\" SECTION\r\n     BG same as Hero \/ Popular Routes (maroon). Alag Elementor\r\n     HTML widget me paste karein. Full Width.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .rh-faq, .rh-faq *{ box-sizing: border-box; }\r\n\r\n  .rh-faq{\r\n    --bg: #701B25;\r\n    --bg-deep: #4A0F17;\r\n    --cream: #F4E9DD;\r\n    --gold: #D4A24C;\r\n    --ink: #2B0D12;\r\n\r\n    width: 100%;\r\n    background:\r\n      radial-gradient(900px 460px at 90% 10%, var(--bg-deep) 0%, transparent 60%),\r\n      var(--bg);\r\n    padding: 100px 6vw 110px;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  .rh-faq-head{\r\n    max-width: 640px;\r\n    margin: 0 auto 56px;\r\n    text-align: center;\r\n  }\r\n  .rh-faq-head h2{\r\n    font-family:'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n    line-height: 1.18;\r\n    margin: 0 0 14px;\r\n    color: var(--cream);\r\n  }\r\n  .rh-faq-head p{\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    color: rgba(244,233,221,0.72);\r\n    margin: 0;\r\n  }\r\n\r\n  .rh-faq-list{\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .rh-faq-item{\r\n    border-bottom: 1px solid rgba(244,233,221,0.18);\r\n  }\r\n  .rh-faq-item:first-child{\r\n    border-top: 1px solid rgba(244,233,221,0.18);\r\n  }\r\n\r\n  .rh-faq-q{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    padding: 24px 4px;\r\n    cursor: pointer;\r\n    background: none;\r\n    border: none;\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .rh-signal{\r\n    flex: 0 0 11px;\r\n    width: 11px;\r\n    height: 11px;\r\n    border-radius: 50%;\r\n    background: rgba(244,233,221,0.3);\r\n    transition: background .25s ease, box-shadow .25s ease;\r\n  }\r\n  .rh-faq-item.rh-open .rh-signal{\r\n    background: var(--gold);\r\n    box-shadow: 0 0 0 4px rgba(212,162,76,0.22);\r\n  }\r\n\r\n  .rh-faq-q h3{\r\n    flex: 1;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 1.04rem;\r\n    color: var(--cream);\r\n    margin: 0;\r\n  }\r\n\r\n  .rh-faq-icon{\r\n    flex: 0 0 20px;\r\n    width: 20px;\r\n    height: 20px;\r\n    color: var(--gold);\r\n    transition: transform .3s ease;\r\n  }\r\n  .rh-faq-item.rh-open .rh-faq-icon{\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .rh-faq-a{\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height .32s ease;\r\n  }\r\n  .rh-faq-item.rh-open .rh-faq-a{\r\n    max-height: 260px;\r\n  }\r\n\r\n  .rh-faq-a p{\r\n    margin: 0;\r\n    padding: 0 4px 26px 29px;\r\n    font-size: 0.95rem;\r\n    line-height: 1.65;\r\n    color: rgba(244,233,221,0.7);\r\n    max-width: 56ch;\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .rh-faq{ padding: 72px 5vw 80px; }\r\n    .rh-faq-q{ gap: 14px; padding: 20px 2px; }\r\n    .rh-faq-q h3{ font-size: 0.98rem; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rh-faq\">\r\n  <div class=\"rh-faq-head\">\r\n    <h2>Frequently asked questions<\/h2>\r\n    <p>Everything you need to know before you book your next train ticket.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rh-faq-list\" id=\"rhFaqList\">\r\n\r\n    <div class=\"rh-faq-item rh-open\">\r\n      <button class=\"rh-faq-q\">\r\n        <span class=\"rh-signal\"><\/span>\r\n        <h3>How do I book a train ticket online?<\/h3>\r\n        <svg class=\"rh-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"rh-faq-a\">\r\n        <p>Enter your from and to station along with your travel date on the search bar, pick a train and class, then complete payment. Your ticket is confirmed instantly.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-faq-item\">\r\n      <button class=\"rh-faq-q\">\r\n        <span class=\"rh-signal\"><\/span>\r\n        <h3>Can I change or cancel my ticket after booking?<\/h3>\r\n        <svg class=\"rh-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"rh-faq-a\">\r\n        <p>Yes. You can reschedule or cancel your ticket from your bookings page up to 24 hours before departure, and refunds are processed automatically.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-faq-item\">\r\n      <button class=\"rh-faq-q\">\r\n        <span class=\"rh-signal\"><\/span>\r\n        <h3>What ID do I need to board the train?<\/h3>\r\n        <svg class=\"rh-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"rh-faq-a\">\r\n        <p>Carry any valid government-issued photo ID along with your e-ticket, either printed or on your phone, for verification at the platform.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-faq-item\">\r\n      <button class=\"rh-faq-q\">\r\n        <span class=\"rh-signal\"><\/span>\r\n        <h3>How will I receive my ticket?<\/h3>\r\n        <svg class=\"rh-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"rh-faq-a\">\r\n        <p>Your e-ticket is sent to your email and phone number immediately after payment, along with a copy saved to your account for later access.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rh-faq-item\">\r\n      <button class=\"rh-faq-q\">\r\n        <span class=\"rh-signal\"><\/span>\r\n        <h3>Is my payment information secure?<\/h3>\r\n        <svg class=\"rh-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"rh-faq-a\">\r\n        <p>Every payment is encrypted end-to-end and processed through secure gateways, so your card and personal details are never stored in plain text.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function(){\r\n    var items = document.querySelectorAll('#rhFaqList .rh-faq-item');\r\n    items.forEach(function(item){\r\n      var btn = item.querySelector('.rh-faq-q');\r\n      btn.addEventListener('click', function(){\r\n        var isOpen = item.classList.contains('rh-open');\r\n        items.forEach(function(i){ i.classList.remove('rh-open'); });\r\n        if(!isOpen){ item.classList.add('rh-open'); }\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc4c672 elementor-widget elementor-widget-html\" data-id=\"cc4c672\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     RAILWAY BOOKING \u2014 FINAL \"CALL TO ACTION\" SECTION\r\n     BG cream (jaise How-It-Works \/ Why-Choose-Us). Alag\r\n     Elementor HTML widget me paste karein. Full Width.\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .rh-cta-sec, .rh-cta-sec *{ box-sizing: border-box; }\r\n\r\n  .rh-cta-sec{\r\n    --bg: #701B25;\r\n    --bg-deep: #4A0F17;\r\n    --cream: #F4E9DD;\r\n    --gold: #D4A24C;\r\n    --ink: #2B0D12;\r\n\r\n    width: 100%;\r\n    background: var(--cream);\r\n    padding: 100px 6vw 110px;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  .rh-cta-panel{\r\n    max-width: 940px;\r\n    margin: 0 auto;\r\n    background:\r\n      radial-gradient(700px 340px at 85% 0%, var(--bg-deep) 0%, transparent 65%),\r\n      var(--bg);\r\n    border-radius: 26px;\r\n    padding: 72px 8vw 48px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(43,13,18,0.22);\r\n  }\r\n\r\n  .rh-cta-panel h2{\r\n    font-family: 'Fraunces', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(1.9rem, 3.4vw, 2.7rem);\r\n    line-height: 1.16;\r\n    color: var(--cream);\r\n    margin: 0 0 16px;\r\n  }\r\n\r\n  .rh-cta-panel > p{\r\n    font-size: 1.02rem;\r\n    line-height: 1.6;\r\n    color: rgba(244,233,221,0.75);\r\n    max-width: 48ch;\r\n    margin: 0 auto 36px;\r\n  }\r\n\r\n  .rh-cta-btn{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--gold);\r\n    color: var(--ink);\r\n    border: none;\r\n    padding: 17px 38px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 1.02rem;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: transform .18s ease, box-shadow .18s ease;\r\n  }\r\n  .rh-cta-btn:hover{\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 28px rgba(212,162,76,0.35);\r\n  }\r\n  .rh-cta-btn svg{ width: 18px; height: 18px; }\r\n\r\n  .rh-cta-perks{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    margin-top: 40px;\r\n    padding-top: 30px;\r\n    border-top: 1px dashed rgba(244,233,221,0.28);\r\n  }\r\n\r\n  .rh-perk{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.9rem;\r\n    color: rgba(244,233,221,0.82);\r\n  }\r\n  .rh-perk svg{\r\n    width: 16px;\r\n    height: 16px;\r\n    color: var(--gold);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media (max-width: 600px){\r\n    .rh-cta-sec{ padding: 72px 5vw 80px; }\r\n    .rh-cta-panel{ padding: 56px 6vw 40px; border-radius: 20px; }\r\n    .rh-cta-perks{ gap: 16px 22px; margin-top: 32px; padding-top: 24px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rh-cta-sec\">\r\n  <div class=\"rh-cta-panel\">\r\n    <h2>Ready for your next journey?<\/h2>\r\n    <p>Search trains, pick your seat and get your e-ticket in under a minute \u2014 anytime, anywhere.<\/p>\r\n\r\n    <a href=\"#\" class=\"rh-cta-btn\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\r\n      Search Trains\r\n    <\/a>\r\n\r\n    <div class=\"rh-cta-perks\">\r\n      <span class=\"rh-perk\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n        Instant e-tickets\r\n      <\/span>\r\n      <span class=\"rh-perk\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n        Free cancellation\r\n      <\/span>\r\n      <span class=\"rh-perk\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n        No hidden fees\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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":"<p>Book railway tickets without the queue Search trains, compare classes and complete your railway booking in a few taps. One simple railway tickets booking experience \u2014 for every route, every time you travel. Search Trains Check PNR Status 12,000+ Trains covered 12M+ Tickets booked 4.8\/5 User rating From To Date of journey No hidden fees [&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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amtracks.online\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amtracks.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amtracks.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amtracks.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amtracks.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":16,"href":"https:\/\/amtracks.online\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/amtracks.online\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/amtracks.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}