/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2026 | 08:04:01 */
/* ========================================= Tabs ========================================= */
.tabs-section {
	position: relative;
	background-color: var(--white-dyn-1);
	transition: all 0.4s;

	.tabs-nav {
		justify-content: center;
		column-gap: 1.5rem;
		margin-bottom: 1.5rem;

		&:empty {
			display: none;
		}

		.nav-link {
			background-color: var(--green-dark-1);
			color: var(--white);
			font-size: 1.25rem;
			font-weight: 700;
			border-radius: 0;
			transition: all 0.4s;

			&.active, &:hover {
				background-color: var(--green-light-1);
				color: var(--green-dark-1);
			}
		}
	}

	.tab-content {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;

		@media screen and (min-width: 991px) {
			max-width: 750px;
		}

		@media screen and (min-width: 1200px) {
			max-width: 900px;
		}

		.tab-pane {
			display: none;

			&.active {
				display: flex;
				justify-content: center;
			}
		}
	}

	&:not(.is-ready) > .tab-content > .tab-pane:first-child {
		display: flex;
		justify-content: center;
		opacity: 1;
	}
}

.tabs-section__editor-label {
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
	color: var(--green-dark-1);
	font-size: 1rem;
	font-weight: 700;
	opacity: 0.6;
}