/* General Styles */
.accordion-wrapper {
  display: flex;
  justify-content: center;
  padding: 30px 0;
  background-color: #fff;  /* Light background for the entire page */
}
.accordion-content p {
    padding-left: 20px !important;
}
.accordion-column {
  width: 100%;
  max-width: 800px; /* Optional: adjust width to fit design */
 
  /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;*/
}

/*.accordion-item {
  border-bottom: 1px solid #ddd; /* Border between items */
}*/

.accordion-item:last-child {
  border-bottom: none; /* Remove border on the last item */
}

.accordion-header {
display: flex;
justify-content: start;
align-items: center;
padding: 15px 20px;
background: linear-gradient(to bottom right, rgba(19, 41, 75, 1), rgba(18, 85, 146, 0.75)); /* Accent color */
color: white;
font-weight: bold;
cursor: pointer;
font-size: 16px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
transition: background-color 0.3s ease;
text-align: start !important;
position: relative;
padding-right: 30px;
}

span.accordion-toggle-icon {
    position: absolute;
    right: 15px;
    z-index: 1;
}

.accordion-header:hover {
  background-color: #0056b3; /* Darken color on hover */
}

.accordion-toggle-icon {
  font-size: 20px;
  font-weight: bold;
}

.accordion-content {
  padding: 15px 0px;
  display: none;
  background-color: #f9f9f9; /* Slightly lighter background for content */
  color: #333;
  /*font-size: 14px;*/
 /* border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;*/
}

/* When active, show the content */
.accordion-item.active .accordion-content {
  display: block;
}

.accordion-item.active .accordion-toggle-icon {
  content: "–"; /* Change to minus sign when expanded */
}

.accordion-item:not(.active) .accordion-toggle-icon {
  content: "+"; /* Default plus sign */
}

/* Small touch for spacing */
.accordion-counter {
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 10px;
}
.accordion-title{
    text-align: center;
    padding: 30px;
}
@media(max-width: 767px){

  .accordion-wrapper {
      
       padding: 0 15px;
  
    }

}