<?php if ( forminator_array_value_exists( $properties, 'cform-color-settings' ) ) { ?>

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-break {
		<?php if ( forminator_array_value_exists( $properties, 'timeline-border' ) && !empty( $properties['timeline-border'] ) ) { ?>
			background-color: <?php echo $properties['timeline-border'] ?>;
		<?php } else { ?>
			background-color: #777771;
		<?php } ?>
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-break:before {
		<?php if ( forminator_array_value_exists( $properties, 'timeline-border-current' ) && !empty( $properties['timeline-border-current'] ) ) { ?>
			background-color: <?php echo $properties['timeline-border-current'] ?>;
		<?php } else { ?>
			background-color: #097BAA;
		<?php } ?>
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step:focus {
		outline: none;
	}
	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step:focus-visible .forminator-step-label {
		<?php if ( forminator_array_value_exists( $properties, 'steps-outline-focus' ) && !empty( $properties['steps-outline-focus'] ) ) { ?>
			outline: 2px solid <?php echo $properties['steps-outline-focus'] ?>;
		<?php } else { ?>
			outline: 2px solid #254DEB;
		<?php } ?>
		outline-offset: 2px;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step .forminator-step-label {
		<?php if ( forminator_array_value_exists( $properties, 'timeline-text-current' ) && !empty( $properties['timeline-text-current'] ) ) { ?>
			color: <?php echo $properties['timeline-text-current'] ?>;
		<?php } else { ?>
			color: #097BAA;
		<?php } ?>
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step .forminator-step-dot {
		<?php if ( forminator_array_value_exists( $properties, 'timeline-dot-background-current' ) && !empty( $properties['timeline-dot-background-current'] ) ) { ?>
			background-color: <?php echo $properties['timeline-dot-background-current'] ?>;
		<?php } else { ?>
			background-color: #097BAA;
		<?php } ?>
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label {
		<?php if ( forminator_array_value_exists( $properties, 'timeline-text' ) && !empty( $properties['timeline-text'] ) ) { ?>
			color: <?php echo $properties['timeline-text'] ?>;
		<?php } else { ?>
			color: #777771;
		<?php } ?>
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
		<?php if ( forminator_array_value_exists( $properties, 'timeline-dot-background' ) && !empty( $properties['timeline-dot-background'] ) ) { ?>
			background-color: <?php echo $properties['timeline-dot-background'] ?>;
		<?php } else { ?>
			background-color: #777771;
		<?php } ?>
	}

<?php } else { ?>

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-break {
		background-color: #777771;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-break:before {
		background-color: #097BAA;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step:focus {
		outline: none;
	}
	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step:focus-visible .forminator-step-label {
		outline: 2px solid #254DEB;
		outline-offset: 2px;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step .forminator-step-label {
		color: #097BAA;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step .forminator-step-dot {
		background-color: #097BAA;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label {
		color: #777771;
	}

	#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
		background-color: #777771;
	}

<?php } ?>