.elementor-9163 .elementor-element.elementor-element-11fb79a{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-fb92d63 *//* 📦 Accordion container control */
.accordion-table-wrap {
  overflow-x: auto;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
}

/* ✨ Stylish Table inside accordion */
.accordion-table-wrap .grant-table {
  width: 100% !important;
  table-layout: auto;
  background: linear-gradient(to bottom right, #FFFFFF, #FFFBFD);
  border-radius: 15px;
  font-family: 'Inter', sans-serif;
  color: #4A233A;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  border-collapse: separate;
  border-spacing: 0;
}

/* 💖 Container for buttons in a single line */
.accordion-table-wrap .grant-table td {
  white-space: nowrap;
  font-weight: bold; /* ⬅️ Bold text added */
}

/* 🧾 Bold headers as well */
.accordion-table-wrap .grant-table th {
  font-weight: bold; /* ⬅️ Bold headers */
}

/* 🎀 Button Styling - Richer Pink, Side by Side */
.accordion-table-wrap .grant-table td a {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 8px 5px 0;
  background-color: #D81B60; /* DEEPER bright pink */
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95em;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.4);
  transition: all 0.3s ease-in-out;
  vertical-align: middle;
}

/* 🧲 Hover Glow + Lift */
.accordion-table-wrap .grant-table td a:hover {
  background-color: #AD1457; /* Even deeper pink on hover */
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 20px rgba(173, 20, 87, 0.5);
}

/* 🧾 Wrap text ONLY in first two columns */
.accordion-table-wrap .grant-table td:nth-child(1),
.accordion-table-wrap .grant-table td:nth-child(2) {
  white-space: normal !important;
  word-wrap: break-word;
  max-width: 250px; /* Adjust based on your layout */
}

/* 📜 Scrollable cell for long text in Project Briefing (2nd column) */
.accordion-table-wrap .grant-table td:nth-child(2) {
  max-height: 120px;         /* Limit vertical height */
  overflow-y: auto;          /* Vertical scroll if needed */
  display: block;            /* Allows scrolling within cell */
  white-space: normal !important;
  word-wrap: break-word;
  padding-right: 10px;       /* Avoid scroll clipping */
  scrollbar-width: thin;     /* For Firefox */
}

/* 🌐 Optional: Style the scrollbar for WebKit (Chrome, Edge, Safari) */
.accordion-table-wrap .grant-table td:nth-child(2)::-webkit-scrollbar {
  width: 6px;
}
.accordion-table-wrap .grant-table td:nth-child(2)::-webkit-scrollbar-thumb {
  background-color: #D81B60;
  border-radius: 4px;
}/* End custom CSS */