.pricing-table::after{
	position: absolute;
	height: 100%;
	width: 95%;
	background-color: white;
	top:0;
	left:0;
}

.pricing-table__card {
	border: 1px solid var(--secondary-palette-warm-grey-200);
	box-shadow: 0 4px 4px 0 rgba(0 0 0 / 15%);
	height: calc(100% - 48px);
	position: relative; 
}

.tab-content__side-margin > .col-xl-3:only-child {
	margin-left: auto;
	margin-right: auto;
}

.tab-content__side-margin > .col-xl-3:first-child {
	margin-left: auto;
}

.tab-content__side-margin > .col-xl-3:last-child {
	margin-right: auto;
}

.pricing-tooltip {
    top: -40px;
    left: 20%;
    min-width: 200px;
}

.pricing-table_best-value-tag{
	height: 62px;
	line-height: 1rem !important;
}

.pricing-table_bottom-text{
	height: 120px;
}

.pricing-table_dropdown-selected-value{
	cursor: pointer;
	font-family: var(--primary-font-family);
	font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 48px;
	background-color: var(--secondary-palette-warm-grey-100);
	color: var(--secondary-palette-dark-grey);
	border: 3px solid var(--secondary-palette-dark-grey);
	padding: 0px 10px;
	height: 52px;
	box-shadow: 5px 4px 0px 0px rgba(0, 0, 0, 0.16);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pricing-table_dropdown-selected-value::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	background-image: url("../svg/down-arrow-black.svg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	transition: transform 0.2s ease-in-out;
}

.pricing-table_dropdown-list{
	border:3px solid var(--secondary-palette-dark-grey);
	list-style: none;
	max-height: 310px;
	overflow-y: scroll;
	position: absolute;
    z-index: 999;
	background-color: var(--secondary-palette-warm-grey-100);
	width: 100%;
	padding-left: 0;
}

.pricing-table_dropdown-list-item
{
	padding: 12px 12px;
	cursor: pointer;
}

.pricing-table_dropdown-list-item:hover, .pricing-table_dropdown-list-item.selected{
	 background-color: var(--secondary-palette-warm-grey-400);
}

.pricing-table_dropdown-list-item p{
	margin-bottom:0;
}

.pricing-table_button.primary__cta--link{
	padding:0;
}

.pricing-table__spacer-20{
	height: 20px;
}

.pricing-table__spacer{
	height: 62px;
}

.pricing-table__card--box{
	border: 1px solid var(--secondary-palette-warm-grey-200);
	box-shadow: 0 4px 4px 0 rgba(0 0 0 / 15%);
	background-color: var(--secondary-palette-white);
}

.pricing-table_dropdown-list-last-item:hover{
	background-color: var(--secondary-palette-warm-grey-400);
}

.pricing-table_dropdown--scrollbar::-webkit-scrollbar {
    width: 10px;
}

.pricing-table_dropdown--scrollbar::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.pricing-table_dropdown--scrollbar::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
    border: solid 2.5px transparent;
    background-clip: padding-box;
}

.pricing-table__info-icon{
	cursor: pointer;
}

.pricing-table__info-icon:hover + .pricing-table__info-text{
	visibility: visible;
	opacity: 1;
	position: absolute;
    top: 24px;
    left: 0;
    z-index: 1;
}

.pricing-table__info-icon::before{
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-color: var(--primary-palette-blue-300);
    mask: url(../svg/tooltip-info-icon-2.svg) no-repeat;
    -webkit-mask: url(../svg/tooltip-info-icon-2.svg) no-repeat;
}

.pricing-table__info-text{
	visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	border: 3px solid transparent;
    box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.16);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    font-size: 14px;
    min-width: 250px;
	position: absolute; 
}

/* ---- Best Value added to free-fax page pricing cards ------ */
.post-33450 .pricing-table__card::after {
    content: "Best Value";
    width: 100%;
    background: #ffc46a;
    top: -40px;
    position: absolute;
    text-align: center;
    height: 40px;
    padding-top: 5px;
    font-size: 18px;
}

@media only screen and (width <= 1133px){
	.pricing-table::after{
		width: 100%;
	}
}

@media only screen and ( width <= 567.98px) {
	.pricing-tooltip{
		min-width: 130px;
	}

	.pricing-table__card{
		height: auto;
	}

	.pricing-table__spacer{
		height: 0;
	}
}

@media (min-width: 992px){

	.pricing-table .tab-content {
    	min-height: 550px;
	}

}