/* ===== PACKAGE WRITE-UP DESCRIPTION ===== */
.cbs-writeup {
  font-style: italic;
  color: #666666;
  margin: 6px 0 6px 0;
}

/* ===== TOGGLE INCLUDES STYLING ===== */
.toggle-includes {
  cursor: pointer;
  color: #199CDB;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 8px;
}

li.cbs-date-grouped a {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  color: #888888;
  font-weight: 400;
  background-color: #ffffff;
  border: 1px dashed #ccc;
  padding: 8px 10px;
  display: block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 5px;
}

li.cbs-date-grouped a:hover {
  background-color: #e6f3fc;
}


/* ===== PACKAGES CONTAINERS ON BOOK NOW PAGE ROWS OF BALANCE ===== */
.cbs-package-list {  
  display: grid;  
  grid-template-columns: repeat(3, 1fr); /* 3 columns for desktop */  
  gap: 20px;  
  padding: 10px;  
}  
  
/* Responsiveness for smaller screens */  
@media (max-width: 768px) {  
  .cbs-package-list {  
    grid-template-columns: 1fr; /* Stack 1 per row on mobile */  
  }  
}  
  
/* Package item styling */  
.cbs-package-list li {  
  padding: 15px;  
  border: 1px solid #ddd; /* Border to match other boxes */  
  border-radius: 8px;  
  background-color: #fff;  
  box-shadow: none; /* No shadow */  
  text-align: center;  
}  
  
/* Package title styling */  
.cbs-package-name {  
  font-size: 18px;  
  font-weight: normal;  
  color: #333; /* Adjust the title color if necessary */  
  margin-bottom: 10px;  
}  
  
/* Package description styling */  
.cbs-writeup {  
  font-style: italic;  
  color: #555;  
  margin-bottom: 10px;  
}  
  
/* "Includes..." section with underline and color */  
.toggle-includes {  
  font-weight: normal; /* Regular weight to match the rest of the text */  
  text-decoration: underline;  
  color: #199cdb; /* Adjusted color to match the theme (blue) */  
  cursor: pointer;  
  margin-top: 10px;  
}  
  
/* Adjusting the "Includes" list styling */  
.cbs-package-service-list {  
  list-style-type: none;  
  padding-left: 0;  
  display: none; /* Will toggle visibility */  
}  
  
/* Price and Duration Styling */  
.cbs-package-price {  
  margin-top: 15px;  
  font-size: 20px;  
  font-weight: bold;  
  color: #333;  
}  
  
.cbs-package-duration {  
  margin-top: 5px;  
  font-size: 14px;  
  color: #777;  
}  
  
/* Button box for each package */  
.cbs-button-box {  
  margin-top: 20px;  
}  
  
.cbs-button {  
  background-color: #000;  
  color: #fff;  
  padding: 10px 20px;  
  text-decoration: none;  
  border-radius: 5px;  
  display: inline-block;  
}  
  
/* Hover effect for buttons */  
.cbs-button:hover {  
  background-color: #444;  
}


/* ===== SOCIAL LOGIN STYLING ===== */
#social-login {
  margin-top: 20px;
  padding: 15px;
  background: #f4f8fc;
  border: 1px solid #d0d9e0;
  border-radius: 8px;
}

#social-login .thechamp-login-title {
  font-weight: bold;
  margin-bottom: 10px;
}

#social-login .thechamp-clear {
  margin-top: 10px;
}

/* ===== PACKAGES BORDERS TO STAY EQUAL ===== */
height: 100%
to the class:
.cbs-package-list > li
}
