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

	.forminator-ui#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-ui#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: #17A8E3;
		<?php } ?>
	}

	.forminator-ui#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: #17A8E3;
		<?php } ?>
	}

	.forminator-ui#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-border-current' ) && !empty( $properties['timeline-dot-border-current'] ) ) { ?>
			border-color: <?php echo $properties['timeline-dot-border-current'] ?>;
		<?php } else { ?>
			border-color: #777771;
		<?php } ?>
		<?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: #17A8E3;
		<?php } ?>
	}

	.forminator-ui#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-ui#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-border' ) && !empty( $properties['timeline-dot-border'] ) ) { ?>
			border-color: <?php echo $properties['timeline-dot-border'] ?>;
		<?php } else { ?>
			border-color: #777771;
		<?php } ?>
		<?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-ui#forminator-module-<?php echo $properties['form_id'] ?>.forminator-design--<?php echo $theme; ?> .forminator-pagination-steps .forminator-break {
		background-color: #777771;
	}

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

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

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

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

<?php } ?>