@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:12px;left:164px;text-transform:uppercase;font-weight:700;font-size:14px;letter-spacing:10px}#date{position:absolute;top:12px;left:598px;font-weight:700;font-size:14px;letter-spacing:13px}#utility_code{text-transform:uppercase;position:absolute;top:35px;left:192px;font-weight:700;font-size:16.5px;letter-spacing:10.5px}#create_mark{position:absolute;top:40px;left:555px}#modify_mark{position:absolute;top:40px;left:620px}#cancel_mark{position:absolute;top:40px;left:688px}#sponsor_bank_code{text-transform:uppercase;position:absolute;top:66px;left:130px;font-weight:700;font-size:13px}#authorise_to{text-transform:uppercase;position:absolute;top:66px;left:410px;white-space:nowrap;font-weight:700;font-size:13px}#to_debit_sb{position:absolute;top:95px;left:104px}#to_debit_ca{position:absolute;top:95px;left:126px}#to_debit_cc{position:absolute;top:95px;left:148px}#to_debit_sbnre{position:absolute;top:95px;left:176px}#to_debit_sbnro{position:absolute;top:95px;left:218px}#to_debit_other{position:absolute;top:95px;left:264px}#bank_ac_no{text-transform:uppercase;position:absolute;top:90px;left:420px;font-weight:700;font-size:16px;letter-spacing:8px}#bank_name{text-transform:uppercase;position:absolute;top:118px;left:76px;white-space:nowrap;font-size:14px}#ifsc_micr{text-transform:uppercase;position:absolute;top:118px;left:570px;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:7.8px}#amount_in_words{text-transform:capitalize;position:absolute;top:146px;left:128px;white-space:nowrap;font-size:14px}#amount{text-transform:uppercase;position:absolute;top:146px;left:584px;white-space:nowrap;font-size:15px}#debit_fixed{position:absolute;top:182px;left:82px}#debit_max{position:absolute;top:182px;left:174px}#freq_daily{position:absolute;top:174px;left:358px}#freq_weekly{position:absolute;top:174px;left:422px}#freq_bi_monthly{position:absolute;top:174px;left:490px}#freq_monthly{position:absolute;top:174px;left:570px}#freq_quarterly{position:absolute;top:192px;left:358px}#freq_half_yearly{position:absolute;top:192px;left:422px}#freq_annually{position:absolute;top:192px;left:490px}#freq_presented{position:absolute;top:192px;left:570px}#ref_1{position:absolute;text-transform:uppercase;top:218px;left:86px;font-size:14px}#ref_2{position:absolute;text-transform:uppercase;top:218px;left:462px;font-size:14px}#from_date{position:absolute;top:340px;left:52px;font-size:16px;letter-spacing:12px}#to_date{position:absolute;top:366px;left:52px;font-size:16px;letter-spacing:12px}#name_1{position:absolute;text-transform:uppercase;top:362px;left:264px;font-size:14px;white-space:nowrap}#name_2{position:absolute;text-transform:uppercase;top:362px;left:434px;font-size:14px;white-space:nowrap}#name_3{position:absolute;text-transform:uppercase;top:362px;left:604px;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}.auth__container{height:100vh;display:flex;justify-content:center;align-items:center}.auth__card{height:20rem;width:15rem;border:1px solid #dadada;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.auth__logo img{width:7rem}.auth__form{width:90%;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.auth__form input{font-size:15px;padding:10px;border:2px solid #dadada;border-radius:10px}.auth__form span{font-size:12px;color:#dc3545;padding:0 10px}.auth__form button{font-size:15px;padding:10px;color:#700507;border:2px solid #700507;border-radius:10px;text-transform:uppercase;font-weight:700;background:transparent;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.auth__form button:hover{background:#700507;color:#fff}