.elms-36768 .elms-element.elms-element-a219186{--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-36768 .elms-element.elms-element-ead5119{--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-36768 .elms-element.elms-element-7e25bbe{--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-36768 .elms-element.elms-element-5e61cb0{--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-36768 .elms-element.elms-element-d12d066{--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-36768 .elms-element.elms-element-314551a{--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-36768 .elms-element.elms-element-a0242da{--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-36768 .elms-element.elms-element-4a0f81a{--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-36768 .elms-element.elms-element-ad311fe{--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-36768 .elms-element.elms-element-6c80687{--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-36768 .elms-element.elms-element-4dc027b{--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-36768 .elms-element.elms-element-dc0d1bd{--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-36768 .elms-element.elms-element-55f5d0a{--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-36768 .elms-element.elms-element-f02c791{--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;}.toc-container {
background-color: #e3f2fd; 
border: 1px solid #90caf9; 
border-left: 5px solid #1565c0; 
padding: 20px 25px;
border-radius: 8px;
max-width: 720px;
margin: 30px auto;
font-family: 'Segoe UI', sans-serif;
}
.toc-container h2 {
margin-top: 0;
font-size: 1.5rem;
color: #0d47a1; 
margin-bottom: 15px;
}
.toc-list {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.toc-list li {
margin-bottom: 10px;
font-size: 1rem;
color: #0d47a1;
}
.toc-list li a {
text-decoration: none;
color: #1565c0; 
transition: color 0.3s ease;
}
.toc-list li a:hover {
color: #0d47a1;
text-decoration: underline;
}
.route-map-container {
max-width: 960px;
margin: 40px auto;
font-family: Arial, sans-serif;
padding: 0 20px;
border-left: 5px solid #1e88e5; 
background-color: #f9fcff;
box-shadow: 0 4px 10px rgba(0,0,0,0.03);
border-radius: 8px;
}
.section-heading-box {
text-align: center;
margin-bottom: 25px;
}
.section-heading-title {
font-size: 1.8rem;
color: #1e88e5;
}
.route-table table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
text-align: center;
background-color: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden;
}
.route-table th,
.route-table td {
padding: 12px 15px;
border-bottom: 1px solid #eee;
}
.route-table thead {
background-color: #e3f2fd;
color: #1565c0;
font-weight: bold;
}
.route-table tr:hover {
background-color: #f0f8ff;
}
.route-table button {
padding: 8px 16px;
border-radius: 6px;
background-color: #1e88e5;
color: #fff;
border: none;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
}
.route-table button:hover {
background-color: #1565c0;
}
.map-section {
margin-top: 30px;
}
.map-section h3 {
font-size: 1.4rem;
color: #1565c0;
text-align: center;
margin-bottom: 15px;
}
#mapFrame {
width: 100%;
height: 420px;
border: none;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.travel-tips-section {
border-left: 5px solid #4caf50;
padding: 20px 25px;
margin: 40px auto;
background-color: #fefefe;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border-radius: 10px;
max-width: 800px;
font-family: 'Arial', sans-serif;
}
.tips-heading h2 {
font-size: 1.6rem;
color: #388e3c;
margin-bottom: 8px;
}
.tips-heading p {
color: #555;
font-size: 1rem;
margin-bottom: 20px;
}
.tips-list {
list-style: none;
padding-left: 0;
}
.tips-list li {
font-size: 1rem;
color: #333;
margin-bottom: 14px;
display: flex;
align-items: center;
line-height: 1.6;
}
.tip-icon {
font-size: 1.3rem;
margin-right: 10px;
color: #4caf50;
}
.tea-booking-cta-box {
background: linear-gradient(to right, #f1f8e9, #e0f2f1); 
border-left: 6px solid #388e3c;
padding: 25px 20px;
border-radius: 10px;
max-width: 700px;
margin: 40px auto;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
font-family: 'Segoe UI', sans-serif;
text-align: center;
}
.tea-booking-content h3 {
font-size: 1.6rem;
color: #2e7d32;
margin-bottom: 12px;
}
.tea-booking-content p {
font-size: 1rem;
color: #37474f;
margin-bottom: 22px;
line-height: 1.6;
}
.tea-booking-button {
background-color: #4caf50;
color: #fff;
padding: 12px 28px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
font-size: 1rem;
display: inline-block;
transition: background-color 0.3s ease, transform 0.2s ease;
box-shadow: 0 4px 8px rgba(0, 128, 0, 0.2);
}
.tea-booking-button:hover {
background-color: #388e3c;
transform: scale(1.05);
}
.tea-conclusion-box {
max-width: 860px;
margin: 60px auto;
background: #fff8f0;
border-left: 6px solid #8d6e63;
border-radius: 12px;
padding: 30px 25px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
font-family: 'Segoe UI', sans-serif;
text-align: center;
}
.tea-conclusion-box h2 {
font-size: 1.8rem;
color: #4e342e;
margin-bottom: 15px;
}
.tea-conclusion-box p {
font-size: 1rem;
color: #5d4037;
line-height: 1.7;
}
.tea-cta {
margin-top: 25px;
background: #ffecb3;
padding: 18px;
border-radius: 10px;
display: inline-block;
}
.tea-cta p {
margin: 0 0 10px;
font-weight: bold;
font-size: 1.1rem;
color: #6d4c41;
}
.cta-button {
background-color: #6d4c41;
color: #fff;
padding: 10px 22px;
text-decoration: none;
border-radius: 6px;
font-weight: bold;
display: inline-block;
transition: background 0.3s ease;
}
.cta-button:hover {
background-color: #4e342e;
}