.gabenimas-section {
  background-color: white;
  margin-right: 30%;
}

summary {
  font-family: Alumni Sans;
  font-size: 64px;
  font-weight: 400;
  line-height: 64px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.summary-gabenimas {
  padding-bottom: 50px;
}

.seperator-gabenimas {
  border-bottom: solid 1px #cccccc;
}

.circle-text {
  display: flex;
  gap: 20px;
  padding-bottom: 50px;
}

.circle-textas {
  width: 8px;
  height: 8px;
  margin-top: 10px;
}

.not-first-padding {
  padding-top: 50px;
}

details summary {
  list-style: none; /* Removes the default marker */
}

/* Add a scalable custom image to the right */
details summary::after {
  content: ""; /* Empty content for the pseudo-element */
  display: inline-block;
  background-image: url("../images/plus.svg"); /* Add your custom image here */
  margin-top: 20px;
  background-size: contain; /* Ensure the image scales proportionally */
  background-repeat: no-repeat; /* Prevent tiling */
  width: 30px; /* Adjust width */
  height: 30px; /* Adjust height */
}

/* Change the image when the details tag is open */
details[open] summary::after {
  background-image: url("../images/minus.svg"); /* Different image for open state */
}

/* Style the summary text */
details summary {
  cursor: pointer;
  display: flex; /* Flexbox to ensure proper alignment */
  justify-content: space-between; /* Push the image to the right */
  align-items: center; /* Center vertically */
}