/*============================
  16.accordion
============================*/
.accordion-button {
  background-color: var(--white-color);
  color: #000;
  padding: 1rem 1rem;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .accordion-button {
    font-size: 16px;
  }
}
.accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
.accordion-button:not(.collapsed):after {
  content: "\f068";
  color: var(--secondary-light-color);
  background-image: none;
}
.accordion-button:focus {
  border-color: rgba(207, 52, 37, 0.3);
  box-shadow: none;
}
.accordion-button:after {
  background-image: none;
}
.accordion-button:after {
  content: "+";
  font-family: "Fontawesome";
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  color: var(--secondary-light-color);
}

.accordion-body {
  padding: 0 1rem 1rem;
  font-size: 16px;
  color: var(--secondary-light-color);
}

.accordion-item {
  color: var(--secondary-light-color);
  background-color: var(--white-color);
  border: 1px solid #e4ebf1;
  border-radius: 5px;
  position: relative;
}

.accordions-items-seperate .accordion-item:not(:first-of-type) {
  margin-block-start: 1rem;
}
.accordions-items-seperate .accordion-item {
  border-block-start: 1px solid #e7edf2;
  border-radius: 4px;
  overflow: hidden;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}

.accordion-item:first-of-type {
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}

.accordion.accordion-primary .accordion-button {
  background-color: rgba(207, 52, 37, 0.1);
  color: var(--primary-color);
}
.accordion.accordion-primary .accordion-button:after {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.accordion.accordion-primary .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-primary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-secondary .accordion-button {
  background-color: rgba(152, 170, 48, 0.1);
  color: var(--bg-secondry);
}
.accordion.accordion-secondary .accordion-button:after {
  background-color: var(--bg-secondry);
  color: var(--white-color);
}
.accordion.accordion-secondary .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-secondary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-success .accordion-button {
  background-color: rgba(4, 189, 108, 0.1);
  color: #04bd6c;
}
.accordion.accordion-success .accordion-button:after {
  background-color: #04bd6c;
  color: var(--white-color);
}
.accordion.accordion-success .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-success .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-danger .accordion-button {
  background-color: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.accordion.accordion-danger .accordion-button:after {
  background-color: #ff0000;
  color: var(--white-color);
}
.accordion.accordion-danger .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-danger .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-warning .accordion-button {
  background-color: rgba(255, 202, 24, 0.1);
  color: #ffca18;
}
.accordion.accordion-warning .accordion-button:after {
  background-color: #ffca18;
  color: var(--white-color);
}
.accordion.accordion-warning .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-warning .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-info .accordion-button {
  background-color: rgba(21, 94, 239, 0.1);
  color: var(--info-color);
}
.accordion.accordion-info .accordion-button:after {
  background-color: var(--info-color);
  color: var(--white-color);
}
.accordion.accordion-info .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-info .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}

.accordion.accordion-solid-primary .accordion-button {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.accordion.accordion-solid-primary .accordion-button:after {
  background-color: var(--white-color);
  color: var(--primary-color);
}
.accordion.accordion-solid-primary .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-primary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-secondary .accordion-button {
  background-color: var(--bg-secondry);
  color: var(--white-color);
}
.accordion.accordion-solid-secondary .accordion-button:after {
  background-color: var(--white-color);
  color: var(--bg-secondry);
}
.accordion.accordion-solid-secondary .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-secondary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-success .accordion-button {
  background-color: #04bd6c;
  color: var(--white-color);
}
.accordion.accordion-solid-success .accordion-button:after {
  background-color: var(--white-color);
  color: #04bd6c;
}
.accordion.accordion-solid-success .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-success .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-danger .accordion-button {
  background-color: #ff0000;
  color: var(--white-color);
}
.accordion.accordion-solid-danger .accordion-button:after {
  background-color: var(--white-color);
  color: #ff0000;
}
.accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-danger .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-warning .accordion-button {
  background-color: #ffca18;
  color: var(--white-color);
}
.accordion.accordion-solid-warning .accordion-button:after {
  background-color: var(--white-color);
  color: #ffca18;
}
.accordion.accordion-solid-warning .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-warning .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-info .accordion-button {
  background-color: var(--info-color);
  color: var(--white-color);
}
.accordion.accordion-solid-info .accordion-button:after {
  background-color: var(--white-color);
  color: var(--info-color);
}
.accordion.accordion-solid-info .accordion-button.collapsed {
  background-color: var(--white-color);
  color: var(--secondary-light-color);
}
.accordion.accordion-solid-info .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: var(--secondary-light-color);
}

.accordion.accordion-border-primary .accordion-item {
  border: 1px solid #cf3425;
}
.accordion.accordion-border-primary .accordion-button {
  background-color: var(--white-color);
  color: var(--primary-color);
  border-block-end: 0px;
}
.accordion.accordion-border-primary .accordion-button:after {
  background-color: var(--white-color);
  color: var(--primary-color);
  border: 1px solid #cf3425;
}
.accordion.accordion-border-primary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #cf3425;
}
.accordion.accordion-border-secondary .accordion-item {
  border: 1px solid var(--bg-secondry);
}
.accordion.accordion-border-secondary .accordion-button {
  background-color: var(--white-color);
  color: var(--bg-secondry);
  border-block-end: 0px;
}
.accordion.accordion-border-secondary .accordion-button:after {
  background-color: var(--white-color);
  color: var(--bg-secondry);
  border: 1px solid var(--bg-secondry);
}
.accordion.accordion-border-secondary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid var(--bg-secondry);
}
.accordion.accordion-border-success .accordion-item {
  border: 1px solid #04bd6c;
}
.accordion.accordion-border-success .accordion-button {
  background-color: var(--white-color);
  color: #04bd6c;
  border-block-end: 0px;
}
.accordion.accordion-border-success .accordion-button:after {
  background-color: var(--white-color);
  color: #04bd6c;
  border: 1px solid #04bd6c;
}
.accordion.accordion-border-success .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #04bd6c;
}
.accordion.accordion-border-danger .accordion-item {
  border: 1px solid #ff0000;
}
.accordion.accordion-border-danger .accordion-button {
  background-color: var(--white-color);
  color: #ff0000;
  border-block-end: 0px;
}
.accordion.accordion-border-danger .accordion-button:after {
  background-color: var(--white-color);
  color: #ff0000;
  border: 1px solid #ff0000;
}
.accordion.accordion-border-danger .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #ff0000;
}
.accordion.accordion-border-warning .accordion-item {
  border: 1px solid #ffca18;
}
.accordion.accordion-border-warning .accordion-button {
  background-color: var(--white-color);
  color: #ffca18;
  border-block-end: 0px;
}
.accordion.accordion-border-warning .accordion-button:after {
  background-color: var(--white-color);
  color: #ffca18;
  border: 1px solid #ffca18;
}
.accordion.accordion-border-warning .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #ffca18;
}
.accordion.accordion-border-info .accordion-item {
  border: 1px solid var(--info-color);
}
.accordion.accordion-border-info .accordion-button {
  background-color: var(--white-color);
  color: var(--info-color);
  border-block-end: 0px;
}
.accordion.accordion-border-info .accordion-button:after {
  background-color: var(--white-color);
  color: var(--info-color);
  border: 1px solid var(--info-color);
}
.accordion.accordion-border-info .accordion-button:not(.collapsed) {
  border-block-end: 1px solid var(--info-color);
}

.accordion.accordionicon-none .accordion-button:after {
  display: none;
}

.accordion.accordionicon-left .accordion-button {
  padding-inline-start: 2.5rem;
}
.accordion.accordionicon-left .accordion-button:after {
  position: absolute;
  inset-inline-start: 0.625rem;
}

.accordion.accordion-customicon1 .accordion-button:after {
  content: "+";
  font-family: "Fontawesome";
  background-color: #f7f8f9;
}
.accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Fontawesome";
  background-color: var(--white-color);
}

.customized-accordion
  .accordion-item.custom-accordion-primary
  .accordion-button {
  background-color: rgba(207, 52, 37, 0.1);
  border-inline-start: 0.25rem solid rgba(207, 52, 37, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-primary
  .accordion-button:after {
  background-color: rgba(207, 52, 37, 0.6);
  color: var(--white-color);
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-body {
  background-color: rgba(207, 52, 37, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(207, 52, 37, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-secondary
  .accordion-button {
  background-color: rgba(152, 170, 48, 0.1);
  border-inline-start: 0.25rem solid rgba(152, 170, 48, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-secondary
  .accordion-button:after {
  background-color: rgba(152, 170, 48, 0.6);
  color: var(--white-color);
}
.customized-accordion
  .accordion-item.custom-accordion-secondary
  .accordion-body {
  background-color: rgba(152, 170, 48, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(152, 170, 48, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-warning
  .accordion-button {
  background-color: rgba(255, 202, 24, 0.1);
  border-inline-start: 0.25rem solid rgba(255, 202, 24, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-warning
  .accordion-button:after {
  background-color: rgba(255, 202, 24, 0.6);
  color: var(--white-color);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-body {
  background-color: rgba(255, 202, 24, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(255, 202, 24, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button {
  background-color: rgba(21, 94, 239, 0.1);
  border-inline-start: 0.25rem solid rgba(21, 94, 239, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-info
  .accordion-button:after {
  background-color: rgba(21, 94, 239, 0.6);
  color: var(--white-color);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-body {
  background-color: rgba(21, 94, 239, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(21, 94, 239, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-success
  .accordion-button {
  background-color: rgba(4, 189, 108, 0.1);
  border-inline-start: 0.25rem solid rgba(4, 189, 108, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-success
  .accordion-button:after {
  background-color: rgba(4, 189, 108, 0.6);
  color: var(--white-color);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-body {
  background-color: rgba(4, 189, 108, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(4, 189, 108, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-danger
  .accordion-button {
  background-color: rgba(255, 0, 0, 0.1);
  border-inline-start: 0.25rem solid rgba(255, 0, 0, 0.6);
}
.customized-accordion
  .accordion-item.custom-accordion-danger
  .accordion-button:after {
  background-color: rgba(255, 0, 0, 0.6);
  color: var(--white-color);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-body {
  background-color: rgba(255, 0, 0, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(255, 0, 0, 0.6);
}

.accordion.accordion-list .accordion-item {
  border: 0;
  background: transparent;
}
.accordion.accordion-list .accordion-item:last-child {
  border-bottom: 0 !important;
}
.accordion.accordion-list .accordion-item .accordion-header .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--secondary-color);
}
.accordion.accordion-list
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed):after {
  content: "\f0d8";
  transform: none;
}
.accordion.accordion-list
  .accordion-item
  .accordion-header
  .accordion-button:after {
  content: "\f0d7";
  color: var(--secondary-light-color);
  font-size: 16px;
}
.accordion.accordion-list .accordion-item .accordion-collapse .accordion-body {
  padding: 16px 0 0;
}