body.business{background: linear-gradient(0deg, rgba(255,122,106,1) 0%, rgba(206,98,85,1) 100%); }
body.charity{background: linear-gradient(0deg, rgba(129,133,237,1) 0%, rgba(95,91,172,1) 100%); }
body.church{background: linear-gradient(0deg, rgba(14,127,199,1) 0%, rgba(1,104,165,1) 100%); }
body.school{background: linear-gradient(0deg, rgba(4,148,65,1) 0%, rgba(3,126,52,1) 100%); }





#main-logo{ width: 200px; margin: auto; margin-top: 30px; margin-bottom: 40px;}
#main-logo .wrapper{background: #fff; border-radius: 30px; padding: 8px 20px 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.3);}

body.business #main-logo .wrapper{padding: 10px 20px 12px;}
body.charity #main-logo .wrapper{padding: 10px 20px 7px;}

.box{background: rgba(0, 0, 0, 0.15); padding: 12px; border-radius: 12px; max-width: 800px; margin: auto;}
.box .box-inner{background: #fff; padding: 20px; border-radius: 5px;  }

.row{margin-bottom: 10px;}

.form-control{margin-top: 5px; width: 100%;}
.form-label{margin-top: 20px;}
.form-label .asterisk{color: #0B7CC3;}

.validation-failed{color: #dd0000; border: 1px solid #dd0000; background: #fff3f3;}

.btn-success{background: linear-gradient(180deg, #6BC46A 0%, #508F53 100%); width: 200px;}

.mobile-number-row{height: 0; overflow: hidden;}