:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){.nav-bar{flex-wrap:nowrap;gap:15px;padding:15px;position:relative}.nav-left{order:1;flex:1}.nav-right{order:2;flex:0 0 auto}.nav-center{order:3;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000;display:none}.nav-center.mobile-menu-open{display:block;visibility:visible}.nav-center ul{flex-direction:column;gap:0px;padding:15px}.nav-center ul li{border-bottom:1px solid #eee;width:100%}}@media (max-width: 1024px){.services{grid-template-columns:repeat(2,1fr);padding:0 15px}.services .service-card:first-child{grid-row:auto}}@media (max-width: 768px){.services{grid-template-columns:1fr;gap:12px;padding:0 10px}}@media (max-width: 600px){.footer-links{flex-direction:column;gap:8px;width:100%}.footer-links a{display:block;padding:8px;border-bottom:1px solid rgba(255,255,255,.2);width:100%}.image-row{gap:8px;padding:0 5px}.image-row img{max-height:50px;max-width:80px}}@media (max-width: 768px){.track-order-container{padding:10px}.track-form{padding:20px}.timeline{padding-left:20px}.timeline-marker{left:-27px}.timeline:before{left:-20px}}@media (max-width: 1024px){.nav-center ul{gap:12px}}@media (max-width: 768px){header{padding:10px 15px;gap:10px}.header-top-right{height:28px;max-width:100px}}@media (max-width: 600px){body{font-size:14px;overflow-x:hidden}*{max-width:100%}header{padding:10px 15px;gap:10px;width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center}.logo{flex:1;min-width:0}.header-top-right{height:24px;max-width:80px;flex-shrink:0}.nav-center ul li a{display:block;padding:12px 15px;background-color:transparent;border-radius:0;color:#036;width:100%;font-size:14px;transition:background-color .2s ease}.nav-center ul li a:hover{background-color:#f8f9fa}}@media (max-width: 480px){header{padding:8px 10px}.brand{padding:4px 8px;font-size:14px}.nav-bar{padding:8px}}body{margin:0;font-family:Arial,sans-serif;min-height:100vh;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.page-container{width:100%;max-width:100%;overflow-x:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#f8f9fa;width:100%;max-width:100%;flex-wrap:wrap;gap:10px}.navbar-images{display:flex;flex-shrink:0}.navbar-images img{height:clamp(30px,5vw,40px);margin-right:5px;object-fit:contain}.navbar-links{list-style:none;display:flex;margin:0;padding:0;flex-wrap:wrap;gap:10px}.navbar-links li{margin:0}.navbar-links a{text-decoration:none;color:#333;font-weight:700;font-size:clamp(12px,1.5vw,14px);padding:5px 32px;border-radius:4px;white-space:nowrap}.main-content{display:flex;margin-top:20px;width:100%;max-width:100%;gap:20px;flex-wrap:wrap}.sidebar{width:25%;min-width:250px;background-color:#f4f4f4;padding:20px;flex-shrink:0}.step-item{padding:10px;margin-bottom:10px;cursor:pointer;border-radius:4px;transition:background-color .2s}.step-item.active{background-color:#ddd;font-weight:700}.step-item:hover{background-color:#e9e9e9}.form-area{flex:1;min-width:300px;background-color:#add8e6;padding:20px;border-left:1px solid #ccc;width:100%;max-width:100%;overflow-x:hidden}form{width:100%;max-width:100%}form input,form select,form textarea{width:100%;padding:8px 12px;margin:10px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:clamp(14px,2vw,16px)}form button{padding:10px 20px;background-color:#000;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:clamp(14px,2vw,16px);margin:10px 0}form button:hover{background-color:#333}.secure-image{margin-top:20px;max-width:100%;height:auto;border-radius:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;margin:20px 0}.form-column{display:flex;flex-direction:column;width:100%}.form-column label{margin-top:10px;margin-bottom:5px;font-weight:700;font-size:clamp(14px,1.8vw,16px)}.form-column input,.form-column select,.form-column textarea{padding:8px 12px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box;font-size:clamp(14px,1.8vw,16px)}.form-column input:focus,.form-column select:focus,.form-column textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 3px #007bff80}.step-form-container{animation:fadeIn .5s ease-in-out}.form-area{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.form-transitioning{opacity:.7;transform:translate(10px)}.step-item{transition:all .3s ease-in-out}.step-item.transitioning{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-item.active{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 1024px){.main-content{margin-top:15px;gap:15px}.sidebar{width:30%;min-width:200px;padding:15px}.navbar-links a{font-size:13px;padding:4px 6px}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:stretch;gap:15px;padding:15px}.navbar-images{justify-content:center}.navbar-links{justify-content:center;flex-wrap:wrap}.main-content{flex-direction:column;margin-top:10px;gap:0}.sidebar{width:100%;min-width:unset;padding:15px;order:2}.form-area{width:100%;min-width:unset;padding:15px;border-left:none;border-top:1px solid #ccc;order:1}.form-grid{grid-template-columns:1fr;gap:15px}.step-item{text-align:center;padding:12px}}@media (max-width: 600px){.navbar{padding:10px}.navbar-images img{height:30px;margin-right:3px}.navbar-links{flex-direction:column;gap:8px;width:100%}.navbar-links li{width:100%}.navbar-links a{display:block;text-align:center;padding:10px;background-color:#e9ecef;border-radius:4px;width:100%}.main-content{margin-top:5px}.sidebar,.form-area{padding:10px}.form-grid{gap:10px}.form-column label{font-size:14px}form button{width:100%;padding:12px;font-size:16px}.step-item{padding:10px;font-size:14px}.secure-image{margin-top:15px}}@media (max-width: 480px){.navbar{padding:8px}.navbar-images img{height:25px}.sidebar,.form-area{padding:8px}.form-column input,.form-column select,.form-column textarea{padding:10px;font-size:16px}.step-item{padding:8px;font-size:13px}}@media (max-width: 360px){.navbar-links a{padding:8px;font-size:12px}.form-column label{font-size:13px}.step-item{font-size:12px}}.form-input{width:100%;padding:8px 12px;font-size:clamp(14px,2vw,16px);border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;max-width:100%}.form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 3px #007bff80}.custom-textarea{height:100px;resize:vertical;font-family:Arial,sans-serif;font-size:clamp(14px,2vw,16px);width:100%;max-width:100%;box-sizing:border-box}.hover-circle:hover{background-color:#ff0f0f;border-radius:50%}@media (max-width: 768px){.form-input{padding:10px 12px;font-size:16px}.custom-textarea{height:80px;font-size:16px}}.loading-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-content{background:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0000004d;max-width:300px;width:90%}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin:0;color:#333;font-size:16px;font-weight:500}button:disabled{opacity:.6;cursor:not-allowed;background-color:#ccc!important}.form-section-enter{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}button:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s ease infinite;right:10px;top:50%;transform:translateY(-50%)}.form-input.error{border-color:#ff6b6b!important;background-color:#ff6b6b1a}.form-input.error:focus{border-color:#ff6b6b!important;box-shadow:0 0 3px #ff6b6b80!important}.error-message{color:#ff6b6b;font-size:12px;margin-top:-12px;margin-bottom:12px;display:block}.required:after{content:" *";color:#ff6b6b;font-weight:700}.form-input.success{border-color:#28a745;background-color:#28a7451a}.step-item.disabled{color:#6c757d!important;cursor:not-allowed!important;opacity:.5!important}.step-item.active{font-weight:700!important;color:#007bff!important}.step-item.completed{color:#28a745!important}body{font-family:Arial,sans-serif;margin:0;background-color:#f4f4f4;min-height:100vh;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}*{box-sizing:border-box}.main-container,main{width:100%;max-width:100%;overflow-x:hidden}header{background-color:#edfafc;color:#036;padding:10px 20px;position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;max-width:100%}.logo{display:flex;align-items:center;flex:1}.logo img{height:40px;margin-right:10px}.brand{border:2px solid #000;padding:6px 10px;margin:0;color:#036;background:transparent;border-radius:4px;font-size:clamp(14px,2.5vw,18px)}.header-top-right{height:36px;max-width:120px;object-fit:contain}.main-image{display:block;max-width:100%;width:100%;height:auto;margin:0 auto 12px;object-fit:cover}.nav-bar{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;box-shadow:0 1px 4px #00000014;flex-wrap:wrap;gap:10px;width:100%;max-width:100%}.nav-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-left .corp{color:#036;font-weight:700;text-decoration:none;white-space:nowrap}.nav-logo{height:32px;flex-shrink:0}.nav-center{flex:1;display:flex;justify-content:center}.nav-center ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}.nav-center ul li a{color:#036;text-decoration:none;font-weight:600;white-space:nowrap;font-size:clamp(12px,1.5vw,14px)}.nav-right{flex-shrink:0}.nav-right .login-btn{background:transparent;border:none;cursor:pointer;padding:4px}.nav-right .login-btn img{height:36px;border-radius:4px}.services{display:grid;grid-template-columns:1.6fr repeat(3,1.2fr);gap:15px;padding:0 20px;grid-auto-rows:140px;width:100%;max-width:100%;overflow-x:hidden}.service-card{background:transparent;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:18px;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.service-card h3{margin:0 0 12px;font-size:clamp(14px,2vw,18px);color:#036;line-height:1.3}.book-btn{align-self:flex-start;padding:10px 14px;background-color:#0073e6;color:#fff;border:none;font-size:clamp(12px,1.5vw,14px);cursor:pointer;border-radius:5px;white-space:nowrap}.book-btn:hover{background-color:#005bb5}.services .service-card:nth-child(odd){background-color:#fde58a}.services .service-card:nth-child(2n){background-color:#324b96;color:#fff}.services .service-card:nth-child(2n) h3{color:#fff}.services .service-card:nth-child(2n) .book-btn{background-color:#fc0}.services .service-card:first-child{grid-row:span 2}.services .service-card:first-child h3{font-size:clamp(16px,2.5vw,20px)}footer{background-color:#036;color:#fff;padding:20px 10px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px}.footer-links a{color:#fff;text-decoration:none;font-size:clamp(12px,1.8vw,14px);padding:5px}.image-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin:10px 0;padding:0 10px;background:transparent;width:100%;max-width:100%;overflow-x:hidden}.image-row img{max-height:60px;max-width:100px;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 1px 4px #0000001f;flex-shrink:0}@media (max-width: 1024px){.services{grid-template-columns:repeat(2,1fr);padding:0 15px}.services .service-card:first-child{grid-row:auto}.nav-center ul{gap:12px}}@media (max-width: 768px){.nav-bar{flex-wrap:nowrap;gap:15px;padding:15px;padding:relative}.nav-left{order:1;flex:1}.nav-right{order:2;flex:0 0 auto}.mobile-menu-btn{display:flex!important}.nav-center{order:3;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000;display:none}.nav-center.mobile-menu-open{display:block;visibility:visible}.nav-center ul{flex-direction:column;gap:0px;padding:15px}.nav-center ul li{border-bottom:1px solid #eee;width:100%}.services{grid-template-columns:1fr;gap:12px;padding:0 10px}.services .service-card:first-child{grid-row:auto}.header-top-right{height:28px;max-width:100px}}@media (max-width: 600px){body{font-size:14px;overflow-x:hidden}*{max-width:100%}header{padding:10px 15px;gap:10px;width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center}.logo{flex:1;min-width:0}.header-top-right{height:24px;max-width:80px;flex-shrink:0}.nav-bar{padding:10px;width:100%;overflow-x:hidden;flex-wrap:nowrap;position:relative}.nav-left{order:1;flex:1}.nav-right{order:2;flex:0 0 auto}.mobile-menu-btn{display:flex!important}.nav-center{order:3;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000;display:none}.nav-center.mobile-menu-open{display:block}.nav-center ul{flex-direction:column;gap:0px;text-align:left;width:100%;padding:10px}.nav-center ul li{border-bottom:1px solid #eee;width:100%}.nav-center ul li:last-child{border-bottom:none}.nav-center ul li a{display:block;padding:12px 15px;background-color:transparent;border-radius:0;color:#036;width:100%;font-size:14px;transition:background-color .2s ease}.nav-center ul li a:hover{background-color:#f8f9fa}.services{padding:0 10px;gap:10px;width:100%;max-width:100%}.service-card{padding:15px;width:100%;max-width:100%}.main-image{margin:0 auto 8px;width:100%;max-width:100%}.footer-links{flex-direction:column;gap:8px;width:100%}.footer-links a{display:block;padding:8px;border-bottom:1px solid rgba(255,255,255,.2);width:100%}.image-row{gap:8px;padding:0 5px;width:100%}.image-row img{max-height:50px;max-width:80px}}@media (max-width: 480px){header{padding:8px 10px}.brand{padding:4px 8px;font-size:14px}.nav-bar{padding:8px}.service-card{padding:12px}.book-btn{padding:8px 12px;font-size:12px}.image-row img{max-height:40px;max-width:70px}}@media (max-width: 360px){.services{gap:8px;padding:0 5px}.service-card{padding:10px}.service-card h3{font-size:14px;margin-bottom:8px}.image-row{gap:6px}.image-row img{max-height:35px;max-width:60px}}.page-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee}.back-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.back-button:hover{background-color:#0056b3}.page-header h1{margin:0;color:#333;font-size:24px}.step-indicator{margin-bottom:30px}.steps{display:flex;justify-content:center;align-items:center;gap:20px}.step{width:40px;height:40px;border-radius:50%;background-color:#ddd;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;position:relative;transition:all .3s ease}.step.active{background-color:#007bff;color:#fff}.step.completed{background-color:#28a745;color:#fff}.step:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:20px;height:2px;background-color:#ddd}.step.completed:not(:last-child):after{background-color:#28a745}@media (max-width: 768px){.page-header{flex-direction:column;text-align:center;gap:15px}.steps{flex-wrap:wrap;gap:10px}.step{width:35px;height:35px;font-size:14px}.step:not(:last-child):after{display:none}}.track-order-container{max-width:800px;margin:0 auto;padding:20px}.track-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.track-form h2{text-align:center;margin-bottom:30px;color:#333}.track-btn{background-color:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;margin-top:20px;transition:background-color .3s}.track-btn:hover:not(:disabled){background-color:#0056b3}.track-btn:disabled{background-color:#6c757d;cursor:not-allowed}.order-status{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.status-card{border:1px solid #dee2e6;border-radius:8px;padding:20px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.status-header h3{margin:0;color:#333}.status-badge{padding:5px 15px;border-radius:20px;color:#fff;font-weight:700;font-size:14px}.status-details{margin-bottom:30px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f8f9fa}.detail-row:last-child{border-bottom:none}.progress-timeline{margin-bottom:30px}.progress-timeline h4{margin-bottom:20px;color:#333}.timeline{position:relative;padding-left:30px}.timeline-item{position:relative;margin-bottom:20px;opacity:.5}.timeline-item.completed,.timeline-item.active{opacity:1}.timeline-marker{position:absolute;left:-37px;top:0;width:14px;height:14px;border-radius:50%;background-color:#dee2e6;border:3px solid white;box-shadow:0 0 0 2px #dee2e6}.timeline-item.completed .timeline-marker{background-color:#28a745;box-shadow:0 0 0 2px #28a745}.timeline-item.active .timeline-marker{background-color:#007bff;box-shadow:0 0 0 2px #007bff;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.timeline:before{content:"";position:absolute;left:-30px;top:7px;bottom:7px;width:2px;background-color:#dee2e6}.timeline-content strong{display:block;margin-bottom:5px;color:#333}.timeline-content p{margin:0;color:#666;font-size:14px}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.primary-btn,.secondary-btn{padding:10px 20px;border-radius:5px;font-size:14px;cursor:pointer;transition:all .3s;border:none}.primary-btn{background-color:#007bff;color:#fff}.primary-btn:hover{background-color:#0056b3}.secondary-btn{background-color:transparent;color:#007bff;border:1px solid #007bff}.secondary-btn:hover{background-color:#007bff;color:#fff}@media (max-width: 768px){.track-order-container{padding:10px}.track-form,.order-status{padding:20px}.status-header{flex-direction:column;gap:10px;text-align:center}.detail-row{flex-direction:column;align-items:flex-start;gap:5px}.action-buttons{flex-direction:column}.timeline{padding-left:20px}.timeline-marker{left:-27px}.timeline:before{left:-20px}}.grievance-container{max-width:900px;margin:0 auto;padding:20px}.grievance-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.form-description{text-align:center;color:#666;margin-bottom:30px}.grievance-btn{background-color:#dc3545;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;margin-top:20px;transition:background-color .3s}.grievance-btn:hover:not(:disabled){background-color:#c82333}.grievance-btn:disabled{background-color:#6c757d;cursor:not-allowed}.file-info{color:#666;font-size:12px;margin-top:5px}.submission-success{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.success-icon{width:80px;height:80px;background-color:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;color:#fff}.ticket-details{text-align:left;max-width:600px;margin:0 auto}.ticket-card{border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px}.ticket-number{font-family:monospace;background-color:#f8f9fa;padding:2px 8px;border-radius:4px;font-weight:700}.status-badge.submitted{background-color:#17a2b8}.next-steps{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.next-steps ul{margin:10px 0;padding-left:20px}.next-steps li{margin-bottom:8px}.reschedule-container,.cancel-container{max-width:800px;margin:0 auto;padding:20px}.search-form,.reschedule-form,.cancellation-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.search-btn{background-color:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;width:100%;margin-top:20px;transition:background-color .3s}.search-btn:hover:not(:disabled){background-color:#0056b3}.search-btn:disabled{background-color:#6c757d;cursor:not-allowed}.current-appointment{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.appointment-card{border:1px solid #dee2e6;border-radius:8px;padding:20px}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.service-type{background-color:#e9ecef;padding:5px 15px;border-radius:20px;font-size:14px;font-weight:700}.appointment-details{margin-bottom:20px}.deadline{color:#dc3545;font-weight:700}.status-paid{color:#28a745;font-weight:700}.reschedule-note,.refund-policy{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;padding:15px;margin:15px 0}.refund-policy h4{margin:0 0 10px;color:#856404}.refund-policy p{margin:0;color:#856404}.danger-btn{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:14px;cursor:pointer;transition:all .3s}.danger-btn:hover:not(:disabled){background-color:#c82333}.danger-btn:disabled{background-color:#6c757d;cursor:not-allowed}.reschedule-success,.cancellation-success{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.reschedule-details,.cancellation-details{text-align:left;max-width:600px;margin:0 auto}.reschedule-card,.cancellation-card{border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px}.comparison{display:flex;align-items:center;justify-content:space-between;margin:20px 0;text-align:center}.old-appointment,.new-appointment{flex:1;padding:15px;background-color:#f8f9fa;border-radius:8px}.arrow{font-size:24px;margin:0 20px;color:#007bff}.confirmation-details{background-color:#e7f3ff;padding:15px;border-radius:8px;margin:15px 0}.confirmation-number,.cancellation-number{font-family:monospace;background-color:#fff;padding:2px 8px;border-radius:4px;font-weight:700}.refund-amount{color:#28a745;font-weight:700;font-size:18px}.important-note,.important-notes{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;padding:15px;margin:15px 0;color:#856404}.important-notes h4{margin:0 0 10px}.important-notes ul{margin:0;padding-left:20px}.important-notes li{margin-bottom:5px}.warning-text{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:5px;margin-bottom:20px;text-align:center;font-weight:700}.cancellation-summary{background-color:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0}.summary-details p{margin:5px 0}.terms-checkbox{margin:20px 0;padding:15px;background-color:#e9ecef;border-radius:5px}.terms-checkbox label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.terms-checkbox input[type=checkbox]{margin-top:2px}@media (max-width: 768px){.grievance-container,.reschedule-container,.cancel-container{padding:10px}.grievance-form,.search-form,.reschedule-form,.cancellation-form,.current-appointment,.reschedule-success,.cancellation-success,.submission-success{padding:20px}.appointment-header{flex-direction:column;gap:10px;text-align:center}.comparison{flex-direction:column;gap:15px}.arrow{transform:rotate(90deg);margin:10px 0}.action-buttons{flex-direction:column}.confirmation-details,.important-note,.important-notes,.warning-text,.cancellation-summary{margin:10px 0;padding:15px}}.home-installation-container{max-width:1000px;margin:0 auto;padding:20px}.installation-content{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.service-description{text-align:center;color:#666;margin-bottom:40px;font-size:16px}.fitment-options{margin-bottom:40px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.option-card{padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.option-card:hover{transform:translateY(-5px)}.yellow-card{background-color:#fff8b3;border:2px solid #f0d000}.blue-card{background-color:#cce5ff;border:2px solid #007bff}.option-header{display:flex;flex-direction:column;align-items:center;gap:20px}.additional-cost{background-color:#0000001a;padding:8px 16px;border-radius:20px;font-weight:700;margin:0}.option-selection{display:flex;align-items:center;gap:10px}.option-label{font-size:20px;font-weight:700;cursor:pointer}.option-icon{margin-top:10px}.home-delivery-section,.dealer-appointment-section{margin-top:30px}.delivery-card,.dealer-card{background-color:#f8f9fa;padding:30px;border-radius:12px;border:2px solid #e9ecef}.service-benefits,.dealer-info{margin-bottom:30px}.service-benefits h4,.dealer-info h4{color:#333;margin-bottom:15px}.service-benefits ul,.dealer-benefits ul{list-style-type:none;padding:0}.service-benefits li,.dealer-benefits li{padding:8px 0 8px 25px;position:relative;color:#555}.service-benefits li:before,.dealer-benefits li:before{content:"✔";position:absolute;left:0;color:#28a745;font-weight:700}.pincode-check{background-color:#fff;padding:25px;border-radius:8px;border:1px solid #dee2e6}.pincode-input-section{display:flex;flex-direction:column;gap:15px;margin-top:15px}.pincode-field{max-width:200px}.check-availability-btn{background-color:#17a2b8;color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:14px;max-width:200px;transition:background-color .3s}.check-availability-btn:hover:not(:disabled){background-color:#138496}.check-availability-btn:disabled{background-color:#6c757d;cursor:not-allowed}.availability-result{margin-top:25px}.available-message,.unavailable-message{display:flex;align-items:flex-start;gap:20px;padding:25px;border-radius:8px}.available-message{background-color:#d4edda;border:1px solid #c3e6cb}.unavailable-message{background-color:#f8d7da;border:1px solid #f5c6cb}.success-icon,.error-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.success-icon{background-color:#28a745;color:#fff}.error-icon{background-color:#dc3545;color:#fff}.message-content h4{margin:0 0 10px;color:#333}.message-content p{margin:5px 0;color:#555}.service-details{background-color:#fffc;padding:15px;border-radius:6px;margin:15px 0}.service-details p{margin:5px 0;font-size:14px}.book-service-btn,.book-appointment-btn{background-color:#28a745;color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:16px;margin-top:15px}.nav-center{position:relative;z-index:1000}.nav-center.mobile-menu-open{display:block;visibility:visible}
