.service-installation-wrapper{padding:16px 0;min-height:100vh;background:var(--circle-bg) top center no-repeat}.service-installation-wrapper .location-group{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:40px}.service-installation-wrapper .results-container{display:grid;grid-template-columns:396px 1fr;gap:20px;margin-top:20px}@media (max-width: 768px){.service-installation-wrapper .results-container{grid-template-columns:1fr;gap:30px}}.service-installation-wrapper .providers-list{max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.service-installation-wrapper .map-container{border-radius:24px;border:1px solid var(--Neutro-Stroke, #d9d9d9);background:var(--Neutro-White, #fff);box-shadow:0 2px 8px #00000026;overflow:hidden;height:600px}@media (max-width: 768px){.service-installation-wrapper .map-container{height:400px}}.service-installation-wrapper .service-map{width:100%;height:100%;position:relative}.service-installation-wrapper .service-map iframe{width:100%;height:100%}.service-installation-wrapper .provider-item{border:1px solid #e9ecef;border-radius:12px;background:#f5f5f5;display:flex;padding:16px;justify-content:flex-end;align-items:flex-start;gap:16px;align-self:stretch;transition:all .3s ease;cursor:pointer;box-shadow:0 1px 1.5px #0003}.service-installation-wrapper .provider-item.selected{border-color:#009ee3;background:#f8f9ff;box-shadow:0 8px 25px #007bff26}.provider-logo{width:160px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.provider-logo{width:100%}}.provider-logo img{max-width:100%;height:auto}.provider-item:not(:has(.provider-logo)){justify-content:flex-start}.provider-item:not(:has(.provider-logo)) .provider-info{align-items:flex-start;text-align:left}.logo-placeholder{font-family:Source Sans Pro,sans-serif;font-size:12px;font-weight:600;color:#6c757d;font-style:normal;line-height:normal;text-align:center;line-height:1.2}.provider-info{flex:1;display:flex;flex-direction:column;align-items:flex-end;text-align:right}@media (max-width: 768px){.provider-info{width:100%}}.provider-info h3{font-family:Source Sans Pro,sans-serif;font-size:18px;font-weight:600;color:#032c41;font-style:normal;line-height:normal;margin:0 0 8px}.provider-info p{font-family:Source Sans Pro,sans-serif;font-size:13px;font-weight:400;color:#6d6e70;font-style:normal;line-height:normal;margin:0}.distance-info{font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:500;color:#6c757d;font-style:normal;line-height:normal}.provider-action{flex-shrink:0}.book-call-btn,.book-service-btn{border:none;border-radius:25px;font-family:Source Sans Pro,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;background:#009ee3;color:#fff;box-shadow:0 1px 1.5px #0003;padding:12px 24px;font-size:14px}.book-call-btn:hover,.book-service-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.book-call-btn.book-service-btn,.book-service-btn.book-service-btn{height:36px;padding:8px 16px;gap:8px;border-radius:24px;font-size:16px;letter-spacing:-.48px;line-height:100%}.no-results{text-align:center;padding:60px 20px;color:#6c757d}.no-results h3{font-family:Source Sans Pro,sans-serif;font-size:24px;font-weight:600;color:#495057;font-style:normal;line-height:normal;margin-bottom:16px}.no-results p{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:400;color:#6d6e70;font-style:normal;line-height:normal;line-height:1.6}@media (max-width: 992px){.no-results .results-container{grid-template-columns:1fr}.no-results .map-container{height:400px}}.service-header{text-align:center;margin-bottom:60px}.service-title{font-family:Source Sans Pro,sans-serif;font-size:40px;font-weight:400;color:#032c41;font-style:normal;line-height:normal;text-align:center;margin-bottom:16px}@media (max-width: 768px){.service-title{font-size:36px}}@media (max-width: 480px){.service-title{font-size:28px}}.service-subtitle{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:400;color:#6d6e70;font-style:normal;line-height:normal;text-align:center;line-height:150%;max-width:600px;margin:0 auto}.service-search-form{margin-bottom:40px}@media (max-width: 768px){.service-search-form{padding:30px 20px}}@media (max-width: 480px){.service-search-form{padding:20px 15px}}.form-row{display:flex;gap:20px;margin-bottom:30px}@media (max-width: 768px){.form-row{flex-direction:column;gap:15px}}.form-group{flex:1;display:flex;flex-direction:column;position:relative}.form-group label{font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#032c41;font-style:normal;line-height:normal;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:15px 20px;border-radius:20px;font-size:16px;height:40px;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:.5px solid #d9d9d9;background:#fff;box-shadow:0 1px 1.5px #0003;color:#6d6e70;font-family:Source Sans Pro,sans-serif;font-weight:400}.form-group input:focus,.form-group select:focus{outline:none;border-color:#009ee3;box-shadow:0 0 0 3px #009ee31a}.form-group input::placeholder,.form-group select::placeholder{color:#adb5bd}.select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(45deg);color:#6c757d;font-size:14px;pointer-events:none;transition:transform .3s ease}.form-group:hover .select-arrow{transform:translateY(-50%) rotate(90deg)}.form-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.form-actions{flex-direction:column;align-items:center}}.search-btn,.clear-btn,.location-btn{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:600;color:#fff;font-style:normal;line-height:normal;line-height:100%;letter-spacing:-.48px;border-radius:24px;display:inline-flex;height:36px;padding:8px 16px;align-items:center;gap:8px;flex-shrink:0;border:none;cursor:pointer;transition:all .3s ease;text-align:center}.search-btn{background:#009ee3;color:#fff}.search-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #009ee34d}@media (max-width: 768px){.search-btn{width:100%;max-width:200px}}.location-btn{background:#121212;color:#fff}.location-btn:hover{background:#121212;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.location-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.location-btn{width:100%;max-width:200px}}.clear-btn{background:#f5f5f5;color:#6d6e70}.clear-btn:hover{background:#e9ecef}@media (max-width: 768px){.clear-btn{width:100%;max-width:200px}}.search-results{margin-top:40px}.results-title{font-family:Source Sans Pro,sans-serif;font-size:24px;font-weight:400;color:#032c41;font-style:normal;line-height:normal;text-align:left}.services-count{margin-right:8px;padding:4px 12px;border-radius:16px;display:inline-block;min-height:24px;vertical-align:middle}.map-placeholder{display:flex;align-items:center;justify-content:center;height:100%;border-radius:24px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 2px 8px #00000026}.installation-steps{margin-top:80px}.steps-title{font-family:Source Sans Pro,sans-serif;font-size:40px;font-weight:400;color:#032c41;font-style:normal;line-height:normal;text-align:center;margin-bottom:40px}@media (max-width: 480px){.steps-title{font-size:28px}}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}@media (max-width: 480px){.steps-grid{grid-template-columns:1fr}}.step-item{border-radius:16px;border:1px solid #009ee3;height:135px;flex-shrink:0;background:#fff6;padding:16px;box-shadow:0 1px 1.5px #0003;transition:transform .3s ease}.step-item h3{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:600;color:#032c41;font-style:normal;line-height:normal;line-height:130%;margin-bottom:34px}.step-item p{font-family:Source Sans Pro,sans-serif;font-size:13px;font-weight:400;color:#6d6e70;font-style:normal;line-height:normal}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999}.loading-spinner p{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:400;color:#6c757d;font-style:normal;line-height:normal;margin:0}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #009ee3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selected-values-container{display:flex;flex-direction:column;gap:20px}.selected-values-title{font-family:Source Sans Pro,sans-serif;font-size:18px;font-weight:600;color:#032c41;font-style:normal;line-height:normal;margin:0 0 16px}.selected-values-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media (max-width: 480px){.selected-values-content{grid-template-columns:1fr;gap:8px}}.services-count{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:600;color:#009ee3;font-style:normal;line-height:normal;margin-right:8px;padding:4px 12px;background:#009ee31a;border-radius:16px;display:inline-block;min-height:24px;vertical-align:middle}@media (max-width: 768px){.provider-item{flex-direction:column;text-align:center;gap:16px}.provider-item .provider-info{order:1;align-items:center}.provider-item .provider-action{order:2}}@media (max-width: 480px){.container{padding:0 15px}.service-installation-wrapper{padding:40px 0}.step-item{padding:20px}}
