
.elms-35195 .elms-element.elms-element-b053565{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-fc4e9cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-c4c945d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-c8c7817{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-74f8060{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-cf32f35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-c9fb2e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-b438d24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-35195 .elms-element.elms-element-d808a0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body {
font-family: 'Segoe UI', sans-serif;
background-color: #f9f9f9;
color: #333;
line-height: 1.7;
margin: 0;
padding: 0;
}
.intro-section {
max-width: 800px;
margin: 50px auto;
padding: 30px;
background-color: #ffffff;
border-radius: 10px;
border-left: 6px solid #2a7c91;
box-shadow: 0 10px 25px rgba(42, 124, 145, 0.15);
}
.custom-title {
background-color: #2a7c91;
color: white;
padding: 15px 20px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.title-icon {
font-size: 1.5rem;
}
.custom-title h1 {
margin: 0;
font-size: 1.6rem;
}
.highlight-box {
background-color: #ffffff;
border-left: 5px solid #2a7c91;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
padding: 20px;
border-radius: 10px;
margin-bottom: 25px;
}
.intro-section p {
font-size: 1.05em;
margin-bottom: 15px;
}
.intro-section ul {
margin-left: 20px;
padding-left: 20px;
list-style-type: disc;
}
.intro-section ul li {
margin-bottom: 8px;
}
.route-map-container {
max-width: 900px;
margin: 40px auto;
font-family: 'Segoe UI', sans-serif;
border: 2px solid #2a7c91;         
border-radius: 12px;
padding: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
}
.section-heading-box {
text-align: center;
margin-bottom: 30px;
}
.section-heading-title {
font-size: 1.8rem;
background-color: #2a7c91;
color: white;
display: inline-block;
padding: 12px 25px;
border-radius: 8px;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}
.route-table table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.route-table th,
.route-table td {
border: 1px solid #ccc;
padding: 12px 16px;
text-align: left;
}
.route-table th {
background-color: #2a7c91;
color: white;
}
.route-table button {
background-color: #2a7c91;
color: white;
padding: 6px 12px;
border: none;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
}
.route-table button:hover {
background-color: #1f5f6d;
}
.map-section {
margin-top: 30px;
border: 3px solid #2a7c91;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}
.map-section h3 {
margin: 0;
background-color: #2a7c91;
color: #fff;
padding: 12px 20px;
}
.map-section iframe {
width: 100%;
height: 450px;
border: none;
}
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f3f6f8;
color: #333;
line-height: 1.7;
margin: 0;
padding: 20px;
}
.options-section {
max-width: 850px;
margin: auto;
padding: 30px;
background-color: #ffffff;
border-left: 6px solid #00796b;
border-radius: 12px;
box-shadow: -8px 0 20px -10px rgba(0, 121, 107, 0.2);
}
.section-title-box {
display: flex;
align-items: center;
background-color: #00796b;
color: white;
padding: 15px 20px;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.section-icon {
font-size: 1.7rem;
margin-right: 10px;
}
.section-title-box h2 {
font-size: 1.3rem;
margin: 0;
}
.highlight-box {
background-color: #e0f2f1;
color: #004d40;
padding: 20px;
border-radius: 10px;
box-shadow: 0 6px 15px rgba(0, 121, 107, 0.15);
}
.highlight-box ul {
margin-top: 15px;
padding-left: 20px;
}
.highlight-box ul li {
margin-bottom: 10px;
line-height: 1.6;
}
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f3f6f8;
color: #333;
line-height: 1.7;
margin: 0;
padding: 20px;
}
.train-section {
max-width: 850px;
margin: auto;
padding: 30px;
background-color: #ffffff;
border-left: 6px solid #009688;
border-radius: 12px;
box-shadow: -8px 0 20px -10px rgba(0, 150, 136, 0.2);
}
.section-title-box {
display: flex;
align-items: center;
background-color: #009688;
color: white;
padding: 15px 20px;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.section-icon {
font-size: 1.7rem;
margin-right: 10px;
}
.section-title-box h2 {
font-size: 1.4rem;
margin: 0;
}
.highlight-box {
background-color: #e0f2f1;
color: #004d40;
padding: 20px;
border-radius: 10px;
box-shadow: 0 6px 15px rgba(0, 150, 136, 0.15);
}
.highlight-box ul {
margin-top: 15px;
padding-left: 20px;
}
.highlight-box ul li {
margin-bottom: 10px;
line-height: 1.6;
}
.map-section {
margin-top: 40px;
}
.map-heading {
font-size: 1.2rem;
margin-bottom: 15px;
color: #00796b;
}
.budget-travel-container {
max-width: 950px;
margin: 50px auto;
padding: 30px;
background-color: #f9fffc;
border-left: 6px solid #4CAF50;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
font-family: 'Segoe UI', sans-serif;
color: #333;
}
.budget-title-box {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
background: #e0f7ec;
padding: 15px 20px;
border-radius: 8px;
border-left: 4px solid #4CAF50;
}
.budget-icon {
font-size: 2rem;
color: #4CAF50;
}
.budget-section-title {
font-size: 1.8rem;
color: #388e3c;
margin: 0;
}
.budget-travel-tips p {
font-size: 1rem;
margin-bottom: 20px;
color: #444;
}
.budget-travel-tips ul {
list-style: none;
padding-left: 0;
}
.budget-travel-tips li {
background: #e6fdf3;
border-left: 4px solid #4CAF50;
margin-bottom: 15px;
padding: 12px 16px;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
font-size: 1rem;
line-height: 1.5;
}
.conclusion-container {
background-color: #f3fbf5;
border-left: 5px solid #2a9d8f;
padding: 25px;
border-radius: 10px;
margin-top: 40px;
font-family: 'Segoe UI', sans-serif;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}
.conclusion-container h2 {
color: #1b5e20;
margin-bottom: 15px;
}
.conclusion-container ul {
margin-top: 10px;
padding-left: 20px;
}
.conclusion-container li {
margin-bottom: 10px;
}
.simple-map-section {
max-width: 800px;
margin: 40px auto;
padding: 20px;
border-left: 6px solid #2a7c91;
border-radius: 12px;
background-color: #f9fafb;
box-shadow: 0 8px 25px rgba(42, 124, 145, 0.12);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.map-title {
font-size: 1.6rem;
color: #2a7c91;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
text-shadow: 1px 1px 3px rgba(42, 124, 145, 0.3);
}
.map-wrapper {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(42, 124, 145, 0.15);
}
.map-iframe {
width: 100%;
height: 450px;
border: none;
border-radius: 12px;
}