Untitled
/* RESULT SECTION CSS START*/ .eg-result-container { margin: 2rem auto; padding: 45px 85px; background: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .eg-result-header { text-align: left; margin-bottom: 2rem; } .eg-result-header .eg-result-button { background: none; color: #000000; margin-bottom: 25px; border: 1px solid #000000; border-radius: 20px; padding: 10px 15px; font-size: 14px; font-weight: 400; line-height: 20px; } .eg-result-header h1 { font-size: 35px; font-weight: 400; line-height: 42px; margin-bottom: 25px; color: #000000; } .eg-result-header p { font-size: 22px; font-weight: 400; line-height: 31px; color: #000000; margin-bottom: 25px; width: 55%; } .eg-result-summary { display: flex; gap: 45px; } .eg-result-card { flex: 1; padding: 15px; border: 1px solid #D7D8D6; background: #fff; } .eg-result-card h2 { font-size: 22px; font-weight: 400; line-height: 31px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; color: #000000; } .eg-result-card .eg-result-icon { width: 26px; height: 26px; } .eg-result-card ol { margin: 0; padding: 0 0 0 1.5rem; list-style: decimal; } .eg-rs-one, .eg-rs-two{ margin-bottom: 25px; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; } .eg-result-card ul { margin: 0.5rem 0 0 1.5rem; padding: 0; } .eg-result-card ul li { list-style: disc; margin: 10px 0; font-size: 14px; font-weight: 400; line-height: 20px; } .eg-result-card ul li strong{ font-weight: 700; } .eg-result-finish { text-align: right; margin-top: 40px; padding-top: 25px; border-top: 1px solid #767676; } .eg-result-finish-button { background: #DB0011; color: white; border: none; padding: 13px 20px; font-size: 16px; font-weight: 400; line-height: 24px; cursor: pointer; width: 180px; } @media screen and (max-width:767px){ .eg-result-container { padding:25px; } .eg-result-summary { flex-direction: column; gap: 25px; } .eg-result-header p { width: 100%; font-size: 19px; } .eg-result-header h1 { font-size: 28px; } .eg-result-card h2 { font-size: 19px; } .eg-result-finish-button { width: 100%; } } /* RESULT SECTION CSS END*/
Leave a Comment