.distribution-box{white-space:nowrap;min-height:100vh;gap:20px;overflow-x:scroll;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px}.distribution-cloumn,.distribution-title{height:100%;background:#eee;border-radius:10px;padding:10px}.distribution-cloumn{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:300px;height:100%;background:#eee;border-radius:10px;padding:60px 20px 10px}.distribution-cloumn:before{position:absolute;top:0;left:0;width:100%;font-size:20px;line-height:60px;font-weight:700;content:attr(cloumnname);text-align:center}.distribution-title{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;width:100px}.distribution-title div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.distribution-title div h3{font-size:30px;margin:0;padding:0}.distribution-title div span{font-size:18px}.card-form{padding:20px;border-radius:20px;background:#fff;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;overflow:hidden;margin-bottom:20px}.card-form .card-residue{padding-bottom:20px;line-height:20px;font-size:14px}.card-form .card-residue span{font-size:22px}.card-form .rate-input{width:210px}