/* Reset some basic elements */
body, html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

/* Include Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&family=Newsreader:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* General Styles */
body {
  font-family: 'Kumbh Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Newsreader', serif;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: #E6EFE9;
}

.logo {
  height: 50px;
}

.menu {
  list-style-type: none;
  padding: 0;
}

.menu li {
  display: inline;
  margin-left: 20px;
  font-weight: bold;
  font-family: 'Kumbh Sans', sans-serif;
}

/* Section Styles */
.introduction, .content-section, .quote, .features, .testimonials, .team, .follow-invitation {
  padding: 2rem;
}

.introduction {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #FFFFFF;
}

.screenshot {
  width: 40%;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.content-section, .features, .testimonials, .team {
  background-color: #F9F9F9;
}

.quote, .follow-invitation {
  text-align: center;
  font-style: italic;
  background-color: #E6EFE9;
}

.footer {
  text-align: center;
  padding: 1rem;
  background-color: #333;
  color: #fff;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.top-link {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background-color: #333;
  color: white;
  border-radius: 5px;
  font-size: 0.8rem;
  text-align: center;
}

.footer a {
  color: white;
  padding: 0 10px;
}

.footer a:hover {
  text-decoration: underline;
}

/* Responsive Design Adjustments */
@media (max-width: 768px) {
  .header, .menu li, .introduction, .screenshot {
    flex-direction: column;
    text-align: center;
  }

  .menu li {
    margin-top: 0.5rem;
  }

  .screenshot {
    width: 80%;
    margin-top: 1rem;
  }

  .top-link {
    margin: 1rem auto;
  }
}

/* Ensure buttons are easily clickable on mobile */
@media (max-width: 480px) {
  .top-link {
    padding: 1rem;
    font-size: 1rem;
  }
}

.notify-button {
  display: inline-block;
  padding: 10px 15px;
  background-color: #4CAF50; /* Example background color */
  color: white;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 1rem;
}

.notify-button:hover {
  background-color: #45a049;
}
.introduction {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  background-color: #FFFFFF;
}

.intro-content {
  display: flex;
  width: 100%;
  justify-content: center; /* Adjusted to center both child elements */
  align-items: center;
}

.intro-text {
  flex: 2; /* Text takes up 2/3 of the width */
  max-width: 66.66%; /* Optional specificity */
  padding-right: 2rem; /* Space between text and image */
}

.intro-image {
  flex: 1; /* Image takes up 1/3 of the width */
  max-width: 33.33%; /* Optional specificity */
  display: flex; /* Enables center alignment of the image */
  justify-content: center; /* Horizontally centers the image in its container */
  align-items: center; /* Vertically centers the image, if needed */
}

.intro-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.intro-notify {
  text-align: center;
  margin-top: 2rem; /* Space between content and button */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .intro-content {
    flex-direction: column;
  }

  .intro-text {
    padding-right: 0;
  }

  .intro-image {
    margin-top: 2rem; /* Space between text and image for smaller screens */
  }
}
.awards-section {
  display: flex;
  align-items: center;
  padding: 2rem;
  background-color: #F9F9F9; /* Adjust background color if needed */
}

.awards-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.awards-image, .awards-text {
  flex: 1;
}

.awards-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; /* Center image */
}

.awards-text {
  padding-left: 2rem; /* Space between image and text */
  text-align: center; /* Center text */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .awards-content {
    flex-direction: column-reverse;
  }

  .awards-text, .awards-image {
    width: 100%;
    padding-left: 0;
  }

  .awards-image {
    margin-top: 2rem; /* Space between text and image for smaller screens */
  }
}
.quote-section {
  padding: 2rem;
  background-color: #E6EFE9; /* Adjust the background color as needed */
  text-align: center;
}

.quote-content {
  max-width: 800px; /* Adjust width as needed */
  margin: 0 auto;
}
.features-section {
  position: relative;
  text-align: center;
  padding: 4rem 0;
  background-color: #f0f0f0; /* Adjust background color as needed */
}

.features-title {
  font-size: 4rem; /* Large size for the title */
  color: rgba(0, 0, 0, 0.1); /* Light color for watermark effect */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the title */
  z-index: -1; /* Place the watermark below the content */
}

.feature {
  margin-bottom: 2rem; /* Spacing between features */
}

.feature i {
  font-size: 2em;
  color: #4CAF50; /* Adjust the color as needed */
}

.feature h3 {
  font-weight: bold;
}

.feature p {
  font-size: 0.9em;
}

.back-to-top-container {
  margin-top: 2rem; /* Space above the back to top link */
}

.top-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #333;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-size: 0.9rem;
}

.top-link:hover {
  background-color: #555; /* Darker background on hover */
}

/* Ensure the title doesn't overlap content on smaller screens */
@media (max-width: 768px) {
  .features-title {
    font-size: 2rem; /* Smaller size for the title */
  }
}
.your-voice-section {
  display: flex;
  align-items: center;
  padding: 2rem;
  background-color: #E0F2F1; /* Slightly different background color */
}

.your-voice-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.your-voice-image, .your-voice-text {
  flex: 1;
}

.your-voice-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.your-voice-text {
  padding-left: 2rem;
  text-align: center;
}

.feature-list p {
  margin-bottom: 1rem;
}

.feature-list i {
  margin-right: 0.5rem;
  color: #4CAF50; /* Adjust the color as needed */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .your-voice-content {
    flex-direction: column;
  }

  .your-voice-text, .your-voice-image {
    width: 100%;
    padding-left: 0;
  }

  .your-voice-image {
    margin-bottom: 2rem;
  }
}
.testimonials-section {
  background-color: #f0f0f0; /* Slightly different background color for distinction */
  text-align: center;
  padding: 4rem 0;
}

.testimonial-container {
  display: flex;
  justify-content: center;
  gap: 2rem; /* Spacing between testimonials */
}

.testimonial {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  width: 300px; /* Fixed width, adjust as needed */
}

.testimonial-logo {
  max-width: 100px; /* Adjust as needed */
  margin: 0 auto 1rem auto;
}

blockquote {
  font-style: italic;
  color: #555;
  margin: 1.5rem 0;
}

cite {
  display: block;
  margin-top: 1rem;
  font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .testimonial-container {
    flex-direction: column;
    align-items: center;
  }

  .testimonial {
    margin-bottom: 2rem; /* Spacing between stacked testimonials */
  }
}
.empower-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem;
  background-color: #f8f9fa; /* Slightly different background color for distinction */
}

.empower-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.empower-text {
  flex-basis: 50%;
  max-width: 50%;
}

.empower-image {
  flex-basis: 50%;
  max-width: 50%;
  text-align: right; /* Align the image to the right */
}

.empower-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px; /* Optional, for rounded corners */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .empower-section {
    flex-direction: column;
  }

  .empower-text, .empower-image {
    max-width: 100%;
  }

  .empower-image {
    margin-top: 2rem;
    text-align: center; /* Center the image on smaller screens */
  }
}
.team-section {
  text-align: center;
  padding: 4rem;
  background-color: #f0f0f0; /* Adjust background color as needed */
}

.team-carousel {
  display: flex;
  justify-content: center;
  gap: 2rem; /* Space between team members */
  overflow-x: auto; /* Makes the carousel scrollable on smaller screens */
}

.team-member {
  width: 200px; /* Fixed width for each member */
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.team-member img {
  width: 100%;
  height: auto;
  border-radius: 50%; /* Circle images */
}

.team-member h3 {
  margin-top: 1rem;
}

.team-member p {
  font-size: 0.9rem;
}

.team-member a {
  color: #0077b5; /* LinkedIn color */
  text-decoration: none;
  font-size: 1.1rem; /* Larger font size for the icon */
}

.team-member a:hover {
  text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .team-carousel {
    flex-direction: column;
    align-items: center;
  }

  .team-member {
    width: auto;
    margin-bottom: 2rem; /* Space between stacked team members */
  }
}
.follow-invitation-section {
  text-align: center;
  padding: 4rem 0;
  background-color: #f8f9fa; /* Adjust background color as needed */
}

.linkedin-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #0077b5; /* LinkedIn brand color */
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 1rem;
  margin-top: 1rem;
  transition: background-color 0.3s ease;
}

.linkedin-button i {
  margin-right: 8px;
}

.linkedin-button:hover {
  background-color: #005fa2; /* A darker LinkedIn color for hover state */
  text-decoration: none;
  color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .follow-invitation-section {
    padding: 2rem 0;
  }
}
.footer {
  text-align: center;
  padding: 1rem;
  background-color: #333; /* Dark grey background */
  color: #fff;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .footer {
    padding: 1rem;
    text-align: center;
  }
}
.header-logo-container {
  display: flex;
  align-items: center;
}

.logo {
  height: 50px; /* or your preferred size */
}

.logo-text {
  margin-left: 10px; /* Space between logo and text */
  font-weight: bold;
  font-size: 1.5rem; /* or your preferred size */
  font-family: 'Kumbh Sans', sans-serif; /* or your preferred font */
  color: #333; /* or your preferred color */
}