.view.main {  background: url(../img/header-bg.png) #EFEFEF; padding-bottom: 100px;   max-width: 1349px !important;   margin: AUTO !important;   width: 100%;  background-size: 100%;  background-repeat: no-repeat;}
.banner { text-align: center;   padding-bottom: 30px;}
h3.codhea.taglineinner {color: #000000 !important; border-left: 2px solid #fff;   padding-left: 20px;}
.innerbanner {padding-top: 93px; padding-bottom: 30px;}
.content  , .letterheads{padding: 0px 75px; color: #696d71;   font-size: 16px;  line-height: 29px;    font-weight:400;}
.logo1 {   width: 20%;  float: left;}
.subtag { width: 70%;  float: left; text-align: left; }
.subtag h3 {padding-left: 17px;   margin-top: 51px; text-align: left; border-left: 2px solid #fff; }
.alert.alert-success h3 {font-size: 16px;    padding-top: 8px;  margin: 0px !important;}
.col-md-4.lhead2 button.btn.btn-info.butnclr1 {
    font-size: 18px !important;
}
h5.strong {
    text-transform: uppercase;
    font-size: 18px;
    color: #39388a;
}
.topbanner img{ width:100%;}
.logo_part{ text-align:center; background:url(../img/middle-bg.png); padding:20px ; background-size:100% 100%;}
.logo_part img { margin-bottom:10px}
.bottombanner{
    background: #EFEFEF;
}
.midcontainer { 
    background: url(../img/bottom-bg.png) #dfdfdf;
    background-repeat: no-repeat;
    background-size: 100% !important;
}

.viewmainbackground {
    background: #EFEFEF !important;
}
.boxconthome {
    position: relative;
    top: -82px;
}
.bottombanner img {
    width: 100%;
    vertical-align: top !important;
}
.bottombanner img{ width:100% }
.logo {    text-align: center;   display: initial;}

.logo img{ text-align: center;padding-top: 78px; display: initial;}
.boxcont { max-width: 1139px; margin: auto; background: #fff;padding-bottom: 73px;}
.view.main {  padding-bottom: 100px;
 
}


.responsevisble{ display:none;}
.resposhide{ display:block}
label {
    display: inline-block;
    margin-bottom: 0px !important;
}

.modal-header {
    padding: 15px !important;
    padding-top: 0px !important;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 7px !important;
}
hr.new1 {
    border-top: 1px solid #ccc;
}
td.alert.alert-danger.fontwq h3 {
    font-size: 16px;
    padding-top: 8px;
}
td.alert.alert-danger.fontwq i.fas.fa-times-circle {
    font-size: 16px;
    padding-left: 12px;
}
button.btn {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 54px;
    font-size: 15px;
}
.row.letterheads.mb-3 {
    padding-top: 45px;
    padding-bottom: 26px;
}
button.btn.btn-info.butnclr {
    background: #41348e !important;
  
    margin-top: -5px;
    padding: 8px;
	border: 0px;
	font-weight: 600px!important;
}
.addresss p {
    margin-bottom: 0px !important;
    font-size: 15px !important;
    color: #000000;
}
ul.bulltepints {
    padding-left: 0;
    list-style: inside;
    margin-left: 0;
}
input.radiobutn {
    margin-right: 8px;
}
.form-check.ceck {
    margin-bottom: 21px;
}
ul.bulltepints1 {
    margin-left: 0;
    padding: 0;
    list-style: inside;
}

ul.bulltepints {
    list-style: none;
}
select#sel1{    border-radius: 0px;}
button.btn.btn-info.butnclr1 {
      padding: 6px;
    background: #563DE5 !important;
    text-transform: capitalize;
    font-size: 16px;
}
.codhea{margin-top: 50px;
    color: #333;
    font-weight: 600;
    font-size: 20px;}
.conteeree1 {
    color: #696d71;
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    padding-left: 31px;
    display: block;
}
input.form-check-input {
    width: 25px;
    height: 25px;
    margin-top: 3px;
}
i.fas.fa-times-circle {
    font-size: 24px;
    padding-right: 15px;
    padding-top: 4px;
}
.conteeree {
    padding-left: 26px;
    display: block;
}
	.discri {
    margin-top: 26px;
}
.btn{
	font-weight: 600!important;
	border: 0px!important;
	font-size: 14px!important;
}
button.btn.btn-info.butnclr1.geay {  padding: 6px;
    background: #dfdfdf !important;
    color: #333;
    border: 1px solid #ccc;
}
i.fas.fa-arrow-right {
    padding-left: 24px;
}
i.fas.fa-asterisk.ristsymbiol {
    position: relative;
    color: red;
    font-size: 10px;
    top: -7px;
}
.tagline{ color:#fff !important; text-align:center ;     margin-top: 11px;}
h3.codhea.folio {
    text-align: right;
    margin-right: 12px;
}
.alert.alert-success h3 {
    font-size: 16px;
    padding-top: 8px;
}


i.fas.fa-check-circle {
    padding-right: 12px;
}
h3.codhea.titkew {
    margin-top: 15px;
    margin-bottom: 22px;
}
.fontwq {
    font-weight: 600;
}
.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show>.btn-info.dropdown-toggle{background-color:#563DE5 !important}

button.btn.btn-info.butnclr1.darkblue{  background: #41348e !important}
td.row12 {
    font-weight: 600;
    color: #696d71;
}
.modal-header {
    background: #41348e;
    color: #fff !important;
}
.headerer {
    width: 100%;
}
.headerfew {
    width: 94%;
    float: left;
}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
.headerfewr {
    padding-top: 17px;
}
.modal-dialog {
    width: 800px !important;
}

.modal-content {
    width: 800px;
    left: -170px;
}
span.tresms {
    padding-left: 3px;
    /* color: #000; */
    font-weight: 500;
    font-size: 20px;
}
.oriivew{ height:200px}
.modal-header{ border:none !important}
.pop {
    width: 80%;
    margin: AUTO;
    margin-top: 70px;
    margin-bottom: 70px;
}
.headerfewr i.fas.fa-times-circle {
    cursor: pointer;
}
button a {
    color: #fff !important;
}
.form-check.fomrer {
    padding-left: 0px;
}
span.conteeree.caedwe1 {
    padding-left: 35px;
}
button.btn.btn-info.butnclr1:hover {
    background: #41348e !important; color:#fff;
}
button.btn.btn-info.butnclr1.darkblue{}
button.btn.btn-info.butnclr1.darkblue:hover{   background:#563DE5 !important}

@media screen and (max-width: 1200px) {
.logo_part {
    text-align: center;
    background: url(../img/middle-bg.png);
    padding: 20px 114px;
    background-size: 100% 100%;
}
.boxconthome {
    position: relative;
    top: -62px;
    max-width: 1000px;
}}


@media screen and (max-width: 1024px) {
.logo_part {
    text-align: center;
    background: url(../img/middle-bg.png);
    padding: 21px 61px;
    background-size: 100% 100%;
}
.boxcont.boxcontenthome {
    margin: 0px 75px;
}
.boxconthome {
    position: relative;
    top: -32px;
    margin-left: 75px !important;
    margin-right: 75px !important;
}
.view.main.background .view.main {  background: url(../img/1.png) #EFEFEF; 

    padding: 0px 50px;
}
.col-md-2.pl-0.rowconrlogo.text-left {  width: 6% !important;   max-width: 100% !important; flex: AUTO !important;  padding-left: 4% !important;}
.boxcont { width: 87%; background-size: 100% 100% !important;}
  }

@media screen and (max-width: 768px) {
.conteeree1{ padding-left:15px;}
.view.main.background {
    background-size: 100% 19%;
    padding: 0px 50px;
}
.col-md-5.lhead2.hdhd {
    margin-bottom: 20px;
}
.col-md-2.backbutn2 {
    padding-top: 9px;
}
.responsevisble{ display:block;}
.resposhide{ display:none}
.tagline {
    color: #fff !important;
    text-align: center;
    margin-top: 3px;
    font-size: 13px;
}
.row.letterheads.mb-3 {
    padding-top: 22px;
    padding-bottom: 26px;
    padding-left: 25px;
    padding-right: 25px;
}
.logo1 {
    width: 23%;
    float: left;
    margin-right: 26px !important;
}
.logo img {width: 100px;
    text-align: center;
    padding-top: 22px;}

.logo img {
    text-align: center;
    
    display: initial;
}
.banner {
    text-align: center;
    padding-bottom: 0;
}
.banner {
    padding-top: 30px;
    padding-bottom: 14px;
}
.col-md-5.rowconr1 {
    width: 100% !important;
    max-width: 100% !important;
    flex: auto;
    padding: 14px 0px 2px 0px !important;
}
.col-md-7.pl-0.rowconr {
    width: 100% !important;
    max-width: 100% !important;
    flex: auto;
    padding: 0px !important;
}



.logo1 img {
    width: 100%;
}
.col-md-8.butonds {
    display: none;
}

.col-md-4.pl-0.pr-6.email1 , .otp , .optt , .validotp , .col-md-4.pl-0.pr-6.numvewe , .col-md-2.pt-3.mt-2.opt{ 
    padding: 0px !important;
    width: 100%;
    max-width: 100%;
    flex: AUTO;

}
.col-md-3.pt-3.mt-2.validotp {
    margin-top: 20px !important;
}
.col-md-3.pt-4.mt-2.optt {
    margin-top: 21px !important;
}
.col-md-2.butonds1 , .col-md-2.butonds2 {
    width: 50% !IMPORTANT;
    flex: AUTO !important;
    max-width: 50%;
}
.fulwidthtextbox {
    width: 100% !IMPORTANT;
    max-width: 100% !important;
    flex: AUTO;
}
.col-md-9.prpere {
    display: none !important;
}
.col-md-3.pt-3.mt-2.proceed {
    width: 50% !important;
    max-width: 50% !important;
    flex: AUTO;
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.col-md-4.pl-0.pr-6.numvewe {
    margin-top: 10px !important;
}
.fulwidthtextbox2{   width: 100% !IMPORTANT;
    max-width: 100% !important;
    flex: AUTO; padding-left:0px !important}
.col-md-4.lhead1 {
    display: none;
}
.col-md-4.lhead2 {
    width: 51%;
    flex: AUTO;
    max-width: 50%;
}
.agreer {
    width: 100% !important;
    max-width: 100% !important;
    flex: AUTO !important;
    margin-bottom: 13px;
}
.col-md-3.p-0.pt-2.agreer.agrer2 {
    padding-left: 22px !important;
}

h3.codhea.folio {
    text-align: left;
}
.alert.alert-success h3 {
    font-size: 16px;
    padding-top: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

.col-md-4.pl-5.pt-4.bankacku {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    flex: AUTO;
}
.col-md-2.bankacku2 , .col-md-5.bankacku3 , .col-md-3.bankacku4 {
    width: 100% !important;
    max-width: 100%;
    flex: AUTO;
    padding: 0px !important;
    margin-bottom: 17px !important;
}
.butjrt{ display:none;}
.col-md-2.butjrt1 , .col-md-2.butjrt2 {
    width: 50%;
    float: left;
    max-width: 50% !important;
    flex: auto !important;
}
.modal-content {
    width: 624px;
    left: -59px;
}
.banner.innerbanner {
    padding-top: 49px;
    padding-bottom: 14px;
}
.content, .letterheads {
    padding: 0px 45px;
 
}
.col-md-3.pt-3.mt-2.proceed {
    width: 100% !important;
    max-width: 100% !important;
    flex: AUTO;
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.col-md-2.butonds1, .col-md-2.butonds2 {
    width: 100% !IMPORTANT;
    flex: AUTO !important;
    max-width: 100%;
    margin-top: 12px;
}
.col-md-2.pt-3.mt-3.otp {
    margin-top: 2px !important;
}

.col-md-4.pl-0.pr-6.numvewe {
    margin-top: 30px !important;
}
.col-md-3.pt-0.mt-1.proceed {
    width: 100% !important;
    max-width: 100% !important;
    flex: AUTO;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding: 0px !important;
}
.headerfew {
    width: 89%;
    float: left;
}
	button.btn.btn-info{padding:10px !important;}
	
 
}
@media screen and (max-width: 600px) {

.col-md-8.pl-0.rowconr.text-left {
    width: 60%;
}
.col-md-2.pl-0.rowconrlogo.text-left {
    width: 25% !important;
    max-width: 100% !important;
    flex: AUTO !important;
    padding-left: 4% !important;
}
.row.letterheads.mb-3 {
    padding-bottom: 0;
}
.banner {
    padding-top: 21px;
    padding-bottom: 16px;
}
.logo img {
    text-align: center;
  
    display: initial;
}

.col-md-4.lhead2 {
    width: 100%;
    flex: AUTO;
    max-width: 100%;
    margin: AUTO;
    margin-bottom: 13px;
}
.view.main {
    padding-bottom: 33px;
   
}
.content{
    padding: 0px 35px;
    color: #696d71;
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    text-align: left;
}
.modal-content {
    width: 477px;
    left: 0;
}
}

@media screen and (max-width: 480px) {
.boxcont.boxcontenthome {
    margin: 0px 35px;
}
.conteeree1 {
    color: #696d71;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-left: 0px;
    display: block;
}
.col-md-3.pt-3.mt-2.proceed {
    width: 100% !important;
    max-width: 100% !important;
    flex: AUTO;
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.col-md-5.lhead2 {
    margin-bottom: 20px;
}
.btn.btn-info{
    
    font-size: 15px !important;
}
.conteeree {
    padding-left: 3px;
    display: block;
}
.col-md-2.butonds1, .col-md-2.butonds2 {
    width: 100% !IMPORTANT;
    flex: AUTO !important;
    max-width: 100%;
    margin-bottom: 10px !important;
}
input.form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 3px;
}
.content {
    padding: 0px 35px;
    color: #696d71;
  font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
}

.banner.innerbanner {
    padding-top: 34px;
    padding-bottom: 14px;
}
.modal-content {
    width: 310px !important;
    left: 20px;
}
.headerfew {
    width: 85%;
    float: left;
}

.codhea {
    margin-top: 4px;}
.col-md-8.pl-0.rowconr.text-left {
    width: 100%;
    /* margin: auto; */
    margin-top: 0px;
    font-size: 15px !important;
    text-align: center !important;
    border: none !important;
}
.col-md-2.pl-0.rowconrlogo.text-left {
    width: 100% !important;
    text-align: center !important;
}
h3{ font-size:15px !important}
.col-md-8.pl-0.rowconr.text-left h3 {
    font-size: 12px !important; border:none !important;
}
.col-md-2.pl-0.rowconrlogo.text-left img{
width: 100px;}
.col-md-2.pl-0.rowconrlogo.text-left {
    width: 100% !important;
    text-align: center !important;
}

.banner {
    padding-top: 5px;
    padding-bottom: 0px;
}

.col-md-2.backbutn2 {
    margin-top: 10px !important;
}

.modal-content {
    width: 429px;
    left: 20px;
}
.row {
    display: block !important;
}
.subtag {
    width: 65%;}
.subtag h3 {
    padding-left: 17px;
    margin-top: 19px;
    text-align: left;
    border-left: 2px solid #fff;
}


.logo1 {
    width: 27%;
    float: left;
    margin-right: 12px;
    padding-left: 20px;
} }

@media screen and (max-width: 360px) {
.banner.innerbanner {
    padding-top: 4px;
    padding-bottom: 14px;
}
}


.badgebox
{
    opacity: 0;

}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;

}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}



.mybutton {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 54px !important;
    font-size: 15px !important;
    background: #41348e !important;
}

.mygraybutton {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 54px;
    font-size: 15px;
    background: #dfdfdf !important;
    color:#000 !important;
}


.mybutton50 {
    /*width: 50%;*/
    border: 1px solid #ccc;
    border-radius: 54px;
    font-size: 15px;
    background: #41348e !important;
}