/* Column Style */
.extcf7-row {
	--extcf7-row-gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	margin-right: calc(-.5 * var(--extcf7-row-gap));
	margin-left: calc(-.5 * var(--extcf7-row-gap));
}

.extcf7-row:not(:last-child) {
	margin-bottom: var(--extcf7-row-gap);
}

.extcf7-col {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	padding-right: calc(.5 * var(--extcf7-row-gap));
	padding-left: calc(.5 * var(--extcf7-row-gap));
}

.extcf7-col-12 {
	width: 100%;
}

.extcf7-col-6 {
	width: 50%;
}

.extcf7-col-4 {
	width: 33.3333%;
}

.extcf7-col-3 {
	width: 25%;
}

/* Range Slider Default Style */
.wpcf7-extcf7-range-slider-amount {
	line-height: 1;
	text-align: right;
	margin-bottom: 10px;
}

.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content {
	width: 100%;
	height: 10px;
	border: none;
	background-color: #dcdcdc;
	border-radius: 10px;
	margin-block: 5px;
}

.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-range {
	background-color: #1d39d7;
	border-radius: 10px;
}

.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-handle {
	background-color: #fff;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	border: 3px solid #1d39d7;
	outline: none;
	top: 50%;
	margin-top: -10px;
	margin-left: -10px;
}

.wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-handle.ui-state-active, .wpcf7-extcf7-range-slider .ui-widget.ui-widget-content .ui-slider-handle.ui-state-hover {
	background-color: #1d39d7;
}