@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-signin > form{
        padding: 60px 60px 20px 60px !important;
    }
}

@media only screen and (max-width:768px){
    .form-signin > 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;
}

@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;
}
}

.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;
}
}

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;
}