body {
	font-family: 'Roboto' !important;
	color: #000 !important;
}


.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
.sticky + .bdcontent {
	margin-top: 75px;
}

.home-banner{
	//width: 500px !important;
}
.banner-left{
	padding-top: 90px;
	padding-bottom: 90px;
	padding-left:30px;
}

.banner-button:focus{
	color:#652B82;
}


.home-features-icon{
	color: #652B82;
	font-size: 40px;
}
.home-features-title{
	color: #652B82;
	font-weight: bold;
	font-size: 16px;
	height: 40px;
}
.home-features-text{
	color: #000;
	height:250px;
}
.bg-white{
	background: #fff;
}
.home-features-block{
	padding: 10px;
}
.navbar-brand img{
	height: 60px;
	margin: 0px;
}
.home-banner-heading
{
	color: #652B82;
	font-size: 30px;
	font-weight: bold;
}

.home-banner-text
{
	text-align: justify;
}

.about-banner-heading
{
	font-size: 30px;
	font-weight: bold;	
	color:#fff; 
	text-align: center;
	padding: 50px 0px 200px 0px;
}
.about-us-image{
	//width: 100%; 
	margin-top: -200px; 
	border-radius: 2px;
	width: 600px;
}
.about-us-title{
	color: #652B82; 
	font-size: 20px; 
	font-weight: bold; 
	//padding-top: 52%; 
	//padding-bottom: 43%; 
	text-align: center;
}
.service-banner-area{
	height: 85vh;
}
.service-background{
	height: 100%;
	background-color: #652B82;
	background-image: url("../images/service.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 700px 550px;	
}
.service-banner-text
{	color: #fff;
	font-size: 30px;
	margin-top: 42%;
}
.login-image-container{
	text-align: center;
}
.login-image{
	width: 100%;
	margin-top: 80px;
}
.login-page-container
{
	padding: 30px;
}

.cs-background{
	height: 500px;
	padding-top: 200px;
	background-color: #652B82;
	
	
}
.contact-banner-image{
	width: 400px;
}





.faq-title{
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
}
.faq-right-title{
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	margin-top: 160px;
}
.faq-textarea{
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 13px;
	text-align: justify;
}
.accordion{
	margin-bottom: 100px;
}
.accordion .accordion-button{
	background: #652B82;
	color: #fff;
	font-size: 14px;
	height: 80px;
}
.accordion .card-body{
	background: #652B82;
	color: #fff;
	font-size: 13px;
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: scale(.7) !important;
	color: #fff;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.faq-righ-area{
	padding: 50px;
}



.pay-bill-mobile{
	display: none;
}
.pay-bill-desktop{
	display: block;
}



@media (max-width: 767.98px) {
	.home-features-title,
	.home-features-text	{
		height: auto; 
	} 
	.navbar-brand img{
		height: 40px;
		margin-top: 0px;
	}
	.banner-left{
		padding: 0px 20px;
		padding-bottom: 30px;
	}
	.banner-right{
		display: none;
	}
	.outerWrapper{
		width: 100%;
	}
	
	.about-banner-heading
	{
		font-size: 22px;
		padding: 50px 0px 160px 0px; 
	}
	.about-us-image{
		width: 100%; 
		margin-top: -140px; 
		border-radius: 2px;
	}
	.about-us-title{
		padding-top: 20px; 
		padding-bottom: 10px; 
	}
	.service-banner-text
	{	font-size: 25px;
		margin-top: 30px;
	}
	.service-background{
		height: 100%;
		background-position: bottom;
		background-size: 500px 350px;		
	}
	
	.login-image{
		width: 40%;
		margin-top: 20px;		
	}
	.login-page-container
	{
		padding: 20px;
	}
	.cs-ag-image{
		display: none;
	}
	.cs-background{
		height: 250px;
		padding-top: 50px;
		background-color: #652B82;
		background-image: url("../images/con1.png");
		background-position: 300px 20px; 
		background-repeat: no-repeat;
		background-size: cover;
		background-size: 100px 250px;
		
	}
	.contact-banner-image{
		width: 200px;
	}
	
	.faq-right-title{
		margin-top: 0px;
	}
	.faq-righ-area{
		padding: 20px;
		padding-top: 0px;
		padding-bottom: 50px;
	}
	.accordion{
		margin-bottom: 20px;
	}
	.banner-left{
		padding-left:20px;
	}
	.container-fluid {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
	}
	.pay-bill-mobile{
		display: block;
	}
	.pay-bill-desktop{
		display: none;
	}
	.pay-bill-desktop-part{
		display: none!important;
	}
}




/*//////////Paybill/////////////////////*/
.pay-bill-submenu{
	width: 81%;
	margin-left:  130px;
	//margin-right:  100px;
	background: #F0EAF3 !important;
	box-shadow: none !important;
	opacity: 0.9 !important;
	margin-top: 0px !important;
}
.bill-options{
	width: 16.66%;
	float: left;
	padding: 10px;
	text-align: center;
	border-left: 1px solid #f9f3f3;
	border-right: 1px solid #f9f3f3;
}
.bill-options img{
	height: 50px;
	height: 50px;
	border-radius: 50%;
}
.bill-options p{
	color: #000;
	font-size: 13px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}


.mobile-recharge-banner{
	height: 300px;
	padding-top: 50px;
	background-color: #652B82;
	background-image: url("../images/recharge-bg.jpg");
	//background-position: 300px 20px; 
	background-repeat: no-repeat;
	background-size: cover;
	//background-size: 100px 250px;
}
.recharge-banner-heading{

	font-size: 40px;
	//font-weight: bold;	
	color:#fff; 
	text-align: center;
	padding: 50px 0px 200px 0px;

}

.electricity-bill-banner{
	height: 300px;
	padding-top: 50px;
	background-color: #652B82;
	background-image: url("../images/electricity-bd.jpg");
	//background-position: 300px 20px; 
	background-repeat: no-repeat;
	background-size: cover;
	//background-size: 100px 250px;
}
.electricity-bill-heading{

	font-size: 40px;
	//font-weight: bold;	
	color:#000; 
	text-align: center;
	padding: 50px 0px 200px 0px;

}

.water-bill-banner{
	height: 300px;
	padding-top: 50px;
	background-color: #652B82;
	background-image: url("../images/water-bg.jpg");
	//background-position: 300px 20px; 
	background-repeat: no-repeat;
	background-size: cover;
	//background-size: 100px 250px;
}
.water-bill-heading{

	font-size: 40px;
	//font-weight: bold;	
	color:#000; 
	text-align: center;
	padding: 50px 0px 200px 0px;

}
.gas-bill-banner{
	height: 300px;
	padding-top: 50px;
	background-color: #652B82;
	background-image: url("../images/gas-bg.jpg");
	//background-position: 300px 20px; 
	background-repeat: no-repeat;
	background-size: cover;
	//background-size: 100px 250px;
}
.gas-bill-heading{

	font-size: 40px;
	//font-weight: bold;	
	color:#fff; 
	text-align: center;
	padding: 50px 0px 200px 0px;

}