*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}img{max-width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{border:none;background:none;cursor:pointer}span{font-family:var(--font-main)}.container{max-width:var(--container-width);margin:0 auto}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-5{gap:5px}.gap-10{gap:10px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scroll-x{overflow-x:auto}:root{--font-main: "Open Sans", sans-serif;--color-primary: #e20000;--color-warning: #ffb400;--color-bg: #f9f9f9;--color-input-background: #F2F3F5;--color-input-placeholder: #777777;--input-border: 1px solid #E1E1E1;--container-width: 600px;--header-height: 60px;--bottom-bar-height: 65px;--view-min-height: calc(100vh - var(--header-height) - var(--bottom-bar-height))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}input,input[type=checkbox]{background-color:var(--input-field-color);border:0;width:100%;padding:12px;border-radius:12px;font-size:14px}::placeholder{color:#777}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#000;font-weight:500;text-transform:capitalize}label.required:after{content:" *";color:var(--color-primary);font-weight:700}.relative{position:relative}.absolute{position:absolute}.container{width:100%;padding:16px;margin:0 auto;box-sizing:border-box}.section{margin-bottom:20px}.card{background:#fff;border-radius:12px;padding:14px}.shadow{box-shadow:0 4px 14px #00000014}.p-14{padding:14px}button{font-family:var(--font-main)}.btn{width:100%;padding:10px;font-size:14px;font-weight:700;font-family:var(--font-main);text-transform:uppercase;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #0000001a;background-color:#fff;transition:all .2s ease;text-align:center}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-warning{background-color:var(--color-warning);color:#000}.btn:hover{box-shadow:0 6px 16px #00000026}.text-center{text-align:center}.text-bold{font-weight:700}input{font-family:var(--font-main)}input,input[type=checkbox]{background-color:var(--color-input-background);border:0;width:100%;padding:12px;border-radius:10px;font-size:14px}::placeholder{color:var(--color-input-placeholder)}.search-input-wrapper{display:flex;align-items:center;width:100%;padding:8px 10px 8px 15px;border-radius:10px;border:var(--input-border);background:var(--color-input-background)}.search-input-wrapper input{height:100%;border:none;background:transparent;font-size:14px;flex:1}.search-input-wrapper input:focus-visible{outline:none}.search-input-wrapper .search-icon{color:#989898;width:18px;height:18px}.section-header{display:flex;align-items:center;gap:6px;padding:0 10px}.section-header h2.title{text-transform:capitalize;font-size:14px}