/* 

CONTAINER CARDS

*/

body {
  background-color: #f4f7fa;
  color: #333;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.container__titles {
  color: #1a73e8;
  margin-bottom: 15px;
}

.container__prices__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.container__prices__table th,
.container__prices__table td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left;
}

.container__prices__table th {
  background-color: #1a73e8;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}

.container__prices__table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.container__prices__table td:last-child {
  font-weight: bold;
}

.card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.card__prices__title {
  text-align: center;
}

.card ul {
  list-style: none;
  padding: 0;
}

.card ul li {
  margin-bottom: 10px;
  font-size: 16px;
}

.cta {
  display: block;
  width: max-content;
  margin: 0 auto;

  background-color: #1a73e8;
  color: #fff;

  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;

  border-radius: 10px;
  transition: background 0.3s ease;
}

.cta:hover {
  background-color: #1558b0;
}

/* 

FAQ 

 */
.faq {
  margin: 25px 0;
}
.faq__title {
  color: #1a73e8;
  margin: 0 0 15px 0;
  font-size: 1.4rem;
}
.faq__list {
  display: grid;
  gap: 10px;
}

.faq details {
  background: #ffffff;
  border: 1px solid #e6eef7;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.faq details[open] {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  border-color: #cfe0fb;
}

.faq summary {
  list-style: none;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.faq summary::-webkit-details-marker {
  display: none;
}

.faq__qicon {
  font-size: 1.1rem;
}
.faq__answer {
  margin-top: 10px;
  color: #333;
  line-height: 1.6;
  font-size: 0.98rem;
}