*{margin:0;padding:0;text-transform:capitalize;font-family:Times New Roman,serif;box-sizing:border-box}.main-container{width:100%;min-height:110vh;background-color:#f6f0f0;border-radius:10px;padding:20px}.header{text-align:center;padding-top:5vh}.header-2{width:85%;text-align:center;margin:0 auto 10px}.container{width:80%;margin:0 auto;padding:20px 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sub-btn{width:100px;height:35px;background-color:#2d336b;color:#fff;border-radius:10px;cursor:pointer;border:none}.sub-btn:hover{background-color:#a9b5dfba;color:#2d336b}input{width:80%;height:30px;border:1.2px solid #2d336b;border-radius:10px;font-size:1.2rem;padding-left:10px}.cards-section{width:90%;margin:20px auto;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.card{width:100px;background-color:#a9b5df;color:#fff;border-radius:15px;text-align:center;padding:10px}.card-image{width:100%;padding-top:10px;font-size:1rem}.table-container{width:90%;margin:0 auto;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.table-wrapper{width:100%;overflow-x:auto;display:flex;justify-content:center}table{width:100%;max-width:900px;margin:0 auto;border-collapse:collapse;background:#fff;box-shadow:0 0 10px #0000000d;font-size:1rem}thead{background-color:#a9b5df;color:#fff}th,td{padding:12px;text-align:center;border:1px solid #ddd}.span1{color:#20bca4;font-weight:700}.span2{color:#e1495e;font-weight:700}@media (max-width: 768px){.container{width:100%;flex-direction:column;align-items:center}input,.sub-btn{width:90%}.cards-section{width:100%;justify-content:center}.card{width:140px}.table-wrapper{width:100%;overflow-x:auto}table{font-size:.9rem}}@media (max-width: 480px){.main-container{padding:10px}.header{padding-top:2vh}.container{padding:10px}input{width:100%;margin-bottom:10px}.sub-btn{width:100%;margin-top:10px}.cards-section{flex-direction:column;gap:10px;align-items:center}.card{width:100%}.table-container{padding:10px}table{font-size:.8rem}th,td{padding:8px}}