/* Table base */
table {
  width: 100%;
  border-collapse: collapse;
  border:none
}
th,
td {
  /* padding: 12px; */
  border: 1px solid #ddd;
}
th {
  background-color: #f4f4f4;
  text-align: center;
}

.price{
  color: #2091F9;
  font-weight: 800;
  font-family: Montserrat;
  font-size: 36px;

  letter-spacing: 0.17px;
}

.month{
  color: #2091F9;
  font-weight: 700;
  font-size: 16px;
  line-height: 20.67px;
  margin-top: -10px;
  letter-spacing: 0.09px;
}

.most{
  background: #9ac3ea;
  font-size: 12px;
  font-weight: 600;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -15px;
}

.button{
  background: #2091F9;
}

/* Main category row */
.main-category {
  background-color: #ffffff; /* White background */
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  color: #1e3a8a; /* Dark blue text */
}
.main-category td {
  padding-left: 10px;
}
.main-category td:first-child {
  border-left: 4px solid #dc2626; /* Red left border for main categories */
}
.main-category:hover {
  background-color: #f9fafb; /* Very light gray on hover */
}

/* Submodule row */
.sub-module {
  background-color: #ffffff; /* White background */
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  color: #111827; /* Dark gray text */
}

.sub-module td:first-child {
  border-left: 4px solid #f59e0b; /* Orange left border for submodules */
}
.sub-module:hover {
  background-color: #f9fafb; /* Very light gray on hover */
}

/* Feature row */
.feature {
  background-color: #ffffff; /* White background */
  font-weight: 400;
  font-size: 14px;
}
.feature td {
  /* padding-left: 45px; */
  color: #4b5563; /* Gray text */
}
.feature td:first-child {
  border-left: 4px solid #10b981; /* Green left border for features */
}
.feature:nth-child(even) {
  background-color: #fafafa; /* Very subtle alternating background for features */
}

/* Arrows */
.arrow {
  float: right;
  font-size: 13px;
  transition: transform 0.3s ease;
  color: #374151; /* Dark gray arrows */
}
.arrow.open {
  transform: rotate(180deg);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .main-category {
    font-size: 14px;
  }
  .sub-module {
    font-size: 13px;
  }
  .feature {
    font-size: 12px;
  }

  th,
  td {
    padding: 8px;
  }

  .main-category td:first-child,
  .sub-module td:first-child,
  .feature td:first-child {
    border-left-width: 3px; /* Slightly thinner borders on mobile */
  }
}
.header-style-six {
  background: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}