/* Accordion Section Styling */
#gis-mapping-accordion {
  background: linear-gradient(135deg, #e7f0fd 0%, #ffffff 100%);
}

.section-title {
  color: #0A3C2D;
  font-size: 1.5rem; /* Adjusted for laptop screens */
}

.section-subtitle {
  color: #6c757d; /* Bootstrap's muted text color */
  font-size: 1rem; /* Adjusted for laptop screens */
}

/* .highlight-border {
  border-color: #75D156 !important;
} */



/* *************newly added********************* */
.accordion-item {
  border-left: 2px solid #75D156; /* Subtle, thinner border */
  margin-bottom: 0.4rem; /* Reduced vertical space between items */
  border-radius: 0; /* Remove any rounding for a flat look */
}

.accordion-header .accordion-button {
  padding: 0.6rem 0.75rem; /* Smaller vertical padding for sleeker look */
  font-size: 0.95rem; /* Slightly smaller font size for compactness */
  background-color: transparent;
  color: #0A3C2D;
  box-shadow: none; /* Remove default Bootstrap shadow on active */
  transition: background-color 0.3s, color 0.3s;
}

.accordion-header .accordion-button:hover {
  background-color: rgba(117, 209, 86, 0.1); /* Soft green tint on hover */
  color: #0A3C2D;
}

.accordion-header .accordion-button:focus {
  box-shadow: none; /* Remove focus glow */
}

.icon-circle {
  background-color: #75D156;
  color: #ffffff;
  width: 30px; /* Smaller circle */
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 0.4rem; /* Slightly reduced spacing */
  font-size: 0.75rem; /* Smaller icon size */
  flex-shrink: 0;
}
/************newly added over--------------

/* Green border for accordion items */
.border-green {
  border-color: #75D156 !important;
}

/* Adjust section padding for laptop screens */
#gis-mapping-accordion {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Quote styling for better fit */
.section-quote {
  background: rgba(244, 197, 66, 0.1);
  border-left: 5px solid #75D156;
  font-size: 0.9rem; /* Adjusted for laptop screens */
  padding: 0.5rem; /* Reduced padding */
}

.btn-green {
  /* background-color: #75D156; */
  color: #0A3C2D;
}

.accordion-btn {
  display: block;
  width: 100%;
  text-align: start;
  display: flex;
  align-items: center;
  padding: 1.1rem 1rem;
  text-decoration: none;
  border: 2px solid #75D156;
  background-color: transparent;
  color: #5C5F62;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.accordion-btn {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: start;
  padding: 0.6rem 0.75rem; /* Reduced padding for a sleeker look */
  text-decoration: none;
  /* border: 1px solid #75D156; Thinner border for subtle elegance */
  background-color: transparent;
  color: #0A3C2D; /* Match your theme’s dark green for contrast */
  font-size: 0.95rem; /* Slightly smaller text size */
  border-radius: 0; /* Flat, minimalist look */
  transition: background-color 0.3s ease, color 0.3s ease;
}

.accordion-btn:hover {
  background-color: rgba(117, 209, 86, 0.1); /* Subtle green tint on hover */
  color: #0A3C2D;
}

.accordion-btn:hover {
  background-color: #d3e4ce;
  color: #5C5F62;
}

/* .btn-yellow:hover {
  background-color: #e0b937;
  color: #0A3C2D;
} */