.price {
  margin: 35px 0 10px 0;
}


#note {
  display: flex;
  align-items: center;
  padding: 0 16px;
  width: 828px;
  height: 44px;
  background-color: black;
  color: white;
  line-height: 14px;
  border-radius: 8px;
}
.note-message {
  margin: 0px 45px 0px 13px;
}

.close {
  margin-left: 10px;
  cursor: pointer;
}

svg {
  width: 100%;
}
svg .gridline {
  stroke: black;
  shape-rendering: crispEdges;
  stroke-opacity: 0.2;
}

/* Responsive Image Section */
.responsive-image-section {
    margin: 1em 0; /* Margin around the section */
}

figure {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
}

img {
    width: 100%; /* Make image responsive */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove extra space below the image */
}

/* Style the caption if provided */
figcaption {
    font-size: 0.9rem; /* Smaller font size for caption */
    color: #555; /* Darker gray color for caption text */
    text-align: center; /* Center-align caption text */
    margin-top: 0.5em; /* Space between image and caption */
}

#price-chart {
  width: 60%;
}