/* GENERAL STYLING*/
@font-face {
font-family: "pop";
src: url("fonts/Poppins-Regular.ttf");
}
@font-face {
font-family: "popM";
src: url("fonts/Poppins-Medium.ttf");
}
@font-face {
font-family: "popL";
src: url("fonts/Poppins-Light.ttf");
}
@font-face {
font-family: "popB";
src: url("fonts/Poppins-Bold.ttf");
}
@font-face {
font-family: "gl";
src: url("fonts/Gravity-Light.ttf");
}
@font-face {
font-family: "gb";
src: url("fonts/Gravity-Bold.ttf");
}
@font-face {
font-family: "Lobster";
src: url("fonts/Lobster.otf");
}
@font-face {
font-family: "rainbow";
src: url("fonts/rainbow.ttf");
}
@font-face {
font-family: "cle";
src: url("fonts/ClementePDaa-Hairline.ttf");
}
@font-face {
font-family: "drug";
src: url("fonts/drugs-regular.otf");
}
@font-face {
font-family: "robT";
src: url("fonts/Roboto-Thin.ttf");
}
@font-face {
font-family: "robL";
src: url("fonts/Roboto-Light.ttf");
}

@font-face {
font-family: "robR";
src: url("fonts/Roboto-Regular.ttf");
}
@font-face {
font-family: "robB";
src: url("fonts/Roboto-Bold.ttf");
}

/*General styling*/

body{
	background-color: #e8e8e8;
}

.container{
	width: 80%;
	margin: 0 auto;
}
.plan-section{
	padding: 100px 0;
}
.heading-wrap{
	padding: 50px 0;
}
.heading-wrap h1{
	font-family: robL;
	font-size: 52px;
	color: #5e5e5e;
	font-weight: 300;
	letter-spacing: -1px;
	text-align: center;
	margin-bottom: 0;
}
.heading-wrap h1 span{
	color: #303030;
}
.heading-wrap h1 span .blips{
	font-weight: 700;
}
.heading-wrap h3{
	font-family: robR;
	font-size: 24px;
	color: #7d7d7d;
	line-height: 30px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: capitalize;
	font-weight: 300;
}
.plans-wrap{
	display: table;
	width: 100%;
}
.trial-basic-plan, .upgrad-plan {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 10px;
}
.header{
	width: 100%;
	background: transparent linear-gradient(to left, #E55D87, #5FC3E4) repeat scroll 0% 0%;
	height: 10px;
	margin-bottom: 10px;
}
.plan{
	background-color: #fff;
}
.right-plan{
	padding:125px 0; 
}
.heading{
	padding: 50px 0;
}
.heading h1{
	font-family: robL;
	font-size: 46px;
	color: #f76d65;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}
.days-circle{
	width: 200px;
	height: 200px;
	background-color: #ffdee2;
	background-size: cover;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}
.days-circle p {
	font-family: robB;
	font-size: 65px;
	color: #ff7a7a;
	font-weight: 700;
	line-height: 30px;
	margin: 0;
	position: relative;
	top: 81px;
}
.remaining-wrap p{
	font-family: robR;
	font-size: 22px;
	color: #242424;
	line-height: 30px;
	letter-spacing: 2px;
	text-transform: capitalize;
	text-align: center;
}
.cont-btn-wrap{
	padding: 50px 0 0 0 !important;
}
.cont-btn-wrap,.upgrad-btn-wrap{
	padding: 50px 0;
	text-align: center;
}
.cont-btn-wrap a {
	background-color: #fb3465;
	background-size: cover;
	padding: 40px 80px;
	font-family: robR;
	font-size: 22px;
	color: #750b17;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: capitalize;
}
.cont-btn-wrap a:hover, .upgrad-btn-wrap a:hover{
	opacity: 0.9;
}
.upgrad-wrap h3{
	font-family: robR;
	font-size: 28px;
	color: #37a3f3;
	line-height: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 300;
	text-align: center;
	margin: 0;
}
.upgrad-btn-wrap a{
	background-color: #37a3f3;
	background-size: cover;
	padding: 40px 80px;
	font-family: robR;
	font-size: 22px;
	color: #045bb8;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: capitalize;
}
.fea-wrap p{
	font-family: robR;
	font-size: 22px;
	color: #5e5d5c;
	line-height: 30px;
	letter-spacing: 2px;
	text-transform: capitalize;
	text-align: center;
}