.billingPageView .pageConetent .addcreditSec .right .body .checkout-btn,.common-buttonStyle,.priceListSec .footersec button{border-radius:25px;color:#fff;font-weight:400;height:35px;border:none;text-transform:capitalize}.app-C-Scroll{-ms-overflow-style:none}.app-C-Scroll::-webkit-scrollbar{width:5px;height:5px}.app-C-Scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.app-C-Scroll::-webkit-scrollbar-thumb{border-radius:10px;background:#5761ce}.billingPageView{position:relative;padding:20px;font-family:Poppins,sans-serif}.billingPageView .spinners{text-align:center;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;z-index:99;background:#fff;opacity:.5;border-radius:15px}.billingPageView .spinners .ant-spin-spinning{justify-content:center;height:100%;display:flex;align-items:center}.billingPageView .pageConetent .header{display:flex;justify-content:space-between;margin:0 0 20px 0}.billingPageView .pageConetent .header .left{display:flex;align-items:center;color:#474747;font-size:24px}.billingPageView .pageConetent .header .left img{max-width:35px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 10px 0 0}.billingPageView .pageConetent .header .right{background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,.050980392156862744);border-radius:20px;padding:20px 35px 10px;color:#474747;font-size:20px}.billingPageView .pageConetent .header .right .cCount{color:#a8aef2;font-size:50px}.billingPageView .pageConetent .addcreditSec{background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,.050980392156862744);border-radius:12px;padding:20px;margin:0 0 20px 0;display:flex;justify-content:space-between}.billingPageView .pageConetent .addcreditSec .left,.billingPageView .pageConetent .addcreditSec .right{width:49%;border-radius:12px}.billingPageView .pageConetent .addcreditSec .left .head,.billingPageView .pageConetent .addcreditSec .right .head{height:40px;color:#fff;font-size:16px;text-align:center;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px}.billingPageView .pageConetent .addcreditSec .left .body,.billingPageView .pageConetent .addcreditSec .right .body{padding:5px 10px 10px;border-radius:0 0 20px 20px}.billingPageView .pageConetent .addcreditSec .left{background-color:#ebecff}.billingPageView .pageConetent .addcreditSec .left .head{background-color:#a8aef2}.billingPageView .pageConetent .addcreditSec .left .body{background-color:#ebecff;padding:20px 20px 20px;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:center}.billingPageView .pageConetent .addcreditSec .left .body label{color:#474747;font-size:16px}.billingPageView .pageConetent .addcreditSec .left .body .nfield{display:flex;margin:10px 0 10px 0}.billingPageView .pageConetent .addcreditSec .left .body .nfield .ant-input-number{width:calc(100% - 100px);border-radius:10px 0 0 10px;border:none}.billingPageView .pageConetent .addcreditSec .left .body .nfield .nlabel{width:100px;background:#a8aef2;color:#fff;border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center}.billingPageView .pageConetent .addcreditSec .left .body .pricelists{display:flex;justify-content:flex-end}.billingPageView .pageConetent .addcreditSec .left .body .pricelists span{text-decoration:underline;cursor:pointer}.billingPageView .pageConetent .addcreditSec .right{background-color:#e8fcec}.billingPageView .pageConetent .addcreditSec .right .head{background-color:rgba(134,210,149,.5215686274509804)}.billingPageView .pageConetent .addcreditSec .right .body{background-color:#e8fcec}.billingPageView .pageConetent .addcreditSec .right .body small{text-align:center;width:100%;display:table;margin:5px auto;color:#86d295}.billingPageView .pageConetent .addcreditSec .right .body .totalSec{margin:0 0 10px 0}.billingPageView .pageConetent .addcreditSec .right .body .totalSec .subtotal{display:flex;justify-content:space-between;margin:0 0 5px 0}.billingPageView .pageConetent .addcreditSec .right .body .totalSec .subtotal .left,.billingPageView .pageConetent .addcreditSec .right .body .totalSec .subtotal .right{color:#474747;background-color:#f8fff9;padding:5px;width:49.5%;display:flex;align-items:center;justify-content:center}.billingPageView .pageConetent .addcreditSec .right .body .totalSec .subtotal .left{font-size:14px;border-radius:10px 0 0 10px}.billingPageView .pageConetent .addcreditSec .right .body .totalSec .subtotal .right{font-size:16px;border-radius:0 10px 10px 0}.billingPageView .pageConetent .addcreditSec .right .body .checkout-btn{background-color:#86d295;border-radius:8px;color:#fff;font-size:14px;text-shadow:none}.billingPageView .pageConetent .invoicSec{border-top:1px solid #ebecff;padding:20px 0 0 0}.billingPageView .pageConetent .invoicSec .head{display:flex;justify-content:space-between;margin:0 0 20px 0}.billingPageView .pageConetent .invoicSec .head .left{display:flex;align-items:center;color:#474747;font-size:24px}.billingPageView .pageConetent .invoicSec .head .left img{max-width:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 10px 0 0}.billingPageView .pageConetent .invoicSec .tableSec{background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,.050980392156862744);border-radius:20px;padding:20px;overflow-x:auto}.billingPageView .pageConetent .tableSec .ant-table-body thead{border-top-left-radius:20px;border-top-right-radius:20px}.billingPageView .pageConetent .tableSec .ant-table-body thead tr th{background:#ebebeb}.billingPageView .pageConetent .tableSec .ant-table-body thead tr th:first-child{border-top-left-radius:20px}.billingPageView .pageConetent .tableSec .ant-table-body thead tr th:last-child{border-top-right-radius:20px}.billingPageView .pageConetent .tableSec .ant-table-body tbody tr td{border-bottom:2px solid #fff;background:#f9f9ff;font-weight:300}.billingPageView .pageConetent .tableSec .ant-table-body tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.billingPageView .pageConetent .tableSec .ant-table-body tbody tr:last-child td:last-child{border-bottom-right-radius:20px}.billingPageView .pageConetent .tableSec .ant-table-body tbody .actionblock .anticon{color:#ff5e5e}.billingPageView .paymentContainer .title{color:#86d295;font-size:20px;text-align:center;margin:0 0 20px 0}.billingPageView .paymentContainer .title span{color:#5761ce}.Tlistpagination{display:flex;justify-content:flex-end;align-items:center;margin:16px 0}.priceListSec .tableSec{overflow-x:auto}.priceListSec .tableSec .ant-table{background:transparent}.priceListSec .tableSec .ant-table-body thead{border-top-left-radius:11px;border-top-right-radius:11px}.priceListSec .tableSec .ant-table-body thead tr th{background:#ebebeb}.priceListSec .tableSec .ant-table-body thead tr th:first-child{border-top-left-radius:11px}.priceListSec .tableSec .ant-table-body thead tr th:last-child{border-top-right-radius:11px}.priceListSec .tableSec .ant-table-body tbody tr td{border-bottom:2px solid #fff;background:#f9f9ff;font-weight:300}.priceListSec .tableSec .ant-table-body tbody tr:last-child td:first-child{border-bottom-left-radius:11px}.priceListSec .tableSec .ant-table-body tbody tr:last-child td:last-child{border-bottom-right-radius:11px}.priceListSec .footersec{display:flex;justify-content:center;margin:15px 0 0}.priceListSec .footersec button{background-color:#86d295;padding:0 30px}@media only screen and (max-width:768px){.billingPageView .pageConetent .header{flex-direction:column}.billingPageView .pageConetent .header .left{margin:0 0 10px 0}.billingPageView .pageConetent .header .right{display:flex;align-items:center;justify-content:center}.billingPageView .pageConetent .header .right .cCount{margin:0 0 0 10px}.billingPageView .pageConetent .addcreditSec{flex-direction:column}.billingPageView .pageConetent .addcreditSec .left{width:100%;margin:0 0 20px 0}.billingPageView .pageConetent .addcreditSec .right{width:100%}.billingPageView .pageConetent .addcreditSec .right .subtotal .left{margin:0}}@media only screen and (max-width:580px){.billingPageView{padding:10px}.billingPageView .pageConetent .header .left{font-size:18px}.billingPageView .pageConetent .header .left img{max-width:25px}.billingPageView .pageConetent .header .right{font-size:16px}.billingPageView .pageConetent .header .right .cCount{font-size:35px}.billingPageView .pageConetent .addcreditSec .left .head{font-size:14px;padding:5px 0;min-height:40px;height:auto}.billingPageView .pageConetent .addcreditSec .left .body label{font-size:14px}.billingPageView .pageConetent .addcreditSec .left .body .nfield .ant-input-number{width:auto}.billingPageView .pageConetent .addcreditSec .left .body .nfield .nlabel{width:auto;padding:0 10px}.billingPageView .pageConetent .addcreditSec .right .head{font-size:14px;padding:5px 0;min-height:40px;height:auto}.billingPageView .pageConetent .addcreditSec .right .body .subtotal .left{font-size:12px;margin:0}.billingPageView .pageConetent .addcreditSec .right .body .subtotal .right{font-size:14px}.billingPageView .pageConetent .addcreditSec .right .body .checkout-btn{white-space:normal;height:auto}.billingPageView .pageConetent .invoicSec .head .left{font-size:18px}.billingPageView .pageConetent .invoicSec .head .left img{max-width:25px}.billingPageView .pageConetent .tableSec .ant-table-body tbody tr td,.billingPageView .pageConetent .tableSec .ant-table-body thead tr th{font-size:12px}.billingPageView .paymentContainer .title{font-size:16px}.billingPageView .paymentContainer .paymentSec.stripeCElement{padding:5px;padding-bottom:60px}.billingPageView .paymentContainer .paymentSec.stripeCElement *{font-size:14px}.billingPageView .paymentContainer .paymentSec.stripeCElement .row{flex-direction:column}.billingPageView .paymentContainer .paymentSec.stripeCElement .field,.billingPageView .paymentContainer .paymentSec.stripeCElement .field.half-width{width:calc(100% - 20px)}.billingPageView .paymentContainer .paymentSec.stripeCElement .subBtns{flex-direction:column-reverse;align-items:center;justify-content:center}.billingPageView .paymentContainer .paymentSec.stripeCElement input[type=submit]{margin:10px}}.paymentSec.stripeCElement{background-color:#fff;max-width:500px;box-shadow:4px 22px 54px rgba(105,95,151,.10196078431372549);border-radius:30px;margin:auto;padding:20px;padding-bottom:60px;position:relative}.paymentSec.stripeCElement *{font-family:Source Code Pro,Consolas,Menlo,monospace;font-size:16px;font-weight:500}.paymentSec.stripeCElement .row{display:flex;margin:0 5px 10px}.paymentSec.stripeCElement .field{position:relative;width:100%;height:50px;margin:0 10px}.paymentSec.stripeCElement .field.half-width{width:50%}.paymentSec.stripeCElement .field.quarter-width{width:calc(25% - 10px)}.paymentSec.stripeCElement .baseline{position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:#cfd7df;transition:background-color .3s cubic-bezier(.165,.84,.44,1)}.paymentSec.stripeCElement label{position:absolute;width:100%;left:0;bottom:8px;color:#cfd7df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform-origin:0 50%;cursor:text;transition-property:color,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.165,.84,.44,1)}.paymentSec.stripeCElement .input{position:absolute;width:100%;left:0;bottom:0;padding-bottom:7px;color:#32325d;background-color:transparent}.paymentSec.stripeCElement .input::-webkit-input-placeholder{color:transparent;-webkit-transition:color .3s cubic-bezier(.165,.84,.44,1);transition:color .3s cubic-bezier(.165,.84,.44,1)}.paymentSec.stripeCElement .input::-moz-placeholder{color:transparent;-moz-transition:color .3s cubic-bezier(.165,.84,.44,1);transition:color .3s cubic-bezier(.165,.84,.44,1)}.paymentSec.stripeCElement .input:-ms-input-placeholder{color:transparent;-ms-transition:color .3s cubic-bezier(.165,.84,.44,1);transition:color .3s cubic-bezier(.165,.84,.44,1)}.paymentSec.stripeCElement .input.StripeElement{opacity:0;transition:opacity .3s cubic-bezier(.165,.84,.44,1);will-change:opacity}.paymentSec.stripeCElement .input.focused,.paymentSec.stripeCElement .input:not(.empty){opacity:1}.paymentSec.stripeCElement .input.focused::-webkit-input-placeholder,.paymentSec.stripeCElement .input:not(.empty)::-webkit-input-placeholder{color:#cfd7df}.paymentSec.stripeCElement .input.focused::-moz-placeholder,.paymentSec.stripeCElement .input:not(.empty)::-moz-placeholder{color:#cfd7df}.paymentSec.stripeCElement .input.focused:-ms-input-placeholder,.paymentSec.stripeCElement .input:not(.empty):-ms-input-placeholder{color:#cfd7df}.paymentSec.stripeCElement .input.focused+label,.paymentSec.stripeCElement .input:not(.empty)+label{color:#aab7c4;transform:scale(.85) translateY(-25px);cursor:default}.paymentSec.stripeCElement .input.focused+label{color:#24b47e}.paymentSec.stripeCElement .input.invalid+label{color:#ffa27b}.paymentSec.stripeCElement .input.focused+label+.baseline{background-color:#24b47e}.paymentSec.stripeCElement .input.focused.invalid+label+.baseline{background-color:#e25950}.paymentSec.stripeCElement input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-style:none}.paymentSec.stripeCElement input:-webkit-autofill{-webkit-text-fill-color:#e39f48;-webkit-transition:background-color 100000000s;transition:background-color 100000000s;-webkit-animation:void-animation-out 1ms}.paymentSec.stripeCElement .StripeElement--webkit-autofill{background:transparent!important}.paymentSec.stripeCElement input{-webkit-animation:void-animation-out 1ms}.paymentSec.stripeCElement input[type=submit]{display:block;width:45%;height:40px;margin:40px 15px 0;background-color:#6149cd;border-radius:4px;color:#fff;text-transform:uppercase;font-weight:400;cursor:pointer;box-shadow:1px 8px 29px rgba(105,95,151,.1411764705882353);border-radius:17px}.paymentSec.stripeCElement input[type=submit]:active{background-color:#6149cd}.paymentSec.stripeCElement .subBtns{display:flex;align-items:baseline}.cancle-btn{width:45%;height:40px;border:1px solid #ebebeb!important;border-radius:17px;background:#fff!important;box-shadow:none!important;color:#7a86a1!important;text-shadow:none}.paymentSec.stripeCElement .error .anticon{display:none;color:#e25950}.paymentSec.stripeCElement .error.visible .anticon{display:block}.paymentSec.stripeCElement .error .message{color:#e25950}.paymentSec.stripeCElement .success .icon .border{stroke:#abe9d2}.paymentSec.stripeCElement .success .icon .checkmark{stroke:#24b47e}.paymentSec.stripeCElement .success .title{color:#32325d;font-size:16px!important}.paymentSec.stripeCElement .success .message{color:#8898aa;font-size:13px!important}.paymentSec.stripeCElement .success .reset path{fill:#24b47e}.paymentSec.stripeCElement .success .succesicon{display:none;color:#86d295}.paymentSec.stripeCElement .success .succesicon svg{font-size:65px}.paymentSec.stripeCElement .ant-spin-spinning .ant-spin-dot-spin{font-size:28px}.paymentSec.stripeCElement .ant-spin-spinning .ant-spin-dot-spin .ant-spin-dot-item{background-color:#86d295}.paymentSec.stripeCElement .ant-spin-spinning .ant-spin-text{color:#86d295;font-size:24px}.paymentSec .error{display:flex;justify-content:center;position:absolute;width:100%;bottom:15px;margin-top:20px;left:0;padding:0 15px;font-size:13px!important;opacity:0;transform:translateY(10px);transition-property:opacity,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.165,.84,.44,1)}.paymentSec .error.visible{opacity:1;transform:none}.paymentSec .error .message{font-size:inherit}.paymentSec .error svg{flex-shrink:0;margin-top:-1px;margin-right:10px}.paymentSec.submitted .success .ant-spin-spinning{display:none}.paymentSec .success{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;padding:10px;text-align:center;pointer-events:none;overflow:hidden}@media (min-width:670px){.paymentSec .success{padding:40px}}.paymentSec .success>*{transition-property:opacity,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.165,.84,.44,1);opacity:0;transform:translateY(50px)}.paymentSec .success .icon{margin:15px 0 30px;transform:translateY(70px) scale(.75)}.paymentSec .success .icon svg{will-change:transform}.paymentSec .success .icon .border{stroke-dasharray:251;stroke-dashoffset:62.75;transform-origin:50% 50%;transition:stroke-dashoffset .35s cubic-bezier(.165,.84,.44,1);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.paymentSec .success .icon .checkmark{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .35s cubic-bezier(.165,.84,.44,1) .35s}.paymentSec.stripeCElement.submitted .success .succesicon{display:block}.paymentSec .success .title{font-size:17px;font-weight:500;margin-bottom:8px}.paymentSec .success .message{font-size:14px;font-weight:400;margin-bottom:25px;line-height:1.6em}.paymentSec .success .contionue-btn{width:45%;height:40px;border:none!important;border-radius:17px;background:#86d295!important;box-shadow:none!important;color:#fff!important;text-shadow:none;margin:20px 0}.paymentSec .success .message span{font-size:inherit}.paymentSec .success .reset:active{transition-duration:.15s;transition-delay:0s;opacity:.65}.paymentSec .success .reset svg{will-change:transform}.paymentSec.submitted form,.paymentSec.submitting form{opacity:0;transform:scale(.9);pointer-events:none}.paymentSec.submitted .success,.paymentSec.submitting .success{pointer-events:all}.paymentSec.submitting .success .icon{opacity:1}.paymentSec.submitted .success>*{opacity:1;transform:none!important}.paymentSec.submitted .success>:nth-child(2){transition-delay:.1s}.paymentSec.submitted .success>:nth-child(3){transition-delay:.2s}.paymentSec.submitted .success>:nth-child(4){transition-delay:.3s}.paymentSec.submitted .success .icon .border,.paymentSec.submitted .success .icon .checkmark{opacity:1;stroke-dashoffset:0!important}