.iq-verticle-pricing-card .table td, .iq-verticle-pricing-card .table thead th {
	border: 1px solid var(--border-color-light);
}

.iq-verticle-pricing-card .iq-price-head .iq-price-rate-wrapper.active {
	background: var(--primary-color);
	color: var(--white-color);
}

.iq-verticle-pricing-card .iq-pricing .iq-child-cell {
	vertical-align: middle;
}

.iq-verticle-pricing-card .iq-pricing .iq-child-cell.active, .iq-verticle-pricing-card .iq-price-head.active {
	color: var(--primary-color);
	background: var(--global-body-bgcolor);
}

.iq-verticle-pricing-card .iq-price-head .iq-price-box .iq-price-rate {
	font-weight: var(--font-weight-bold);
}

.iq-verticle-pricing-card .iq-price-head .iq-price-box span {
	font-size: var(--font-size-h5);
	color: var(--title-color);
}

.iq-verticle-pricing-card .iq-price-head .iq-price-box .iq-desc {
	font-weight: var(--font-weight-body);
	text-transform: capitalize;
	color: var(--tertiry-color);
	margin-top: 4px;
}

.iq-verticle-pricing-card .iq-price-box .iq-price-rate small {
	font-size: initial;
}

.iq-verticle-pricing-card table, .iq-verticle-pricing-card table td, .iq-verticle-pricing-card table th {
	border: 1px solid var(--border-color-light);
}

.iq-verticle-pricing-card table tr:nth-child(1) td {
	padding-top: 82px;
}

.iq-verticle-pricing-card table tbody tr th li span {
	font-weight: var(--font-weight-regular);
	color: var(--title-color);
}

.iq-verticle-pricing-card table tbody tr th li {
	position: relative;
}

.iq-verticle-pricing-card table tbody tr th li::before {
	content: " ";
	position: absolute;
	background: var(--primary-color);
	font-weight: bold;
	display: inline-block;
	margin-right: 15px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	top: 11px;
	left: 11px;
}

.iq-verticle-pricing-card table tbody .iq-child-cell i {
	font-size: var(--);
	line-height: 2.25em;
}

.iq-verticle-pricing-card table tbody .iq-child-cell .disable {
	color: var(--inactive-icon);
}

.iq-verticle-pricing-card table tbody .iq-child-cell .enable {
	color: var(--primary-color);
}


.iq-verticle-pricing-card table thead tr:first-child th:first-child {
	text-align: left;
	padding: 0 0 0 30px;
}

.iq-verticle-pricing-card table tbody tr:nth-child(1) th {
	vertical-align: bottom !important;
}

.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr:nth-child(1) th::before {
	bottom: 25px;
	top: unset;
}

@media(max-width:1077px) and (min-width:774px) {
	.iq-verticle-pricing-card .iq-price-head .iq-price-box .iq-price-rate {
		padding: 12px;
		font-size: 1.5em;
	}
}

@media(max-width:774px) {
	.iq-verticle-pricing-card .iq-pricing th.iq-price-head {
		padding: 30px 60px;
	}


	.iq-verticle-pricing-card .iq-price-head .iq-price-box .iq-price-rate {
		padding: 8px;
		font-size: 1.25em;
	}

	.iq-verticle-pricing-card .iq-price-box .iq-price-rate small {
		font-size: 12px;
	}

	.iq-verticle-pricing-card .iq-price-head .iq-price-box .iq-price-rate {
		bottom: -42px;
	}

	.iq-verticle-pricing-card table tr:nth-child(1) td {
		padding-top: 40px;
	}
}


.iq-verticle-pricing-card .iq-price-box {
	padding: 45px 0 0 0;
}

.iq-verticle-pricing-card .iq-price-box .iq-price-description {
	font-weight: var(--font-weight-regular);
	color: var(--tertiry-color);
	text-transform: capitalize;
	margin: 10px 45px 58px 45px;
}

.iq-verticle-pricing-card .iq-price-head .iq-price-rate-wrapper {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
}

.iq-verticle-pricing-card .iq-price-head .iq-price-rate-wrapper .iq-price-rate {
	background: var(--global-body-bgcolor);
	color: var(--primary-color);
	border-radius: 55px;
	padding: 5px 30px;
	font-weight: var(--font-weight-semi-bold);
	display: inline-block;
	font-family: var(--highlight-font-family);
	font-size: var(--font-size-h4);
	line-height: var(--font-line-height-h4);
	letter-spacing: var(--font-letter-spacing-h4);
}

.iq-verticle-pricing-card .iq-price-head.active .iq-price-rate {
	background: var(--primary-color);
	color: var(--white-color);

}

.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr th {
	font-weight: var(--font-weight-body);
	color: var(--title-color);
	position: relative;
	padding: 20px 50px 20px 42px;
	text-align: left;
	vertical-align: middle;
}

.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr th::before {
	content: " ";
	position: absolute;
	height: 10px;
	width: 10px;
	background: var(--primary-color);
	border-radius: 50%;
	right: auto;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
}

.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr th:last-child:before {
	content: none;
}

.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr:last-child th:before {
	content: none;
}

.iq-verticle-pricing-card .iq-price-head {
	position: relative;
	text-align: center;
	padding: 0;
}

.iq-verticle-pricing-card .iq-pricing td.active {
	background: var(--global-body-bgcolor);
}

.iq-verticle-pricing-card .iq-pricing td.active .iq-btn-container a {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

.iq-verticle-pricing-card .active-btn {
	text-align: center;
}

.iq-verticle-pricing-card .active-btn .pricing-btn {
	padding: 12px 25px !important;
	font-size: var(--font-size-xs);
	text-transform: uppercase;
	letter-spacing: var(--letter-spacing-two);
	font-weight: var(--font-weight-semi-bold);
	margin: 40px;
}

.iq-verticle-pricing-card .active-btn .pricing-btn:hover, .iq-verticle-pricing-card .active-btn .pricing-btn:focus {
	background: var(--secondary-color);
}

/* ***********************
******* responsive *******
**************************/
@media (max-width:767px) {
	.iq-verticle-pricing-card .table thead th {
		vertical-align: top;
	}

	.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr th {
		padding: 10px 16px 10px 16px;
	}

	.iq-verticle-pricing-card .iq-pricing table#my-table tbody tr th::before {
		content: none;
	}

	.iq-verticle-pricing-card .iq-pricing th.iq-price-head {
		padding: 0px 10px;
	}

	.iq-verticle-pricing-card .iq-price-box {
		padding: 10px 0 0 0;
	}

	.iq-verticle-pricing-card .iq-price-box .iq-price-description {
		margin: 10px 16px 48px 16px;
	}
}