.csf-wrap { max-width: 820px; margin: 0 auto; }
.csf-row { display: flex; align-items: center; }
.csf-dob { flex: 1; padding: 14px 16px; border: 1px solid #F37321 !important; border-radius: 6px; font-size: 18px; }
.csf-btn { background: #E31B23 !important; color: #fff !important; margin-left: 10px; display: flex !important; justify-content: center; align-items: center; border: 0; border-radius: 8px !important; font-family: 'DIN 2014 Bold' !important; padding: 10px 10px !important; font-size: 18px !important; cursor: pointer; }
.csf-btn-year { background: #E31B23 !important; min-width: 230px !important; color: #fff !important; margin-left: 10px; display: flex !important; justify-content: space-between; align-items: center; border: 0; border-radius: 8px !important; font-family: 'DIN 2014 Bold' !important; padding: 3px 5px 3px 10px !important; font-size: 18px !important; cursor: pointer; }
.csf-btn span, .csf-btn svg { margin-left: 8px; }
.csf-btn-year span, .csf-btn-year svg { margin-left: 0px !important; }
.csf-btn:hover { background: #C70E14 !important;  }
.csf-btn-year:hover { background: #C70E14 !important;  }
.csf-loading .csf-btn { opacity: .7; pointer-events: none; }
.csf-loading .csf-btn-year { opacity: .7; pointer-events: none; }
.csf-result { margin-top: 12px; font-size: 18px; }
.csf-intro { text-align: center; line-height: 1.6; margin-bottom: 18px; }
.csf-strong { color: #F37321; font-weight: 700; }

.csf-table { width: 100%; border: 1px solid #e6dccf; border-radius: 8px; overflow: hidden; }
.csf-table-head, .csf-row { display: grid; grid-template-columns: 1fr 180px; }
.csf-table-head { background: #FFE1E2; color: #2E2E2E; font-weight: 700; }
.csf-table-head .csf-col { padding: 14px 16px; }
.csf-row .csf-col { padding: 12px 16px; border-top: 1px solid #efe8de; height: 100%; }
.csf-row.section { background: #FFF1F2; font-weight: 700; }
.csf-row.total { background: #fbf7f1; font-weight: 700; }
.csf-col.amount { text-align: right; }
.csf-sub { font-size: 12px; color: #0b2159; margin-top: 6px; }
.csf-footer-note { font-size: 14px; margin-top: 12px; color: #0b2159; }
.csf-error { color: #E31B23; }
.svg-icon {
  background: rgb(136, 20, 24);
  padding: 8px 14px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  /* .csf-table-head, .csf-row { grid-template-columns: 1fr 120px; } */
  .csf-dob { font-size: 16px; width: 210px !important; }
  .csf-btn { font-size: 16px; min-width: 210px !important; padding-left: 20px !important; margin: 10px 0px 0px 0px; }
  .csf-input-row { display: block !important; }
  .csf-btn-year { font-size: 14px !important; min-width: 210px !important; padding-left: 20px !important; margin: 10px 0px 0px 0px; }
}