.accordion {
	--bs-accordion-border-color: var(--Almost-Black);
	--bs-accordion-bg: var(--Beige);
	--bs-accordion-color:  var(--Almost-Black);
	--bs-accordion-btn-color:  var(--Almost-Black);
	--bs-accordion-border-width: 1px;
	--bs-accordion-border-radius: 1.5rem;
	--bs-accordion-btn-padding-x: 2rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-body-padding-x: 2rem;
	--bs-accordion-body-padding-y: 1rem;
	.accordion-item {
		margin-bottom: 1rem;
		border: 1px solid var(--bs-accordion-border-color);
		border-radius: var(--bs-accordion-border-radius);
		.accordion-header .accordion-button {
			box-shadow: none;
			border-radius: var(--bs-accordion-border-radius);
			&:first-of-type, &:last-of-type {
				border-top-left-radius: var(--bs-accordion-border-radius);
				border-top-right-radius: var(--bs-accordion-border-radius);
				border-bottom-right-radius: var(--bs-accordion-border-radius);
				border-bottom-left-radius: var(--bs-accordion-border-radius);
			}
			&:focus {
				/* outline: 5px auto var(--Blue);
				outline: 5px auto -webkit-focus-ring-color;
  				outline-offset: 4px; */
			}
			&:after {
				content: "\f068";
    			font-family: "Font Awesome 6 Free";
				background-image: none;
				font-size: 2rem;
				width: 3rem;
				height: 3rem;
				text-align: center;
				line-height: 3rem;
			}
		}
		.accordion-button, .accordion-collapse {
			background-color: var(--Beige);
		}
		.accordion-button.collapsed {
			background-color: white;
			&:after {
				content: "\2b";
			}
		}

		.accordion-header, .accordion-header .accordion-button {
			font-size: var(--Heading-S);
			font-variation-settings: 'wght' 580;
    		line-height: 1.3;
			color: var(--Almost-Black);
		}

		.accordion-collapse {
			padding: 0rem 2rem;
			border-bottom-right-radius: var(--bs-accordion-border-radius);
			border-bottom-left-radius: var(--bs-accordion-border-radius);
			.accordion-body {
				padding: 1rem 0;
				border-top: 1px solid var(--Almost-Black);
				.accordion-item {
					border: none;
					border-radius: 0;
					border-bottom: 1px solid #ABABAB;
					.accordion-button {
						background: none;
						padding: var(--Padding-XS) 0rem var(--Padding-XXS) 0rem;
					}
					.accordion-button.collapsed {
						padding: var(--Padding-XS) 0rem;
					}
					.accordion-collapse {
						padding: 0rem;
						padding-top: var(--Padding-XXS);
					}
					.accordion-header, .accordion-header .accordion-button {
						font-size: var(--Paragraph);
						font-variation-settings: 'wght' 580;
						line-height: 120%;
						&:after {
							font-size: 1.25rem;
							width: 2rem;
							height: 2rem;
							line-height: 2rem;
						}
					}
					.accordion-button.collapsed {
						font-variation-settings: 'wght' 400;
					}
					.accordion-body {
						border-top: 1px solid #ababab;
					}
				}
			}
		}
	}
}