#popularHeader {
  color: #e3e7ee;
  background-color: #1b367b;
}

.svgheader {
  height: 48px;
  min-width: 210px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="180" height="44" viewBox="0 0 180 44" preserveAspectRatio="none" style="width: 100%;"><path fill-rule="evenodd" clip-rule="evenodd" d="M73.6889 0H7C3.134 0 0 3.13401 0 7V44H180V6C180 2.68629 177.314 0 174 0H106.309C103.331 5.92687 97.146 10 89.9991 10C82.8523 10 76.6674 5.92687 73.6889 0Z" fill="%23092569"/></svg>');
}
.svgtext {
  font-family: 'Noto Sans Thai', sans-serif;
  fill: #e3e7ee;
  color: #e3e7ee;
}

#popularFooter {
  color: #e3e7ee;
  background-color: #1b367b;
  border-radius: 0;

}

.popularrow {
  border-left-color: #1b367b !important;
  border-right-color: #1b367b !important;
}

#pricing-table {
  font-size: 20px;
}

.headerText {
  font-size: 24px;
}

.rowheaderText {
  font-size: 22px;
}

#pricing-table td {
  min-width: 160px;
}

#pricing-table tr{
  height: 96px;
}

/* Style to make the SVG fit the td */
.svg-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Optional styling for the SVG icon */
.svg-icon {
  color: #fbd511;
  font-size: 32px;
}