/* book-now */

.form-text {
  text-align: center;
  padding: 20px;
}

.form-text h1 {
  font-size: 2.5rem; /* slightly reduced for better mobile scaling */
  margin-bottom: 15px;
  font-weight: 600;  /* more readable and confident than 100 */
  color: white;
  font-family: Arial, sans-serif;
  line-height: 1.3;
}

.form-text p {
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 600px;
  color: white;
  font-family: Arial, sans-serif;
}

/* 🧾 Form Container */
form {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px;
  background-color: rgba(0, 0, 255, 0.373);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

/* 📋 Form Fields */
form div {
  margin-bottom: 24px;
}

form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: white;
  font-size: 1rem;
}

form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="date"],
form select,
form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccd6dd;
  border-radius: 8px;
  font-size: 1rem;
  background-color: #f9f9f9;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

form input:focus,
form select:focus,
form textarea:focus {
  outline: none;
  border-color: #2a75f3;
  box-shadow: 0 0 0 3px rgba(42, 117, 243, 0.2);
}

/* 📝 Textarea */
form textarea {
  resize: vertical;
  min-height: 120px;
}

/* 🔐 Privacy */
.privacy {
  font-size: 0.95rem;
  color: #555;
}

.privacy label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
}

/* 🚀 Submit Button */
#submit input[type="submit"] {
  background-color:green;
  color: #fff;
  font-weight: 600;
  font-size: 1.05rem;
  border: none;
  padding: 14px 24px;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.3s ease, transform 0.2s ease;
}



/* 🎯 Select2 Integration */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ccd6dd;
  border-radius: 8px;
  padding: 10px;
  height: auto;
  font-size: 1rem;
  color: #333;
}

.select2-container--default .select2-results__option {
  font-size: 1rem;
  color: #333;
}

/* 🧾 Note Box */
.note-box {
  background-color:white;
  border-left: 5px solid #2a75f3;
  border-radius: 8px;
  padding: 20px 25px;
  max-width: 800px;
  margin: 50px auto;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}

.note-box h2 {
  color: blue;
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.note-box p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

.whatsapp {
  color: #25D366;
  font-weight: 600;
}
/* 📱 Responsive Adjustments */
@media (max-width: 768px) {
  @media (max-width: 480px) {
  .form-text {
    padding: 20px 10px;
    margin: 50px auto 30px; /* reduced top margin from 170px to 50px */
  }

  .form-text h1 {
    font-size: 2rem;
  }

  .form-text p {
    font-size: 1rem;
    max-width: 100%;
    padding: 0 10px;
  }
}


  form {
    padding: 25px 20px;
  }

  form label {
    font-size: 0.95rem;
  }

  form input[type="text"],
  form input[type="email"],
  form input[type="number"],
  form input[type="date"],
  form select,
  form textarea {
    font-size: 0.95rem;
    padding: 10px;
  }

  #submit input[type="submit"] {
    font-size: 1rem;
    padding: 12px 18px;
  }

  .note-box {
    padding: 20px;
    margin: 30px 10px;
  }

  .note-box h2 {
    font-size: 1.3rem;
  }

  .note-box p {
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  .form-text h1 {
    font-size: 1.6rem;
  }

  .form-text p {
    font-size: 0.95rem;
  }

  #submit input[type="submit"] {
    font-size: 0.95rem;
    padding: 10px 16px;
  }
}

	


	/* about--me */


    .page-title-blue {
      text-align: center;
      font-size: 2.5rem;
      color: white;
      margin-top: 200px;
      margin-bottom: 2.5rem;
      font-weight: 800;
      letter-spacing: -0.5px;
    }
    .about-section-blue {
      background: #ffffff;
      max-width: 860px;
      margin: 2rem auto;
      padding: 2rem;
      border-left: 6px solid #0070dd;
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(0, 72, 173, 0.08);
    }
    .section-heading-blue {
      font-size: 1.6rem;
      color: #005bbb;
      margin-bottom: 1rem;
      font-weight: 700;
      border-bottom: 2px solid #cce0ff;
      padding-bottom: 0.5rem;
    }
    .about-text-blue {
      font-size: 1.05rem;
      color: #2a3d66;
    }
    .thankyou-list-blue {
      list-style-type: none;
      padding-left: 0;
      margin-top: 1.5rem;
    }
    .thankyou-item-blue {
      background-color: #e5f0ff;
      border-left: 5px solid #0074e4;
      padding: 1rem 1.2rem;
      margin-bottom: 1rem;
      border-radius: 8px;
      font-size: 1rem;
      color: #12385b;
      transition: background-color 0.3s ease;
    }
    .thankyou-item-blue:hover {
      background-color: #d6e9ff;
    }
    /* Mobile Responsive */
    @media (max-width: 600px) {
      .page-title-blue {
        font-size: 1.8rem;
      }
      .section-heading-blue {
        font-size: 1.3rem;
      }
      .about-text-blue,
      .thankyou-item-blue {
        font-size: 0.95rem;
      }
      .about-section-blue {
        padding: 1.5rem;
      }
    }


	/* career page */
	 :root {
      --primary: #008080;
      --secondary: #f28b82;
      --background: #fefcfb;
      --text-dark: #1e2b2f;
      --text-light: #ffffff;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }


    header {
      background-color: var(--primary);
      color: var(--text-light);
      text-align: center;
      padding: 2rem 1rem;
    }

    header h1 {
      font-size: 2.5rem;
      margin-top: 160px;
    }

    main {
      padding: 3rem 1rem;
    }

    section#careers {
      max-width: 900px;
      margin: auto;
      background-color: rgba(0, 0, 255, 0.353);
      padding: 3rem;
      border-radius: 12px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }

    h2 {
      text-align: center;
      color: var(--primary);
      font-size: 2.2rem;
      margin-bottom: 1rem;
    }

    h3 {
      color: var(--secondary);
      margin-top: 2rem;
      margin-bottom: 0.8rem;
    }

    ul {
      padding-left: 1.2rem;
      margin-bottom: 1.5rem;
    }

    li {
      margin-bottom: 0.5rem;
    }

    p {
      margin-bottom: 1.2rem;
    }

    a {
      color: var(--primary);
      text-decoration: none;
      font-weight: 600;
    }

    a:hover {
      text-decoration: underline;
    }

    .cta {
      margin-top: 2rem;
      text-align: center;
    }

    .cta a {
      display: inline-block;
      background-color: var(--secondary);
      color: white;
      padding: 0.8rem 1.5rem;
      border-radius: 8px;
      transition: background 0.3s ease;
      text-decoration: none;
      font-weight: bold;
    }

    .cta a:hover {
      background-color: #d76b65;
    }

    @media (max-width: 768px) {
      section#careers {
        padding: 2rem 1rem;
      }

      header h1 {
        font-size: 2rem;
      }

      h2 {
        font-size: 1.8rem;
      }
    }
	/* contact page */
	.contact-heading {
	 font-family: 'Arial', sans-serif;
	 font-size: 42px;
	 text-align: center;
	 font-weight: 700;
	 color: #1a1a1a;
	 margin-bottom: 20px;
	 letter-spacing: 1px;
	 position: relative;
	 padding-bottom: 10px;
	}

	.contact-heading::after {
	 content: "";
	 display: block;
	 width: 160px; /* Increased from 60px to 120px */
	 height: 10px;
	 background-color: #31279d;
	 margin: 10px auto 0;
	 border-radius: 3px;
	}

	.contact-form {
	 background-color: #fff;
	 padding: 30px;
	 border-radius: 10px;
	 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	 flex: 1 1 300px;
	 max-width: 500px;
	 margin: 0 auto;
	 text-align: center;
	 margin-top: 200px;
	 margin-bottom: 100px;
	}

	h3 {
	 color: white;
	 font-size: 1.8rem;
	 margin-bottom:35px;

	}

	/* Contact Form Styles */


	.contact-form input,
	.contact-form textarea {
	 width: 100%;
	 padding: 12px;
	 font-size: 1rem;
	 border: 1px solid #ddd;
	 border-radius: 5px;
	 background-color: #f9f9f9;
	 box-sizing: border-box;
	 transition: border 0.3s;
	}

	.contact-form input:focus,
	.contact-form textarea:focus {
	 border-color: #31279d;
	 outline: none;
	}

	.contact-form textarea {
	 height: 150px;
	 resize: vertical;
	}

	.contact-form button {
	 background-color: blue;
	 color: white;
	 border: none;
	 padding: 15px 20px;
	 font-size: 1.2rem;
	 border-radius: 5px;
	 width: 100%;
	 cursor: pointer;
	 transition: background-color 0.3s;
	}



	/* Responsive Design for smaller screens */
	@media (max-width: 768px) {
	 .contact-form {
	   padding: 20px;
	 }

	 .contact-form input,
	 .contact-form textarea,
	 .contact-form button {
	   padding: 10px;
	   font-size: 1rem;
	 }}

	 /* faq page */
	 /* FAQ Styles */

	 :root {
  --blue: #007BFF;
  --blue-dark: #0056b3;
  --white: #ffffff;
  --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Headings */
.faq-heading-main {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--blue-dark);
  font-family: var(--font-main);
  margin: 30px 0 20px;
}

.faq-subheading,
.faq-section-title,
.travel-tips-heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--blue);
  margin-bottom: 20px;
  font-family: var(--font-main);
}

/* Intro Text */
.faq-intro-text {
  text-align: center;
  font-size: 1.1rem;
  max-width: 800px;
  margin: 0 auto 30px;
  color: var(--blue-dark);
  font-family: var(--font-main);
}

/* FAQ Box */

:root {
  --blue: #007BFF;
  --blue-dark: #0056b3;
  --white: #ffffff;
  --black: #000000;
  --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Headings */
.faq-heading-main {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--white);
  background-color: var(--blue);
  padding: 20px;
  border-radius: 8px;
  margin: 30px auto 20px;
  max-width: 900px;
  font-family: var(--font-main);
}

/* Subheadings */
.faq-subheading,
.faq-section-title,
.travel-tips-heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white);
  background-color: var(--blue);
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 20px;
  font-family: var(--font-main);
}

/* Intro Text */
.faq-intro-text {
  font-size: 1.05rem;
  color: var(--black);
  max-width: 800px;
  margin: 0 auto 30px;
  text-align: center;
  font-family: var(--font-main);
}

/* FAQ Box */
:root {
  --blue: #007bff;
  --blue-dark: #0056b3;
  --white: #ffffff;
  --black: #000000;
  --font-main: 'Segoe UI', sans-serif;
}

/* SECTION CONTAINERS */
.faq-section,
.travel-tips-section,
.form-question-box {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem;
  font-family: var(--font-main);
  box-sizing: border-box;
}

/* MAIN HEADINGS */
.faq-heading-main {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  background-color: var(--blue);
  color: var(--white);
  padding: 1.2rem;
  border-radius: 10px;
  margin-bottom: 1.5rem;
}

/* PARAGRAPH INTRO */
.faq-intro-text {
  text-align: center;
  color: var(--black);
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

/* SUB HEADINGS */
.faq-subheading,
.faq-section-title,
.travel-tips-heading,
.form-question-title {
  font-size: 1.5rem;
  color: var(--blue);
  margin: 1.5rem 0 1rem;
  font-weight: 600;
}

/* FAQ BOX */
:root {
  --blue: #007bff;
  --blue-dark: #0056b3;
  --white: #ffffff;
  --black: #222222;
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* MAIN CONTAINER */
.faq-section {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 1rem 4rem;
  font-family: var(--font-family);
  box-sizing: border-box;
}

/* HEADINGS */
.faq-heading-main {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 700;
  background: var(--blue);
  color: var(--white);
  padding: 1.5rem 1rem;
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3);
  margin-bottom: 2.5rem;
  user-select: none;
}

.faq-subheading,
.travel-tips-heading,
.faq-section-title,
.form-question-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--blue);
  margin-bottom: 1rem;
  border-left: 5px solid var(--blue);
  padding-left: 12px;
  user-select: none;
}

/* INTRO TEXT */
.faq-intro-text,
.travel-tips-intro,
.form-question-info {
  font-size: 1.1rem;
  color: var(--black);
  max-width: 720px;
  margin: 0 auto 2rem;
  line-height: 1.6;
  text-align: center;
}

/* FAQ BOX */
:root {
  --blue: #007bff;
  --blue-dark: #0056b3;
  --white: #ffffff;
  --black: #222222;
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* MAIN CONTAINER */
.faq-section {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 1rem 4rem;
  font-family: var(--font-family);
  box-sizing: border-box;
}

/* ====== TOP FAQ INTRO SECTION ====== */
.faq-intro-container {
  max-width: 700px;
  margin: 0 auto 3rem;
  padding: 0 1rem;
  text-align: center;
}

.faq-heading-main {
  font-size: 2.75rem;
  font-weight: 700;
  color: white;
  margin-top: 190px;
  line-height: 1.2;
  user-select: none;
}

.faq-intro-text {
  font-size: 1.15rem;
  color: white;
  margin-bottom: 2rem;
  line-height: 1.6;
}



.faq-section-title {
  font-size: 1.3rem;
  color: var(--blue);
  font-weight: 600;
  margin-bottom: 1.25rem;
  user-select: none;
}

/* FAQ BOX */
.faq-box-joe {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 12px;
  padding: 2rem 2.5rem;
  box-shadow: 0 6px 18px rgba(0, 123, 255, 0.3);
  margin-bottom: 2rem;
  transition: background-color 0.3s ease;
}

.faq-question-title {
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
  user-select: none;
}

.faq-answer-text {
  font-size: 1.1rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

/* BUTTON - SHOW ANOTHER FAQ */
.faq-refresh-btn {
  display: inline-block;
  background: var(--white);
  color: var(--blue);
  border: 3px solid var(--blue);
  padding: 14px 36px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
  margin-bottom: 3rem;
}

.faq-refresh-btn:hover,
.faq-refresh-btn:focus {
  background-color: var(--blue-dark);
  color: var(--white);
  border-color: var(--blue-dark);
  outline: none;
  box-shadow: 0 0 12px rgba(0, 86, 179, 0.8);
}

/* ====== TRAVEL TIPS SECTION ====== */
.travel-tips-section {
  background: #f7faff;
  border-radius: 14px;
  padding: 2rem 2.5rem;
  margin-bottom: 3rem;
  box-shadow: 0 5px 15px rgba(0, 123, 255, 0.15);
}


.travel-tips-intro {
  font-size: 1.1rem;
  color: var(--black);
  margin-bottom: 1.5rem;
  line-height: 1.6;
  user-select: text;
}

.travel-tip-item-title {
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--blue-dark);
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  user-select: none;
}

.travel-tip-item-text {
  font-size: 1rem;
  color: var(--black);
  line-height: 1.55;
  margin-bottom: 0.75rem;
  user-select: text;
}

/* ====== FORM STYLES ====== */
.form-question-box {
  background: var(--white);
  padding: 2.5rem 3rem;
  border-radius: 16px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: 0 auto 5rem;
  user-select: none;
}

.form-question-box fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.form-question-box legend.form-question-title {
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 1rem;
  user-select: none;
}

.form-label {
  display: block;
  font-weight: 600;
  color: var(--blue-dark);
  margin-top: 1.3rem;
  font-size: 1rem;
  user-select: none;
}

.form-input,
.form-textarea {
  width: 100%;
  margin-top: 0.6rem;
  padding: 12px 15px;
  font-size: 1rem;
  border: 2px solid var(--blue);
  border-radius: 10px;
  font-family: var(--font-family);
  color: var(--black);
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  resize: vertical;
  user-select: text;
}

.form-input:focus,
.form-textarea:focus {
  outline: none;
  border-color: var(--blue-dark);
  box-shadow: 0 0 6px rgba(0, 86, 179, 0.6);
}

.form-textarea {
  min-height: 140px;
}

.form-submit-btn {
  display: inline-block;
  margin-top: 2.3rem;
  padding: 15px 40px;
  background: var(--blue);
  color: var(--white);
  font-size: 1.15rem;
  font-weight: 700;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  user-select: none;
}

.form-submit-btn:hover,
.form-submit-btn:focus {
  background-color: var(--blue-dark);
  outline: none;
  box-shadow: 0 0 12px rgba(0, 86, 179, 0.9);
}

.form-question-info {
  font-style: italic;
  font-size: 1rem;
  color: var(--black);
  margin-bottom: 1.5rem;
  text-align: center;
  user-select: text;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
  .faq-section {
    padding-bottom: 2rem;
  }
  .faq-heading-main {
    font-size: 2rem;
  }

  .faq-section-title {
    font-size: 1.1rem;
  }
  .faq-box-joe,
  .travel-tips-section,
  .form-question-box {
    padding: 1.5rem 2rem;
  }
  .faq-refresh-btn {
    max-width: 100%;
    width: 100%;
  }
  .form-submit-btn {
    width: 100%;
    padding: 14px;
  }
}

@media (max-width: 480px) {
  .faq-heading-main {
    font-size: 1.6rem;
  }
  .faq-subheading {
    font-size: 1.2rem;
  }
  .faq-section-title {
    font-size: 1rem;
  }
  .faq-box-joe h3 {
    font-size: 1.1rem;
  }
  .form-input,
  .form-textarea {
    font-size: 0.95rem;
    padding: 10px 12px;
  }
  .faq-refresh-btn,
  .form-submit-btn {
    font-size: 1rem;
  }
}

/* 
	activity nosy be */

	.container.swiper {
	 max-width: 1200px; /* Container width */
	 margin: 0 auto; /* Center the container */
	 padding: 20px 15px; /* Padding around the cards */
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding:20px 0;
	}

	/* Swiper wrapper for the cards */
	.card-wrapper {
	 display: flex;
	 flex-wrap: wrap; /* Allow cards to wrap */
	 justify-content: space-between; /* Distribute cards with space in between */
	 gap:10px; /* Space between cards */
	 padding: 50px 0;
	}

	/* Individual card styling */
	.card-item {
	 background: #fff; /* White background for the cards */
	 border-radius: 10px; /* Rounded corners */
	 overflow: hidden; /* Hide overflow content */
	 width: 280px; /* Fixed width for each card */
	 height: 350px; /* Fixed height */
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	/* Hover effect on the cards */
	.card-item:hover {
	 transform: translateY(-10px); /* Lift card on hover */
	 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow */
	}

	/* Card list styles */
	.card-list {
	 display: flex;
	 flex-wrap: wrap; /* Allow cards to wrap */
	 gap:10px; /* Space between cards */
	 justify-content: space-between; /* Align cards with space between */
	 padding: 0;
	 margin: 0;
	}


	/* Card link styling */
	.card-link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%; /* Ensures link takes up full card height */
	padding: 10px;
	}

	/* Card image */
	.card-image {
	width: 100%;
	height: 150px; /* Fixed image height */
	object-fit: cover; /* Ensures the image fills the area */
	}

	/* Title and description */
	.card-title {
	font-size: 10px;
	font-weight: bold;
	margin: 15px 0 10px 0;
	color: #333;

	}
	.promo-badge {
	 position: absolute;
	 top: 0;
	 left: 0px;
	 background-color: #d32f2f;
	 color: white;
	 font: size 5px;
	 padding: 5px 8px;
	 font-weight: bold;
	 border-radius: 6px;
	 text-align: center;
	 z-index: 2;
	}
	/* Badge styling */
	.badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(0, 0, 0, 0.6);
	color: white;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 20px;
	}

	/* Price section (if present) */
	.price {
	font-size: 17px;
	font-weight: bold;
	margin-top: 40px;
	}

	.original-price {
	text-decoration: line-through;
	color: #777;
	background-color: #ff005947;
	}

	.discounted-price {
	color: #e53935;
	}

	/* Buttons */
	.card-button {
	 background: #5fa8ff; /* Lighter blue */
	 color: white;
	 border: none;
	 padding: 0px;
	 margin-top: 60px;
	 cursor: pointer;
	 border-radius: 5px;
	 transition: background-color 0.3s;
	}


	.card-button:hover {
	background: #0056b3;
	}

	/* Swiper pagination and navigation buttons */
	/* .swiper-pagination {
	bottom: 10px;
	text-align: center;
	}

	.swiper-button-prev,
	.swiper-button-next {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 10px;
	border-radius: 50%;
	} */

	.star-rating {
	 display: flex;
	 justify-content: left;
	 margin-top: -65px;


	}

	.star-rating .star {
	 color: gold;
	 font-size: 24px;
	 margin: 0 2px;
	}

	/* Trustpilot Link */
	/* Trustpilot link styles */
	.trustpilot-link {
	 display: block;              /* Ensure it's a block-level element */
	 text-align: left;  
	 justify-content: left; 
	 margin-left: 5px;       /* Center the link horizontally */
	 margin-top:-150px;
	 /* Space between stars and the link */
	 font-size: 13px;             /* Font size */
	 color: #0072ce;              /* Color for the link (Trustpilot color) */
	 text-decoration: none;       /* Remove underline from the link */
	 z-index: 10;                 /* Ensure it's above other content */
	 position: relative;          /* Allows the link to be positioned in its own space */
	}

	/* Add hover effect for the Trustpilot link */
	.trustpilot-link:hover {
	 text-decoration: underline;  /* Underline on hover */
	}

	/* Star Rating styles */
	.star-rating {
	 margin-bottom: 10px; /* Space below the star rating */
	}


	/* Responsiveness for smaller screens */
	@media (max-width: 768px) {
	 .trustpilot-link {
	     font-size: 12px; /* Smaller font size for mobile */
	 }

	 .card-button {
	     padding: 8px 16px; /* Adjust button padding on smaller screens */
	 }
	}


	/* Responsive media query code for small screens */
	@media (max-width: 768px) {
	.card-wrapper {
	 margin: 0 10px 25px;
	}
	.card-wrapper .swiper-slide-button {
	 display: none;
	}
	}

	.whatsapp-btn {
	 position: fixed;
	 bottom: 30px;  /* Position 30px above the bottom */
	 right: 30px;   /* Position 30px from the right edge */
	 display: flex;
	 align-items: center;  /* Vertically center content */
	 background-color: #25D366;
	 color: white;
	 padding: 10px 15px;
	 border-radius: 50px;  /* Rounded button */
	 text-decoration: none;  /* Remove underline from the link */
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	 transition: background-color 0.3s;
	 z-index: 9999;  /* Keeps the button on top */
	}

	.whatsapp-btn:hover {
	 background-color: #128C7E;  /* Darker green on hover */
	 text-decoration: none;
	}

	/* WhatsApp icon inside button */
	.whatsapp-icon {
	 font-size: 20px;  /* Size of the WhatsApp icon */
	 margin-right: 5px;  /* Space between the icon and the text */
	 text-decoration: none;
	}

	.container h1 {
	 font-family: 'Cursive', sans-serif; /* Elegant, handwritten style */
	 font-size: 36px; /* Base font size */
	 color:blue; /* Vibrant blue color for the text */
	 text-align: center; /* Center the text */
	 text-shadow: 3px 3px 6px rgba(255, 255, 255, 0.6); /* Soft white shadow for a glowing effect */
	 padding: 10px; /* Padding around the text */
	 margin: 20px 0; /* Space around the heading */
	 transition: transform 0.3s ease-in-out; /* Smooth hover effect */

	}

	/* Hover effect */
	.container h1:hover {
	 transform: scale(1.1); /* Slightly enlarge the text on hover */
	}

	/* Responsiveness for smaller screens */
	@media only screen and (max-width: 768px) {
	 .container h1 {
	     font-size: 20px; /* Smaller font size on smaller screens */
	     padding: 20px; /* Adjust padding */
	     margin: 15px 0; /* Reduce margin on smaller screens */
	 }
	}

	/* Extra small screens (mobile) */
	@media only screen and (max-width: 480px) {
	 .container h1 {
	     font-size: 22px; /* Even smaller font size for mobile screens */
	     padding: 10px; /* Adjust padding for smaller screens */
	     margin: 10px 0; /* Adjust margin for mobile */
	 }
	}

	/* Container to hold buttons */


	/* Button Styles */
	.card-button {
	 font-family: 'Cursive', sans-serif;
	 background-color: blue; /* Button background */
	 color: white; /* Button text color */
	 border: none;
	 padding: 2px 5px; /* Button padding */
	 font-size: 16px; /* Button font size */
	 border-radius: 0px; /* Rounded corners */
	 cursor: pointer; /* Pointer cursor on hover */
	 text-align: center;
	 transition: all 0.3s ease; /* Smooth transition for hover effect */
	 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
	}



	/* Hover effect for the button */
	.card-button:hover {
	 background-color: #0015ff54; /* Change background to a different shade on hover */
	 transform: scale(1.05); /* Slightly enlarge the button when hovered */
	 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3); /* Darker shadow for a pop effect */
	}

	/* Active (when clicked) button effect */
	.card-button:active {
	 background-color: #FF4500; /* Change background when button is clicked */
	 transform: scale(0.98); /* Slightly shrink the button to simulate press */
	 box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); /* Smaller shadow when clicked */
	}

	/* Media Query for Large Screens (1024px and up) */
	@media only screen and (min-width: 1024px) {
	 .card-item {
	   width: 280px; /* Fixed width for large screens */
	 }

	 .card-list {
	   justify-content: space-between; /* Space between cards on desktop */
	 }
	}

	/* Media Query for Tablet (768px to 1024px) */
	@media only screen and (max-width: 1024px) {
	 .card-item {
	   width: 45%; /* 2 cards per row */
	 }

	 .card-list {
	   justify-content: center; /* Center cards on tablet */
	 }
	}

	/* Media Query for Mobile (Below 768px) */
	@media only screen and (max-width: 768px) {
	 .card-item {
	   width: 100%; /* 1 card per row */
	   margin-bottom: 20px; /* Space between stacked cards */
	 }

	 .card-list {
	   justify-content: center; /* Center cards on mobile */
	 }
	}

	/* Container for the slider */
	.card-slider2 {
	 width: 100%; /* Full width of the parent container */
	 height: 150px; /* Fixed height for the slider, adjust as needed */
	 position: relative;
	 overflow: hidden; /* Hide anything outside the container */
	}

	/* Set up the slide container */
	.card-slider2 .slide {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%; /* Ensure each image takes the full width */
	 height: 100%; /* Ensure each image takes the full height */
	 opacity: 0; /* Hide all images initially */
	 transition: opacity 1s ease; /* Smooth fade-in effect */
	}

	/* Slide active image */
	.card-slider2 .slide img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover; /* Ensure images cover the container without distortion */
	 border-radius: 8px; /* Optional: rounded corners */
	}

	/* Animation to automatically slide the images */
	@keyframes slideAnimation {
	 0% {
	   opacity: 0;
	 }
	 10% {
	   opacity: 1;
	 }
	 20% {
	   opacity: 1;
	 }
	 30% {
	   opacity: 0;
	 }
	 100% {
	   opacity: 0;
	 }
	}

	/* Add this class dynamically through JavaScript or CSS for each slide */
	.card-slider2 .slide:nth-child(1) {
	 animation: slideAnimation 20s infinite;
	 animation-delay: 0s;
	}

	.card-slider2 .slide:nth-child(2) {
	 animation: slideAnimation 20s infinite;
	 animation-delay: 4s; /* Delay based on the number of seconds per slide */
	}

	.card-slider2 .slide:nth-child(3) {
	 animation: slideAnimation 20s infinite;
	 animation-delay: 8s;
	}

	.card-slider2 .slide:nth-child(4) {
	 animation: slideAnimation 20s infinite;
	 animation-delay: 12s;
	}

	.card-slider2 .slide:nth-child(5) {
	 animation: slideAnimation 20s infinite;
	 animation-delay: 16s;
	}
	h1 {
	 font-size: 20px;
	 text-align: center;
	 padding-top: 100px; /* Ensure space is provided for the navbar */
	}
	@media screen {
	 h1 {
	   text-align: center;
	   padding-top: 180px; /* Ensure space is provided for the navbar */
	 }
	}
	.card-button1{
	 font-family: 'Cursive', sans-serif;
	 background-color: red; /* Button background */
	 color: white; /* Button text color */
	 border: none;
	 padding: 2px 5px; /* Button padding */
	 font-size: 16px; /* Button font size */
	 border-radius: 0px; /* Rounded corners */
	 cursor: pointer; /* Pointer cursor on hover */
	 text-align: center;
	 transition: all 0.3s ease; /* Smooth transition for hover effect */
	 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
	}



	/* Hover effect for the button */
	.card-button1:hover {
	 background-color: rgba(26, 255, 0, 0.599); /* Change background to a different shade on hover */
	 transform: scale(1.05); /* Slightly enlarge the button when hovered */
	 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3); /* Darker shadow for a pop effect */
	}

	/* Active (when clicked) button effect */
	.card-button1:active {
	 background-color: #FF4500; /* Change background when button is clicked */
	 transform: scale(0.98); /* Slightly shrink the button to simulate press */
	 box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); /* Smaller shadow when clicked */
	}



  /* tour lemuria land */

/* Blue Text */
/* ===== Base Styling ===== */
/* === Page Container === */
#lemuria {
  font-family: 'Segoe UI', sans-serif;
  background-color: #ffffff;
  color: #111;
  
  margin: auto;
  line-height: 1.6;
}

.title {
  font-size: 2rem;
  font-weight: bold;
  border-left: 5px solid #003366;
  padding-left: 12px;
  margin-top: 50px;
  color: #003366;
}

.section-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #003366;
   margin-top: 50px;
}

.blue-text {
  color: #003366;
}

/* ========== Main Title (when both title and blue-text are applied) ========== */
h1.blue-text {
  font-size: 2rem;
  font-weight: 700;
  margin: 60px 0 30px;
  border-left: 5px solid #003366;
  padding-left: 14px;
 
}
.page-title-blue{
  font-size: 2rem;
  font-weight: 700;
  margin: 60px 0 30px;
  border-left: 5px solid #003366;
  padding-left: 14px;
}
/* ========== Section Boxes ========== */
.description,
.attractions,
.services,
.timing,
.remark,
.private-tour,
.excursion-details,
.places-to-visit {
  margin-bottom: 2rem;
  padding: 20px;
  background-color: #f7faff;
  border-left: 4px solid #003366;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* ========== Section Titles ========== */
.description h2,
.attractions h3,
.services h3,
.timing h2,
.remark h4,
.remark h5,
.private-tour h3,
.excursion-details h4,
.places-to-visit h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #003366;
}

/* ========== Paragraphs ========== */
.description p,
.timing p,
.excursion-details p,
.remark p {
  margin-bottom: 1rem;
  text-align: left;
  color: #111;
}

/* ========== Lists ========== */
ul {
  padding-left: 1.25rem;
  margin-top: 0.5rem;
}

ul li {
  margin-bottom: 0.5rem;
  color: #111;
}

/* ========== Link Style for Place List ========== */
.places-to-visit a {
  text-decoration: none;
  color: #007BFF;
  font-weight: bold;
  font-size: 1.2em;
  transition: all 0.3s ease;
  display: inline-block;
}

.places-to-visit a:hover {
  color: #0056b3;
  transform: translateX(5px);
}

/* ========== Responsive Design ========== */
@media (max-width: 768px) {
  body {
    padding: 16px;
  }

  h1.blue-text,
  .title {
    font-size: 1.5rem;
    margin-top: 40px;
  }

  .description,
  .attractions,
  .services,
  .timing,
  .remark,
  .private-tour,
  .excursion-details,
  .places-to-visit {
    padding: 15px;
  }

  .description p,
  .timing p,
  .excursion-details p,
  .remark p,
  ul li {
    font-size: 0.95rem;
  }

  .description h2,
  .attractions h3,
  .services h3,
  .timing h2,
  .remark h4,
  .remark h5,
  .private-tour h3,
  .excursion-details h4,
  .places-to-visit h2 {
    font-size: 1.1rem;
  }

  .places-to-visit a {
    font-size: 1.05em;
  }
}

/* ===== Container & Layout ===== */
.content-container {
  max-width: 900px;
  margin: 2rem auto;
  padding: 1rem 1.5rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #222;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.08);
  line-height: 1.6;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}

/* ===== Headings ===== */
.privacy-header {
  font-size: 2.25rem;
  font-weight: 700;
  color: #0d6efd; /* Bootstrap blue */
  text-align: center;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.privacy-details-section h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #0d6efd;
  border-bottom: 2px solid #0d6efd;
  padding-bottom: 0.25rem;
  margin: 2rem 0 1rem;
}

/* ===== Lists ===== */
ul {
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
  list-style: none;
}

.payment-list,
.booking-terms-list,
.cancellation-policy-list,
.data-protection-list,
.booking-process-list {
  padding-left: 0;
}

.payment-item,
.booking-term-item,
.cancellation-policy-item,
.data-protection-item,
.booking-process-item {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.3rem;
  font-weight: 400;
  color: #333;
}

.payment-item::before,
.booking-term-item::before,
.cancellation-policy-item::before,
.data-protection-item::before,
.booking-process-item::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #0d6efd;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 0;
  top: 0.25rem;
}

/* ===== Strong Text & Inline Spans ===== */
strong {
  color: #0a58ca;
  font-weight: 600;
}

span {
  color: #444;
  margin-left: 0.25rem;
  font-weight: 400;
}

/* ===== Links ===== */
.email-link {
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.3s ease;
}

.email-link:hover,
.email-link:focus {
  color: #0a58ca;
  outline: none;
  text-decoration: underline;
}

/* ===== Button Styling ===== */
.primary-btn {
  display: inline-block;
  background-color: #0d6efd;
  color: #fff !important;
  padding: 0.65rem 2rem;
  font-weight: 700;
  font-size: 1.15rem;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  margin-top: 2rem;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 8px rgb(13 110 253 / 0.3);
}

.primary-btn:hover,
.primary-btn:focus {
  background-color: #0a58ca;
  box-shadow: 0 6px 14px rgb(10 88 202 / 0.5);
  outline: none;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
  .content-container {
    padding: 1rem 1rem;
    font-size: 0.95rem;
  }

  .privacy-header {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }

  .privacy-details-section h3 {
    font-size: 1.1rem;
    margin: 1.5rem 0 0.8rem;
  }

  .primary-btn {
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1.1rem;
  }
}

/* Container for entire terms content */
.terms-container {
  max-width: 100%px;
  margin: 2rem auto;
  padding: 1.5rem 2rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  line-height: 1.6;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
  margin-top: 50px;
}

/* Main Title */
.terms-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #004d99;
  margin-bottom: 1rem;
  text-align: center;
}

/* Subheading */
.terms-subheading {
  font-size: 1.15rem;
  font-weight: 500;
  color: #555;
  text-align: center;
  margin-bottom: 2rem;
  font-style: italic;
}

/* Section Titles */
.terms-section-title {
  font-size: 1.4rem;
  color: #0073e6;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #0073e6;
  padding-bottom: 0.3rem;
}

/* Lists */
.terms-list {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.terms-list li {
  margin-bottom: 1rem;
  font-size: 1rem;
}

/* Bold labels inside list items */
.terms-list li strong {
  color: #004080;
  font-weight: 600;
}

/* Highlight Box (contact info) */
.terms-highlight {
  background: #e6f0ff;
  border-left: 6px solid #0073e6;
  padding: 1rem 1.5rem;
  margin-top: 3rem;
  border-radius: 5px;
}

.terms-highlight h2 {
  font-size: 1.5rem;
  color: #004d99;
  margin-bottom: 1rem;
}

.terms-highlight p {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.terms-highlight ul {
  padding-left: 1rem;
  list-style: none;
}

.terms-highlight ul li {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

.terms-highlight ul li strong {
  color: #003366;
}

.terms-highlight a {
  color: #0059b3;
  text-decoration: none;
  transition: color 0.3s ease;
}

.terms-highlight a:hover,
.terms-highlight a:focus {
  color: #00264d;
  text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .terms-container {
    padding: 1rem 1rem;
    margin: 1rem;
  }

  .terms-title {
    font-size: 1.8rem;
  }

  .terms-section-title {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .terms-container {
    padding: 0.8rem 0.8rem;
    margin: 0.5rem;
  }

  .terms-title {
    font-size: 1.5rem;
  }

  .terms-section-title {
    font-size: 1.1rem;
  }
}