.login-img {
    background: url(../imges/login-page.jpg)no-repeat center center / cover;
}

.payment-img {
    background: url(../imges/payemt--page-header-image.jpg)no-repeat center center / cover;
}




.custom-banner-height {
    min-height: 490px !important;
}

.hero-equal-height {
    position: relative;
    min-height: 800px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 65px;
}

.margin-right8px { margin-left:25px;}	
.raj form {border: 3px solid #f1f1f1;}

input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.button2 {
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button2:hover {
  opacity: 0.8;
}

.button1 {
  background-color: #02b1f7;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button1:hover {
  opacity: 0.8;
}

.button3 {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button3:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 15%;
  border-radius: 50%;
}

.container1 {
  padding: 16px;
}

span.psw {
  float: right;
  padding: 16px;
}

.border-pink{height: 4px;
display: inline-block;
background: #FF65A5;
width: 98px; margin-bottom:10px;
}	

.login-section{ margin:60px 0px; width:100%;}

.border1 {
    border-right: 1px solid #000;
}

.qr-code-button{ 
padding:7px 25px; 
font-size:14px; 
background:#26aff3; 
text-decoration:none; 
color:#FFF; 
border-radius:600px;
border:2px solid #FFF;
margin-top:30px;
}

.qr-code-button:hover{ 
padding:7px 25px; 
font-size:14px; 
background:#ffffff; 
text-decoration:none; 
color:#26aff3; 
border-radius:600px;
border:2px solid #26aff3;
font-weight:bold;
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 20px !important;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #1A2C79;
    transition: 1s ease;
    border: none;
}

.faq h6 {
    color: #373636 !important;
    font-size: 15px;
    letter-spacing: 0px !important; font-weight:700;
}

.faq p {
    color: #444444;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 21px;
    margin-bottom: 30px;
    text-align: justify;
    letter-spacing: 0px;
}

.faq-details{ padding-right:20px;}
.faq-details1{ padding-left:20px;}


.site-nav li { list-style: url(../imges/fa-circle-dot.png) !important;}	
.site-nav li a{ text-decoration:none; color:#000; line-height:25px; padding-left:5px;}
.site-nav li a:hover{ color:#0a92e8; line-height:25px;}
.fa-dot-circle-o{ font-size:13px; color:#3CF; padding-right:5px;}

table.distributedLedger tr td .bs-linebreak.borderbottom {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

table.distributedLedger tr td span {
    padding: 2px;
        padding-bottom: 2px;
    display: block;
}

table.distributedLedger tr td.no {
    color: red;
}

table.distributedLedger tr td.yes {
    color: green;
}

	
.onboarding div.heading-title {
    max-width: 380px;
    background: rgb(98,0,183);
    background: linear-gradient(90deg, rgb(11, 171, 249) 21%, rgb(0, 178, 247) 100%);
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    margin: 0 auto 50px !important;
    position: relative;
}
.onboarding div.heading-title, .onboarding div.grayboxtxt {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
}

.onboarding div.grayboxtxt {
    max-width: 380px;
    background: #e5e5e6;
    padding: 20px;
    margin: 0 auto 50px;
    position: relative;
}
.onboarding div.heading-title, .onboarding div.grayboxtxt {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
}	
	
.onboarding div.gray-txt {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 5px;
}


.onboarding div.grayboxtxt::after {
    content: "";
    position: absolute;
    top: -40px;
    width: 50px;
    height: 50px;
    background: url(../imges/down-arrow-gred.jpg) no-repeat;
    margin: 0 auto;
    left: 180px;
}
	
.onboarding div.purpl-txt {
    font-size: 14px;
    color: #0ca5f0;
}	
	
.business-advantage {
    width: 100%;
    background-color: #f9f9f9;
    padding: 30px 30px 30px 30px !important;
}

.business_box {
    padding: 20px 0px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 3px 3px -1px rgba(0,0,0,0.1);
    min-height: 500px;
    border: 1px solid beige;
}
.business_box h3{ font-size:18px; padding: 0px 20px !important;}
.business_box p {
    text-align: center;
    padding: 0px 15px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    font-size: 14px;
    color: #201520;
}



.guideline-button {
    padding: 6px 25px;
    background: #02b1f7;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
    font-weight: bold;
}

.guideline-button:hover {
    padding: 6px 25px;
    background: #ffffff;
    text-decoration: none;
    color: #3d3e3e;
    border-radius: 600px;
    font-weight: bold;
	border:1px solid #06F;
}



.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail img { vertical-align:middle !important; margin-right:5px;}

.border-rtop {
    background: none !important;
    padding: 10px 0px 20px 10px !important;
    border: solid 2px #807d7d !important;
        border-top-color: rgb(128, 125, 125);
        border-top-style: solid;
        border-top-width: 2px;
        border-left-color: rgb(128, 125, 125);
        border-left-style: solid;
        border-left-width: 2px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    border-radius: 0px !important;
    border-left: solid 4px #02b1f7 !important;
    border-top: solid 4px #02b1f7 !important;
}
.dlt-bor {
    padding: 10px !important;
    width: 161px;
    background: #3bb13d;
    color: #fff;
    padding: 9px 50px;
    font-size: 16px;
    float: left;
    border-radius: 3px 3px 0px 0px !important;
}

.dlt-id {
    color: #FB397D;
    font-size: 16px;
    background: #f2efef;
    padding: 10px;
    width: 100%;
    float: left;
    border-radius: 0px 3px 3px 3px;
}



.content-template-button {
    padding: 15px 30px;
    background: #02b1f7;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;

}

.content-template-button:hover {
    padding: 15px 30px;
    background: #ffffff;
    text-decoration: none;
    color: #393a3a;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;
	border:1px solid #02b1f7;

}

.disributor-overview p:nth-child(1),.disributor-overview p:nth-child(2){ 
text-align:center; 
font-size:19px; 
line-height:34px; 
font-family: 'Montserrat', sans-serif;
}

.overview-dlt{ margin-top:40px; margin-bottom:40px;}

.contact-button { padding:5px 30px; background:#06F; color:#FFF; text-decoration:none; font-size:20px; border-radius:600px; margin-left:15px; }
.contact-button:hover { padding:5px 30px; background:#d8df1b; color:#030409; text-decoration:none; font-size:20px; border-radius:600px;}




@media (max-width:767px){
	
	
.chandan{ margin-top:0px !important;}	
.contact-button { padding:5px 30px; background:#06F; color:#FFF; text-decoration:none; font-size:20px; border-radius:600px;   display:inline-block; }
.contact-button:hover { padding:5px 30px; background:#d8df1b; color:#030409; text-decoration:none; font-size:20px; border-radius:600px;}
	
.custom-banner-height {min-height: 220px !important;}	
.text-blue {font-size: 21px !important;}
.cmt-txt {margin-top: 40px;}
span.psw {
     display: block;
     float: none;
  }
.cancelbtn {width: 100%;}	
	
.margin-mob20 { margin-bottom:20px;}
.margin-mob30 { margin-bottom:30px;}	

.login-section h3 {
    font-size: 20px;
    font-weight: 700 !important;
}

.login-section {
    margin: 20px 0px;
    width: 100%;
}

.border1 {
   border-right: 0px solid #000;
}

.faq-details{ padding-right:0px;}
.faq-details1{ padding-left:0px;}

.business-advantage {
    width: 100%;
    background-color: #f9f9f9;
    padding: 0px !important;
}

.business_box {
    padding: 20px 0px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 3px 3px -1px rgba(0,0,0,0.1);
    min-height: 440px;
    border: 1px solid beige;
}


.content-template-button {
    padding: 10px 15px;
    background: #02b1f7;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;
}


.content-template-button:hover {
    padding: 10px 15px;
    background: #ffffff;
    text-decoration: none;
    color: #393a3a;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;
	border:1px solid #02b1f7;

}

.marginsignup { margin-bottom:15px !important;}
		
	}