.background{background:url(pencils.80dc7a7e6864d6e47dbb.jpg) center center no-repeat fixed;position:relative;height:100%}.school-name{color:#fff;text-align:center}.layer{background-color:rgba(237,237,237,.5);position:absolute;top:0;left:0;width:100%;height:100%}.logo{width:10%;display:block;margin-right:20px}.grid-container{display:grid;grid-template-columns:auto auto;grid-gap:20px;text-align:center;color:#fff}.van{height:50vh}.vans{height:28vh}.mari{font-size:2.2vw;text-align:justify}.pihak{color:#fff;font-size:1.1vw;text-align:justify}.kami{display:block;margin-top:-30px}.text{text-align:center;width:100%;color:#fff}.back-btn{width:10%;margin-top:-2%}.center{text-align:center}.square{position:relative;width:90%;height:90%;background:rgba(56,56,56,.3);padding:30px 40px;margin:30px auto auto;border-radius:10px}p{text-align:justify;color:#fff}.amt-btn{width:100%;margin-bottom:4%}.donate-btn{text-align:right;position:relative}.container{display:grid;grid-template-columns:auto;grid-gap:5px;background-color:#edf8fa;padding:10px;width:60%;border-color:#292727}.col{padding:5px}.color-light{background:#f0e8ff;grid-template-columns:50% 10px auto;border-radius:8px;color:#292727;padding:10px}.paypal-area{border:1px solid #ced4da;padding:20px;margin:20px}.banks-area,.tab-area{border:1px solid #ced4da;padding:20px;margin:20px;grid-template-columns:auto}.card{margin:0 auto 10px;float:none}.umobile-img{width:60%;margin-left:40px}.table-center{text-align:center}.question{display:block;height:35px;width:40px;border-radius:50%}.center{margin:0 auto}.space{margin-left:10px}.cvv{margin-top:0}.popover{max-width:20%}.wrapper{display:grid;grid-gap:20px;grid-template-areas:"header" "van-area" "text-area" "email-area" "bar-area" "btn-area"}.wrapper2{display:grid;grid-template-areas:"bar-area";margin-top:4%;margin-bottom:2%}.wrapper3{display:grid;grid-gap:20px;grid-template-areas:"van-area" "text-area" "btn-area" "btn-area2"}.main-head{grid-area:header}.van-area{grid-area:van-area}.text-area{grid-area:text-area}.email-area{grid-area:email-area}.btn-area{grid-area:btn-area}.btn-area2{grid-area:btn-area2}.bar-area{grid-area:bar-area}@media only screen and (min-width:1281px){.wrapper{grid-template-columns:auto auto auto auto;grid-template-areas:"van-area text-area  text-area  text-area" "van-area email-area  email-area  btn-area";text-align:justify}.wrapper2{grid-template-columns:auto;grid-template-areas:"bar-area";text-align:justify}.wrapper3{grid-template-columns:auto auto;grid-template-areas:"van-area text-area" "btn-area btn-area2";text-align:justify}.percent-text{color:#fff}}@media (min-width:768px) and (max-width:1024px){.background{background-attachment:fixed;background-position:center center;width:200%;height:200%}.square{position:fixed;background:rgba(56,56,56,.3);padding:50px;border-radius:10px;height:185vh;width:185vw;margin:3.5% auto auto 3.5%}.van{display:block;height:50vh;margin-top:5vh;margin-left:auto;margin-right:auto}.vans{display:block;height:28vh;margin-top:5vh;margin-left:auto;margin-right:auto}.mari{font-size:7.5vw}.pihak{display:block;font-size:4vw;text-align:justify}.kami{font-size:4vw}.options{font-size:7.5vw;margin-top:5%;margin-bottom:5%}.email-area{margin-top:5%}.form-control{height:8vh;font-size:4vw}.next-btn{height:8vh;font-size:4vw;margin-top:2%}.amt-btn{font-size:4vw}.back-btn{width:30%;font-size:4vw}.btn-area2{margin-top:-2%}.progress{height:4vh}.wrapper{grid-template-columns:auto;text-align:justify;grid-template-areas:"van-area" "text-area" "email-area" "btn-area"}.wrapper3{grid-template-columns:auto;text-align:justify;grid-template-areas:"van-area" "text-area" "btn-area" "btn-area2"}}@media (min-width:601px) and (max-width:767px){.background{background-position:bottom center}.school-name{font-size:3.6vw}.van{display:block;height:20vh;margin-top:-5vh;margin-left:auto;margin-right:auto}.vans{display:block;height:8vh;margin-left:auto;margin-right:auto}.mari{font-size:3.5vw}.pihak{display:block;font-size:3vw;text-align:justify}.amt-btn{width:30%;margin-right:3%}.donate-btn{margin-top:-10%}.back-btn{width:40%}.square{position:fixed;background:rgba(56,56,56,.3);padding:30px;border-radius:10px;height:95vh;margin:5% auto auto 5%}.wrapper{grid-template-columns:auto;text-align:justify}.bar-area{margin-top:10%}.btn-area,.btn-area2{margin-top:-6%}.text{font-size:3vw;text-align:justify}.grid-container{display:grid;grid-template-columns:auto auto;grid-gap:30px;font-size:2vw;text-align:center;margin-bottom:3%}.options{font-size:4vw}.percent-text{color:#fff;text-align:center}}@media (min-width:360px) and (max-width:600px){.school-name{font-size:3.5vw}.logo{width:10%}.van{display:block;height:14vh;margin-top:-7vh;margin-left:auto;margin-right:auto}.vans{display:block;height:8vh;margin-top:2vh;margin-left:auto;margin-right:auto}.mari{font-size:3.5vw}.text1{display:block;font-size:3vw}.donate-btn{margin-top:-15%}.back-btn,.next-btn{font-size:4vw}.kami{font-size:3vw;margin-top:-13px}.percent-text{color:#fff;font-size:2vw;margin-left:2vw}.form-control{font-size:4vw}.options{font-size:3vw;margin-bottom:2vh}.btn-area{margin-top:-8vw}.btn-area2{margin-top:-5vw}.amt-btn{font-size:2.5vw}.back-btn{font-size:4vw;margin-top:-8vh;width:50%}}@media (min-width:320px) and (max-width:350px){.school-name{font-size:3.5vw}.logo{width:10%}.van{display:block;height:14vh;margin-top:-7vh;margin-left:auto;margin-right:auto}.vans{display:block;height:8vh;margin-top:2vh;margin-left:auto;margin-right:auto}.mari{font-size:3.5vw}.text1{display:block;font-size:3vw}.donate-btn{margin-top:-15%}.back-btn,.next-btn{font-size:4vw}.kami{font-size:3vw;margin-top:-13px}.percent-text{color:#fff;font-size:2vw;margin-left:2vw}.form-control{font-size:4vw}.options{font-size:3vw}.btn-area{margin-top:-8vw}.btn-area2{margin-top:-6vw}.amt-btn{font-size:2.5vw}.back-btn{font-size:4vw;margin-top:-12vh;width:50%}}