.question{background-color:orange;border:1px solid black;padding:5px;width:50%;margin:5px auto}.button{margin:2px 2px 15px;padding:20px;background-color:#87ceeb;color:#fff;font-weight:700;cursor:pointer;border:none;border-radius:5px;outline:none;box-shadow:0 2px 4px #0000001a}.button:hover{background-color:#1e90ff}.div-q{display:flex;align-items:center;justify-content:space-between;margin:2px;cursor:pointer}.q{margin-left:14px}.plus{margin:2px 16px 2px 2px;padding:2px}.btn{display:flex;justify-content:center}.enable{margin-left:45%}.input-container{margin:15px;padding:15px}.img{border-radius:50%}.user-details{display:flex}.container{border-radius:2px solid black}.slide-container{position:relative;width:100%;max-width:60%;margin:0 auto;overflow:hidden;border-radius:10px;box-shadow:0 0 10px #0003}.arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#fffc;border-radius:50%;padding:10px;cursor:pointer;transition:background-color .3s ease}.arrow:hover{background-color:#fff}.arrow svg{width:30px;height:30px;fill:#333}.arrow-left{left:10px}.arrow-right{right:10px}.current-image{display:block;width:100%;height:auto;transition:opacity .5s ease}.hide-current-image{display:none}.circle-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.current-indicator{width:20px;height:20px;border-radius:50%;background-color:#333;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.inactive-indicator{background-color:#ccc}.img-container{display:flex;flex-wrap:wrap}.img{margin:20px;border:1px solid black;padding:15px}div h1{text-align:center;font-weight:700}.custom-btn{display:flex;justify-content:center}.modal{position:fixed;z-index:1;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#baf005}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid red;width:80%;animation-name:animateModal;animation-duration:.5s}.close-modal-icon{cursor:pointer;font-size:40px;float:right;font-weight:700}.header{padding:4px 16px;background-color:#5cb85c;color:#fff}.body{padding:16px;height:200px;text-align:center;margin-top:8%;font-size:36px;font-weight:700}.footer{padding:2px 16px;background-color:#5cb85c;color:#fff}@keyframes animateModal{0%{top:-200px;opacity:0}to{top:0;opacity:1}}.cont{display:flex;flex-direction:column;align-items:center;width:400px;margin:10% auto 0;padding:20px;border-radius:5px;background-color:beige}.sub-cont{display:flex;margin-bottom:25px}.input{flex:1;padding:10px;border-radius:3px;font-size:16px;margin:2px}.btn-btn{padding:10px 20px;border-radius:3px;background-color:#87ceeb;font-size:16px;cursor:pointer;margin:2px}.btn-btn:hover{background-color:#6a5acd}.btn-container{display:flex;justify-content:center}.btn{margin:15px;padding:15px;font-weight:700;font-size:2rem;height:80px;max-width:250px;background-color:#000;color:#fff;border-radius:10%}.text{font-size:2rem;font-weight:700;text-align:center;margin-top:100px}.container{margin:0;padding:0;width:100%;height:98vh}.top-container{position:fixed;top:0;z-index:1;width:100%;text-align:center;background-color:#075b0a;color:#fff}.scroll-progress-tracking-container{width:100%;height:10px;background:#87ceeb}.current-progress-bar{height:10px;background:orange;width:0%}.data-container{margin-top:100px}.item{padding:15px;font-size:25px;text-align:center}.header{padding:20px}.star-container{display:flex;justify-content:center}.wrapper{padding:8px;margin-top:10%}.heading{display:flex;justify-content:center;margin-bottom:12px}.tab-item{display:inline-flex;font-size:30px;font-weight:700;text-align:center;padding:10px 15px;cursor:pointer;border:none;color:#fff;background:#4e016a}.tab-item.active{border-color:#000;background:#a1d600;color:#fff}.content{padding:20px 10px;height:300px;overflow:auto;background-color:#fff}:root{--background: #ffffff;--text-primary: #000;--button-bg: #000;--button-text: #ffffff}[data-theme=dark]{--background: #000000;--text-primary: #fff;--button-bg: #fff;--button-text: #000}.light-dark-mode{background-color:var(--background);height:100vh;display:flex;flex-direction:column;justify-content:center;font-size:20px;transition:all .5s}.light-dark-mode .theme-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.light-dark-mode .theme-container p{color:var(--text-primary);font-size:40px;margin:0}.light-dark-mode .theme-container button{background-color:var(--button-bg);border:1px solid var(--button-bg);color:var(--button-text);padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.tic-tac-toe-container{display:flex;flex-direction:column;align-items:center;margin-top:100px}.square{border:1px solid red;float:left;font-size:40px;height:100px;padding:0;text-align:center;width:100px;margin-right:-1px;margin-top:-1px;cursor:pointer}*{padding:0;margin:0}.tree-container{background-color:#87ceeb;height:100vh;display:flex;justify-content:center}.tree{margin-top:5%}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;font-family:Arial,sans-serif}.heading{font-size:3em;color:#333;text-align:center;margin-bottom:2rem}.list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}.listItem{margin:1rem;padding:1rem;border:1px solid #ddd;border-radius:5px;text-align:center}.link{text-decoration:none;color:#333;font-weight:700;transition:color .3s ease-in-out}.link:hover{color:#007bff}