section.practices {
	& .practice-section {
		& .term-title {
			/* color: var(--color-tertiary);
			text-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
			font-family: Hind;
			font-size: var(--font-size-h6);
			font-style: normal;
			font-weight: 500;
			line-height: 1.3125;
			text-transform: capitalize; */
		}

		& .accordion {
			.accordion-item-custom {
				border-bottom: 1px solid var(--color-tertiary);

				& .accordion-header-custom {
					color: var(--color-tertiary);
					transition: 300ms;
					cursor: pointer;
					position: relative;

					&::before {
						content: '';
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

					& .practice-permalink {
						color: var(--pl-blue);
						text-decoration: none;
						transition: color 0.3s ease;

						&:hover {
							color: var(--color-octonary);
						}
					}
				}

				& .accordion-body-custom {
					transition: opacity 0.3s ease;
					opacity: 0;
					transition: opacity 0.3s ease;
					max-height: 0;
					overflow: hidden;
					padding-top: 0rem !important;
					padding-bottom: 0rem !important;
				}

				&.active,
				&:hover {
					& .accordion-header-custom {
						color: var(--pl-blue);
					}
				}

				&.active {
					& .accordion-header-custom {
						&::before {
							visibility: hidden;
							opacity: 0;
						}
					}
					& .accordion-body-custom {
						opacity: 1;
						max-height: 1000px;
					}
				}

				&:not(.active) {
					& .accordion-header-custom {
						padding-block: 0.5rem !important;
					}
				}
			}

			& .accordion-image-wrapper {
				min-height: 250px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: sticky;
				top: 10rem;
				overflow: clip;
				border-radius: 1.5rem;
			}

			& .accordion-image {
				max-width: 100%;
				width: 100%;
				object-fit: contain;
				opacity: 0;
				transition: 500ms ease;

				&:hover {
					transform: scale(1.1);
				}

				&.loaded {
					opacity: 1;
				}
			}
		}
	}
}

@media (min-width: 1024px) {
	.practice-section:nth-child(even) .accordion {
		flex-direction: row-reverse;
	}
}