/*  ==================== .loginHome ==================== */
html, body {
  height: auto;
  margin: 0;
  padding: 0;
}
.loginHome .inner-pages{
	margin-top: unset !important;
}
.about-heading.inner-about {
	padding-top: unset;
}
.service-block{
	border: unset;
    padding: 10px;
    background: #ffffff;
    display: flex;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.service-block label{
	font-size: 16px;
    font-weight: 800 !important;
    color: #3a3d8a;
}
.service-block span{
	display: block;
    height: 38px;
    border-radius: 6px;
    border: solid #c4dceb 1px !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-left: 12px;
    color: #495057;
    font-weight: 500;
}
.service-block select, #scno{
	height: 38px !important;
	border-radius: 6px;
    border: solid #9bd9ff 1px !important;
}

.admin-block div {
    padding: 10px 16px;
}
.admin-block div imput, .admin-block div label{
    font-size: 17px;
    font-weight: 500 !important;
    color: #3a3d8a;
}
.loginHome .inner-pages .container{
	max-width: 80%;
}
.about-heading p{
	margin: unset;
}
.loginHome .blocks {
    padding: 14px 0px;
}

.loginHome .blocks h2 {
    font-size: 16px;
    text-align: justify;
    padding: 6px 0px;
}
.loginHome .blocks .inner-block{
	padding: 10px 20px;
/* 	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; */
/* 	box-shadow: 0 6px 14px rgba(31, 58, 86, 0.12); */
	position: relative; 
	overflow: hidden;
}

.loginHome .blocks .inner-block::before{
	content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    bottom: -47px;
    right: -20px;
}
.loginHome .blocks .inner-block::after{
	content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    top: -14px;
    right: -30px;
}
.loginHome .blocks .inner-block:nth-child(1){
	background: #f1f3c2;
	background: linear-gradient(90deg, #fbc2a3, #ff7da4);
}
.loginHome .blocks .inner-block:nth-child(2){
	background: #edddb6;
	background: linear-gradient(90deg, #a5d8ff, #1e90ff);
}
.loginHome .blocks .inner-block:nth-child(3){
	background: #aad9ca;
	background: linear-gradient(90deg, #a2f3e0, #00c9a7);
}
.loginHome .blocks .inner-block:nth-child(4){
	background: #f3c2cd;
	background: linear-gradient(90deg, #b4f7cc, #26d37c);
	background: linear-gradient(90deg, #adf1c5, #26d37c);
}
.loginHome .blocks .inner-block:nth-child(5){
	background: #ecc9c2;
	background: linear-gradient(90deg, #e4c7ff, #b784ff);
}
.loginHome .blocks .inner-block:hover{
	filter: brightness(95%);
}
:root{
	--onhoverfont: #4e64a1;
}
.loginHome .blocks .inner-block a{
	color: var(--onhoverfont) !important;
}
.loginHome .blocks .inner-block:hover a{
	color: white !important;
}

.loginHome .blocks .inner-block:hover .right-contnt-block h5 span{
	color: white !important;
}

.inner-block .right-contnt-block{
	width: 100%;
	float: unset;
	display: flex;
    justify-content: flex-start;
}
.blocks .inner-block{
	flex: 1;
	margin-right: unset;
}
.right-contnt-block h5, .pymt{
	text-align: unset !important;
    padding: unset !important;
    line-height: unset !important;
}
.right-contnt-block h5 span {
    text-align: justify;
    color: var(--onhoverfont) !important;
}

.right-contnt-block h5 span:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
}
.inner-block a {
    display: grid;
    justify-items: start;
    color: white;
}
.inner-block i{
	padding: 10px 0px;
    font-size: 20px;
}

.step-home-page-about.inner-pages{
	margin-bottom: unset !important;
}
.show-hid-block{
	margin-top: unset !important;
}
#payHisDiv.container{
	max-width: 80%;
}

.loginHome .table>tbody>tr>td, .table>tbody>tr>th{
	padding: 8px;
}
.loginHome .table>tbody>tr>td .btn{
	font-size: 0px !important;
	padding: 1px 6px !important;
}
.loginHome .table>tbody>tr>td i{
	font-size: 14px !important;
}
.loginHome .table-bordered{
	table-layout: unset !important;
}

.loginHome .card-header{
	color: #1e3a8a;
    background: red;
    background-color: #6ed6fd
}
.loginHome .graphDataDiv .table th {
    font-size: 14px;
    background: #dbeafe;
    color: #1e3a99;
}
.loginHome .graphDataDiv .table>tbody>tr>th{
    border: unset;
}
.loginHome .graphDataDiv .table>tbody>tr>td{
    border: unset;
}


/* ================================================== this is for Groupred connection ================================================== */
.lt-inner-block{
	border: unset;
    padding: 10px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.lt-inner-block div select{
	height: 38px !important;
    border-radius: 6px;
    border: solid #9bd9ff 1px !important;
    background: white !important;
}
.lt-inner-block div input[type="button"] {
	color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}



/* ================================================== this is for Login PopUP ================================================== */

#myModalPayBanner .form-group {
    margin-bottom: unset;
}

#myModalPayBanner .modal.fade .modal-dialog {
    transform: unset;
}

.feedback-block .modal-content {
    margin-left: unset;
}
#PayBannerDiv{
	height: unset;
}

.modal.feedback-block .modal-body {
    padding: unset;
}
.modal.feedback-block .close.top-btn{
	margin-top: unset;
    position: absolute;
}
.feedback-block .item.active{
	padding: unset;
}


#myModalPayBanner .form-group {
    margin-bottom: unset;
}

#myModalPayBanner .modal.fade .modal-dialog {
    transform: unset;
}

.feedback-block .modal-content {
    margin-left: unset;
}
#PayBannerDiv{
	height: unset !important;
}

.modal.feedback-block .modal-body {
    padding: unset;
}
.modal.feedback-block button.close.top-btn{
	position: absolute;
    top: unset;
    margin: 8px;
    margin-top: 8px !important;
}
.feedback-block .item.active{
	padding: unset;
}

.feedback-block .modal-content {
    margin-left: unset;
    margin-top: unset;
    min-height: unset !important;
}
.feedback-block .modal-center{
    height: 100% !important;
}
#prepaidDetails .card{
    width: 80%;
    margin-bottom: 50px;
}
/* div:has( > .card-table #aeslTableId){
    width: auto;
    overflow: auto;
} */
.stack div:has(>.table-responsive table){
    width: auto;
    overflow: auto;
}
#prepaidDetails .card .table-responsive{
	max-height: 31vh;
	padding: unset !important;
}
.card .table-responsive table thead tr th {
    white-space: normal;
}


/* =====================================================================================================================
======================================= this is for Responsive for login page only Starting ======================================= */
@media (max-width: 767px){
.feedback-block .modal-content{
    height: unset;
}
.step-home-page-about.inner-pages {

        margin-top: 40px !important;
}
.loginHome .inner-pages .container {
    max-width: 98%;
}
.service-block {
    align-items: center;
    flex-wrap: wrap;
}
.col-md-3.
.col-xs-12.inner-sub-block {
    text-align: center;
    margin: 2px 0px;
}
#billLabelTabsPost > div:first-of-type{
    flex-direction: unset;
    flex-wrap: wrap;
}
.blocks .inner-block{
        flex: 1 0 calc(50% - 10px);
}
.about-heading p {
    margin-top: unset;
}
.step-main-footer{
    height: 0px;
}
.info-cards {
    display: flex;
    flex-wrap: wrap;
}
.info-card {
    flex: 1 0 calc(50% - 12px);
}


#billLabelTabsPre.blocks > div:first-of-type{
    flex-wrap: wrap;
}
div:has( > .table-responsive){
    width: 100%;
    overflow: auto;
}

#prepaidDetails .card{
    width: 96%;
}
.toggle-content{
	grid-template-columns: 1fr;
}
}
/* =====================================================================================================================
======================================= this is for Responsive for login page only Starting ======================================= */