p {margin-bottom: 0;}

/*==========================================
 Header Override
==========================================*/
.static-banner {display: none;}
.main-content {padding: 0;}
.default-banner-disabled .login-btn {color: #ffffff !important;border-color: #ffffff !important;}

/*==========================================
 CTA Group
==========================================*/
.cta_grp a.btn {
	background-color: var(--orange);
	text-decoration: none;
}
.cta_grp a.btn:hover {
	background-color: var(--dOrange);
}

/*==========================================
 HERO
==========================================*/
.hero {
	background: var(--ocean);
	background: -moz-linear-gradient(top,  #3f3dab 0%, #5249d9 100%);
	background: -webkit-linear-gradient(top,  #3f3dab 0%,#5249d9 100%);
	background: linear-gradient(to bottom,  #3f3dab 0%,#5249d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3dab', endColorstr='#5249d9',GradientType=0 );
	padding-top: 8.875rem;
}
.hero .bg-white {
	-webkit-border-radius: var(--bradius);
	border-radius: var(--bradius);
	-webkit-box-shadow: 0 8px 6px 0 rgba(0,0,0,0.16);
	box-shadow: 0 8px 6px 0 rgba(0,0,0,0.16);
	padding: 40px 40px 25px 50px;
	margin-top: 55px;
}
.hero .bg-white > .flex {
	justify-content: space-between;
	flex-wrap: nowrap;
}
.hero .container > .row:last-child {
	justify-content: center;
}
.hero .flex .sale_left .flex > *, .hero .flex .sale_left .flex + p {
	color: var(--fBlue);
}
.hero .flex .sale_right ul li {position: relative;padding-left: 28px;}
.hero .flex .sale_right ul li:before {
	content: '\ea14';
	font-family: 'icomoon';
	font-size: 13px;
	color: var(--denim);
	position: absolute;
	left: 0;
	top: 5px;
}
.hero .flex .sale_left .flex {
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
.hero .flex .sale_left .flex i{
	font-style: normal;
}
.hero .flex .sale_left .flex p {
	line-height: 1;
}
.hero .flex .sale_right ul {
	padding-left: 0;
}
.after_hero {
	background: var(--indigoD);
}
.after_hero p > a {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 1200px) {
	.hero .bg-white {padding: 40px 30px 25px;}
	.hero .flex .sale_left {width: 40%;}
	.hero .flex .sale_right {width: 50%;}
}
@media (max-width: 768px) {
	.hero .flex .sale_left .flex p.font-100 {font-size: 70px;}
	.hero .flex .sale_left .flex i.font-45 {font-size: 30px;}
}
@media (max-width: 576px) {
	.hero .bg-white {text-align: center;}
	.hero .bg-white > .flex {flex-wrap: wrap;}
	.hero .flex .sale_left {width: 100%;}
	.hero .flex .sale_right {width: 80%;margin: auto;}
	.hero .flex .sale_right ul li {text-align: left;}
}
@media (max-width: 440px) {
    .hero {padding-top: 6rem;}
	.hero .flex .sale_right {width: 100%;}
}

/*==========================================
 PLAN DETAILS
==========================================*/
.plan_details .container .row.grid {
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	margin: 0;
}
.pd_box {
	border: 1px solid rgba(233,233,233,0.77);
	-webkit-border-radius: var(--bradius);
	border-radius: var(--bradius);
	padding: 30px;
}
.pd_box h3 {
	color: var(--hanPurple);
}
.pd_box ul {
	list-style: none;
	padding-left: 0;
}
.pd_box ul li {
	padding-left: 23px;
	position: relative;
	margin-bottom: 15px;
}
.pd_box ul li:last-child {
	margin-bottom: 0;
}
.pd_box ul li:before {
	content: '\ea14';
	font-family: 'icomoon';
	font-size: 11px;
	color: var(--gray);
	margin-right: 10px;
	position: absolute;
	top: 5px;
	left: 0;
}
.addon_box ul li {
	justify-content: space-between;
}
.addon_box ul li p:first-child {
	width: 66%;
}
.addon_box ul li p:last-child {
	width: 34%;
	text-align: right;
}
.acct_res .pd_box ul li:before,
.addon_box ul li:before {
	display: none;
}
.acct_res .pd_box ul li,
.addon_box ul li {
	padding-left: 0;
}

@media (max-width: 992px) {
	.plan_details .container .row.grid {grid-template-columns: repeat(2, 1fr);grid-column-gap: 30px;grid-row-gap: 30px;margin: 0 10px;}
}
@media (max-width: 768px) {
	.plan_details .container .row.grid {display: block;}
	.plan_details .container .row.grid > .flex {display: block;margin-bottom: 30px;}
	.plan_details .container .row.grid > .flex:last-child {margin-bottom: 0;}
}
@media (max-width: 576px) {
	.addon_box ul li p:first-child {width: 60%;}
	.addon_box ul li p:last-child {width: 40%;}
}

/*==========================================
 FAQ
==========================================*/
.faq {
	padding: 70px 0;
	--shadow:  0 0 20px 0 rgba(0,0,0,0.16);
}
.faq .faq_shadow {
	-webkit-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
}
.faq_item {
	--p: 20px 23px;
}
.faq_item:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0px;
	background: var(--hanPurple);
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.faq_item.active:before {
	width: 2px;
}
.faq_ask {
	color: var(--gunmetal);
	background: #fff;
	padding: var(--p);
	cursor: pointer;
}
.faq_ask:after {
	content: '\f281';
	font-family: 'icomoon';
	color: var(--gunmetal);
	position: absolute;
	font-size: 32px;
	right: 15px;
	top: 15px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.faq_ask.unfolded,
.faq_ask.unfolded:after {
	color: var(--hanPurple);
	background: #f7f7f7;
}
.faq_ask.unfolded:after {
	transform: rotate(180deg);
}
.faq_ans {
	max-height: 0;
	overflow: hidden;
}
.faq_ans.opnr {
	max-height: 700px;
}
.faq_ans .answer {
	padding: var(--p);
	padding-top: 0;
	color: var(--gunmetal);
}
.faq_ans .answer ul {
	list-style: none;
}
.faq_ans .answer ul li:before {
	content: '\f286';
	font-family: 'icomoon';
	color: var(--hanPurple);
	font-size: 15px;
	margin-right: 12px;
}
@media (max-width: 991px) {
	.faq .faq_shadow {box-shadow:none;-webkit-box-shadow:none;}
	.faq_item.active {z-index: 1;-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);}
	.faq_item {--p: 20px 45px 20px 23px;}
}