@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

.form-signin > form, .termscard, .privacycard{
    box-shadow: 0px 0px 50px #f6f6f6;
    border-radius: 20px;
    padding: 60px 60px 20px 60px !important;
    margin-bottom:30px !important;
}

.form-signin > form > h1{
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.btn-primary{
    background:#000 !important;
    border:0px !important;
}
.btn-primary:hover{
    background:#9fe870 !important;
    border:0px !important;
    color:#000 !important;
}

@media only screen and (min-width:768px){
    #form{
        padding: 60px 60px 20px 60px !important;
    }
}

@media only screen and (max-width:768px){
    #form{
        padding: 20px 20px 20px 20px !important;
    }
}

/*body {
  background-color: black;
}*/

body{
/*background: url("../../checkout/pages/assets/img/bg6.jpeg");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;*/
font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;
  background:url(../pages/assets/img/dot-grid.webp);
  background-attachment: fixed;
}
/* start sign in styling  */
.logo{
margin: auto;
display: block;
}
/*.signin, .register{
background: url("../images/bg6.jpeg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}*/
h1, p, hr, .copyright{
text-align: center;
color: #fff !important;
}
/*.schedule{
background: url("../images/bg6.jpeg");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}*/
.checkbox label{
color: #fff !important;
}
.form-check{
color:#000;
}
/* end sign in styling  */

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.leftsidebar{
    padding-left:20px !important;
    padding-right:20px !important;
}
.sidebar .innersb{
    background:#9fe870 !important;
    /*background: #fafafa !important;*/
    /*background: rgb(250,250,250);
    background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    box-shadow: -8px 0px 6px 0px rgba(110, 110, 110, 0.75);*/
    -webkit-box-shadow: -8px 0px 6px 0px rgba(108, 110, 110, 0.10);
    -moz-box-shadow: -8px 0px 6px 0px rgba(110, 110, 110, 0.75);
    border: 0px !important;
    border-radius: 60px;
}
.sidebar h1{
    color:#000 !important;
    text-align:left;
}
.sidebar p, .sidebar li{
    font-size:15px;
    color:#000;
}
.geninstruct{
    padding-left:15px !important;
}
.geninstruct li{
    font-size:18px;
}
.sidebar .tabpayment ol, .sidebar .tabpayment ul{
    padding-left:15px;
}
.sidebar .tabpayment .nav-tabs{
    padding-left:0px !important;
}
.sidebar .tabpayment .nav-tabs a{
    font-size:16px !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sidebar hr{
    color:#000 !important;
    margin-top:20px !important;
    margin-bottom:30px !important;
}
.btninstruct{
    text-align: center !important;
    background: #000 !important;
    padding: 20px 10px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    color: #fff !important;
}
.btninstruct:hover{
    background:#9fe870 !important;
    color:#fff !important;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
.form-check img{
height:30px;
width:auto !important;
}
.dp-cbxb{
height:14px !important;
width:auto !important;
}
.dp-ucpb, .dp-lbpa, .dp-mbtc, .pm-billease, .pm-paymaya, .pm-atome, .pm-grab_pay{
height:20px !important;
width:auto !important;
}
.sidebar h1{
    font-size:24px;
}
.sidebar .innersb{
    padding: 60px !important;
}
.btninstruct{
    display:none !important;
}
}

.paymentacc .small-icon img{
width:auto;
height:18px;
margin-left:5px;
margin-right:5px;
}
.paymentacc .accordion-button .small-icon img{
display:none !important;
}
.paymentacc .accordion-button.collapsed .small-icon img{
display:block !important;
}
.paymentacc .accordion-button.collapsed{
background:#fff !important;
}
.paymentacc .accordion-button{
/*background:#e3f1db !important;*/
background:#9fe870 !important;
}
.paymentacc .accordion-button > div{
width:100% !important;
}
.paymentacc .accordion-button > div > div:first-child{
color:#000 !important;
}
.paymentacc .accordion-body{
padding: 2rem 1.25rem !important;
/*background: #f6f6f6 !important;
background: #e3f1db !important;*/
background:#9fe870 !important;
}
.paymentacc .form-check .form-check-input {
float: left;
margin-left: 0px !important;
margin-right: 10px !important;
}
.paymentacc .form-check{
font-size:14px;
color: #000;
background: #fff;
/* box-shadow: 0px 0px 5px #ccc; */
padding: 20px 13px;
display: inline-block;
border-radius: 5px;
text-align:center;
width:48% !important;
margin-left:1px !important;
margin-right:1px!important;
}
.paymentacc .form-check input, .paymentacc .form-check img{
float:none !important;
}
.form-signin {
width: 100% !important;
/*max-width: 675px !important;*/
padding: 15px !important;
margin: auto !important;
}
.paymentacc .form-check-input:checked {
background-color: #135047 !important;
border-color: #135047 !important;
}
.enteramount input{
border:none !important;
border-bottom:1px solid #ced4da !important;
text-align:center !important;
font-size:35px;
}
.copyright, .copyright a{
color:#7a7a7a !important;
}
.error-msg{
text-align:left !important;
}

@media only screen and (max-width:767px){
.paymentacc .accordion-button.collapsed > div > div, .paymentacc .accordion-button .small-icon > div{
margin-bottom:10px !important;
}
.partnerlogos{
    flex-direction:column !important;
}
.partnerlogos img{
    margin-bottom:10px !important;
}
.termsprivacycl{
    flex-direction:column !important;
    align-items:center !important;
}
.form-check img{
    height: 20px !important;
    width: auto !important;
}
.sidebar .innersb{
    padding: 40px 20px !important;
}
}

h1, h2, h3, h4, h5, h6, label, input, p, div, button{
  font-family: "DM Sans", sans-serif !important;
  font-style: normal !important;  
}

#termsid .termscard, #privacyid .privacycard{
    border:0px !important;
    box-shadow: 0px 0px 50px #f6f6f6;
    border-radius: 20px;
    padding: 60px 60px 20px 60px !important;
    margin-bottom:30px !important;
}

#termsid .termscard p, #privacyid .privacycard p{
    color:#000 !important;
    text-align: left !important;
}

.tabpayment{
    margin-top:20px;
}
.fade:not(.show){
    opacity:1.0 !important;
}
.tab-content{
    padding-top:20px;
    padding-bottom:20px;
}
.tab-content p{
    color:#000 !important;
}
.tab-content p, .tab-content li{
    color:#737373 !important;
}
.tabpayment a{
    color:#000;
    text-decoration:none !important;
}
.tabpayment li:active a{
    color:#fff;
    text-decoration:none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    color: #000 !important;
    cursor: default;
    background:#9fe870 !important;
    border: 1px solid #9fe870 !important;
    border-bottom-color: transparent;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px !important;
}
.tabpayment h3{
    font-size:20px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
    font-weight:800 !important;
    color:#000 !important;
}
.sidebar h1{
    font-size:24px !important;
}
.sidebar h2{
    font-size:21px !important;
}
.sidebar h3{
    font-size:18px !important;
}
.tabpayment > div > ul, .tabpayment > div > ol{
    list-style-type:decimal !important;
}