.card {
  max-width: 400px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s;
}

.card img {
  width: 100%;
  height: 270px;
}
.card-content {
  padding: 16px;
}
.card-content h3 {
  margin: 0;
  font-size: 1.5em;
  color: #333;
  text-align: center;
}
.card-content p {
  margin: 8px 0;
  color: #555;
}
.card-content .price,
.card-content .facility {
  font-weight: bold;
}
.btn {
  text-align: center;
  border: 2px solid blue;
}
.text-center {
  display: block;
  text-align: center;
}
.text-center a {
  color: #337ab7;
  border: 2px solid #337ab7;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 110px;
}
.card-container {
  display: flex;
  gap: 15px;
}
.content {
  max-width: 1200px;
  margin: auto;
}

summary {
  cursor: pointer;
  padding: 10px 0;
  list-style: none;
}

details[open] summary::after {
  content: " (Read Less)";
}

details:not([open]) summary::after {
  content: " (Read More)";
}

summary::after {
  color: #007bff;
}
.actt_features_row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px;
}
.actt_features_row .actt_features_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: linen;
  padding: 15px;
  border-radius: 10px;
  gap: 10px;
  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
  text-align: center;
}
.actt_features_row .actt_features_card .actt_feature_card_img {
  background-color: #fff;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ff9898;
  border-radius: 10%;
}
.actt_feature_card_img img {
  width: 60px;
  height: 60px;
}

@media (max-width: 768px) {
  .actt_features_row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .text-center a {
    margin: 0;
  }

  .card {
    max-width: 90%;
  }
}

/*******Why Hire Us Start**********/
.container {
  max-width: 1200px;
  margin: auto;
}

/* Centered heading styling */
.center-heading {
  text-align: center !important;
  font-size: 24px;
  margin-bottom: 20px;
  color: #333;
}

/* Row styling with box shadow */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Added box shadow */
}

/* Column styling */
.column {
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margin */
}

/* Image column styling */
.image-column {
  flex: 0 0 150px; /* Fix width for image column */
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-column img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

/* Details column styling */
.details-column {
  flex: 1; /* Allow details column to take remaining space */
  display: flex;
  flex-direction: column; /* Stack items vertically */
  justify-content: center; /* Center content vertically */
  align-items: flex-start;
  text-align: left;
  padding-left: 20px; /* Optional: Add some left padding for text */
}

/* Details text styling */
.details-text {
  margin: 0; /* Adjust as needed */
  line-height: 1.5; /* Improve readability */
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .row {
    flex-direction: column;
  }

  .column {
    flex: 100%;
    max-width: 100%;
    padding: 10px;
  }

  .image-column,
  .details-column {
    text-align: center; /* Center text inside these columns */
  }

  /* Center text in details paragraph in mobile view */
  .details-text {
    text-align: center; /* Center align paragraph text */
    margin: 0; /* Adjust margin for mobile view */
  }

  /* Make images smaller on mobile */
  .image-column img {
    max-width: 80%; /* Make images smaller in mobile view */
    margin: auto;
  }
}
/**********END***********/
/*******toggle*********/

/* Basic table styling */

/* Only show the first 4 rows initially */
.table-container tbody tr {
  display: none;
}

.table-container tbody tr:nth-child(-n + 4) {
  display: table-row;
}

/* Show hidden rows when the 'show-more' class is added */
.show-more-rows .table-container tbody tr {
  display: table-row;
}

/* Hover effect for the entire row */
.table-container tbody tr:hover {
  background-color: #f0f0f0; /* Light gray color on hover */
}

/* Button styling */
.show-more-btn {
  margin: 10px 0;
  padding: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
}

.show-more-btn:hover {
  background-color: #0056b3;
}
/*********end********/

.features {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.feature-item {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 20%;
  padding: 20px;
  transition: transform 0.3s ease;
}

.feature-item img {
  max-width: 120px;
  height: auto;
}

.feature-item h3 {
  text-align: center;
  font-size: 1.2em;
  color: #333;
  margin: 10px 0;
}

.feature-item p {
  font-size: 0.9em;
  color: #666;
}

@media (max-width: 768px) {
  .feature-item {
    width: 45%;
  }
}

@media (max-width: 480px) {
  .feature-item {
    width: 90%;
  }

  .feature-item img {
    max-width: 60px;
  }

  .feature-item h3 {
    font-size: 1.1em;
  }

  .feature-item p {
    font-size: 0.8em;
  }
}

.container-routes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 20px;
}

.cab-routes {
  list-style: none;
  padding: 0;
  margin: 10px;
  flex: 1 1 45%; /* Flex-grow: 1, Flex-shrink: 1, Flex-basis: 45% */
  min-width: 280px;
}

.cab-routes h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.cab-routes li {
  margin: 5px 0;
}

.cab-routes a {
  text-decoration: none;
  color: #007bff;
}

.cab-routes a:hover {
  text-decoration: underline;
}

/* Responsive styles */
@media (max-width: 768px) {
  .container-routes {
    flex-direction: column; /* Stack columns on smaller screens */
    align-items: center;
  }

  .cab-routes {
    flex-basis: 100%; /* Make each column take full width */
    text-align: center; /* Center-align content */
  }
}