*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:100%;margin:0 auto;padding:0}.highlight{color:#0056a2;font-weight:bold}.required{color:red}.btn-primary{background-color:#0056b3;color:#fff;padding:12px 24px;border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;text-align:center;transition:all .3s ease;width:100%;margin:20px auto;display:block}.btn-primary:hover{background-color:#003d80;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.dental-assessment{max-width:600px;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.header{padding:15px;background-color:#fff;text-align:center;border-bottom:1px solid #eee}.header .logo{max-width:150px;margin:0 auto}.header .logo img{width:100%;height:auto}.content{padding:0}.step{width:100%}.banner{background:url(../images/t1-img.jpg) center 0 no-repeat;background-size:600px;min-height:926px;color:#fff;padding:40px 20px;position:relative}.banner .banner-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:90%}@media(max-width: 430px){.banner{background-size:430px;min-height:685px}}@media(max-width: 390px){.banner{background-size:390px;min-height:625px}}@media(max-width: 360px){.banner{background-size:360px;min-height:570px}}.process-container{padding:20px;background-color:#eff6ff}.process-container h2{font-size:24px;text-align:center;margin-bottom:20px;line-height:1.4;color:#0056a2;font-weight:500}.process-container .process-image{margin:20px 0;text-align:center}.process-container .process-image img{max-width:90%;height:auto}.process-container .process-steps{margin:30px 0}.process-container .process-steps .process-step{display:flex;align-items:center;margin-bottom:15px}.process-container .process-steps .process-step .step-image{width:35%;margin-right:15px}.process-container .process-steps .process-step .step-image img{width:100%;height:auto}.process-container .process-steps .process-step .step-text{flex:1;font-size:18px}.process-container .process-steps .process-step .step-text span{font-weight:600}.step-header{background-color:#f0f8ff;padding:15px 0}.step-header .step-tabs{display:flex;justify-content:space-around}.step-header .step-tabs .tab{text-align:center;padding:10px;cursor:pointer;flex:1;transition:all .3s ease;border-bottom:3px solid rgba(0,0,0,0)}.step-header .step-tabs .tab.active{border-bottom:3px solid #6fcff6}.step-header .step-tabs .tab.active .tab-text{color:#0056b3}.step-header .step-tabs .tab .tab-icon img{width:50px;height:auto}.step-header .step-tabs .tab .tab-text{font-size:16px;font-weight:600}.form-container,.questionnaire-container,.results-container,.thankyou-container{padding:20px;background:#f0f8ff}.form-container h2,.questionnaire-container h2,.results-container h2,.thankyou-container h2{font-size:24px;text-align:center;margin-bottom:30px;line-height:1.4;color:#0056b3}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:30px;font-size:14px}.form-group input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px rgba(0,86,179,.2)}.form-group input::-moz-placeholder{color:#aaa}.form-group input::placeholder{color:#aaa}.question{margin-bottom:30px}.question p{font-weight:600;margin-bottom:15px}.question .options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px}.question .options.age-options .option{flex-basis:calc(50% - 10px)}.question .options.teeth-options .option,.question .options.braces-options .option{flex-basis:calc(50% - 10px)}.question .options.teeth-options .option label,.question .options.braces-options .option label{display:flex;flex-direction:column;align-items:center;text-align:center}.question .options.teeth-options .option label img,.question .options.braces-options .option label img{width:100%;max-width:160px;height:auto;margin-bottom:10px}.question .options.teeth-options .option label span,.question .options.braces-options .option label span{font-size:16px}.question .option{position:relative}.question .option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.question .option input[type=radio]:checked+label{background-color:#6fcff6;border-color:#0056b3}.question .option label{display:block;padding:12px;background-color:#fff;border-radius:30px;cursor:pointer;transition:all .3s ease;text-align:center}.question .option label:hover{background-color:#6fcff6}.question .other-option input{width:100%;padding:12px;border:1px solid #ddd;border-radius:30px;font-size:14px}.question .other-option input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px rgba(0,86,179,.2)}.results-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:30px}.results-grid .result-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:30px;padding:15px;text-align:center;transition:all .3s ease;opacity:.5}.results-grid .result-item.active{border-color:#0056b3;background-color:#6fcff6;opacity:1}.results-grid .result-item img{width:100%;max-width:160px;height:auto}.results-grid .result-item span{display:block;font-weight:600}.thankyou-container{text-align:center;padding:40px 20px}.thankyou-container h2{color:#0056b3;margin-bottom:20px}.thankyou-container p{margin-bottom:15px}.thankyou-container .clinic-info{margin-top:30px;text-align:left;background-color:#f0f8ff;padding:20px;border-radius:30px;text-align:center}.thankyou-container .clinic-info h3{margin-bottom:10px;color:#0056b3}.thankyou-container .clinic-info p{margin-bottom:10px}.thankyou-container .clinic-info p i{color:#0056b3;width:20px;text-align:center;margin-right:8px}.thankyou-container .clinic-info p a{color:#0056b3;text-decoration:none}.thankyou-container .clinic-info p a:hover{text-decoration:underline}.popup{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7)}.popup-content{background-color:#fff;margin:5% auto;padding:20px;border-radius:10px;width:80%;max-width:600px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative}.close-popup{color:#aaa;float:right;font-size:22px;font-weight:bold;cursor:pointer}.close-popup:hover,.close-popup:focus{color:#000;text-decoration:none;cursor:pointer}.popup-image{text-align:center;margin:20px 0}.popup-image img{max-width:100%;height:auto;border-radius:5px}#popup-description{margin-bottom:20px;line-height:1.6}@media(max-width: 768px){.banner .banner-text h1{font-size:28px}.question .options.age-options .option,.question .options.teeth-options .option,.question .options.braces-options .option{flex-basis:100%}}@media(max-width: 430px){.banner .banner-text h1{font-size:24px}.process-container h2,.form-container h2,.questionnaire-container h2,.results-container h2{font-size:18px}.step-header .step-tabs .tab .tab-text{font-size:10px}}@media(max-width: 390px){.process-container .process-steps .process-step .step-text{font-size:16px}}/*# sourceMappingURL=main.min.css.map */