.opening-times {
  margin-bottom: 70px;
  background-image: url(media/blue-bear-background.png);
  background-size: cover;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.75);
  background-blend-mode: lighten;
}
.opening-times h1 {
  color: var(--logoBlue);
  font-size: 3rem;
  margin-top: 70px;
}
.opening-times h2 {
  color: var(--deepSky);
  font-size: 1.8rem;
  margin: 30px 0;
}

.opening-times p {
  margin-bottom: 20px;
  line-height: 1.5rem;
}

.opening-times a {
  margin-top: 20px;
}

.group {
  margin-bottom: 70px;
}

.price-and-extra {
  margin-top: -40px !important;
}

.cost-table {
  width: 100%;
  border-collapse: collapse;
  margin: 35px 0;
  font-family: Arial, sans-serif;
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.cost-table thead {
  background: var(--lapis);
  color: #fff;
}

.cost-table th,
.cost-table td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
}

/* ✅ Make first column wider on larger screens */
.cost-table th:first-child,
.cost-table td:first-child {
  width: 180px; /* Adjust as needed */
  white-space: nowrap;
}

.cost-table tbody tr:nth-child(even) {
  background: #f7faff;
}

.cost-table tbody tr:hover {
  background: #eef5ff;
}

.table-title {
  margin-top: 50px;
  color: var(--logoBlue);
}

.prices-and-sessions {
  background-image: url(media/blue-bear-background.png);
  background-size: contain;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.75);
  background-blend-mode: lighten;
}

.prices-and-sessions h1 {
  font-size: 3rem;
  color: var(--logoBlue);
}
.prices-and-sessions h1 span {
  color: var(--deepSky);
}

.small-print {
  color: var(--deepSky);
  display: block;
  margin-bottom: 15px;
}

.rate {
  color: var(--logoBlue);
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 30px;
}

.prices-and-sessions h2 {
  font-size: 1.8rem;
  color: var(--logoBlue);
}

.extra {
  display: flex;
  align-items: center;
  margin: 15px 0;
  gap: 10px;
}

.extra span {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3rem;
}

.extra i {
  font-weight: 800;
  color: var(--logoBlue);
}

.session-times h1 {
  margin-bottom: 30px;
}

.session-times p {
  margin-bottom: 20px;
}

.session-times p span {
  margin-left: 15px;
}

.how-we-make {
  margin-bottom: 70px;
}

.how-we-make h1 {
  font-size: 3rem;
  color: var(--logoBlue);
  margin-bottom: 40px;
}

.childcare-funding {
  margin-bottom: 70px;
}

.childcare-funding h1 {
  font-size: 3rem;
  color: var(--logoBlue);
  margin-bottom: 30px;
}

.childcare-funding p {
  margin-bottom: 20px;
}

.childcare-funding a {
  margin-right: 20px;
}
.reviews {
  margin-bottom: 70px;
}
.review-wrapper h1 {
  text-align: center;
  font-size: 3rem;
  color: var(--logoBlue);
  margin-bottom: 30px;
}

@media (max-width: 1150px) {
  section:not(.banner) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 700px) {
  .custom-btn {
    display: block;
  }
  section:not(.banner) {
    text-align: center;
  }

  .extras {
    text-align: start;
  }
}