.BillingSection { float: left; width: 100% ; padding: 40px 30% 50px ;  }


.StatementTable { width: 100%; padding: 15px ; box-shadow: 0 0 5px rgba(0, 0, 0, 0) ; margin: 0 0 5px ; border-radius: 7px ;  }


.BillingTable { position: relative; width: 100%; padding: 15px ; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) ; margin: 0 0 5px ; border-radius: 7px }
.BillingTableHeading { font-size: 1.2rem ; font-weight: 600 ; padding: 0 ; margin: 0 0 10px ; width: 100%; }
.BillingTableGrandTotal { font-size: 1.2rem ; font-weight: 600 ; padding: 0 ; margin: 0 0 10px ; width: 100%; }






.PlatformBillingSchemeBox0 { width: 18rem; height: fit-content ; float: left ; margin: 0 2% 2rem ; display: flex ; align-items: center; flex-direction: column ;  border-radius: 0 ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4 ); transition-duration: 0.3s ; padding: 3rem 1rem 2.5rem ; cursor: default;  }
.PlatformBillingSchemeBox0:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5 ) ;  transition-duration: 0.3s ;  }

.PlatformBillingSchemeIconBox { float: left; width: auto ; height: 2.5rem ; }
.PlatformBillingSchemeIcon { height: 100% ;  }
.PlatformBillingSchemeName { float: left; width: 100%; font-size: 1.5rem ; margin: 1.7rem 0 0.7rem ; text-transform: uppercase; font-weight: 600; text-align: center; }
.PlatformBillingSchemeDescription { float: left; width: 100%; height: 4rem; text-align: center; padding: 0 1rem 0 ; font-size: 0.9rem ; opacity: 0.6 ; }
.PlatformBillingSchemePrice { float: left; width: 100%; font-size: 3rem ; margin: 1.2rem 0 0.2rem ;  text-align: center; font-weight: 100; }
.PlatformBillingSchemePriceSIUnit { float: left; width: 100%; font-size: 1rem ; text-align: center; text-transform: lowercase; opacity: 0.6 ;  }
.PlatformBillingSchemePriceTerms { float: left; width: 100%; font-size: 0.8rem ; margin: 2rem 0 0 ; text-align: center; padding: 0 1rem 0 ; height: 2.5rem ;  line-height: 0.9rem; opacity: 0.5; }


.BillingPaymentStatus { position: absolute; top: 0.7rem ; right: 0.7rem ; padding: 0.3rem 0.7rem 0.3rem ; border-radius: 500px ; }
.Paid { background-color: rgba(0, 107, 0, 0.8) ; }
.Unpaid { background-color: rgba(221, 41, 0, 0.8) ; }




.BillingBlock { z-index: 499 ; position: fixed; top: 0; left: 0 ; height: 100vh ; width: 100% ; background-color: rgba(0, 0, 0, 0.8 ) ; overflow-y: scroll; }
.BillingBlockCard { float: left ; width: 24rem ; height: fit-content; padding: 1.2rem ; margin: 0 1% 2rem ; border-radius: 7px ; display: flex; flex-direction: column; align-items: center ; }






@media screen and ( max-width: 4000px ) {

}

@media screen and ( max-width: 3000px ) {

}

@media screen and ( max-width: 2000px ) {

}

@media screen and ( max-width: 1500px ) {

}

@media screen and ( max-width: 1000px ) {
    .BillingSection  { padding-left: 5%; padding-right: 5% ; }

}

@media screen and ( max-width: 500px ) {
}