/* ----------------------------------------------------------------
    affiliate css
-----------------------------------------------------------------*/

.shadow-lg {
  box-shadow: 0 1rem 4rem rgba(43,135,218,0.25) !important;
}
.min-vh-95 {
	min-height: 95vh !important;
}
.hover-effect {
	-webkit-transition:  transform .25s ease, box-shadow .3s ease;
	-o-transition:  transform .25s ease, box-shadow .3s ease;
	transition:  transform .25s ease, box-shadow .3s ease;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	box-shadow: none;
	border: 0;
}
.svg-bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}
.device-video-wrap::before,
.dotted-bg::before {
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	left: 35%;
	width: 110%;
	height: 120%;
	background-size: 12px 12px;
	background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(#3D80E4 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	z-index: -1;
}

.dotted-bg::before { background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%); z-index: 0;}
.dotted-bg.dotted-bg-dark::before { background-image: radial-gradient(rgba(23, 89, 176, 0.2) 14%, transparent 14%); z-index: 0;}

.pricing-table .card {
	border-radius: 20px;
	padding: 25px 40px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: -1px -1px;
	background-size: 102% 160px;
	border-color: rgba(255, 255, 255, 0.3);
}

.pricing-table .card h2 { font-size: 48px; }

.pricing-table .card p {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6 !important;
}

.pricing-table .card .iconlist {
	font-size: 15px;
	font-weight: 500;
	color: #888;
	font-family: 'Roboto';
}

.pricing-table .card .iconlist li:not(:last-child) { margin-bottom: 7px; }
.gradient-v1,
.h-gradient-v1:hover {
	background-image: -webkit-linear-gradient(349deg, #42d392 0%, #647eff 100%) !important;
	background-image: linear-gradient(349deg, #42d392 0%, #647eff 100%) !important;
}
.gradient-dark1,
.h-gradient-dark1:hover {
	background-image: -webkit-linear-gradient(to right, #333333, #535353) !important;
	background-image: linear-gradient(to right, #111111, #535353) !important;
}