.elementor-8176 .elementor-element.elementor-element-895f580{z-index:0;}.elementor-8176 .elementor-element.elementor-element-cb5f7fe > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-8176 .elementor-element.elementor-element-6afdd89{--spacer-size:50px;}.elementor-8176 .elementor-element.elementor-element-5de0c73{z-index:0;}.elementor-8176 .elementor-element.elementor-element-76215fb > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 1px;border-color:#3F3A3A42;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 20px 20px 20px;}.elementor-8176 .elementor-element.elementor-element-76215fb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8176 .elementor-element.elementor-element-199cd11{--spacer-size:50px;}@media(min-width:768px){.elementor-8176 .elementor-element.elementor-element-cb5f7fe{width:70.428%;}.elementor-8176 .elementor-element.elementor-element-76215fb{width:29.525%;}}/* Start custom CSS for html, class: .elementor-element-895f580 *//* Base Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  font-family: 'Segoe UI', sans-serif;
}

/* Hero Section with background */
.hero {
  background: url("https://andamanstour.in/wp-content/uploads/2025/06/Andaman-Tour-Package-From-Bangalore.jpg")
    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-4fda8ee */.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-ab0774b */.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-9308281 */.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-1099ea4 */.attraction {
      display: flex;
      background: #fff;
      margin-bottom: 20px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      border-radius: 8px;
      overflow: hidden;
    }
    .attraction img {
      width: 300px;
      object-fit: cover;
    }
    .info {
      padding: 20px;
    }
    .info h3 {
      margin-top: 0;
      color: #007b5e;
    }
    .info p {
      color: #333;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5318305 *//* Container title */
.col-md-4 h4 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #007b5e;
  border-bottom: 2px solid #007b5e;
  padding-bottom: 5px;
}

/* Each card */
.col-md-4 a {
  text-decoration: none;
  color: #222;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.col-md-4 a:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Image styling */
.col-md-4 img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

/* Text below image */
.col-md-4 p {
  font-weight: bold;
  padding: 10px 12px 15px;
  margin: 0;
  text-align: center;
  background-color: #f8f9fa;
  border-top: 1px solid #eee;
  color: #007b5e;
}/* End custom CSS */