.elementor-8561 .elementor-element.elementor-element-f0a6082{z-index:0;}.elementor-8561 .elementor-element.elementor-element-7c91c11{z-index:0;}.elementor-8561 .elementor-element.elementor-element-a09eea4 > .elementor-element-populated{padding:40px 60px 40px 60px;}.elementor-8561 .elementor-element.elementor-element-35906a0 img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-8561 .elementor-element.elementor-element-bbd37ca img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-8561 .elementor-element.elementor-element-a9bbc99 img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-8561 .elementor-element.elementor-element-df817a1 img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-8561 .elementor-element.elementor-element-89cbc66 img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-8561 .elementor-element.elementor-element-095abc4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-8561 .elementor-element.elementor-element-095abc4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8561 .elementor-element.elementor-element-095abc4 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 1px;border-color:#27262640;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 20px 0px 20px;}.elementor-8561 .elementor-element.elementor-element-095abc4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8561 .elementor-element.elementor-element-095abc4{z-index:0;}.elementor-8561 .elementor-element.elementor-element-08987d6{--spacer-size:34px;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper{background-color:#2283E7;padding:15px 15px 15px 15px;border-radius:5px 5px 5px 5px;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-title{text-align:center;color:#FFFFFF;font-family:"Amiko", Sans-serif;font-size:26px;font-weight:900;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-description{text-align:center;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group a{color:#FFFFFF;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-input--label label{color:#F1FF00;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.select2-search__field), .elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group textarea, .elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group select, .elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group .select2-container--default .select2-selection--multiple{background-color:#FFFFFF;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group textarea, .elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group select{color:#353535;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group input::-webkit-input-placeholder, .elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group textarea::-webkit-input-placeholder{color:#474747;}.elementor-8561 .elementor-element.elementor-element-64606da .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#F1FF00 !important;color:#000000 !important;}.elementor-8561 .elementor-element.elementor-element-45105a0:not(.elementor-motion-effects-element-type-background), .elementor-8561 .elementor-element.elementor-element-45105a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-8561 .elementor-element.elementor-element-45105a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8561 .elementor-element.elementor-element-45105a0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8561 .elementor-element.elementor-element-f7b0722{--spacer-size:50px;}.elementor-8561 .elementor-element.elementor-element-eb3b51a{z-index:0;}@media(min-width:768px){.elementor-8561 .elementor-element.elementor-element-a09eea4{width:70%;}.elementor-8561 .elementor-element.elementor-element-095abc4{width:29.91%;}}/* Start custom CSS for html, class: .elementor-element-f0a6082 *//* Base Reset */


/* Hero Section with background */
.hero {
  background: url("https://andamanstour.in/wp-content/uploads/2025/06/Port-Blair-Places.webp")
    no-repeat center center/cover;
  height: 300px;
  display: flex;
  align-items: center;
  padding: 0 40px;
  color: white;
}

.hero-content {
  max-width: 700px;
}

.hero-content h1 {
  font-size: 42px;
  margin-bottom: 25px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.breadcrumb {
  position: absolute;
  bottom: 20px;
  left: 25px;
  background: rgba(255, 255, 255, 0.85);
  color: #333;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 2;
}

.breadcrumb a {
  text-decoration: none;
  color: #007bff;
  margin: 0 4px;
}

.breadcrumb span {
  color: #000;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b56525c */.styled-heading {
  font-size: 35px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 6px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9414168 */.h30 {
  font-size: 30px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e5a244 */.h30 {
  font-size: 30px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d0e835 */.h30 {
  font-size: 30px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f34926 */.h30 {
  font-size: 30px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9ad072 */.h30 {
  font-size: 30px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7c91c11 */.sidebar {
      position: sticky;
      top: 0px; /* The distance from the top of the viewport */
      height:800px;
      
      
    }

    .section {
      margin-bottom: 10px;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-041f299 */.styled-heading {
  font-size: 35px;
  font-weight: 600;
  color: #0072c6;
  text-align: center;
  margin-bottom: 6px;
  font-family: 'Segoe UI', sans-serif;
}

.heading-underline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.line {
  height: 3px;
  width: 60px;
  border-radius: 3px;
}

.line.red {
  background: #f4763b;
}

.line.yellow {
  background: #f8d200;
}

.dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.dot.teal {
  background: #00b1b1;
}

.dot.blue {
  background: #0072c6;
}


@media (max-width: 600px) {
  .styled-heading {
    font-size: 20px;
  }

  .line {
    width: 40px;
  }

  .dot {
    width: 5px;
    height: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb3b51a */.container {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
    }

    .sidebar {
      width: 250px;
      padding: 15px;
      background: #fff;
      border-radius: 8px;
      margin-right: 20px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      height: fit-content;
    }

    .sidebar h3 {
      margin-top: 0;
      font-size: 18px;
    }

    .sidebar label {
      display: block;
      margin: 8px 0;
      font-size: 14px;
    }

    .tour-list {
      flex: 1;
    }

    .tour-card {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      margin: 15px 0;
      background: #fff;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      flex-wrap: wrap;
    }

    .tour-info {
      display: flex;
      gap: 15px;
      align-items: flex-start;
      flex: 1;
      min-width: 300px;
    }

    .tour-info img {
      width: 100px;
      height: 80px;
      object-fit: cover;
      border-radius: 6px;
    }

    .tour-details {
      flex: 1;
    }

    .tour-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px;
    }

    .stars {
      color: #ffb400;
      font-size: 14px;
      margin-bottom: 8px;
    }

    .duration {
      margin: 10px 0;
      font-weight: 500;
      color: #555;
    }

    .badge-group {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      margin-top: 5px;
    }

    .badge {
      background: #f0f0f0;
      padding: 3px 8px;
      border-radius: 20px;
      font-size: 12px;
    }

    .price-section {
      text-align: right;
      min-width: 180px;
    }

    .old-price {
      text-decoration: line-through;
      color: #999;
      font-size: 13px;
    }

    .new-price {
      color: #2a9d8f;
      font-size: 18px;
      font-weight: bold;
    }

    .buttons {
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .btn {
      padding: 6px 12px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 13px;
    }

    .add-cart {
      background: #fff;
      color: #007bff;
      border: 1px solid #007bff;
    }

    .book-now {
      background: #00c9a7;
      color: #fff;
    }

    .btn:hover {
      background: #fff;
      color: #007bff;
      border: 1px solid #007bff;
    }

    @media(max-width: 768px) {
      .container {
        flex-direction: column;
      }

      .sidebar {
        width: 100%;
        margin-bottom: 20px;
      }

      .price-section {
        width: 100%;
        text-align: left;
        margin-top: 10px;
      }

      .buttons {
        flex-direction: row;
        gap: 10px;
      }
    }/* End custom CSS */