/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2026 | 07:22:42 */
/* ========================================= 2 CARD ACCORDION ========================================= */
.two-card-accordion-section {
	.accordion-row {
		.accordion-column {
			padding: 3.5rem;
			color: #fff;
			
			h2 {
				color: inherit;
			}
			
			p {
				color: inherit;
			}
			
			@media screen and (min-width: 1200px) {
				padding: 5rem 6rem;
			}
			
			&:nth-child(1) {
				background-color: var(--teal-light);
				padding-left: var(--adjustive-padding);
			}
			
			&:nth-child(2) {
				background-color: var(--green-dark-2);
				padding-right: var(--adjustive-padding);
			}
		}
	}
	
	.accordion {
		--bs-accordion-btn-active-icon: '';
		--bs-accordion-btn-icon: '';
		--bs-accordion-btn-color: var(--white);
		--bs-accordion-active-color: var(--white);
		--bs-accordion-color: var(--white);
		--bs-accordion-btn-icon-width: 2rem;
		--bs-accordion-btn-icon-transform: rotate(135deg);
		--bs-accordion-btn-icon-transition: all 0.3s ease;
		--bs-accordion-border-radius: 0;
		
		.accordion-item {
			border: none;
			
			&:nth-child(1) {
				--bs-accordion-bg: var(--teal-light);
				--bs-accordion-btn-bg: var(--teal-light);
				--bs-accordion-active-bg: var(--teal-light);
			}
			
			&:nth-child(2) {
				--bs-accordion-bg: var(--green-dark-2);
				--bs-accordion-btn-bg: var(--green-dark-2);
				--bs-accordion-active-bg: var(--green-dark-2);
			}
			
			.accordion-button {
				box-shadow: none;
				border-radius: 0 !important;
				padding: 2rem var(--adjustive-padding);
				font-size: 2rem;
				overflow: hidden;
				
				&::after {
					content: '+';
					display: flex;
					align-items: center;
					justify-content: center;
					padding-bottom: 5px;
				}
			}
			
			.accordion-body {
				padding: 2rem var(--adjustive-padding);
				padding-top: 0;
				p {
					color: var(--white);
				}
			}
		}
	}
}