.accordion-button {

  background: rgb(55,171,94);

  background: linear-gradient(90deg, rgba(55,171,94,1) 0%, rgba(29,102,177,1) 60%);

  color: #fff; /* Change text color to white */

}

.accordion-button:not(.collapsed) {

  background: rgb(55,171,94);

  background: linear-gradient(90deg, rgba(55,171,94,1) 0%, rgba(29,102,177,1) 60%);

  color: #fff; /* Ensure text color remains white when expanded */

}

.accordion-body {

  padding: 20px;

  color: #000;

}

.btn {



  width: 100%; /* Make buttons full width */

  color: rgb(55,171,94); /* Set text color for buttons */

  border: linear-gradient(90deg, rgba(55,171,94,1)) 0%; /* Match border color */

}

.btn.active {

  background-color: #ff9999;

  color: #000; /* Change text color for better contrast */

  border: 1px solid #ff9999; /* Keep border color consistent */

}

.card-title {

  color: #000; /* Set card title color to match */

}



.image-grid img {

  width: 250px; /* Set the fixed width */

  height: 200px; /* Set the fixed height */

  object-fit: contain; /* Ensure the image fits within the container without being cropped */

}



/* Remove margin and padding between columns */

.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters .col-sm-3 {

  padding-right: 0;

  padding-left: 0;

}