@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";.app__container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.app__logo{width:10rem}.app__links{padding:3rem 0;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.app__link{list-style:none}.app__link a{color:#700507;text-decoration:none;border:2px solid #700507;font-size:20px;padding:10px;border-radius:13px;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.app__link a:hover{color:#fff;background-color:#700507}.form__container{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;width:fit-content;gap:20px;padding:30px 0}.form__container label{display:flex;flex-direction:column;gap:5px}.form__container input,.form__container select{width:320px;font-size:18px;padding:5px}.printbutton__container{display:flex;justify-content:center;padding-bottom:2.5rem}.printbutton{background-color:#700507;color:#fff;font-size:16px;font-weight:700;padding:8px 20px;outline:none;border-radius:20px;cursor:pointer}.preview__container{width:768px;height:352px;margin:0 auto;position:relative;z-index:-10}.preview__canvas{position:absolute;top:0;left:0;z-index:0}.preview__formatImg{width:100%}.preview__data{position:absolute;top:0;left:0;z-index:10}.check_mark{width:12px}#umrn{position:absolute;top:14px;left:177px;text-transform:uppercase;font-weight:700;font-size:18.5px;letter-spacing:6.5px}#date{position:absolute;top:14px;left:569px;font-weight:700;font-size:18px;letter-spacing:13px}#utility_code{text-transform:uppercase;position:absolute;top:44px;left:211px;font-weight:700;font-size:16.5px;letter-spacing:6px}#create_mark{position:absolute;top:44px;left:510px}#modify_mark{position:absolute;top:44px;left:591px}#cancel_mark{position:absolute;top:44px;left:672px}#sponsor_bank_code{text-transform:uppercase;position:absolute;top:72px;left:117px;font-weight:700;font-size:13px}#authorise_to{text-transform:uppercase;position:absolute;top:72px;left:402px;white-space:nowrap;font-weight:700;font-size:13px}#to_debit_sb{position:absolute;top:95px;left:110px}#to_debit_ca{position:absolute;top:95px;left:132px}#to_debit_cc{position:absolute;top:95px;left:154px}#to_debit_sbnre{position:absolute;top:95px;left:184px}#to_debit_sbnro{position:absolute;top:95px;left:230px}#to_debit_other{position:absolute;top:95px;left:272px}#bank_ac_no{text-transform:uppercase;position:absolute;top:92px;left:402px;font-weight:700;font-size:16px;letter-spacing:8.5px}#bank_name{text-transform:uppercase;position:absolute;top:118px;left:78px;white-space:nowrap;font-size:14px}#ifsc_micr{text-transform:uppercase;position:absolute;top:117px;left:543.8px;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:10px}#amount_in_words{text-transform:capitalize;position:absolute;top:142px;left:131px;white-space:nowrap;font-size:14px}#amount{text-transform:uppercase;position:absolute;top:142px;left:616px;white-space:nowrap;font-size:15px}#debit_fixed{position:absolute;top:159px;left:79px}#debit_max{position:absolute;top:159px;left:175px}#freq_monthly{position:absolute;top:159px;left:357px}#freq_quarterly{position:absolute;top:159px;left:419px}#freq_half_yearly{position:absolute;top:159px;left:490px}#freq_yearly{position:absolute;top:159px;left:569px}#freq_presented{position:absolute;top:159px;left:623px}#ref_1{position:absolute;top:180px;left:82px;font-size:14px}#ref_2{position:absolute;top:180px;left:449px;font-size:14px}#from_date{position:absolute;top:242px;left:52px;font-size:17.5px;letter-spacing:12px}#to_date{position:absolute;top:262px;left:52px;font-size:17.5px;letter-spacing:12px}#until_cancel_mark{position:absolute;top:287px;left:38px}#phone_number{position:absolute;top:313px;left:70px;font-size:13px}#name_1{position:absolute;text-transform:uppercase;top:318px;left:256px;font-size:14px;white-space:nowrap}#name_2{position:absolute;text-transform:uppercase;top:318px;left:424px;font-size:14px;white-space:nowrap}#name_3{position:absolute;text-transform:uppercase;top:318px;left:594px;font-size:14px;white-space:nowrap}.mandate{padding-bottom:5rem}.mandate__header{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:10px}.mandate__logo{width:5rem}.liveBanks__header{margin:2rem 0;text-align:center}.liveBanks__table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:95%;max-width:60rem;margin:2rem auto}.liveBanks__table td,.liveBanks__table th{border:1px solid #ddd;padding:5px}.liveBanks__table tr:nth-child(even){background-color:#f2f2f2}.liveBanks__table tr:hover{background-color:#ddd}.liveBanks__table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#700507;color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}