.school-payment-page{position:relative;width:100%;background-image:url(/img/school.jpg);background-size:cover;background-position:50%;padding:2em 0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);z-index:1}.payment-form-container{display:flex;width:70%;margin:0 auto;background-color:hsla(0,0%,100%,.8);border:1px solid #b74233;border-radius:10px;position:relative;z-index:2;flex-wrap:wrap;max-width:800px}.payment-title{width:100%;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#b74233}.payment-title h1{width:100%;text-align:center;color:#fff;padding:.5em 0;font-size:1.5rem}.school-form-section{width:50%}.payment-form{display:flex;flex-direction:column;width:90%;margin:2em auto}.payment-form h3{font-size:1.5rem;color:#b74233;padding-bottom:.5em;text-align:center}.form-group{margin-bottom:1rem;width:100%;text-align:left}.form-group label{font-size:1rem;color:#333;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.5rem .8rem;border-radius:8px;border:.1px solid #333;font-size:1rem;margin-top:.2rem;background-color:transparent;color:#5c6bc0}.form-group textarea{resize:vertical;height:120px}.form-group input[type=checkbox]{margin-right:10px;width:20px}.form-group label a{color:#b74233;text-decoration:none}.form-group label a:hover{text-decoration:underline}.submit-btn{width:100%;padding:.8rem 2rem;background-color:#b74233;color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.submit-btn:hover{background-color:#9e3e29}.school-receipt-section{width:45%;position:relative;z-index:2;padding:1rem;border-radius:10px;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;margin:2em 1em 2em auto;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.receipt-section h3{font-size:1.25rem;color:#333;text-align:center;border-bottom:.1px solid #333}.receipt-amount,.receipt-info{display:flex;flex-direction:column;gap:1rem;padding:1em 0;border-bottom:.1px solid #333}.receipt-info{border:none}.receipt-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.school-receipt-section .receipt-row strong{flex-basis:50%;text-align:left;font-weight:500;color:#000}.receipt-row span{flex-basis:70%;text-align:right;word-break:break-word;color:#333}@media (max-width:1000px){.payment-form{padding:1.5rem}.payment-title{font-size:2rem}.payment-info{font-size:1rem}.payment-form-container{width:95%}}@media (max-width:600px){.form-section{width:100%}.receipt-section{width:100%;margin:0 auto}}