body{font-family: 'Poppins', sans-serif;}
*{ margin:0px; padding:0;}
ul,li{ list-style:none}
img{ max-width:100%;}

/*******************************/
.astrology-reports {
	background-color: #f3f3f3;
	padding: 30px 0;
}
.white-bg {
	padding: 20px 20px;
	box-shadow: 0 1px 3px 0 #ddd;
	border-radius: 10px;
	background-color: #fff;
}
.order-section p {
	font-size: 12px;
	font-weight: 200;
	margin: 7px 0 10px 0;
	height: 70px;
}
.order-section b {
	margin: 18px 0 0 0;
	display: block;
}
.div-bg{ background-color:#f1f1f1;}
.div-bg {
	background-color: #f1f1f1;
	float: left;
	padding: 0 15px;
}
.div-bg a {
	border: solid 1px #333;
	padding: 0 10px;
	font-size: 13px;
	color: #333;
	font-weight: 20;
	border-radius: 5px;
	padding: 4px 15px;
	display: inline-block;
	margin: 5px 0 15px 0;
}

.steps-section {
	background-image: url(../img/steps.jpg);
	text-align: center;
	padding: 50px 0;
}
.heading- {
	text-transform: uppercase;
	font-size: 27px;
	color: #fff;
	line-height: normal;
	margin: 0 0 40px 0;
}
.heading- b{
	display:block;
}
.steps- {
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	padding: 30px 0 25px 0;
	overflow: hidden;
}
.steps- i {
	position: absolute;
	left: -20px;
	font-size: 100px;
	font-style: normal;
	font-weight: bold;
	top: -50px;
	opacity: .05;
	color: #111111;
}
.steps- b {
	font-weight: 400;
	margin: 15px 0 0 0;
	display: block;
}
.package-first {
	width: 310px;
	border-radius: 30px;
	background-color: #fff;
	border: solid 1px #f33306;
	display: inline-block;
	margin: 0 30px;
	padding: 50px 25px 20px 25px;
	background-image: url(../img/package-bg.jpg);
	position: relative;
	overflow: hidden;
	transition: .2s;
}
.package-first:hover{background-image: url(../img/package-active-bg.jpg);transform: translateY(-30px);}
.package-first:hover h5,.package-first:hover li,.package-first:hover .price-plan{ color:#fff;}
.package-first:hover a{ background-color:#fff;}
.package-first h5 {
	font-weight: bold;
	color: #e62e04;
	font-size: 25px;
	margin: 0 0 25px 0;
}
.package-first li {
	line-height: 35px;
	background-image: url(../img/check.png);
	font-size: 15px;
	padding: 0 0 0 30px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.price-plan {
	font-size: 22px;
	color: #e62e04;
	line-height: 27px;
}
.price-plan p {
	font-size: 17px;
}
.package-first a {
	background-color: #e42e0426;
	display: block;
	border-radius: 15px;
	text-align: center;
	padding: 15px 0;
	color: #e62e04;
	font-weight: bold;
	font-size: 22px;
	line-height: normal;
	margin: 25px 0 0 0;
}
.popular {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #0a4800;
	left: 0;
	text-align: center;
	color: #fff;
	font-style: normal;
	padding: 3px 0;
}
.shelf- .heading-, .price-package- .heading- {
	color: #0f0f0f;
	text-align: center;
}
.price-package- .heading- {
	color: #0f0f0f;
	text-align: center;
	margin: 40px 0 40px 0;
	font-size: 27px;
}
.shelf- {
	background-color: #f3f3f3;
	text-align: center;
	margin: 70px 0 0 0;
	padding: 40px 0 40px 0;
}
.shelf01- {
	background-color: #fff;
	border-radius: 15px;
	border: solid 1px #ddd;
}

.shelf- .heading- b,.price-package- .heading- b{ display:inline-table;}
.shelf01- b {
	padding: 5px 0 10px 0;
	display: block;
}
.shelf01- {
	background-color: #fff;
	border-radius: 15px;
	border: solid 1px #ddd;
	padding: 25px 0 5px 0;
}