body.disable-compare .dp-compare {
	display: none;
}

.dp-compare {
	text-align: center;
	margin-top:20px;
}

.dp-compare.»center {
	justify-content: center;
}

.dp-compare--label {
	font-size: 16px;
	font-weight: var(--wp--custom--body--typography--font-weight);
	position: relative;
	top: -1px;
}

.plan-search-compare-selector {
	background: #4b5260;
	opacity: 0;
	pointer-events: none;
	min-height: 115px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2147483639;
	max-width: unset !important;
	transition: opacity 0.1s ease-in-out;
}

.plan-search-compare-selector[data-plan-count="1"],
.plan-search-compare-selector[data-plan-count="2"],
.plan-search-compare-selector[data-plan-count="3"] {
	opacity: 1;
	pointer-events: all;
}

.plan-search-compare-selector .card.plan-item {
	width: 200px;
	min-height: 132px;
	margin-bottom: 10px;
}

.plan-search-compare-selector .card-body * {
	opacity: 0;
}

.plan-search-compare-selector .card-body img {
	max-height: 60px;
}

.hide-noscroll {
	display: none;
}

.visible-noscroll {
	display: block;
}

.plan-msg-2,
.plan-msg-3 {
	display: none;
}

.plan-search-compare-selector .btn-secondary {
	background: var(--bs-btn-bg) !important;
}

#comparePlansModal {
	z-index: 2147483640;
}

.modal-backdrop.show {
	z-index: 2147483639;
}

@media (max-width: 768px) {
	.horizontal-scroll {
		width: 100%;
		overflow-x: scroll;
	}

	.horizontal-scroll-content {
		width: 686px;
	}

	.visible-scroll {
		display: block;
	}

	.hide-scroll {
		display: none;
	}

	.plan-search-compare-selector .card.plan-item {
		margin-bottom: 0;
	}

	.plan-msg-3 {
		display: block;
	}

}
@media (max-width: 475px) {

	.plan-search-compare-selector .card.plan-item {
		width: 140px;
	}
	.plan-search-compare-selector .card-title {
		font-size: 14px !important;
	}
}

@media (max-width: 430px) {
	.reduce-hide {
		display: none;
	}

	.compare-plan-logo {
		max-width: 79px;
	}

	.plan-search-compare-selector .card-body {
		padding: 5px;
	}

	.plan-search-compare-selector .card.plan-item {
		min-height: 103px;
	}

	.horizontal-scroll-content {
		width: 100%;
	}

	.horizontal-scroll {
		overflow-x: hidden;
	}

	.plan-search-compare-selector .reduce-btn {
		height: 33px !important;
		padding-inline: 26px !important;
	}

	.plan-msg-3 {
		display: none;
	}

	.plan-msg-2 {
		display: block;
	}
}