.accordion {
    padding: 30px 50px; /* Default padding for large screens */
    background: #fff;
    border-radius: 20px 0 20px 0;
    border: 1px solid #e6e6e6;
  }
  
  /* ✅ Adjust Padding for Mobile Screens */
  @media (max-width: 768px) {
    .accordion {
      padding: 15px 20px; /* Smaller padding for mobile */
    }
  }
  
  /* ✅ Further Reduce Padding for Extra Small Screens */
  @media (max-width: 480px) {
    .accordion {
      padding: 10px 15px;
    }
  }
  

.accordion-button {
	color: #8B8B8B;
	padding: 20px 5px;
	border-bottom: 2px dashed rgb(184, 159, 49)!important;
	box-shadow: none!important;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
}

.accordion-body {
	padding: 15px 5px;
}

.accordion-button {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
}
.col-lg-12 {
  width: 100% !important; /* Ensure full width */
}

.accordion-button:not(.collapsed) {
	color: #212529;
	background: transparent;
}

.accordion-item {
	border: none;
	margin-bottom: 10px;
}

h2.accordion-header {
	margin-bottom: 0;
}

.accordion-body {
	font-size: 15px!important;
	color: #8B8B8B;
}

.accordion-button::after {
	background-image: url('../images/down-arrow.svg');
	background-size: contain;
	transform: none;
}

.accordion-button:not(.collapsed)::after {
	background-image: url('../images/up-arrow.svg');
	transform: none;
}
.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: rgb(192, 166, 49);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: rgb(192, 166, 49);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgb(192, 166, 49);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #212529;
  --bs-accordion-active-bg: #f4e2a6;
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}


.collapse {
  display: none; /* Default: Hide */
  transition: height 0.35s ease-out; /* Smooth transition */
}

.collapse.show {
  display: block; /* Show when open */
}


.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility
}
.accordion {
  width: 100%;
  margin: auto; /* Center the accordion */
}
.accordion-collapse {
  width: 100% !important;
}
.collapsing {
  width: 100% !important;
}

.accordion-item {
  width: 100%; /* Ensure it takes full width */
  min-width: 300px; /* Set a reasonable minimum width */
}
.accordion-button {
  font-family: "Poppins", sans-serif;
  font-weight: normal; /* Default weight */
  color: #212529;
  font-weight: bold; /* Bold when active */

  
}
.accordion-button:not(.collapsed) {
  font-weight: bold; /* Bold when active */
  color: rgb(110, 95, 29);
  border-top-left-radius: 8px; /* Round top-left corner */
  border-top-right-radius: 8px; /* Round top-right corner */

}
/* ✅ Global Fixes to Prevent Overflow */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* ✅ Project Container: Ensure Proper Layout on Mobile */
  @media (max-width: 768px) {
    .project-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100% !important;
      padding: 0 15px !important; /* Adds spacing on edges */
    }
  
    /* ✅ Accordion Full Width & Proper Alignment */
    .accordion {
      width: 100% !important;
    }
  
    .accordion-item {
      width: 100% !important;
    }
  
    /* ✅ Fix Button Alignment & Readability */
    .accordion-button {
      text-align: left !important;
      font-size: 14px !important;
      padding: 12px !important;
    }
  
    /* ✅ Ensure Accordion Content is Properly Styled */
    .accordion-body {
      text-align: left !important;
      font-size: 13px !important;
      line-height: 1.5 !important; /* Improve readability */
    }
  
  }