.elementor-38506 .elementor-element.elementor-element-c401ba9{--display:flex;}.elementor-38506 .elementor-element.elementor-element-fb0bdc8{--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;}.elementor-38506 .elementor-element.elementor-element-188ec4a{--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;}.elementor-38506 .elementor-element.elementor-element-daa09c3{--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;}.elementor-38506 .elementor-element.elementor-element-815b1fb{--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;}.elementor-38506 .elementor-element.elementor-element-823efbd{--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;}.elementor-38506 .elementor-element.elementor-element-0a1f3ae{--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;}.elementor-38506 .elementor-element.elementor-element-0817c84{--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;}.elementor-38506 .elementor-element.elementor-element-c21ac04{--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;}/* Start custom CSS for html, class: .elementor-element-c6f03be *//* ===== Travel Intro Section Styles ===== */

.travel-intro {
  max-width: 760px;
  margin: 0 auto;
  padding: 22px 18px;
  background-color: #f8f9fb;
  border-radius: 10px;
  border: 1px solid #e3e6ec;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  line-height: 1.65;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

/* Paragraph spacing */
.travel-intro p {
  margin-bottom: 18px;
}

/* Bold highlights */
.travel-intro strong {
  color: #007d6b;
  font-weight: 600;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
  .travel-intro {
    padding: 18px 14px;
    font-size: 15px;
  }

  .travel-intro p {
    margin-bottom: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4660961 *//* ===== Table of Contents Styles ===== */

.toc-box {
  max-width: 760px;
  margin: 0 auto 24px auto;
  padding: 18px 16px;
  background-color: #f8f9fb;
  border-radius: 10px;
  border: 1px solid #e3e6ec;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  font-family: "Poppins", Arial, sans-serif;
}

.toc-heading {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #222;
}

.toc-list {
  list-style: decimal;
  padding-left: 20px;
  margin: 0;
}

.toc-list li {
  margin-bottom: 6px;
  line-height: 1.5;
}

.toc-list a {
  text-decoration: none;
  color: #007d6b;
  font-size: 15px;
}

.toc-list a:hover,
.toc-list a:focus {
  text-decoration: underline;
}

/* Mobile adjustments */
@media (max-width: 480px) {
  .toc-box {
    padding: 16px 14px;
  }

  .toc-heading {
    font-size: 16px;
  }

  .toc-list a {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df5bf02 *//* ===== Safety Section – Post Cyclone Ditwah ===== */

.safety-section {
  max-width: 760px;
  margin: 0 auto 26px auto;
  padding: 22px 18px;
  background-color: #fdfefe;
  border-radius: 10px;
  border: 1px solid #e3e7ee;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  font-family: "Poppins", Arial, sans-serif;
  color: #252525;
  line-height: 1.65;
}

.safety-section h2 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #163b3a;
}

.safety-meta {
  margin: 0 0 14px 0;
  font-size: 14px;
  color: #6b7585;
}

.safety-section p {
  margin-bottom: 14px;
  font-size: 15px;
}

.safety-stats {
  list-style: none;
  padding-left: 0;
  margin: 0 0 16px 0;
  border-left: 3px solid #0a947d;
  padding-left: 12px;
}

.safety-stats li {
  margin-bottom: 6px;
  font-size: 15px;
}

.safety-stats strong {
  color: #0a947d;
  font-weight: 700;
}

/* Mobile tweaks */
@media (max-width: 480px) {
  .safety-section {
    padding: 18px 14px;
  }

  .safety-section h2 {
    font-size: 18px;
  }

  .safety-section p,
  .safety-stats li {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1336e5 *//* ===== Safe Tourist Areas Section ===== */

.safe-areas-section {
  max-width: 760px;
  margin: 0 auto 28px auto;
  padding: 22px 18px;
  background-color: #ffffff;
  border: 1px solid #e2e7ed;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.04);
  font-family: "Poppins", Arial, sans-serif;
  line-height: 1.65;
  color: #222;
}

.safe-areas-section h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #0b6b56;
}

.safe-areas-section p {
  font-size: 15px;
  margin-bottom: 16px;
}

.safe-areas-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style: none;
  padding-left: 0;
  margin: 0 0 18px 0;
}

.safe-areas-list li {
  margin-bottom: 8px;
  font-size: 15px;
  color: #0b6b56;
  font-weight: 500;
}

/* Mobile tweak */
@media (max-width: 480px) {
  .safe-areas-list {
    columns: 1;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0ee95a *//* ===== Flooded Areas Section ===== */

.flood-section {
  max-width: 760px;
  margin: 0 auto 28px auto;
  padding: 22px 18px;
  background-color: #fffdf8;
  border: 1px solid #f0e8da;
  border-radius: 10px;
  box-shadow: 0 3px 11px rgba(0,0,0,0.04);
  font-family: "Poppins", Arial, sans-serif;
  line-height: 1.65;
  color: #222;
}

.flood-section h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #8a4c0f;
}

.flood-section p {
  font-size: 15px;
  margin-bottom: 14px;
}

.flood-areas-list {
  list-style: disc;
  padding-left: 22px;
  margin: 0 0 18px 0;
}

.flood-areas-list li {
  margin-bottom: 6px;
  font-size: 15px;
  color: #8a4c0f;
  font-weight: 600;
}

/* Mobile optimizations */
@media (max-width: 480px) {
  .flood-section {
    padding: 18px 14px;
  }

  .flood-section h2 {
    font-size: 18px;
  }

  .flood-section p,
  .flood-areas-list li {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-514f04c *//* ===== Train Status Section ===== */

.train-section {
  max-width: 800px;
  margin: 0 auto 30px auto;
  padding: 22px 18px;
  background-color: #f8fbff;
  border: 1px solid #d8e3ef;
  border-radius: 10px;
  box-shadow: 0 3px 11px rgba(0,0,0,0.04);
  font-family: "Poppins", Arial, sans-serif;
  line-height: 1.65;
  color: #222;
}

.train-section h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #00598a;
}

.train-section p {
  font-size: 15px;
  margin-bottom: 16px;
}

/* Table styles */
.train-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 18px;
}

.train-table th,
.train-table td {
  border: 1px solid #cfe0ee;
  padding: 10px 12px;
  font-size: 14px;
}

.train-table th {
  background-color: #eaf3fb;
  font-weight: 600;
  color: #003f61;
}

.train-table tr:nth-child(even) {
  background-color: #f5faff;
}

/* Status colors */
.train-table .active {
  color: #0b7c3b;
  font-weight: 700;
}

.train-table .cancelled {
  color: #a40000;
  font-weight: 700;
}

/* Warning note */
.train-note {
  font-size: 14px;
  background: #fff0f0;
  border: 1px solid #ffcccc;
  padding: 12px 14px;
  border-radius: 8px;
  color: #8a0000;
  font-weight: 600;
}

/* Mobile tweaks */
@media (max-width: 480px) {

  .train-table th,
  .train-table td {
    font-size: 13px;
    padding: 8px 6px;
  }

  .train-section h2 {
    font-size: 18px;
  }

  .train-section p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc313be *//* =====================================================
   TRAVEL CONCERNS SECTION (Merged with Monsoon Advice)
   Safe for Elementor / WordPress / Mobile
   ===================================================== */

.concerns-section {
  max-width: 760px;
  margin: 0 auto 30px auto;
  padding: 22px 18px;
  background-color: #fffef9;
  border: 1px solid #efe6cc;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.04);
  font-family: "Poppins", Arial, sans-serif;
  color: #222;
  line-height: 1.65;
}

/* Heading */
.concerns-section h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #926c19;
}

/* Regular paragraph text */
.concerns-section p {
  font-size: 15px;
  margin-bottom: 16px;
}

/* Concerns list */
.concerns-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0;
}

.concerns-list li {
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
  font-size: 15px;
}

.concerns-list li::before {
  content: "⚠️";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
}

/* Highlight key words */
.concerns-list strong {
  color: #926c19;
  font-weight: 600;
}

/* Monsoon reminder box */
.concerns-reminder {
  font-size: 14px;
  background: #fff2d9;
  border: 1px solid #ffdeb0;
  padding: 12px 14px;
  border-radius: 8px;
  color: #7a5200;
  font-weight: 600;
  margin-top: 20px;
}

/* ----------------------------
   MOBILE RESPONSIVE
   ---------------------------- */
@media (max-width: 480px) {
  .concerns-section {
    padding: 18px 14px;
  }

  .concerns-section h2 {
    font-size: 18px;
  }

  .concerns-section p,
  .concerns-list li {
    font-size: 14px;
  }

  .concerns-list li {
    padding-left: 28px;
  }

  .concerns-list li::before {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c910aa2 *//* ===== Best Areas to Visit Section ===== */

.best-areas-section {
  max-width: 760px;
  margin: 0 auto 30px auto;
  padding: 22px 18px;
  background-color: #f9fff9;
  border: 1px solid #d9ecd9;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.04);
  font-family: "Poppins", Arial, sans-serif;
  color: #222;
  line-height: 1.65;
}

.best-areas-section h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a6b3a;
}

.best-areas-section p {
  font-size: 15px;
  margin-bottom: 16px;
}

.best-areas-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0;
}

.best-areas-list li {
  margin-bottom: 14px;
  padding-left: 32px;
  position: relative;
  font-size: 15px;
}

.best-areas-list li::before {
  content: "🌴";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
}

.best-areas-list strong {
  color: #1a6b3a;
  font-weight: 600;
}

/* Tip box */
.best-areas-note {
  font-size: 14px;
  background: #eafbea;
  border: 1px solid #c8e7c8;
  padding: 12px 14px;
  border-radius: 8px;
  color: #1a6b3a;
  font-weight: 600;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .best-areas-section {
    padding: 18px 14px;
  }

  .best-areas-section h2 {
    font-size: 18px;
  }

  .best-areas-section p,
  .best-areas-list li {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663952a *//* ===== Help People in Sri Lanka Section ===== */

.help-section {
  max-width: 760px;
  margin: 0 auto 30px auto;
  padding: 22px 18px;
  background-color: #fff8f8;
  border: 1px solid #f5dcdc;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.04);
  font-family: "Poppins", Arial, sans-serif;
  color: #222;
  line-height: 1.65;
}

.help-section h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #8a1e1e;
}

.help-section p {
  font-size: 15px;
  margin-bottom: 16px;
}

/* Main list */
.help-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0;
}

.help-list li {
  margin-bottom: 18px;
  padding-left: 32px;
  position: relative;
  font-size: 15px;
}

.help-list li::before {
  content: "❤️";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
}

/* Inner list for organizations */
.help-inner {
  list-style: disc;
  padding-left: 24px;
  margin-top: 8px;
}

.help-inner li {
  margin-bottom: 6px;
  font-size: 14px;
}

/* Reminder box */
.help-note {
  font-size: 14px;
  background: #ffecec;
  border: 1px solid #f8caca;
  padding: 12px 14px;
  border-radius: 8px;
  color: #8a1e1e;
  font-weight: 600;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .help-section {
    padding: 18px 14px;
  }

  .help-section h2 {
    font-size: 18px;
  }

  .help-section p,
  .help-list li,
  .help-inner li {
    font-size: 14px;
  }
}/* End custom CSS */