.accordion {
  margin-bottom: 20px;
}

.accordion-header {
  position: relative;
  padding-right: 2.5rem; /* Ensure space for the icon */
}

/* Hide default disclosure markers for most browsers */
.accordion-header::-webkit-details-marker {
  display: none;
}
.accordion-header::marker {
  display: none;
}

.accordion-header {
  list-style: none;
	  -webkit-appearance: none; /* For Chrome & Safari */
  -moz-appearance: none;    /* For Firefox */
  appearance: none;
}

.accordion-header {
background-color: #E0EC89;
	padding: 20px;
		border-radius: 22px;
	
}

/* Transition for smooth rotation */
.accordion summary .toggle-icon {
  transition: transform 0.9s ease;
}

/* When the accordion is open, rotate the SVG 180 degrees */
.accordion[open] summary .toggle-icon {
 transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 1.35s ease, opacity 1.35s ease;
}

details[open] .accordion-content {
  max-height: 1000px; /* adjust this value as needed */
  opacity: 1;
}

/* Position the custom SVG icon */
.toggle-icon {
  position: absolute;
  bottom: 0.5rem;  /* Adjust as needed */
  right: 1rem;     /* Adjust as needed */
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* Ensures clicks hit the summary itself */
}

.acc_title {
	width: 90%;
}

.sideacc {
  flex:2;
}

.accordbut {
    background-color: #509E2F;
    border-radius: 12px;
    display: inline-block;
    padding: 10px 10px;
    text-decoration: none !important;
    z-index: 5;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: auto;
    color: #fff !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-width: 50%;
}

.accordbut a {
      text-decoration: none;
}

.accbut a{
text-decoration: none;
}

.accbut a:hover{
    color: white;
text-decoration: none;
}

.accbut {
display: flex;
    width: 50%;
    align-items: flex-start;
    justify-content: flex-start;
}

.accimg {
    float: right;
    width: 40%;
    margin-left: 20px;
    padding-top: 1.4rem;
}

.accimg img {
    width: 100%;
    border-radius: 12px; 
}

.plaintitle {
    margin-bottom: 20px;
}