.marksheet_wrap{ max-width: 790px; margin: 50px 10px; background-color: #fff; padding: 30px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); line-height: 25px; position: relative; } .marksheet_top { display: flex; justify-content: space-around; align-items: center; flex: 30%; } .marksheet_top_left img { width: 100px; } .marksheet_top_center { text-align: center; } .marksheet_top_center { margin-bottom: 0; width: 60%; } p,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; } p { font-size: 13px; } .marksheet_top_center h1 { margin-bottom: 10px; font-weight: 600; font-size: 32px; } .marksheet_head { text-align: center; } .marksheet_head h2 { margin: 10px 0; background: #4246c7; display: inline-block; padding: 10px; border-radius: 14px 0px 14px 0px; color: #fff; } .marksheet_top_right { color:black; } .marksheet_top_left { width: 20%; } .marksheet_heading { border: 2px solid #ddd; border-radius: 5px; text-align: center; font-size: 20px; font-weight: 700; padding: 7px; background: #373a8f6e; } .student_name_section { border: 1px solid #ddd; margin-top: 10px; border-radius: 5px; display: flex; justify-content: space-around; padding: 8px; margin-bottom: 15px; } .student_name_section ul li { list-style-type: none; font-size: 15px; } .student_name_section ul { margin: 0; padding: 0; } .student_name_section ul li label { width: 114px; display: inline-block; font-weight: 700; } .marksheet { width: 100%; border: 1px solid #ddd; } table{ border-collapse: collapse; } th { background: #e2e2e2; padding:8px 8px !important; } th,td { border: 1px solid #9d9a9a; font-size: 13px; } td{ padding: 5px; text-align: center; } td:nth-child(2) { text-align: left; } tfoot td:nth-child(2) { text-align: center; } .grading_sym_cover { margin-top: 20px; display: flex; } table.grading_system { margin-right: 27px; } .remarks { margin: 10px 0; padding: 8px; border: 1px solid #ddd; border-radius: 5px; } thead tr:nth-child(2) th { background: #fff; } .sign_sec { display: flex; justify-content: space-between; margin-top: 25px; } .sign_sec img { width: 47px; } .remarks label { font-weight: 600; } .remarks h4 { font-size: 15px; font-weight: 400; }