PageSourceSearch

https://policystreet.app/en/car-insurance-calculator

html policystreet.app collected 2026-10-04 00:18:43 UTC 192,830 bytes, 3,334 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head>
2		<meta charset="utf-8">
3		<title>Car Insurance Calculator Malaysia | PolicyStreet</title>
4		<base href="/">
5		<meta name="viewport" content="width=device-width, initial-scale=1">
6
7		<!-- Only for staging -->
8		<meta name="robots" content="noindex, nofollow">
9
10		<meta name="description" content="Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs &amp; find the right coverage that fits your needs &amp; budget.">
11		<meta name="keywords" content="car insurance calculator, calculate car insurance premium, car insurance price malaysia, online car insurance calculator">
12
13		<meta property="og:locale" content="en_US">
14		<meta property="og:type" content="website">
15		<meta property="og:title" content="Car Insurance Calculator Malaysia | PolicyStreet">
16		<meta property="og:description" content="Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs &amp; find the right coverage that fits your needs &amp; budget.">
17		<!-- <meta property="og:image" content="" /> -->
18
19		<meta property="og:url" content="https://policystreet.com.my/en/car-insurance-calculator">
20		<meta property="og:site_name" content="PolicyStreet">
21
22		<meta name="twitter:card" content="summary_large_image">
23		<meta name="twitter:title" content="Car Insurance Calculator Malaysia | PolicyStreet">
24		<meta name="twitter:description" content="Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs &amp; find the right coverage that fits your needs &amp; budget.">
25
26		<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
27		<link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico">
28
29		<link rel="preconnect" href="https://fonts.googleapis.com">
30		<link rel="preconnect" href="https://fonts.gstatic.com">
31		<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;family=Roboto:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
32		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
33		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
34	<link rel="stylesheet" href="styles.css"><style ng-app-id="ng">
35.spinner-container[_ngcontent-ng-c1245769907] {
36  background-color: #000;
37  position: absolute;
38  opacity: 0.5;
39  transition: 0.2s ease-in-out;
40  width: 100%;
41  height: 100vh;
42  display: flex;
43  justify-content: center;
44  align-items: center;
45  z-index: 999999;
46}
47/*# sourceMappingURL=/loading-spinner.component.css.map */</style><style ng-app-id="ng">
48[_nghost-ng-c952322260] {
49  display: block;
50  height: 100vh;
51}
52.dashboard[_ngcontent-ng-c952322260] {
53  height: 100%;
54}
55.dashboard__content[_ngcontent-ng-c952322260] {
56  min-height: 100%;
57  margin: auto;
58}
59/*# sourceMappingURL=/full-layout.component.css.map */</style><style ng-app-id="ng">.mat-drawer-container {
60  position: relative;
61  z-index: 1;
62  color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));
63  background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));
64  box-sizing: border-box;
65  display: block;
66  overflow: hidden;
67}
68.mat-drawer-container[fullscreen] {
69  top: 0;
70  left: 0;
71  right: 0;
72  bottom: 0;
73  position: absolute;
74}
75.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
76  overflow: hidden;
77}
78.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
79  z-index: 3;
80}
81.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
82.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
83.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
84  transition: none;
85}
86
87.mat-drawer-backdrop {
88  top: 0;
89  left: 0;
90  right: 0;
91  bottom: 0;
92  position: absolute;
93  display: block;
94  z-index: 3;
95  visibility: hidden;
96}
97.mat-drawer-backdrop.mat-drawer-shown {
98  visibility: visible;
99  background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent));
100}
101.mat-drawer-transition .mat-drawer-backdrop {
102  transition-duration: 400ms;
103  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
104  transition-property: background-color, visibility;
105}
106@media (forced-colors: active) {
107  .mat-drawer-backdrop {
108    opacity: 0.5;
109  }
110}
111
112.mat-drawer-content {
113  position: relative;
114  z-index: 1;
115  display: block;
116  height: 100%;
117  overflow: auto;
118}
119.mat-drawer-content.mat-drawer-content-hidden {
120  opacity: 0;
121}
122.mat-drawer-transition .mat-drawer-content {
123  transition-duration: 400ms;
124  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
125  transition-property: transform, margin-left, margin-right;
126}
127
128.mat-drawer {
129  position: relative;
130  z-index: 4;
131  color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));
132  box-shadow: var(--mat-sidenav-container-elevation-shadow, none);
133  background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));
134  border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
135  border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
136  width: var(--mat-sidenav-container-width, 360px);
137  display: block;
138  position: absolute;
139  top: 0;
140  bottom: 0;
141  z-index: 3;
142  outline: 0;
143  box-sizing: border-box;
144  overflow-y: auto;
145  transform: translate3d(-100%, 0, 0);
146}
147@media (forced-colors: active) {
148  .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end {
149    border-right: solid 1px currentColor;
150  }
151}
152@media (forced-colors: active) {
153  [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end {
154    border-left: solid 1px currentColor;
155    border-right: none;
156  }
157}
158.mat-drawer.mat-drawer-side {
159  z-index: 2;
160}
161.mat-drawer.mat-drawer-end {
162  right: 0;
163  transform: translate3d(100%, 0, 0);
164  border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
165  border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
166  border-top-right-radius: 0;
167  border-bottom-right-radius: 0;
168}
169[dir=rtl] .mat-drawer {
170  border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
171  border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
172  border-top-right-radius: 0;
173  border-bottom-right-radius: 0;
174  transform: translate3d(100%, 0, 0);
175}
176[dir=rtl] .mat-drawer.mat-drawer-end {
177  border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
178  border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
179  border-top-left-radius: 0;
180  border-bottom-left-radius: 0;
181  left: 0;
182  right: auto;
183  transform: translate3d(-100%, 0, 0);
184}
185.mat-drawer-transition .mat-drawer {
186  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
187}
188.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {
189  visibility: hidden;
190  box-shadow: none;
191}
192.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {
193  display: none;
194}
195.mat-drawer.mat-drawer-opened.mat-drawer-opened {
196  transform: none;
197}
198
199.mat-drawer-side {
200  box-shadow: none;
201  border-right-color: var(--mat-sidenav-container-divider-color, transparent);
202  border-right-width: 1px;
203  border-right-style: solid;
204}
205.mat-drawer-side.mat-drawer-end {
206  border-left-color: var(--mat-sidenav-container-divider-color, transparent);
207  border-left-width: 1px;
208  border-left-style: solid;
209  border-right: none;
210}
211[dir=rtl] .mat-drawer-side {
212  border-left-color: var(--mat-sidenav-container-divider-color, transparent);
213  border-left-width: 1px;
214  border-left-style: solid;
215  border-right: none;
216}
217[dir=rtl] .mat-drawer-side.mat-drawer-end {
218  border-right-color: var(--mat-sidenav-container-divider-color, transparent);
219  border-right-width: 1px;
220  border-right-style: solid;
221  border-left: none;
222}
223
224.mat-drawer-inner-container {
225  width: 100%;
226  height: 100%;
227  overflow: auto;
228}
229
230.mat-sidenav-fixed {
231  position: fixed;
232}
233</style><style ng-app-id="ng">.cdk-visually-hidden {
234  border: 0;
235  clip: rect(0 0 0 0);
236  height: 1px;
237  margin: -1px;
238  overflow: hidden;
239  padding: 0;
240  position: absolute;
241  width: 1px;
242  white-space: nowrap;
243  outline: 0;
244  -webkit-appearance: none;
245  -moz-appearance: none;
246  left: 0;
247}
248[dir=rtl] .cdk-visually-hidden {
249  left: auto;
250  right: 0;
251}
252</style><style ng-app-id="ng">
253.list__icon[_ngcontent-ng-c3935147848] {
254  height: 24px;
255}
256.list__label[_ngcontent-ng-c3935147848] {
257  margin-left: 5px;
258}
259.site-root-panel.route-active[_ngcontent-ng-c3935147848]    > .mat-expansion-panel-header.site-root-header[_ngcontent-ng-c3935147848] {
260  border-radius: 0.5rem;
261  --tw-bg-opacity: 1;
262  background-color: rgb(0 145 255 / var(--tw-bg-opacity, 1));
263  padding-left: 1rem;
264  padding-right: 1rem;
265  padding-top: 0.5rem;
266  padding-bottom: 0.5rem;
267  --tw-text-opacity: 1;
268  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
269}
270.site-nav-accordion[_ngcontent-ng-c3935147848]   .main-title[_ngcontent-ng-c3935147848] {
271  font-weight: 500 !important;
272  font-size: 16px !important;
273}
274.site-nav-accordion[_ngcontent-ng-c3935147848]   .second-title[_ngcontent-ng-c3935147848] {
275  font-weight: 500 !important;
276  font-size: 14px !important;
277}
278.normal-title[_ngcontent-ng-c3935147848] {
279  font-weight: unset !important;
280  font-size: unset !important;
281}
282.active[_ngcontent-ng-c3935147848]   .mat-expansion-panel-header-title[_ngcontent-ng-c3935147848] {
283  background-color: #0091ff !important;
284  color: #fff !important;
285  border-radius: 8px;
286  padding: 10px;
287}
288/*# sourceMappingURL=/site-nav.component.css.map */</style><style ng-app-id="ng">
289.container[_ngcontent-ng-c3635789579] {
290  height: var(--header-height);
291}
292/*# sourceMappingURL=/header.component.css.map */</style><style ng-app-id="ng">
293.disabled[_ngcontent-ng-c2711685700] {
294  opacity: 0.4;
295}
296/*# sourceMappingURL=/footer.component.css.map */</style><style ng-app-id="ng">mat-icon, mat-icon.mat-primary, mat-icon.mat-accent, mat-icon.mat-warn {
297  color: var(--mat-icon-color, inherit);
298}
299
300.mat-icon {
301  -webkit-user-select: none;
302  user-select: none;
303  background-repeat: no-repeat;
304  display: inline-block;
305  fill: currentColor;
306  height: 24px;
307  width: 24px;
308  overflow: hidden;
309}
310.mat-icon.mat-icon-inline {
311  font-size: inherit;
312  height: inherit;
313  line-height: inherit;
314  width: inherit;
315}
316.mat-icon.mat-ligature-font[fontIcon]::before {
317  content: attr(fontIcon);
318}
319
320[dir=rtl] .mat-icon-rtl-mirror {
321  transform: scale(-1, 1);
322}
323
324.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
325.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
326  display: block;
327}
328.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
329.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
330  margin: auto;
331}
332</style><style ng-app-id="ng">
333.lang-outer-toggle[_ngcontent-ng-c1746833094] {
334  background: #E3EAF2;
335  border-radius: 999px;
336  padding: 4px;
337  width: 98px;
338  height: 36px;
339  display: inline-block;
340}
341.lang-inner-toggle[_ngcontent-ng-c1746833094] {
342  display: flex;
343  background: #F5F5F5;
344  border-radius: 999px;
345  overflow: hidden;
346}
347.toggle-option[_ngcontent-ng-c1746833094] {
348  flex: 1;
349  text-align: center;
350  padding: 2px;
351  font-weight: 400;
352  cursor: pointer;
353  color: #555;
354  transition: all 0.3s ease;
355}
356.toggle-option[_ngcontent-ng-c1746833094]:first-child {
357  border-top-left-radius: 999px;
358  border-bottom-left-radius: 999px;
359}
360.toggle-option[_ngcontent-ng-c1746833094]:last-child {
361  border-top-right-radius: 999px;
362  border-bottom-right-radius: 999px;
363}
364.toggle-option.active[_ngcontent-ng-c1746833094] {
365  background-color: #1e88e5;
366  font-weight: 700;
367  color: white;
368}
369/*# sourceMappingURL=/translator-toggle.component.css.map */</style><style ng-app-id="ng">mat-menu {
370  display: none;
371}
372
373.mat-mdc-menu-content {
374  margin: 0;
375  padding: 8px 0;
376  outline: 0;
377}
378.mat-mdc-menu-content,
379.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
380  -moz-osx-font-smoothing: grayscale;
381  -webkit-font-smoothing: antialiased;
382  flex: 1;
383  white-space: normal;
384  font-family: var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font));
385  line-height: var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height));
386  font-size: var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size));
387  letter-spacing: var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking));
388  font-weight: var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight));
389}
390
391@keyframes _mat-menu-enter {
392  from {
393    opacity: 0;
394    transform: scale(0.8);
395  }
396  to {
397    opacity: 1;
398    transform: none;
399  }
400}
401@keyframes _mat-menu-exit {
402  from {
403    opacity: 1;
404  }
405  to {
406    opacity: 0;
407  }
408}
409.mat-mdc-menu-panel {
410  min-width: 112px;
411  max-width: 280px;
412  overflow: auto;
413  box-sizing: border-box;
414  outline: 0;
415  animation: _mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1);
416  border-radius: var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small));
417  background-color: var(--mat-menu-container-color, var(--mat-sys-surface-container));
418  box-shadow: var(--mat-menu-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
419  will-change: transform, opacity;
420}
421.mat-mdc-menu-panel.mat-menu-panel-exit-animation {
422  animation: _mat-menu-exit 100ms 25ms linear forwards;
423}
424.mat-mdc-menu-panel.mat-menu-panel-animations-disabled {
425  animation: none;
426}
427.mat-mdc-menu-panel.mat-menu-panel-animating {
428  pointer-events: none;
429}
430.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty) {
431  display: none;
432}
433@media (forced-colors: active) {
434  .mat-mdc-menu-panel {
435    outline: solid 1px;
436  }
437}
438.mat-mdc-menu-panel .mat-divider {
439  border-top-color: var(--mat-menu-divider-color, var(--mat-sys-surface-variant));
440  margin-bottom: var(--mat-menu-divider-bottom-spacing, 8px);
441  margin-top: var(--mat-menu-divider-top-spacing, 8px);
442}
443
444.mat-mdc-menu-item {
445  display: flex;
446  position: relative;
447  align-items: center;
448  justify-content: flex-start;
449  overflow: hidden;
450  padding: 0;
451  cursor: pointer;
452  width: 100%;
453  text-align: left;
454  box-sizing: border-box;
455  color: inherit;
456  font-size: inherit;
457  background: none;
458  text-decoration: none;
459  margin: 0;
460  min-height: 48px;
461  padding-left: var(--mat-menu-item-leading-spacing, 12px);
462  padding-right: var(--mat-menu-item-trailing-spacing, 12px);
463  -webkit-user-select: none;
464  user-select: none;
465  cursor: pointer;
466  outline: none;
467  border: none;
468  -webkit-tap-highlight-color: transparent;
469}
470.mat-mdc-menu-item::-moz-focus-inner {
471  border: 0;
472}
473[dir=rtl] .mat-mdc-menu-item {
474  padding-left: var(--mat-menu-item-trailing-spacing, 12px);
475  padding-right: var(--mat-menu-item-leading-spacing, 12px);
476}
477.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
478  padding-left: var(--mat-menu-item-with-icon-leading-spacing, 12px);
479  padding-right: var(--mat-menu-item-with-icon-trailing-spacing, 12px);
480}
481[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
482  padding-left: var(--mat-menu-item-with-icon-trailing-spacing, 12px);
483  padding-right: var(--mat-menu-item-with-icon-leading-spacing, 12px);
484}
485.mat-mdc-menu-item, .mat-mdc-menu-item:visited, .mat-mdc-menu-item:link {
486  color: var(--mat-menu-item-label-text-color, var(--mat-sys-on-surface));
487}
488.mat-mdc-menu-item .mat-icon-no-color,
489.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
490  color: var(--mat-menu-item-icon-color, var(--mat-sys-on-surface-variant));
491}
492.mat-mdc-menu-item[disabled] {
493  cursor: default;
494  opacity: 0.38;
495}
496.mat-mdc-menu-item[disabled]::after {
497  display: block;
498  position: absolute;
499  content: "";
500  top: 0;
501  left: 0;
502  bottom: 0;
503  right: 0;
504}
505.mat-mdc-menu-item:focus {
506  outline: 0;
507}
508.mat-mdc-menu-item .mat-icon {
509  flex-shrink: 0;
510  margin-right: var(--mat-menu-item-spacing, 12px);
511  height: var(--mat-menu-item-icon-size, 24px);
512  width: var(--mat-menu-item-icon-size, 24px);
513}
514[dir=rtl] .mat-mdc-menu-item {
515  text-align: right;
516}
517[dir=rtl] .mat-mdc-menu-item .mat-icon {
518  margin-right: 0;
519  margin-left: var(--mat-menu-item-spacing, 12px);
520}
521.mat-mdc-menu-item:not([disabled]):hover {
522  background-color: var(--mat-menu-item-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));
523}
524.mat-mdc-menu-item:not([disabled]).cdk-program-focused, .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused, .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
525  background-color: var(--mat-menu-item-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));
526}
527@media (forced-colors: active) {
528  .mat-mdc-menu-item {
529    margin-top: 1px;
530  }
531}
532
533.mat-mdc-menu-submenu-icon {
534  width: var(--mat-menu-item-icon-size, 24px);
535  height: 10px;
536  fill: currentColor;
537  padding-left: var(--mat-menu-item-spacing, 12px);
538}
539[dir=rtl] .mat-mdc-menu-submenu-icon {
540  padding-right: var(--mat-menu-item-spacing, 12px);
541  padding-left: 0;
542}
543[dir=rtl] .mat-mdc-menu-submenu-icon polygon {
544  transform: scaleX(-1);
545  transform-origin: center;
546}
547@media (forced-colors: active) {
548  .mat-mdc-menu-submenu-icon {
549    fill: CanvasText;
550  }
551}
552
553.mat-mdc-menu-item .mat-mdc-menu-ripple {
554  top: 0;
555  left: 0;
556  right: 0;
557  bottom: 0;
558  position: absolute;
559  pointer-events: none;
560}
561</style><style ng-app-id="ng">.mat-focus-indicator {
562  position: relative;
563}
564.mat-focus-indicator::before {
565  top: 0;
566  left: 0;
567  right: 0;
568  bottom: 0;
569  position: absolute;
570  box-sizing: border-box;
571  pointer-events: none;
572  display: var(--mat-focus-indicator-display, none);
573  border-width: var(--mat-focus-indicator-border-width, 3px);
574  border-style: var(--mat-focus-indicator-border-style, solid);
575  border-color: var(--mat-focus-indicator-border-color, transparent);
576  border-radius: var(--mat-focus-indicator-border-radius, 4px);
577}
578.mat-focus-indicator:focus-visible::before {
579  content: "";
580}
581
582@media (forced-colors: active) {
583  html {
584    --mat-focus-indicator-display: block;
585  }
586}
587</style><style ng-app-id="ng">.mat-ripple {
588  overflow: hidden;
589  position: relative;
590}
591.mat-ripple:not(:empty) {
592  transform: translateZ(0);
593}
594
595.mat-ripple.mat-ripple-unbounded {
596  overflow: visible;
597}
598
599.mat-ripple-element {
600  position: absolute;
601  border-radius: 50%;
602  pointer-events: none;
603  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
604  transform: scale3d(0, 0, 0);
605  background-color: var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent));
606}
607@media (forced-colors: active) {
608  .mat-ripple-element {
609    display: none;
610  }
611}
612.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
613  display: none;
614}
615</style><style ng-app-id="ng">
616  .mat-button-toggle-group {
617  border: none !important;
618  background: transparent;
619}
620  .mat-button-toggle {
621  border-radius: 0.75rem;
622  --tw-bg-opacity: 1;
623  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
624  padding-left: 1.5rem;
625  padding-right: 1.5rem;
626  padding-top: 0.75rem;
627  padding-bottom: 0.75rem;
628  --tw-text-opacity: 1;
629  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
630  border: none !important;
631}
632  .mat-button-toggle-checked {
633  background: #0091ff !important;
634  color: white !important;
635}
636  .mat-button-toggle .mat-pseudo-checkbox {
637  display: none !important;
638  opacity: 0;
639  width: 0;
640  margin: 0;
641}
642  .mat-button-toggle .mat-button-toggle-label-content {
643  padding-left: 0 !important;
644}
645  .custom-slider .mdc-slider__track--active_fill {
646  background:
647    linear-gradient(
648      90deg,
649      #0091ff 0%,
650      #203570 100%) !important;
651  height: 6px;
652  border-radius: 999px;
653}
654  .custom-slider .mdc-slider__track--inactive {
655  background: #d1d5db !important;
656  height: 6px;
657  border-radius: 999px;
658}
659  .custom-slider .mdc-slider__thumb-knob {
660  background: white !important;
661  border: 2px solid #0091ff !important;
662}
663  .custom-slider .mdc-slider__track {
664  height: 6px;
665}
666  .custom-slider .mdc-slider__track--inactive {
667  border-top: none !important;
668  height: 4px;
669  background: #d1d5db;
670}
671  .mat-mdc-slider {
672  width: 100% !important;
673}
674/*# sourceMappingURL=/car-insurance-calculator.component.css.map */</style><style ng-app-id="ng">
675.carousel-wrapper[_ngcontent-ng-c4014395640] {
676  margin: auto;
677  max-width: 1200px;
678  overflow: hidden;
679  padding: 10px 0;
680  width: 100%;
681}
682.carousel[_ngcontent-ng-c4014395640] {
683  display: flex;
684  width: max-content;
685  align-items: center;
686  animation: _ngcontent-ng-c4014395640_infiniteScroll 15s linear infinite;
687}
688.carousel-item[_ngcontent-ng-c4014395640] {
689  flex: 0 0 auto;
690  width: 100px;
691  height: 100px;
692  margin-right: 20px;
693  display: flex;
694  justify-content: center;
695  align-items: center;
696}
697.carousel-item[_ngcontent-ng-c4014395640]   img[_ngcontent-ng-c4014395640] {
698  width: 100%;
699  height: 100%;
700  object-fit: contain;
701}
702@keyframes _ngcontent-ng-c4014395640_infiniteScroll {
703  from {
704    transform: translateX(0);
705  }
706  to {
707    transform: translateX(-50%);
708  }
709}
710/*# sourceMappingURL=/looping-insurer.component.css.map */</style><style ng-app-id="ng">.mdc-slider__track {
711  position: absolute;
712  top: 50%;
713  transform: translateY(-50%);
714  width: 100%;
715  pointer-events: none;
716  height: var(--mat-slider-inactive-track-height, 4px);
717}
718
719.mdc-slider__track--active,
720.mdc-slider__track--inactive {
721  display: flex;
722  height: 100%;
723  position: absolute;
724  width: 100%;
725}
726
727.mdc-slider__track--active {
728  overflow: hidden;
729  border-radius: var(--mat-slider-active-track-shape, var(--mat-sys-corner-full));
730  height: var(--mat-slider-active-track-height, 4px);
731  top: calc((var(--mat-slider-inactive-track-height, 4px) - var(--mat-slider-active-track-height, 4px)) / 2);
732}
733
734.mdc-slider__track--active_fill {
735  border-top-style: solid;
736  box-sizing: border-box;
737  height: 100%;
738  width: 100%;
739  position: relative;
740  transform-origin: left;
741  transition: transform 80ms ease;
742  border-color: var(--mat-slider-active-track-color, var(--mat-sys-primary));
743  border-top-width: var(--mat-slider-active-track-height, 4px);
744}
745.mdc-slider--disabled .mdc-slider__track--active_fill {
746  border-color: var(--mat-slider-disabled-active-track-color, var(--mat-sys-on-surface));
747}
748[dir=rtl] .mdc-slider__track--active_fill {
749  -webkit-transform-origin: right;
750  transform-origin: right;
751}
752
753.mdc-slider__track--inactive {
754  left: 0;
755  top: 0;
756  opacity: 0.24;
757  background-color: var(--mat-slider-inactive-track-color, var(--mat-sys-surface-variant));
758  height: var(--mat-slider-inactive-track-height, 4px);
759  border-radius: var(--mat-slider-inactive-track-shape, var(--mat-sys-corner-full));
760}
761.mdc-slider--disabled .mdc-slider__track--inactive {
762  background-color: var(--mat-slider-disabled-inactive-track-color, var(--mat-sys-on-surface));
763  opacity: 0.24;
764}
765.mdc-slider__track--inactive::before {
766  position: absolute;
767  box-sizing: border-box;
768  width: 100%;
769  height: 100%;
770  top: 0;
771  left: 0;
772  border: 1px solid transparent;
773  border-radius: inherit;
774  content: "";
775  pointer-events: none;
776}
777@media (forced-colors: active) {
778  .mdc-slider__track--inactive::before {
779    border-color: CanvasText;
780  }
781}
782
783.mdc-slider__value-indicator-container {
784  bottom: 44px;
785  left: 50%;
786  pointer-events: none;
787  position: absolute;
788  transform: var(--mat-slider-value-indicator-container-transform, translateX(-50%) rotate(-45deg));
789}
790.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
791  pointer-events: auto;
792}
793
794.mdc-slider__value-indicator {
795  display: flex;
796  align-items: center;
797  transform: scale(0);
798  transform-origin: var(--mat-slider-value-indicator-transform-origin, 0 28px);
799  transition: transform 100ms cubic-bezier(0.4, 0, 1, 1);
800  word-break: normal;
801  background-color: var(--mat-slider-label-container-color, var(--mat-sys-primary));
802  color: var(--mat-slider-label-label-text-color, var(--mat-sys-on-primary));
803  width: var(--mat-slider-value-indicator-width, 28px);
804  height: var(--mat-slider-value-indicator-height, 28px);
805  padding: var(--mat-slider-value-indicator-padding, 0);
806  opacity: var(--mat-slider-value-indicator-opacity, 1);
807  border-radius: var(--mat-slider-value-indicator-border-radius, 50% 50% 50% 0);
808}
809.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
810  transition: transform 100ms cubic-bezier(0, 0, 0.2, 1);
811  transform: scale(1);
812}
813.mdc-slider__value-indicator::before {
814  border-left: 6px solid transparent;
815  border-right: 6px solid transparent;
816  border-top: 6px solid;
817  bottom: -5px;
818  content: "";
819  height: 0;
820  left: 50%;
821  position: absolute;
822  transform: translateX(-50%);
823  width: 0;
824  display: var(--mat-slider-value-indicator-caret-display, none);
825  border-top-color: var(--mat-slider-label-container-color, var(--mat-sys-primary));
826}
827.mdc-slider__value-indicator::after {
828  position: absolute;
829  box-sizing: border-box;
830  width: 100%;
831  height: 100%;
832  top: 0;
833  left: 0;
834  border: 1px solid transparent;
835  border-radius: inherit;
836  content: "";
837  pointer-events: none;
838}
839@media (forced-colors: active) {
840  .mdc-slider__value-indicator::after {
841    border-color: CanvasText;
842  }
843}
844
845.mdc-slider__value-indicator-text {
846  text-align: center;
847  width: var(--mat-slider-value-indicator-width, 28px);
848  transform: var(--mat-slider-value-indicator-text-transform, rotate(45deg));
849  font-family: var(--mat-slider-label-label-text-font, var(--mat-sys-label-medium-font));
850  font-size: var(--mat-slider-label-label-text-size, var(--mat-sys-label-medium-size));
851  font-weight: var(--mat-slider-label-label-text-weight, var(--mat-sys-label-medium-weight));
852  line-height: var(--mat-slider-label-label-text-line-height, var(--mat-sys-label-medium-line-height));
853  letter-spacing: var(--mat-slider-label-label-text-tracking, var(--mat-sys-label-medium-tracking));
854}
855
856.mdc-slider__thumb {
857  -webkit-user-select: none;
858  user-select: none;
859  display: flex;
860  left: -24px;
861  outline: none;
862  position: absolute;
863  height: 48px;
864  width: 48px;
865  pointer-events: none;
866}
867.mdc-slider--discrete .mdc-slider__thumb {
868  transition: transform 80ms ease;
869}
870.mdc-slider--disabled .mdc-slider__thumb {
871  pointer-events: none;
872}
873
874.mdc-slider__thumb--top {
875  z-index: 1;
876}
877
878.mdc-slider__thumb-knob {
879  position: absolute;
880  box-sizing: border-box;
881  left: 50%;
882  top: 50%;
883  transform: translate(-50%, -50%);
884  border-style: solid;
885  width: var(--mat-slider-handle-width, 20px);
886  height: var(--mat-slider-handle-height, 20px);
887  border-width: calc(var(--mat-slider-handle-height, 20px) / 2) calc(var(--mat-slider-handle-width, 20px) / 2);
888  box-shadow: var(--mat-slider-handle-elevation, var(--mat-sys-level1));
889  background-color: var(--mat-slider-handle-color, var(--mat-sys-primary));
890  border-color: var(--mat-slider-handle-color, var(--mat-sys-primary));
891  border-radius: var(--mat-slider-handle-shape, var(--mat-sys-corner-full));
892}
893.mdc-slider__thumb:hover .mdc-slider__thumb-knob {
894  background-color: var(--mat-slider-hover-handle-color, var(--mat-sys-primary));
895  border-color: var(--mat-slider-hover-handle-color, var(--mat-sys-primary));
896}
897.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
898  background-color: var(--mat-slider-focus-handle-color, var(--mat-sys-primary));
899  border-color: var(--mat-slider-focus-handle-color, var(--mat-sys-primary));
900}
901.mdc-slider--disabled .mdc-slider__thumb-knob {
902  background-color: var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface));
903  border-color: var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface));
904}
905.mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
906  border: solid 1px #fff;
907  box-sizing: content-box;
908  border-color: var(--mat-slider-with-overlap-handle-outline-color, var(--mat-sys-on-primary));
909  border-width: var(--mat-slider-with-overlap-handle-outline-width, 1px);
910}
911
912.mdc-slider__tick-marks {
913  align-items: center;
914  box-sizing: border-box;
915  display: flex;
916  height: 100%;
917  justify-content: space-between;
918  padding: 0 1px;
919  position: absolute;
920  width: 100%;
921}
922
923.mdc-slider__tick-mark--active,
924.mdc-slider__tick-mark--inactive {
925  width: var(--mat-slider-with-tick-marks-container-size, 2px);
926  height: var(--mat-slider-with-tick-marks-container-size, 2px);
927  border-radius: var(--mat-slider-with-tick-marks-container-shape, var(--mat-sys-corner-full));
928}
929
930.mdc-slider__tick-mark--inactive {
931  opacity: var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38);
932  background-color: var(--mat-slider-with-tick-marks-inactive-container-color, var(--mat-sys-on-surface-variant));
933}
934.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
935  opacity: var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38);
936  background-color: var(--mat-slider-with-tick-marks-disabled-container-color, var(--mat-sys-on-surface));
937}
938
939.mdc-slider__tick-mark--active {
940  opacity: var(--mat-slider-with-tick-marks-active-container-opacity, 0.38);
941  background-color: var(--mat-slider-with-tick-marks-active-container-color, var(--mat-sys-on-primary));
942}
943
944.mdc-slider__input {
945  cursor: pointer;
946  left: 2px;
947  margin: 0;
948  height: 44px;
949  opacity: 0;
950  position: absolute;
951  top: 2px;
952  width: 44px;
953  box-sizing: content-box;
954}
955.mdc-slider__input.mat-mdc-slider-input-no-pointer-events {
956  pointer-events: none;
957}
958.mdc-slider__input.mat-slider__right-input {
959  left: auto;
960  right: 0;
961}
962
963.mat-mdc-slider {
964  display: inline-block;
965  box-sizing: border-box;
966  outline: none;
967  vertical-align: middle;
968  cursor: pointer;
969  height: 48px;
970  margin: 0 8px;
971  position: relative;
972  touch-action: pan-y;
973  width: auto;
974  min-width: 112px;
975  -webkit-tap-highlight-color: transparent;
976}
977.mat-mdc-slider.mdc-slider--disabled {
978  cursor: auto;
979  opacity: 0.38;
980}
981.mat-mdc-slider.mdc-slider--disabled .mdc-slider__input {
982  cursor: auto;
983}
984.mat-mdc-slider .mdc-slider__thumb,
985.mat-mdc-slider .mdc-slider__track--active_fill {
986  transition-duration: 0ms;
987}
988.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
989.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
990  transition-duration: 80ms;
991}
992.mat-mdc-slider.mdc-slider--discrete .mdc-slider__thumb,
993.mat-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill {
994  transition-duration: 0ms;
995}
996.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
997.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
998  transition-duration: 80ms;
999}
1000.mat-mdc-slider .mat-ripple .mat-ripple-element {
1001  background-color: var(--mat-slider-ripple-color, var(--mat-sys-primary));
1002}
1003.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple {
1004  background-color: var(--mat-slider-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 5%, transparent));
1005}
1006.mat-mdc-slider .mat-ripple .mat-mdc-slider-focus-ripple,
1007.mat-mdc-slider .mat-ripple .mat-mdc-slider-active-ripple {
1008  background-color: var(--mat-slider-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 20%, transparent));
1009}
1010.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__thumb, .mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill,
1011.mat-mdc-slider._mat-animation-noopable .mdc-slider__value-indicator {
1012  transition: none;
1013}
1014.mat-mdc-slider .mat-focus-indicator::before {
1015  border-radius: 50%;
1016}
1017
1018.mdc-slider__thumb--focused .mat-focus-indicator::before {
1019  content: "";
1020}
1021</style><style ng-app-id="ng">.mat-mdc-radio-button {
1022  -webkit-tap-highlight-color: transparent;
1023}
1024.mat-mdc-radio-button .mdc-radio {
1025  display: inline-block;
1026  position: relative;
1027  flex: 0 0 auto;
1028  box-sizing: content-box;
1029  width: 20px;
1030  height: 20px;
1031  cursor: pointer;
1032  will-change: opacity, transform, border-color, color;
1033  padding: calc((var(--mat-radio-state-layer-size, 40px) - 20px) / 2);
1034}
1035.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before {
1036  opacity: 0.04;
1037  transform: scale(1);
1038}
1039.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle {
1040  border-color: var(--mat-radio-unselected-hover-icon-color, var(--mat-sys-on-surface));
1041}
1042.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
1043  border-color: var(--mat-radio-selected-hover-icon-color, var(--mat-sys-primary));
1044}
1045.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle {
1046  background-color: var(--mat-radio-selected-hover-icon-color, var(--mat-sys-primary, currentColor));
1047}
1048.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
1049  border-color: var(--mat-radio-unselected-pressed-icon-color, var(--mat-sys-on-surface));
1050}
1051.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
1052  border-color: var(--mat-radio-selected-pressed-icon-color, var(--mat-sys-primary));
1053}
1054.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle {
1055  background-color: var(--mat-radio-selected-pressed-icon-color, var(--mat-sys-primary, currentColor));
1056}
1057.mat-mdc-radio-button .mdc-radio__background {
1058  display: inline-block;
1059  position: relative;
1060  box-sizing: border-box;
1061  width: 20px;
1062  height: 20px;
1063}
1064.mat-mdc-radio-button .mdc-radio__background::before {
1065  position: absolute;
1066  transform: scale(0, 0);
1067  border-radius: 50%;
1068  opacity: 0;
1069  pointer-events: none;
1070  content: "";
1071  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
1072  width: var(--mat-radio-state-layer-size, 40px);
1073  height: var(--mat-radio-state-layer-size, 40px);
1074  top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);
1075  left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);
1076}
1077.mat-mdc-radio-button .mdc-radio__outer-circle {
1078  position: absolute;
1079  top: 0;
1080  left: 0;
1081  box-sizing: border-box;
1082  width: 100%;
1083  height: 100%;
1084  border-width: 2px;
1085  border-style: solid;
1086  border-radius: 50%;
1087  transition: border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
1088}
1089.mat-mdc-radio-button .mdc-radio__inner-circle {
1090  position: absolute;
1091  top: 0;
1092  left: 0;
1093  box-sizing: border-box;
1094  width: 100%;
1095  height: 100%;
1096  transform: scale(0);
1097  border-radius: 50%;
1098  transition: transform 90ms cubic-bezier(0.4, 0, 0.6, 1), background-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
1099}
1100@media (forced-colors: active) {
1101  .mat-mdc-radio-button .mdc-radio__inner-circle {
1102    background-color: CanvasText !important;
1103  }
1104}
1105.mat-mdc-radio-button .mdc-radio__native-control {
1106  position: absolute;
1107  margin: 0;
1108  padding: 0;
1109  opacity: 0;
1110  top: 0;
1111  right: 0;
1112  left: 0;
1113  cursor: inherit;
1114  z-index: 1;
1115  width: var(--mat-radio-state-layer-size, 40px);
1116  height: var(--mat-radio-state-layer-size, 40px);
1117}
1118.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background {
1119  transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1);
1120}
1121.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {
1122  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1);
1123}
1124.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {
1125  transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);
1126}
1127.mat-mdc-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before {
1128  transform: scale(1);
1129  opacity: 0.12;
1130  transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1);
1131}
1132.mat-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
1133  border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface));
1134  opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38);
1135}
1136.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background {
1137  cursor: default;
1138}
1139.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {
1140  border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface));
1141  opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
1142}
1143.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {
1144  background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor));
1145  opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
1146}
1147.mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
1148  border-color: var(--mat-radio-unselected-icon-color, var(--mat-sys-on-surface-variant));
1149}
1150.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
1151  border-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary));
1152}
1153.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle {
1154  background-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary, currentColor));
1155}
1156.mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__outer-circle {
1157  border-color: var(--mat-radio-selected-focus-icon-color, var(--mat-sys-primary));
1158}
1159.mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__inner-circle {
1160  background-color: var(--mat-radio-selected-focus-icon-color, var(--mat-sys-primary, currentColor));
1161}
1162.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {
1163  transform: scale(0.5);
1164  transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);
1165}
1166.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled {
1167  pointer-events: auto;
1168}
1169.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
1170  border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface));
1171  opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38);
1172}
1173.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle,
1174.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus + .mdc-radio__background > .mdc-radio__outer-circle,
1175.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control + .mdc-radio__background > .mdc-radio__outer-circle {
1176  border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface));
1177  opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
1178}
1179.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked + .mdc-radio__background >
1179 .mdc-radio__inner-circle,
1180.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus + .mdc-radio__background > .mdc-radio__inner-circle,
1181.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control + .mdc-radio__background > .mdc-radio__inner-circle {
1182  background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor));
1183  opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
1184}
1185.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__background::before,
1186.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__outer-circle,
1187.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__inner-circle {
1188  transition: none !important;
1189}
1190.mat-mdc-radio-button label {
1191  cursor: pointer;
1192}
1193.mat-mdc-radio-button label:empty {
1194  display: none;
1195}
1196.mat-mdc-radio-button .mdc-radio__background::before {
1197  background-color: var(--mat-radio-ripple-color, var(--mat-sys-on-surface));
1198}
1199.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element,
1200.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
1201  background-color: var(--mat-radio-checked-ripple-color, var(--mat-sys-primary));
1202}
1203.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mat-ripple-element,
1204.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background::before {
1205  background-color: var(--mat-radio-ripple-color, var(--mat-sys-on-surface));
1206}
1207.mat-mdc-radio-button .mat-internal-form-field {
1208  color: var(--mat-radio-label-text-color, var(--mat-sys-on-surface));
1209  font-family: var(--mat-radio-label-text-font, var(--mat-sys-body-medium-font));
1210  line-height: var(--mat-radio-label-text-line-height, var(--mat-sys-body-medium-line-height));
1211  font-size: var(--mat-radio-label-text-size, var(--mat-sys-body-medium-size));
1212  letter-spacing: var(--mat-radio-label-text-tracking, var(--mat-sys-body-medium-tracking));
1213  font-weight: var(--mat-radio-label-text-weight, var(--mat-sys-body-medium-weight));
1214}
1215.mat-mdc-radio-button .mdc-radio--disabled + label {
1216  color: var(--mat-radio-disabled-label-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1217}
1218.mat-mdc-radio-button .mat-radio-ripple {
1219  top: 0;
1220  left: 0;
1221  right: 0;
1222  bottom: 0;
1223  position: absolute;
1224  pointer-events: none;
1225  border-radius: 50%;
1226}
1227.mat-mdc-radio-button .mat-radio-ripple > .mat-ripple-element {
1228  opacity: 0.14;
1229}
1230.mat-mdc-radio-button .mat-radio-ripple::before {
1231  border-radius: 50%;
1232}
1233.mat-mdc-radio-button .mdc-radio > .mdc-radio__native-control:focus:enabled:not(:checked) ~ .mdc-radio__background > .mdc-radio__outer-circle {
1234  border-color: var(--mat-radio-unselected-focus-icon-color, var(--mat-sys-on-surface));
1235}
1236.mat-mdc-radio-button.cdk-focused .mat-focus-indicator::before {
1237  content: "";
1238}
1239
1240.mat-mdc-radio-disabled {
1241  cursor: default;
1242  pointer-events: none;
1243}
1244.mat-mdc-radio-disabled.mat-mdc-radio-disabled-interactive {
1245  pointer-events: auto;
1246}
1247
1248.mat-mdc-radio-touch-target {
1249  position: absolute;
1250  top: 50%;
1251  left: 50%;
1252  height: var(--mat-radio-touch-target-size, 48px);
1253  width: var(--mat-radio-touch-target-size, 48px);
1254  transform: translate(-50%, -50%);
1255  display: var(--mat-radio-touch-target-display, block);
1256}
1257[dir=rtl] .mat-mdc-radio-touch-target {
1258  left: auto;
1259  right: 50%;
1260  transform: translate(50%, -50%);
1261}
1262</style><style ng-app-id="ng">.mdc-text-field {
1263  display: inline-flex;
1264  align-items: baseline;
1265  padding: 0 16px;
1266  position: relative;
1267  box-sizing: border-box;
1268  overflow: hidden;
1269  will-change: opacity, transform, color;
1270  border-top-left-radius: 4px;
1271  border-top-right-radius: 4px;
1272  border-bottom-right-radius: 0;
1273  border-bottom-left-radius: 0;
1274}
1275
1276.mdc-text-field__input {
1277  width: 100%;
1278  min-width: 0;
1279  border: none;
1280  border-radius: 0;
1281  background: none;
1282  padding: 0;
1283  -moz-appearance: none;
1284  -webkit-appearance: none;
1285  height: 28px;
1286}
1287.mdc-text-field__input::-webkit-calendar-picker-indicator, .mdc-text-field__input::-webkit-search-cancel-button {
1288  display: none;
1289}
1290.mdc-text-field__input::-ms-clear {
1291  display: none;
1292}
1293.mdc-text-field__input:focus {
1294  outline: none;
1295}
1296.mdc-text-field__input:invalid {
1297  box-shadow: none;
1298}
1299.mdc-text-field__input::placeholder {
1300  opacity: 0;
1301}
1302.mdc-text-field__input::-moz-placeholder {
1303  opacity: 0;
1304}
1305.mdc-text-field__input::-webkit-input-placeholder {
1306  opacity: 0;
1307}
1308.mdc-text-field__input:-ms-input-placeholder {
1309  opacity: 0;
1310}
1311.mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
1312  opacity: 1;
1313}
1314.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder, .mdc-text-field--focused .mdc-text-field__input::-moz-placeholder {
1315  opacity: 1;
1316}
1317.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
1318  opacity: 1;
1319}
1320.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
1321  opacity: 1;
1322}
1323.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::placeholder {
1324  opacity: 0;
1325}
1326.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::-moz-placeholder {
1327  opacity: 0;
1328}
1329.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::-webkit-input-placeholder {
1330  opacity: 0;
1331}
1332.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive:-ms-input-placeholder {
1333  opacity: 0;
1334}
1335.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
1336  height: 100%;
1337}
1338.mdc-text-field--outlined .mdc-text-field__input {
1339  display: flex;
1340  border: none !important;
1341  background-color: transparent;
1342}
1343.mdc-text-field--disabled .mdc-text-field__input {
1344  pointer-events: auto;
1345}
1346.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
1347  color: var(--mat-form-field-filled-input-text-color, var(--mat-sys-on-surface));
1348  caret-color: var(--mat-form-field-filled-caret-color, var(--mat-sys-primary));
1349}
1350.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
1351  color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1352}
1353.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
1354  color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1355}
1356.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
1357  color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1358}
1359.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
1360  color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1361}
1362.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
1363  color: var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));
1364  caret-color: var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary));
1365}
1366.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
1367  color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1368}
1369.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
1370  color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1371}
1372.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
1373  color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1374}
1375.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
1376  color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant));
1377}
1378.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
1379  caret-color: var(--mat-form-field-filled-error-caret-color, var(--mat-sys-error));
1380}
1381.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
1382  caret-color: var(--mat-form-field-outlined-error-caret-color, var(--mat-sys-error));
1383}
1384.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
1385  color: var(--mat-form-field-filled-disabled-input-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1386}
1387.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
1388  color: var(--mat-form-field-outlined-disabled-input-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1389}
1390@media (forced-colors: active) {
1391  .mdc-text-field--disabled .mdc-text-field__input {
1392    background-color: Window;
1393  }
1394}
1395
1396.mdc-text-field--filled {
1397  height: 56px;
1398  border-bottom-right-radius: 0;
1399  border-bottom-left-radius: 0;
1400  border-top-left-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
1401  border-top-right-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
1402}
1403.mdc-text-field--filled:not(.mdc-text-field--disabled) {
1404  background-color: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant));
1405}
1406.mdc-text-field--filled.mdc-text-field--disabled {
1407  background-color: var(--mat-form-field-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent));
1408}
1409
1410.mdc-text-field--outlined {
1411  height: 56px;
1412  overflow: visible;
1413  padding-right: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)));
1414  padding-left: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)) + 4px);
1415}
1416[dir=rtl] .mdc-text-field--outlined {
1417  padding-right: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)) + 4px);
1418  padding-left: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)));
1419}
1420
1421.mdc-floating-label {
1422  position: absolute;
1423  left: 0;
1424  transform-origin: left top;
1425  line-height: 1.15rem;
1426  text-align: left;
1427  text-overflow: ellipsis;
1428  white-space: nowrap;
1429  cursor: text;
1430  overflow: hidden;
1431  will-change: transform;
1432}
1433[dir=rtl] .mdc-floating-label {
1434  right: 0;
1435  left: auto;
1436  transform-origin: right top;
1437  text-align: right;
1438}
1439.mdc-text-field .mdc-floating-label {
1440  top: 50%;
1441  transform: translateY(-50%);
1442  pointer-events: none;
1443}
1444.mdc-notched-outline .mdc-floating-label {
1445  display: inline-block;
1446  position: relative;
1447  max-width: 100%;
1448}
1449.mdc-text-field--outlined .mdc-floating-label {
1450  left: 4px;
1451  right: auto;
1452}
1453[dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
1454  left: auto;
1455  right: 4px;
1456}
1457.mdc-text-field--filled .mdc-floating-label {
1458  left: 16px;
1459  right: auto;
1460}
1461[dir=rtl] .mdc-text-field--filled .mdc-floating-label {
1462  left: auto;
1463  right: 16px;
1464}
1465.mdc-text-field--disabled .mdc-floating-label {
1466  cursor: default;
1467}
1468@media (forced-colors: active) {
1469  .mdc-text-field--disabled .mdc-floating-label {
1470    z-index: 1;
1471  }
1472}
1473.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
1474  display: none;
1475}
1476.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label {
1477  color: var(--mat-form-field-filled-label-text-color, var(--mat-sys-on-surface-variant));
1478}
1479.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label {
1480  color: var(--mat-form-field-filled-focus-label-text-color, var(--mat-sys-primary));
1481}
1482.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):h
1482over .mdc-floating-label {
1483  color: var(--mat-form-field-filled-hover-label-text-color, var(--mat-sys-on-surface-variant));
1484}
1485.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label {
1486  color: var(--mat-form-field-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1487}
1488.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label {
1489  color: var(--mat-form-field-filled-error-label-text-color, var(--mat-sys-error));
1490}
1491.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label {
1492  color: var(--mat-form-field-filled-error-focus-label-text-color, var(--mat-sys-error));
1493}
1494.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label {
1495  color: var(--mat-form-field-filled-error-hover-label-text-color, var(--mat-sys-on-error-container));
1496}
1497.mdc-text-field--filled .mdc-floating-label {
1498  font-family: var(--mat-form-field-filled-label-text-font, var(--mat-sys-body-large-font));
1499  font-size: var(--mat-form-field-filled-label-text-size, var(--mat-sys-body-large-size));
1500  font-weight: var(--mat-form-field-filled-label-text-weight, var(--mat-sys-body-large-weight));
1501  letter-spacing: var(--mat-form-field-filled-label-text-tracking, var(--mat-sys-body-large-tracking));
1502}
1503.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label {
1504  color: var(--mat-form-field-outlined-label-text-color, var(--mat-sys-on-surface-variant));
1505}
1506.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label {
1507  color: var(--mat-form-field-outlined-focus-label-text-color, var(--mat-sys-primary));
1508}
1509.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label {
1510  color: var(--mat-form-field-outlined-hover-label-text-color, var(--mat-sys-on-surface));
1511}
1512.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label {
1513  color: var(--mat-form-field-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1514}
1515.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label {
1516  color: var(--mat-form-field-outlined-error-label-text-color, var(--mat-sys-error));
1517}
1518.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label {
1519  color: var(--mat-form-field-outlined-error-focus-label-text-color, var(--mat-sys-error));
1520}
1521.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label {
1522  color: var(--mat-form-field-outlined-error-hover-label-text-color, var(--mat-sys-on-error-container));
1523}
1524.mdc-text-field--outlined .mdc-floating-label {
1525  font-family: var(--mat-form-field-outlined-label-text-font, var(--mat-sys-body-large-font));
1526  font-size: var(--mat-form-field-outlined-label-text-size, var(--mat-sys-body-large-size));
1527  font-weight: var(--mat-form-field-outlined-label-text-weight, var(--mat-sys-body-large-weight));
1528  letter-spacing: var(--mat-form-field-outlined-label-text-tracking, var(--mat-sys-body-large-tracking));
1529}
1530
1531.mdc-floating-label--float-above {
1532  cursor: auto;
1533  transform: translateY(-106%) scale(0.75);
1534}
1535.mdc-text-field--filled .mdc-floating-label--float-above {
1536  transform: translateY(-106%) scale(0.75);
1537}
1538.mdc-text-field--outlined .mdc-floating-label--float-above {
1539  transform: translateY(-37.25px) scale(1);
1540  font-size: 0.75rem;
1541}
1542.mdc-notched-outline .mdc-floating-label--float-above {
1543  text-overflow: clip;
1544}
1545.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1546  max-width: 133.3333333333%;
1547}
1548.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1549  transform: translateY(-34.75px) scale(0.75);
1550}
1551.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1552  font-size: 1rem;
1553}
1554
1555.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
1556  margin-left: 1px;
1557  margin-right: 0;
1558  content: "*";
1559}
1560[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
1561  margin-left: 0;
1562  margin-right: 1px;
1563}
1564
1565.mdc-notched-outline {
1566  display: flex;
1567  position: absolute;
1568  top: 0;
1569  right: 0;
1570  left: 0;
1571  box-sizing: border-box;
1572  width: 100%;
1573  max-width: 100%;
1574  height: 100%;
1575  text-align: left;
1576  pointer-events: none;
1577}
1578[dir=rtl] .mdc-notched-outline {
1579  text-align: right;
1580}
1581.mdc-text-field--outlined .mdc-notched-outline {
1582  z-index: 1;
1583}
1584
1585.mat-mdc-notch-piece {
1586  box-sizing: border-box;
1587  height: 100%;
1588  pointer-events: none;
1589  border: none;
1590  border-top: 1px solid;
1591  border-bottom: 1px solid;
1592}
1593.mdc-text-field--focused .mat-mdc-notch-piece {
1594  border-width: 2px;
1595}
1596.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
1597  border-color: var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline));
1598  border-width: var(--mat-form-field-outlined-outline-width, 1px);
1599}
1600.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):h
1600over .mat-mdc-notch-piece {
1601  border-color: var(--mat-form-field-outlined-hover-outline-color, var(--mat-sys-on-surface));
1602}
1603.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece {
1604  border-color: var(--mat-form-field-outlined-focus-outline-color, var(--mat-sys-primary));
1605}
1606.mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece {
1607  border-color: var(--mat-form-field-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
1608}
1609.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece {
1610  border-color: var(--mat-form-field-outlined-error-outline-color, var(--mat-sys-error));
1611}
1612.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-notched-outline .mat-mdc-notch-piece {
1613  border-color: var(--mat-form-field-outlined-error-hover-outline-color, var(--mat-sys-on-error-container));
1614}
1615.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mat-mdc-notch-piece {
1616  border-color: var(--mat-form-field-outlined-error-focus-outline-color, var(--mat-sys-error));
1617}
1618.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece {
1619  border-width: var(--mat-form-field-outlined-focus-outline-width, 2px);
1620}
1621
1622.mdc-notched-outline__leading {
1623  border-left: 1px solid;
1624  border-right: none;
1625  border-top-right-radius: 0;
1626  border-bottom-right-radius: 0;
1627  border-top-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1628  border-bottom-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1629}
1630.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
1631  width: max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)));
1632}
1633[dir=rtl] .mdc-notched-outline__leading {
1634  border-left: none;
1635  border-right: 1px solid;
1636  border-bottom-left-radius: 0;
1637  border-top-left-radius: 0;
1638  border-top-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1639  border-bottom-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1640}
1641
1642.mdc-notched-outline__trailing {
1643  flex-grow: 1;
1644  border-left: none;
1645  border-right: 1px solid;
1646  border-top-left-radius: 0;
1647  border-bottom-left-radius: 0;
1648  border-top-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1649  border-bottom-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1650}
1651[dir=rtl] .mdc-notched-outline__trailing {
1652  border-left: 1px solid;
1653  border-right: none;
1654  border-top-right-radius: 0;
1655  border-bottom-right-radius: 0;
1656  border-top-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1657  border-bottom-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
1658}
1659
1660.mdc-notched-outline__notch {
1661  flex: 0 0 auto;
1662  width: auto;
1663}
1664.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
1665  max-width: min(var(--mat-form-field-notch-max-width, 100%), calc(100% - max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))) * 2));
1666}
1667.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
1668  max-width: min(100%, calc(100% - max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))) * 2));
1669}
1670.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
1671  padding-top: 1px;
1672}
1673.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
1674  padding-top: 2px;
1675}
1676.mdc-notched-outline--notched .mdc-notched-outline__notch {
1677  padding-left: 0;
1678  padding-right: 8px;
1679  border-top: none;
1680}
1681[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
1682  padding-left: 8px;
1683  padding-right: 0;
1684}
1685.mdc-notched-outline--no-label .mdc-notched-outline__notch {
1686  display: none;
1687}
1688
1689.mdc-line-ripple::before, .mdc-line-ripple::after {
1690  position: absolute;
1691  bottom: 0;
1692  left: 0;
1693  width: 100%;
1694  border-bottom-style: solid;
1695  content: "";
1696}
1697.mdc-line-ripple::before {
1698  z-index: 1;
1699  border-bottom-width: var(--mat-form-field-filled-active-indicator-height, 1px);
1700}
1701.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
1702  border-bottom-color: var(--mat-form-field-filled-active-indicator-color, var(--mat-sys-on-surface-variant));
1703}
1704.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):h
1704over .mdc-line-ripple::before {
1705  border-bottom-color: var(--mat-form-field-filled-hover-active-indicator-color, var(--mat-sys-on-surface));
1706}
1707.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
1708  border-bottom-color: var(--mat-form-field-filled-disabled-active-indicator-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1709}
1710.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-line-ripple::before {
1711  border-bottom-color: var(--mat-form-field-filled-error-active-indicator-color, var(--mat-sys-error));
1712}
1713.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
1714  border-bottom-color: var(--mat-form-field-filled-error-hover-active-indicator-color, var(--mat-sys-on-error-container));
1715}
1716.mdc-line-ripple::after {
1717  transform: scaleX(0);
1718  opacity: 0;
1719  z-index: 2;
1720}
1721.mdc-text-field--filled .mdc-line-ripple::after {
1722  border-bottom-width: var(--mat-form-field-filled-focus-active-indicator-height, 2px);
1723}
1724.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
1725  border-bottom-color: var(--mat-form-field-filled-focus-active-indicator-color, var(--mat-sys-primary));
1726}
1727.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
1728  border-bottom-color: var(--mat-form-field-filled-error-focus-active-indicator-color, var(--mat-sys-error));
1729}
1730
1731.mdc-line-ripple--active::after {
1732  transform: scaleX(1);
1733  opacity: 1;
1734}
1735
1736.mdc-line-ripple--deactivating::after {
1737  opacity: 0;
1738}
1739
1740.mdc-text-field--disabled {
1741  pointer-events: none;
1742}
1743
1744.mat-mdc-form-field-textarea-control {
1745  vertical-align: middle;
1746  resize: vertical;
1747  box-sizing: border-box;
1748  height: auto;
1749  margin: 0;
1750  padding: 0;
1751  border: none;
1752  overflow: auto;
1753}
1754
1755.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
1756  -moz-osx-font-smoothing: grayscale;
1757  -webkit-font-smoothing: antialiased;
1758  font: inherit;
1759  letter-spacing: inherit;
1760  text-decoration: inherit;
1761  text-transform: inherit;
1762  border: none;
1763}
1764
1765.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
1766  -moz-osx-font-smoothing: grayscale;
1767  -webkit-font-smoothing: antialiased;
1768  line-height: normal;
1769  pointer-events: all;
1770  will-change: auto;
1771}
1772
1773.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
1774  cursor: inherit;
1775}
1776
1777.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
1778.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
1779  height: auto;
1780}
1781
1782.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] {
1783  height: 23px;
1784}
1785
1786.mat-mdc-text-field-wrapper {
1787  height: auto;
1788  flex: auto;
1789  will-change: auto;
1790}
1791
1792.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
1793  padding-left: 0;
1794  --mat-mdc-form-field-label-offset-x: -16px;
1795}
1796
1797.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
1798  padding-right: 0;
1799}
1800
1801[dir=rtl] .mat-mdc-text-field-wrapper {
1802  padding-left: 16px;
1803  padding-right: 16px;
1804}
1805[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
1806  padding-left: 0;
1807}
1808[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
1809  padding-right: 0;
1810}
1811
1812.mat-form-field-disabled .mdc-text-field__input::placeholder {
1813  color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1814}
1815.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder {
1816  color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1817}
1818.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder {
1819  color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1820}
1821.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder {
1822  color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
1823}
1824
1825.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder {
1826  transition-delay: 40ms;
1827  transition-duration: 110ms;
1828  opacity: 1;
1829}
1830
1831.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
1832  left: auto;
1833  right: auto;
1834}
1835
1836.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
1837  display: inline-block;
1838}
1839
1840.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch {
1841  padding-top: 0;
1842}
1843
1844.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
1845  border-left: 1px solid transparent;
1846}
1847
1848[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
1849  border-left: none;
1850  border-right: 1px solid transparent;
1851}
1852
1853.mat-mdc-form-field-infix {
1854  min-height: var(--mat-form-field-container-height, 56px);
1855  padding-top: var(--mat-form-field-filled-with-label-container-padding-top, 24px);
1856  padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom, 8px);
1857}
1858.mdc-text-field--outlined .mat-mdc-form-field-infix, .mdc-text-field--no-label .mat-mdc-form-field-infix {
1859  padding-top: var(--mat-form-field-container-vertical-padding, 16px);
1860  padding-bottom: var(--mat-form-field-container-vertical-padding, 16px);
1861}
1862
1863.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
1864  top: calc(var(--mat-form-field-container-height, 56px) / 2);
1865}
1866
1867.mdc-text-field--filled .mat-mdc-floating-label {
1868  display: var(--mat-form-field-filled-label-display, block);
1869}
1870
1871.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1872  --mat-mdc-form-field-label-transform: translateY(calc(calc(6.75px + var(--mat-form-field-container-height, 56px) / 2) * -1))
1873    scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
1874  transform: var(--mat-mdc-form-field-label-transform);
1875}
1876
1877@keyframes _mat-form-field-subscript-animation {
1878  from {
1879    opacity: 0;
1880    transform: translateY(-5px);
1881  }
1882  to {
1883    opacity: 1;
1884    transform: translateY(0);
1885  }
1886}
1887.mat-mdc-form-field-subscript-wrapper {
1888  box-sizing: border-box;
1889  width: 100%;
1890  position: relative;
1891}
1892
1893.mat-mdc-form-field-hint-wrapper,
1894.mat-mdc-form-field-error-wrapper {
1895  position: absolute;
1896  top: 0;
1897  left: 0;
1898  right: 0;
1899  padding: 0 16px;
1900  opacity: 1;
1901  transform: translateY(0);
1902  animation: _mat-form-field-subscript-animation 0ms cubic-bezier(0.55, 0, 0.55, 0.2);
1903}
1904
1905.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
1906.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
1907  position: static;
1908}
1909
1910.mat-mdc-form-field-bottom-align::before {
1911  content: "";
1912  display: inline-block;
1913  height: 16px;
1914}
1915
1916.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before {
1917  content: unset;
1918}
1919
1920.mat-mdc-form-field-hint-end {
1921  order: 1;
1922}
1923
1924.mat-mdc-form-field-hint-wrapper {
1925  display: flex;
1926}
1927
1928.mat-mdc-form-field-hint-spacer {
1929  flex: 1 0 1em;
1930}
1931
1932.mat-mdc-form-field-error {
1933  display: block;
1934  color: var(--mat-form-field-error-text-color, var(--mat-sys-error));
1935}
1936
1937.mat-mdc-form-field-subscript-wrapper,
1938.mat-mdc-form-field-bottom-align::before {
1939  -moz-osx-font-smoothing: grayscale;
1940  -webkit-font-smoothing: antialiased;
1941  font-family: var(--mat-form-field-subscript-text-font, var(--mat-sys-body-small-font));
1942  line-height: var(--mat-form-field-subscript-text-line-height, var(--mat-sys-body-small-line-height));
1943  font-size: var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size));
1944  letter-spacing: var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking));
1945  font-weight: var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight));
1946}
1947
1948.mat-mdc-form-field-focus-overlay {
1949  top: 0;
1950  left: 0;
1951  right: 0;
1952  bottom: 0;
1953  position: absolute;
1954  opacity: 0;
1955  pointer-events: none;
1956  background-color: var(--mat-form-field-state-layer-color, var(--mat-sys-on-surface));
1957}
1958.mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
1959  opacity: var(--mat-form-field-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
1960}
1961.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
1962  opacity: var(--mat-form-field-focus-state-layer-opacity, 0);
1963}
1964
1965select.mat-mdc-form-field-input-control {
1966  -moz-appearance: none;
1967  -webkit-appearance: none;
1968  background-color: transparent;
1969  display: inline-flex;
1970  box-sizing: border-box;
1971}
1972select.mat-mdc-form-field-input-control:not(:disabled) {
1973  cursor: pointer;
1974}
1975select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option {
1976  color: var(--mat-form-field-select-option-text-color, var(--mat-sys-neutral10));
1977}
1978select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled {
1979  color: var(--mat-form-field-select-disabled-option-text-color, color-mix(in srgb, var(--mat-sys-neutral10) 38%, transparent));
1980}
1981
1982.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
1983  content: "";
1984  width: 0;
1985  height: 0;
1986  border-left: 5px solid transparent;
1987  border-right: 5px solid transparent;
1988  border-top: 5px solid;
1989  position: absolute;
1990  right: 0;
1991  top: 50%;
1992  margin-top: -2.5px;
1993  pointer-events: none;
1994  color: var(--mat-form-field-enabled-select-arrow-color, var(--mat-sys-on-surface-variant));
1995}
1996[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
1997  right: auto;
1998  left: 0;
1999}
2000.mat-mdc-form-field-type-mat-native-select.mat-focused .mat-mdc-form-field-infix::after {
2001  color: var(--mat-form-field-focus-select-arrow-color, var(--mat-sys-primary));
2002}
2003.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
2004  color: var(--mat-form-field-disabled-select-arrow-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2005}
2006.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
2007  padding-right: 15px;
2008}
2009[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
2010  padding-right: 0;
2011  padding-left: 15px;
2012}
2013
2014@media (forced-colors: active) {
2015  .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
2016    outline: solid 1px;
2017  }
2018}
2019@media (forced-colors: active) {
2020  .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper {
2021    outline-color: GrayText;
2022  }
2023}
2024
2025@media (forced-colors: active) {
2026  .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper {
2027    outline: dashed 3px;
2028  }
2029}
2030
2031@media (forced-colors: active) {
2032  .mat-mdc-form-field.mat-focused .mdc-notched-outline {
2033    border: dashed 3px;
2034  }
2035}
2036
2037.mat-mdc-form-field-input-control[type=date], .mat-mdc-form-field-input-control[type=datetime], .mat-mdc-form-field-input-control[type=datetime-local], .mat-mdc-form-field-input-control[type=month], .mat-mdc-form-field-input-control[type=week], .mat-mdc-form-field-input-control[type=time] {
2038  line-height: 1;
2039}
2040.mat-mdc-form-field-input-control::-webkit-datetime-edit {
2041  line-height: 1;
2042  padding: 0;
2043  margin-bottom: -2px;
2044}
2045
2046.mat-mdc-form-field {
2047  --mat-mdc-form-field-floating-label-scale: 0.75;
2048  display: inline-flex;
2049  flex-direction: column;
2050  min-width: 0;
2051  text-align: left;
2052  -moz-osx-font-smoothing: grayscale;
2053  -webkit-font-smoothing: antialiased;
2054  font-family: var(--mat-form-field-container-text-font, var(--mat-sys-body-large-font));
2055  line-height: var(--mat-form-field-container-text-line-height, var(--mat-sys-body-large-line-height));
2056  font-size: var(--mat-form-field-container-text-size, var(--mat-sys-body-large-size));
2057  letter-spacing: var(--mat-form-field-container-text-tracking, var(--mat-sys-body-large-tracking));
2058  font-weight: var(--mat-form-field-container-text-weight, var(--mat-sys-body-large-weight));
2059}
2060.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
2061  font-size: calc(var(--mat-form-field-outlined-label-text-populated-size) * var(--mat-mdc-form-field-floating-label-scale));
2062}
2063.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
2064  font-size: var(--mat-form-field-outlined-label-text-populated-size);
2065}
2066[dir=rtl] .mat-mdc-form-field {
2067  text-align: right;
2068}
2069
2070.mat-mdc-form-field-flex {
2071  display: inline-flex;
2072  align-items: baseline;
2073  box-sizing: border-box;
2074  width: 100%;
2075}
2076
2077.mat-mdc-text-field-wrapper {
2078  width: 100%;
2079  z-index: 0;
2080}
2081
2082.mat-mdc-form-field-icon-prefix,
2083.mat-mdc-form-field-icon-suffix {
2084  align-self: center;
2085  line-height: 0;
2086  pointer-events: auto;
2087  position: relative;
2088  z-index: 1;
2089}
2090.mat-mdc-form-field-icon-prefix > .mat-icon,
2091.mat-mdc-form-field-icon-suffix > .mat-icon {
2092  padding: 0 12px;
2093  box-sizing: content-box;
2094}
2095
2096.mat-mdc-form-field-icon-prefix {
2097  color: var(--mat-form-field-leading-icon-color, var(--mat-sys-on-surface-variant));
2098}
2099.mat-form-field-disabled .mat-mdc-form-field-icon-prefix {
2100  color: var(--mat-form-field-disabled-leading-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2101}
2102
2103.mat-mdc-form-field-icon-suffix {
2104  color: var(--mat-form-field-trailing-icon-color, var(--mat-sys-on-surface-variant));
2105}
2106.mat-form-field-disabled .mat-mdc-form-field-icon-suffix {
2107  color: var(--mat-form-field-disabled-trailing-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2108}
2109.mat-form-field-invalid .mat-mdc-form-field-icon-suffix {
2110  color: var(--mat-form-field-error-trailing-icon-color, var(--mat-sys-error));
2111}
2112.mat-form-field-invalid:not(.mat-focused):not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-icon-suffix {
2113  color: var(--mat-form-field-error-hover-trailing-icon-color, var(--mat-sys-on-error-container));
2114}
2115.mat-form-field-invalid.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
2116  color: var(--mat-form-field-error-focus-trailing-icon-color, var(--mat-sys-error));
2117}
2118
2119.mat-mdc-form-field-icon-prefix,
2120[dir=rtl] .mat-mdc-form-field-icon-suffix {
2121  padding: 0 4px 0 0;
2122}
2123
2124.mat-mdc-form-field-icon-suffix,
2125[dir=rtl] .mat-mdc-form-field-icon-prefix {
2126  padding: 0 0 0 4px;
2127}
2128
2129.mat-mdc-form-field-subscript-wrapper .mat-icon,
2130.mat-mdc-form-field label .mat-icon {
2131  width: 1em;
2132  height: 1em;
2133  font-size: inherit;
2134}
2135
2136.mat-mdc-form-field-infix {
2137  flex: auto;
2138  min-width: 0;
2139  width: 180px;
2140  position: relative;
2141  box-sizing: border-box;
2142}
2143.mat-mdc-form-field-infix:has(textarea[cols]) {
2144  width: auto;
2145}
2146
2147.mat-mdc-form-field .mdc-notched-outline__notch {
2148  margin-left: -1px;
2149  -webkit-clip-path: inset(-9em -999em -9em 1px);
2150  clip-path: inset(-9em -999em -9em 1px);
2151}
2152[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch {
2153  margin-left: 0;
2154  margin-right: -1px;
2155  -webkit-clip-path: inset(-9em 1px -9em -999em);
2156  clip-path: inset(-9em 1px -9em -999em);
2157}
2158
2159.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-floating-label {
2160  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
2161}
2162.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input {
2163  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
2164}
2165.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input::placeholder {
2166  transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
2167}
2168.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input::-moz-placeholder {
2169  transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
2170}
2171.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input::-webkit-input-placeholder {
2172  transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
2173}
2174.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input:-ms-input-placeholder {
2175  transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
2176}
2177.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input::placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input::placeholder {
2178  transition-delay: 40ms;
2179  transition-duration: 110ms;
2180}
2181.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input::-moz-placeholder {
2182  transition-delay: 40ms;
2183  transition-duration: 110ms;
2184}
2185.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
2186  transition-delay: 40ms;
2187  transition-duration: 110ms;
2188}
2189.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
2190  transition-delay: 40ms;
2191  transition-duration: 110ms;
2192}
2193.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
2194  transition-duration: 75ms;
2195}
2196.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-line-ripple::after {
2197  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
2198}
2199.mat-mdc-form-field.mat-form-field-animations-enabled .mat-mdc-form-field-hint-wrapper,
2200.mat-mdc-form-field.mat-form-field-animations-enabled .mat-mdc-form-field-error-wrapper {
2201  animation-duration: 300ms;
2202}
2203
2204.mdc-notched-outline .mdc-floating-label {
2205  max-width: calc(100% + 1px);
2206}
2207
2208.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
2209  max-width: calc(133.3333333333% + 1px);
2210}
2211</style><style ng-app-id="ng">@keyframes _mat-select-enter {
2212  from {
2213    opacity: 0;
2214    transform: scaleY(0.8);
2215  }
2216  to {
2217    opacity: 1;
2218    transform: none;
2219  }
2220}
2221@keyframes _mat-select-exit {
2222  from {
2223    opacity: 1;
2224  }
2225  to {
2226    opacity: 0;
2227  }
2228}
2229.mat-mdc-select {
2230  display: inline-block;
2231  width: 100%;
2232  outline: none;
2233  -moz-osx-font-smoothing: grayscale;
2234  -webkit-font-smoothing: antialiased;
2235  color: var(--mat-select-enabled-trigger-text-color, var(--mat-sys-on-surface));
2236  font-family: var(--mat-select-trigger-text-font, var(--mat-sys-body-large-font));
2237  line-height: var(--mat-select-trigger-text-line-height, var(--mat-sys-body-large-line-height));
2238  font-size: var(--mat-select-trigger-text-size, var(--mat-sys-body-large-size));
2239  font-weight: var(--mat-select-trigger-text-weight, var(--mat-sys-body-large-weight));
2240  letter-spacing: var(--mat-select-trigger-text-tracking, var(--mat-sys-body-large-tracking));
2241}
2242
2243div.mat-mdc-select-panel {
2244  box-shadow: var(--mat-select-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
2245}
2246
2247.mat-mdc-select-disabled {
2248  color: var(--mat-select-disabled-trigger-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2249}
2250.mat-mdc-select-disabled .mat-mdc-select-placeholder {
2251  color: var(--mat-select-disabled-trigger-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2252}
2253
2254.mat-mdc-select-trigger {
2255  display: inline-flex;
2256  align-items: center;
2257  cursor: pointer;
2258  position: relative;
2259  box-sizing: border-box;
2260  width: 100%;
2261}
2262.mat-mdc-select-disabled .mat-mdc-select-trigger {
2263  -webkit-user-select: none;
2264  user-select: none;
2265  cursor: default;
2266}
2267
2268.mat-mdc-select-value {
2269  width: 100%;
2270  overflow: hidden;
2271  text-overflow: ellipsis;
2272  white-space: nowrap;
2273}
2274
2275.mat-mdc-select-value-text {
2276  white-space: nowrap;
2277  overflow: hidden;
2278  text-overflow: ellipsis;
2279}
2280
2281.mat-mdc-select-arrow-wrapper {
2282  height: 24px;
2283  flex-shrink: 0;
2284  display: inline-flex;
2285  align-items: center;
2286}
2287.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper {
2288  transform: none;
2289}
2290
2291.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow,
2292.mat-form-field-invalid:not(.mat-form-field-disabled) .mat-mdc-form-field-infix::after {
2293  color: var(--mat-select-invalid-arrow-color, var(--mat-sys-error));
2294}
2295
2296.mat-mdc-select-arrow {
2297  width: 10px;
2298  height: 5px;
2299  position: relative;
2300  color: var(--mat-select-enabled-arrow-color, var(--mat-sys-on-surface-variant));
2301}
2302.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
2303  color: var(--mat-select-focused-arrow-color, var(--mat-sys-primary));
2304}
2305.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
2306  color: var(--mat-select-disabled-arrow-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2307}
2308.mat-select-open .mat-mdc-select-arrow {
2309  transform: rotate(180deg);
2310}
2311.mat-form-field-animations-enabled .mat-mdc-select-arrow {
2312  transition: transform 80ms linear;
2313}
2314.mat-mdc-select-arrow svg {
2315  fill: currentColor;
2316  position: absolute;
2317  top: 50%;
2318  left: 50%;
2319  transform: translate(-50%, -50%);
2320}
2321@media (forced-colors: active) {
2322  .mat-mdc-select-arrow svg {
2323    fill: CanvasText;
2324  }
2325  .mat-mdc-select-disabled .mat-mdc-select-arrow svg {
2326    fill: GrayText;
2327  }
2328}
2329
2330div.mat-mdc-select-panel {
2331  width: 100%;
2332  max-height: 275px;
2333  outline: 0;
2334  overflow: auto;
2335  padding: 8px 0;
2336  box-sizing: border-box;
2337  transform-origin: top center;
2338  border-radius: 0 0 4px 4px;
2339  position: relative;
2340  background-color: var(--mat-select-panel-background-color, var(--mat-sys-surface-container));
2341}
2342.mat-mdc-select-panel-above div.mat-mdc-select-panel {
2343  border-radius: 4px 4px 0 0;
2344  transform-origin: bottom center;
2345}
2346@media (forced-colors: active) {
2347  div.mat-mdc-select-panel {
2348    outline: solid 1px;
2349  }
2350}
2351
2352.mat-select-panel-animations-enabled {
2353  animation: _mat-select-enter 120ms cubic-bezier(0, 0, 0.2, 1);
2354}
2355.mat-select-panel-animations-enabled.mat-select-panel-exit {
2356  animation: _mat-select-exit 100ms linear;
2357}
2358
2359.mat-mdc-select-placeholder {
2360  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
2361  color: var(--mat-select-placeholder-text-color, var(--mat-sys-on-surface-variant));
2362}
2363.mat-mdc-form-field:not(.mat-form-field-animations-enabled) .mat-mdc-select-placeholder, ._mat-animation-noopable .mat-mdc-select-placeholder {
2364  transition: none;
2365}
2366.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
2367  color: transparent;
2368  -webkit-text-fill-color: transparent;
2369  transition: none;
2370  display: block;
2371}
2372
2373.mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
2374  cursor: pointer;
2375}
2376.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
2377  max-width: calc(100% - 18px);
2378}
2379.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mdc-floating-label--float-above {
2380  max-width: calc(100% / 0.75 - 24px);
2381}
2382.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
2383  max-width: calc(100% - 60px);
2384}
2385.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-text-field--label-floating .mdc-notched-outline__notch {
2386  max-width: calc(100% - 24px);
2387}
2388
2389.mat-mdc-select-min-line:empty::before {
2390  content: " ";
2391  white-space: pre;
2392  width: 1px;
2393  display: inline-block;
2394  visibility: hidden;
2395}
2396
2397.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
2398  transform: var(--mat-select-arrow-transform, translateY(-8px));
2399}
2400</style><style ng-app-id="ng">.mat-divider {
2401  display: block;
2402  margin: 0;
2403  border-top-style: solid;
2404  border-top-color: var(--mat-divider-color, var(--mat-sys-outline-variant));
2405  border-top-width: var(--mat-divider-width, 1px);
2406}
2407.mat-divider.mat-divider-vertical {
2408  border-top: 0;
2409  border-right-style: solid;
2410  border-right-color: var(--mat-divider-color, var(--mat-sys-outline-variant));
2411  border-right-width: var(--mat-divider-width, 1px);
2412}
2413.mat-divider.mat-divider-inset {
2414  margin-left: 80px;
2415}
2416[dir=rtl] .mat-divider.mat-divider-inset {
2417  margin-left: auto;
2418  margin-right: 80px;
2419}
2420</style><style ng-app-id="ng">
2421.container[_ngcontent-ng-c3261458355] {
2422  width: 100% !important;
2423}
2424.card-style[_ngcontent-ng-c3261458355] {
2425  display: flex;
2426  flex-direction: column;
2427  gap: 16px;
2428  padding: 50px;
2429}
2430.card-style[_ngcontent-ng-c3261458355]:first-child {
2431  background-color: #ffffff;
2432  border: 1px solid #ffffff;
2433  border-radius: 16px;
2434  box-shadow: 0px 4px 4px 0px #e3eaf2;
2435  position: relative;
2436  top: -48px;
2437}
2438.card-style[_ngcontent-ng-c3261458355]:first-child   .accordion-item[_ngcontent-ng-c3261458355] {
2439  border: 1px solid #c4d2e3;
2440  border-radius: 16px;
2441  cursor: pointer;
2442}
2443.card-style[_ngcontent-ng-c3261458355]:first-child   .accordion-button[_ngcontent-ng-c3261458355]:last-child {
2444  border-radius: 16px;
2445}
2446.card-style[_ngcontent-ng-c3261458355]:not(:first-child)   .accordion-item[_ngcontent-ng-c3261458355] {
2447  border: none;
2448  border-radius: unset;
2449  border-bottom: 1px solid #c4d2e3;
2450  background-color: unset;
2451  cursor: pointer;
2452}
2453.card-style[_ngcontent-ng-c3261458355]:not(:first-child)   .accordion-item[_ngcontent-ng-c3261458355]   .accordion-button[_ngcontent-ng-c3261458355] {
2454  background-color: unset;
2455}
2456.card-style-title[_ngcontent-ng-c3261458355] {
2457  font-size: 20px;
2458  line-height: 30px;
2459  font-weight: 700;
2460  text-align: center;
2461}
2462.accordion[_ngcontent-ng-c3261458355] {
2463  display: flex;
2464  flex-direction: column;
2465  gap: 16px;
2466}
2467.accordion[_ngcontent-ng-c3261458355]   .accordion-button[_ngcontent-ng-c3261458355] {
2468  line-height: 22px;
2469  font-weight: 700;
2470  padding: 16px;
2471  border-radius: 16px;
2472  box-shadow: none;
2473}
2474.accordion[_ngcontent-ng-c3261458355]   .accordion-button[_ngcontent-ng-c3261458355]:not(.collapsed) {
2475  color: #0091ff;
2476  background-color: unset;
2477}
2478.list-line[_ngcontent-ng-c3261458355] {
2479  border: 1px solid #c5e6ef;
2480  margin-bottom: 16px;
2481}
2482.list-body[_ngcontent-ng-c3261458355] {
2483  color: #3d3d3d;
2484  padding: 0 16px 16px;
2485  text-align: start;
2486}
2487.collapse[_ngcontent-ng-c3261458355] {
2488  visibility: visible;
2489}
2490@media screen and (max-width: 450px) {
2491  .container[_ngcontent-ng-c3261458355], 
2492   .container-fluid[_ngcontent-ng-c3261458355] {
2493    padding: 0;
2494  }
2495  .card-style[_ngcontent-ng-c3261458355] {
2496    padding: 50px 16px;
2497  }
2498}
2499  .list-body a {
2500  color: #0091ff !important;
2501  text-decoration: none;
2502  cursor: pointer;
2503}
2504  .list-body a:hover {
2505  color: #0073cc !important;
2506}
2507/*# sourceMappingURL=/dropdown.component.css.map */</style><style ng-app-id="ng">.mat-mdc-slider-visual-thumb .mat-ripple {
2508  height: 100%;
2509  width: 100%;
2510}
2511
2512.mat-mdc-slider .mdc-slider__tick-marks {
2513  justify-content: start;
2514}
2515.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--active,
2516.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive {
2517  position: absolute;
2518  left: 2px;
2519}
2520</style><style ng-app-id="ng">.mat-internal-form-field {
2521  -moz-osx-font-smoothing: grayscale;
2522  -webkit-font-smoothing: antialiased;
2523  display: inline-flex;
2524  align-items: center;
2525  vertical-align: middle;
2526}
2527.mat-internal-form-field > label {
2528  margin-left: 0;
2529  margin-right: auto;
2530  padding-left: 4px;
2531  padding-right: 0;
2532  order: 0;
2533}
2534[dir=rtl] .mat-internal-form-field > label {
2535  margin-left: auto;
2536  margin-right: 0;
2537  padding-left: 0;
2538  padding-right: 4px;
2539}
2540
2541.mdc-form-field--align-end > label {
2542  margin-left: auto;
2543  margin-right: 0;
2544  padding-left: 0;
2545  padding-right: 4px;
2546  order: -1;
2547}
2548[dir=rtl] .mdc-form-field--align-end .mdc-form-field--align-end label {
2549  margin-left: 0;
2550  margin-right: auto;
2551  padding-left: 4px;
2552  padding-right: 0;
2553}
2554</style><link rel="canonical" href="https://policystreet.com.my/en/car-insurance-calculator">
2554<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Car Insurance Calculator","url":"https://policystreet.com.my/en/car-insurance-calculator","description":"Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs & find the right coverage that fits your needs & budget.","applicationCategory":"FinanceApplication","operatingSystem":"All","browserRequirements":"Requires JavaScript enabled","isAccessibleForFree":true,"provider":{"@type":"Organization","name":"PolicyStreet","legalName":"Polisea Sdn. Bhd.","url":"https://policystreet.com.my/en","logo":"https://cdn.policystreet.app/assets/mainsite/ps-logo.png"}}</script>
2554<style ng-app-id="ng">.mat-mdc-option {
2555  -webkit-user-select: none;
2556  user-select: none;
2557  -moz-osx-font-smoothing: grayscale;
2558  -webkit-font-smoothing: antialiased;
2559  display: flex;
2560  position: relative;
2561  align-items: center;
2562  justify-content: flex-start;
2563  overflow: hidden;
2564  min-height: 48px;
2565  padding: 0 16px;
2566  cursor: pointer;
2567  -webkit-tap-highlight-color: transparent;
2568  color: var(--mat-option-label-text-color, var(--mat-sys-on-surface));
2569  font-family: var(--mat-option-label-text-font, var(--mat-sys-label-large-font));
2570  line-height: var(--mat-option-label-text-line-height, var(--mat-sys-label-large-line-height));
2571  font-size: var(--mat-option-label-text-size, var(--mat-sys-body-large-size));
2572  letter-spacing: var(--mat-option-label-text-tracking, var(--mat-sys-label-large-tracking));
2573  font-weight: var(--mat-option-label-text-weight, var(--mat-sys-body-large-weight));
2574}
2575.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
2576  background-color: var(--mat-option-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));
2577}
2578.mat-mdc-option:focus.mdc-list-item, .mat-mdc-option.mat-mdc-option-active.mdc-list-item {
2579  background-color: var(--mat-option-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));
2580  outline: 0;
2581}
2582.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-active, .mat-mdc-option-multiple, :focus, :hover) {
2583  background-color: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container));
2584}
2585.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-active, .mat-mdc-option-multiple, :focus, :hover) .mdc-list-item__primary-text {
2586  color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container));
2587}
2588.mat-mdc-option .mat-pseudo-checkbox {
2589  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container));
2590}
2591.mat-mdc-option.mdc-list-item {
2592  align-items: center;
2593  background: transparent;
2594}
2595.mat-mdc-option.mdc-list-item--disabled {
2596  cursor: default;
2597  pointer-events: none;
2598}
2599.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox, .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text, .mat-mdc-option.mdc-list-item--disabled > mat-icon {
2600  opacity: 0.38;
2601}
2602.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
2603  padding-left: 32px;
2604}
2605[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
2606  padding-left: 16px;
2607  padding-right: 32px;
2608}
2609.mat-mdc-option .mat-icon,
2610.mat-mdc-option .mat-pseudo-checkbox-full {
2611  margin-right: 16px;
2612  flex-shrink: 0;
2613}
2614[dir=rtl] .mat-mdc-option .mat-icon,
2615[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full {
2616  margin-right: 0;
2617  margin-left: 16px;
2618}
2619.mat-mdc-option .mat-pseudo-checkbox-minimal {
2620  margin-left: 16px;
2621  flex-shrink: 0;
2622}
2623[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal {
2624  margin-right: 16px;
2625  margin-left: 0;
2626}
2627.mat-mdc-option .mat-mdc-option-ripple {
2628  top: 0;
2629  left: 0;
2630  right: 0;
2631  bottom: 0;
2632  position: absolute;
2633  pointer-events: none;
2634}
2635.mat-mdc-option .mdc-list-item__primary-text {
2636  white-space: normal;
2637  font-size: inherit;
2638  font-weight: inherit;
2639  letter-spacing: inherit;
2640  line-height: inherit;
2641  font-family: inherit;
2642  text-decoration: inherit;
2643  text-transform: inherit;
2644  margin-right: auto;
2645}
2646[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text {
2647  margin-right: 0;
2648  margin-left: auto;
2649}
2650@media (forced-colors: active) {
2651  .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after {
2652    content: "";
2653    position: absolute;
2654    top: 50%;
2655    right: 16px;
2656    transform: translateY(-50%);
2657    width: 10px;
2658    height: 0;
2659    border-bottom: solid 10px;
2660    border-radius: 10px;
2661  }
2662  [dir=rtl] .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after {
2663    right: auto;
2664    left: 16px;
2665  }
2666}
2667
2668.mat-mdc-option-multiple {
2669  --mat-list-list-item-selected-container-color: var(--mat-list-list-item-container-color, transparent);
2670}
2671
2672.mat-mdc-option-active .mat-focus-indicator::before {
2673  content: "";
2674}
2675</style><style ng-app-id="ng">.mat-button-toggle-standalone,
2676.mat-button-toggle-group {
2677  position: relative;
2678  display: inline-flex;
2679  flex-direction: row;
2680  white-space: nowrap;
2681  overflow: hidden;
2682  -webkit-tap-highlight-color: transparent;
2683  border-radius: var(--mat-button-toggle-legacy-shape);
2684  transform: translateZ(0);
2685}
2686.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
2687.mat-button-toggle-group:not([class*=mat-elevation-z]) {
2688  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
2689}
2690@media (forced-colors: active) {
2691  .mat-button-toggle-standalone,
2692  .mat-button-toggle-group {
2693    outline: solid 1px;
2694  }
2695}
2696
2697.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
2698.mat-button-toggle-group-appearance-standard {
2699  border-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2700  border: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline));
2701}
2702.mat-button-toggle-standalone.mat-button-toggle-appearance-standard .mat-pseudo-checkbox,
2703.mat-button-toggle-group-appearance-standard .mat-pseudo-checkbox {
2704  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-button-toggle-selected-state-text-color, var(--mat-sys-on-secondary-container));
2705}
2706.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
2707.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
2708  box-shadow: none;
2709}
2710@media (forced-colors: active) {
2711  .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
2712  .mat-button-toggle-group-appearance-standard {
2713    outline: 0;
2714  }
2715}
2716
2717.mat-button-toggle-vertical {
2718  flex-direction: column;
2719}
2720.mat-button-toggle-vertical .mat-button-toggle-label-content {
2721  display: block;
2722}
2723
2724.mat-button-toggle {
2725  white-space: nowrap;
2726  position: relative;
2727  color: var(--mat-button-toggle-legacy-text-color);
2728  font-family: var(--mat-button-toggle-legacy-label-text-font);
2729  font-size: var(--mat-button-toggle-legacy-label-text-size);
2730  line-height: var(--mat-button-toggle-legacy-label-text-line-height);
2731  font-weight: var(--mat-button-toggle-legacy-label-text-weight);
2732  letter-spacing: var(--mat-button-toggle-legacy-label-text-tracking);
2733  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-button-toggle-legacy-selected-state-text-color);
2734}
2735.mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
2736  opacity: var(--mat-button-toggle-legacy-focus-state-layer-opacity);
2737}
2738.mat-button-toggle .mat-icon svg {
2739  vertical-align: top;
2740}
2741
2742.mat-button-toggle-checkbox-wrapper {
2743  display: inline-block;
2744  justify-content: flex-start;
2745  align-items: center;
2746  width: 0;
2747  height: 18px;
2748  line-height: 18px;
2749  overflow: hidden;
2750  box-sizing: border-box;
2751  position: absolute;
2752  top: 50%;
2753  left: 16px;
2754  transform: translate3d(0, -50%, 0);
2755}
2756[dir=rtl] .mat-button-toggle-checkbox-wrapper {
2757  left: auto;
2758  right: 16px;
2759}
2760.mat-button-toggle-appearance-standard .mat-button-toggle-checkbox-wrapper {
2761  left: 12px;
2762}
2763[dir=rtl] .mat-button-toggle-appearance-standard .mat-button-toggle-checkbox-wrapper {
2764  left: auto;
2765  right: 12px;
2766}
2767.mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper {
2768  width: 18px;
2769}
2770.mat-button-toggle-animations-enabled .mat-button-toggle-checkbox-wrapper {
2771  transition: width 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1);
2772}
2773.mat-button-toggle-vertical .mat-button-toggle-checkbox-wrapper {
2774  transition: none;
2775}
2776
2777.mat-button-toggle-checked {
2778  color: var(--mat-button-toggle-legacy-selected-state-text-color);
2779  background-color: var(--mat-button-toggle-legacy-selected-state-background-color);
2780}
2781
2782.mat-button-toggle-disabled {
2783  pointer-events: none;
2784  color: var(--mat-button-toggle-legacy-disabled-state-text-color);
2785  background-color: var(--mat-button-toggle-legacy-disabled-state-background-color);
2786  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--mat-button-toggle-legacy-disabled-state-text-color);
2787}
2788.mat-button-toggle-disabled.mat-button-toggle-checked {
2789  background-color: var(--mat-button-toggle-legacy-disabled-selected-state-background-color);
2790}
2791
2792.mat-button-toggle-disabled-interactive {
2793  pointer-events: auto;
2794}
2795
2796.mat-button-toggle-appearance-standard {
2797  color: var(--mat-button-toggle-text-color, var(--mat-sys-on-surface));
2798  background-color: var(--mat-button-toggle-background-color, transparent);
2799  font-family: var(--mat-button-toggle-label-text-font, var(--mat-sys-label-large-font));
2800  font-size: var(--mat-button-toggle-label-text-size, var(--mat-sys-label-large-size));
2801  line-height: var(--mat-button-toggle-label-text-line-height, var(--mat-sys-label-large-line-height));
2802  font-weight: var(--mat-button-toggle-label-text-weight, var(--mat-sys-label-large-weight));
2803  letter-spacing: var(--mat-button-toggle-label-text-tracking, var(--mat-sys-label-large-tracking));
2804}
2805.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
2806  border-left: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline));
2807}
2808[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
2809  border-left: none;
2810  border-right: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline));
2811}
2812.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
2813  border-left: none;
2814  border-right: none;
2815  border-top: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline));
2816}
2817.mat-button-toggle-appearance-standard.mat-button-toggle-checked {
2818  color: var(--mat-button-toggle-selected-state-text-color, var(--mat-sys-on-secondary-container));
2819  background-color: var(--mat-button-toggle-selected-state-background-color, var(--mat-sys-secondary-container));
2820}
2821.mat-button-toggle-appearance-standard.mat-button-toggle-disabled {
2822  color: var(--mat-button-toggle-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2823  background-color: var(--mat-button-toggle-disabled-state-background-color, transparent);
2824}
2825.mat-button-toggle-appearance-standard.mat-button-toggle-disabled .mat-pseudo-checkbox {
2826  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--mat-button-toggle-disabled-selected-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2827}
2828.mat-button-toggle-appearance-standard.mat-button-toggle-disabled.mat-button-toggle-checked {
2829  color: var(--mat-button-toggle-disabled-selected-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
2830  background-color: var(--mat-button-toggle-disabled-selected-state-background-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
2831}
2832.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
2833  background-color: var(--mat-button-toggle-state-layer-color, var(--mat-sys-on-surface));
2834}
2835.mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay {
2836  opacity: var(--mat-button-toggle-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
2837}
2838.mat-button-toggle-appearance-standard.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
2839  opacity: var(--mat-button-toggle-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
2840}
2841@media (hover: none) {
2842  .mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay {
2843    display: none;
2844  }
2845}
2846
2847.mat-button-toggle-label-content {
2848  -webkit-user-select: none;
2849  user-select: none;
2850  display: inline-block;
2851  padding: 0 16px;
2852  line-height: var(--mat-button-toggle-legacy-height);
2853  position: relative;
2854}
2855.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
2856  padding: 0 12px;
2857  line-height: var(--mat-button-toggle-height, 40px);
2858}
2859
2860.mat-button-toggle-label-content > * {
2861  vertical-align: middle;
2862}
2863
2864.mat-button-toggle-focus-overlay {
2865  top: 0;
2866  left: 0;
2867  right: 0;
2868  bottom: 0;
2869  position: absolute;
2870  border-radius: inherit;
2871  pointer-events: none;
2872  opacity: 0;
2873  background-color: var(--mat-button-toggle-legacy-state-layer-color);
2874}
2875
2876@media (forced-colors: active) {
2877  .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
2878    border-bottom: solid 500px;
2879    opacity: 0.5;
2880    height: 0;
2881  }
2882  .mat-button-toggle-checked:hover .mat-button-toggle-focus-overlay {
2883    opacity: 0.6;
2884  }
2885  .mat-button-toggle-checked.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
2886    border-bottom: solid 500px;
2887  }
2888}
2889.mat-button-toggle .mat-button-toggle-ripple {
2890  top: 0;
2891  left: 0;
2892  right: 0;
2893  bottom: 0;
2894  position: absolute;
2895  pointer-events: none;
2896}
2897
2898.mat-button-toggle-button {
2899  border: 0;
2900  background: none;
2901  color: inherit;
2902  padding: 0;
2903  margin: 0;
2904  font: inherit;
2905  outline: none;
2906  width: 100%;
2907  cursor: pointer;
2908}
2909.mat-button-toggle-animations-enabled .mat-button-toggle-button {
2910  transition: padding 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1);
2911}
2912.mat-button-toggle-vertical .mat-button-toggle-button {
2913  transition: none;
2914}
2915.mat-button-toggle-disabled .mat-button-toggle-button {
2916  cursor: default;
2917}
2918.mat-button-toggle-button::-moz-focus-inner {
2919  border: 0;
2920}
2921.mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) {
2922  padding-left: 30px;
2923}
2924[dir=rtl] .mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) {
2925  padding-left: 0;
2926  padding-right: 30px;
2927}
2928
2929.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
2930  --mat-focus-indicator-border-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2931}
2932
2933.mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:last-of-type .mat-button-toggle-button::before {
2934  border-top-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2935  border-bottom-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2936}
2937.mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:first-of-type .mat-button-toggle-button::before {
2938  border-top-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2939  border-bottom-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2940}
2941
2942.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:last-of-type .mat-button-toggle-button::before {
2943  border-bottom-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2944  border-bottom-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2945}
2946.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:first-of-type .mat-button-toggle-button::before {
2947  border-top-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2948  border-top-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large));
2949}
2950</style><style ng-app-id="ng">.mat-expansion-panel {
2951  box-sizing: content-box;
2952  display: block;
2953  margin: 0;
2954  overflow: hidden;
2955}
2956.mat-expansion-panel.mat-expansion-panel-animations-enabled {
2957  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2958}
2959.mat-expansion-panel {
2960  position: relative;
2961  background: var(--mat-expansion-container-background-color, var(--mat-sys-surface));
2962  color: var(--mat-expansion-container-text-color, var(--mat-sys-on-surface));
2963  border-radius: var(--mat-expansion-container-shape, 12px);
2964}
2965.mat-expansion-panel:not([class*=mat-elevation-z]) {
2966  box-shadow: var(--mat-expansion-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
2967}
2968.mat-accordion .mat-expansion-panel:not(.mat-expanded), .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
2969  border-radius: 0;
2970}
2971.mat-accordion .mat-expansion-panel:first-of-type {
2972  border-top-right-radius: var(--mat-expansion-container-shape, 12px);
2973  border-top-left-radius: var(--mat-expansion-container-shape, 12px);
2974}
2975.mat-accordion .mat-expansion-panel:last-of-type {
2976  border-bottom-right-radius: var(--mat-expansion-container-shape, 12px);
2977  border-bottom-left-radius: var(--mat-expansion-container-shape, 12px);
2978}
2979@media (forced-colors: active) {
2980  .mat-expansion-panel {
2981    outline: solid 1px;
2982  }
2983}
2984
2985.mat-expansion-panel-content-wrapper {
2986  display: grid;
2987  grid-template-rows: 0fr;
2988  grid-template-columns: 100%;
2989}
2990.mat-expansion-panel-animations-enabled .mat-expansion-panel-content-wrapper {
2991  transition: grid-template-rows 225ms cubic-bezier(0.4, 0, 0.2, 1);
2992}
2993.mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper {
2994  grid-template-rows: 1fr;
2995}
2996@supports not (grid-template-rows: 0fr) {
2997  .mat-expansion-panel-content-wrapper {
2998    height: 0;
2999  }
3000  .mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper {
3001    height: auto;
3002  }
3003}
3004@media print {
3005  .mat-expansion-panel-content-wrapper {
3006    height: 0;
3007  }
3008  .mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper {
3009    height: auto;
3010  }
3011}
3012
3013.mat-expansion-panel-content {
3014  display: flex;
3015  flex-direction: column;
3016  overflow: visible;
3017  min-height: 0;
3018  visibility: hidden;
3019}
3020.mat-expansion-panel-animations-enabled .mat-expansion-panel-content {
3021  transition: visibility 190ms linear;
3022}
3023.mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper > .mat-expansion-panel-content {
3024  visibility: visible;
3025}
3026.mat-expansion-panel-content {
3027  font-family: var(--mat-expansion-container-text-font, var(--mat-sys-body-large-font));
3028  font-size: var(--mat-expansion-container-text-size, var(--mat-sys-body-large-size));
3029  font-weight: var(--mat-expansion-container-text-weight, var(--mat-sys-body-large-weight));
3030  line-height: var(--mat-expansion-container-text-line-height, var(--mat-sys-body-large-line-height));
3031  letter-spacing: var(--mat-expansion-container-text-tracking, var(--mat-sys-body-large-tracking));
3032}
3033
3034.mat-expansion-panel-body {
3035  padding: 0 24px 16px;
3036}
3037
3038.mat-expansion-panel-spacing {
3039  margin: 16px 0;
3040}
3041.mat-accordion > .mat-expansion-panel-spacing:first-child, .mat-accordion > *:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
3042  margin-top: 0;
3043}
3044.mat-accordion > .mat-expansion-panel-spacing:last-child, .mat-accordion > *:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
3045  margin-bottom: 0;
3046}
3047
3048.mat-action-row {
3049  border-top-style: solid;
3050  border-top-width: 1px;
3051  display: flex;
3052  flex-direction: row;
3053  justify-content: flex-end;
3054  padding: 16px 8px 16px 24px;
3055  border-top-color: var(--mat-expansion-actions-divider-color, var(--mat-sys-outline));
3056}
3057.mat-action-row .mat-button-base,
3058.mat-action-row .mat-mdc-button-base {
3059  margin-left: 8px;
3060}
3061[dir=rtl] .mat-action-row .mat-button-base,
3062[dir=rtl] .mat-action-row .mat-mdc-button-base {
3063  margin-left: 0;
3064  margin-right: 8px;
3065}
3066</style><style ng-app-id="ng">.mat-expansion-panel-header {
3067  display: flex;
3068  flex-direction: row;
3069  align-items: center;
3070  padding: 0 24px;
3071  border-radius: inherit;
3072}
3073.mat-expansion-panel-animations-enabled .mat-expansion-panel-header {
3074  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
3075}
3076.mat-expansion-panel-header::before {
3077  border-radius: inherit;
3078}
3079.mat-expansion-panel-header {
3080  height: var(--mat-expansion-header-collapsed-state-height, 48px);
3081  font-family: var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));
3082  font-size: var(--mat-expansion-header-text-size, var(--mat-sys-title-medium-size));
3083  font-weight: var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));
3084  line-height: var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));
3085  letter-spacing: var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking));
3086}
3087.mat-expansion-panel-header.mat-expanded {
3088  height: var(--mat-expansion-header-expanded-state-height, 64px);
3089}
3090.mat-expansion-panel-header[aria-disabled=true] {
3091  color: var(--mat-expansion-header-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
3092}
3093.mat-expansion-panel-header:not([aria-disabled=true]) {
3094  cursor: pointer;
3095}
3096.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
3097  background: var(--mat-expansion-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));
3098}
3099@media (hover: none) {
3100  .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
3101    background: var(--mat-expansion-container-background-color, var(--mat-sys-surface));
3102  }
3103}
3104.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused {
3105  background: var(--mat-expansion-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));
3106}
3107.mat-expansion-panel-header._mat-animation-noopable {
3108  transition: none;
3109}
3110.mat-expansion-panel-header:focus, .mat-expansion-panel-header:hover {
3111  outline: none;
3112}
3113.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover {
3114  background: inherit;
3115}
3116.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
3117  flex-direction: row-reverse;
3118}
3119.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
3120  margin: 0 16px 0 0;
3121}
3122[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
3123  margin: 0 0 0 16px;
3124}
3125
3126.mat-content {
3127  display: flex;
3128  flex: 1;
3129  flex-direction: row;
3130  overflow: hidden;
3131}
3132.mat-content.mat-content-hide-toggle {
3133  margin-right: 8px;
3134}
3135[dir=rtl] .mat-content.mat-content-hide-toggle {
3136  margin-right: 0;
3137  margin-left: 8px;
3138}
3139.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
3140  margin-left: 24px;
3141  margin-right: 0;
3142}
3143[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
3144  margin-right: 24px;
3145  margin-left: 0;
3146}
3147
3148.mat-expansion-panel-header-title {
3149  color: var(--mat-expansion-header-text-color, var(--mat-sys-on-surface));
3150}
3151
3152.mat-expansion-panel-header-title,
3153.mat-expansion-panel-header-description {
3154  display: flex;
3155  flex-grow: 1;
3156  flex-basis: 0;
3157  margin-right: 16px;
3158  align-items: center;
3159}
3160[dir=rtl] .mat-expansion-panel-header-title,
3161[dir=rtl] .mat-expansion-panel-header-description {
3162  margin-right: 0;
3163  margin-left: 16px;
3164}
3165.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
3166.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
3167  color: inherit;
3168}
3169
3170.mat-expansion-panel-header-description {
3171  flex-grow: 2;
3172  color: var(--mat-expansion-header-description-color, var(--mat-sys-on-surface-variant));
3173}
3174
3175.mat-expansion-panel-animations-enabled .mat-expansion-indicator {
3176  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
3177}
3178.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator {
3179  transform: rotate(180deg);
3180}
3181.mat-expansion-indicator::after {
3182  border-style: solid;
3183  border-width: 0 2px 2px 0;
3184  content: "";
3185  padding: 3px;
3186  transform: rotate(45deg);
3187  vertical-align: middle;
3188  color: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));
3189  display: var(--mat-expansion-legacy-header-indicator-display, none);
3190}
3191.mat-expansion-indicator svg {
3192  width: 24px;
3193  height: 24px;
3194  margin: 0 -8px;
3195  vertical-align: middle;
3196  fill: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant));
3197  display: var(--mat-expansion-header-indicator-display, inline-block);
3198}
3199
3200@media (forced-colors: active) {
3201  .mat-expansion-panel-content {
3202    border-top: 1px solid;
3203    border-top-left-radius: 0;
3204    border-top-right-radius: 0;
3205  }
3206}
3207</style><style ng-app-id="ng">
3208.icon[_ngcontent-ng-c3792783421] {
3209  height: 24px;
3210  margin-right: 4px;
3211}
3212/*# sourceMappingURL=/translator-dropdown.component.css.map */</style><style ng-app-id="ng">.mat-pseudo-checkbox {
3213  border-radius: 2px;
3214  cursor: pointer;
3215  display: inline-block;
3216  vertical-align: middle;
3217  box-sizing: border-box;
3218  position: relative;
3219  flex-shrink: 0;
3220  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
3221}
3222.mat-pseudo-checkbox::after {
3223  position: absolute;
3224  opacity: 0;
3225  content: "";
3226  border-bottom: 2px solid currentColor;
3227  transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
3228}
3229.mat-pseudo-checkbox._mat-animation-noopable {
3230  transition: none !important;
3231  animation: none !important;
3232}
3233.mat-pseudo-checkbox._mat-animation-noopable::after {
3234  transition: none;
3235}
3236
3237.mat-pseudo-checkbox-disabled {
3238  cursor: default;
3239}
3240
3241.mat-pseudo-checkbox-indeterminate::after {
3242  left: 1px;
3243  opacity: 1;
3244  border-radius: 2px;
3245}
3246
3247.mat-pseudo-checkbox-checked::after {
3248  left: 1px;
3249  border-left: 2px solid currentColor;
3250  transform: rotate(-45deg);
3251  opacity: 1;
3252  box-sizing: content-box;
3253}
3254
3255.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
3256  color: var(--mat-pseudo-checkbox-minimal-selected-checkmark-color, var(--mat-sys-primary));
3257}
3258.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after, .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after {
3259  color: var(--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
3260}
3261
3262.mat-pseudo-checkbox-full {
3263  border-color: var(--mat-pseudo-checkbox-full-unselected-icon-color, var(--mat-sys-on-surface-variant));
3264  border-width: 2px;
3265  border-style: solid;
3266}
3267.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
3268  border-color: var(--mat-pseudo-checkbox-full-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
3269}
3270.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
3271  background-color: var(--mat-pseudo-checkbox-full-selected-icon-color, var(--mat-sys-primary));
3272  border-color: transparent;
3273}
3274.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
3275  color: var(--mat-pseudo-checkbox-full-selected-checkmark-color, var(--mat-sys-on-primary));
3276}
3277.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
3278  background-color: var(--mat-pseudo-checkbox-full-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
3279}
3280.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after {
3281  color: var(--mat-pseudo-checkbox-full-disabled-selected-checkmark-color, var(--mat-sys-surface));
3282}
3283
3284.mat-pseudo-checkbox {
3285  width: 18px;
3286  height: 18px;
3287}
3288
3289.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
3290  width: 14px;
3291  height: 6px;
3292  transform-origin: center;
3293  top: -4.2426406871px;
3294  left: 0;
3295  bottom: 0;
3296  right: 0;
3297  margin: auto;
3298}
3299.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
3300  top: 8px;
3301  width: 16px;
3302}
3303
3304.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
3305  width: 10px;
3306  height: 4px;
3307  transform-origin: center;
3308  top: -2.8284271247px;
3309  left: 0;
3310  bottom: 0;
3311  right: 0;
3312  margin: auto;
3313}
3314.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
3315  top: 6px;
3316  width: 12px;
3317}
3318</style></head>
3319	<body class="mat-typography"><!--nghm-->
3320		<app-root ng-version="21.2.18" ngh="22" ng-server-context="ssr"><router-outlet><app-loading-spinner _nghost-ng-c1245769907="" ngh="21"><!--container--></app-loading-spinner></router-outlet><app-full-layout _nghost-ng-c952322260="" ngh="20"><mat-drawer-container _ngcontent-ng-c952322260="" class="mat-drawer-container dashboard" ngh="0"><div class="mat-drawer-backdrop"></div><!--container--><mat-drawer _ngcontent-ng-c952322260="" mode="over" position="end" class="mat-drawer w-full max-w-[550px] mat-drawer-end mat-drawer-over" tabindex="-1" ngh="1"><div cdkscrollable="" class="mat-drawer-inner-container"><app-site-nav _ngcontent-ng-c952322260="" _nghost-ng-c3935147848="" ngh="7"><div _ngcontent-ng-c3935147848="" class="flex h-full flex-col"><div _ngcontent-ng-c3935147848="" class="flex h-[80px] items-center justify-between px-4"><img _ngcontent-ng-c3935147848="" alt="ps logo" class="h-7" src="https://cdn.policystreet.app/assets/mainsite/ps-logo.png"><div _ngcontent-ng-c3935147848="" class="flex cursor-pointer"><mat-icon _ngcontent-ng-c3935147848="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="1">close</mat-icon></div></div><div _ngcontent-ng-c3935147848="" class="pl-[10px]"><app-translator-toggle _ngcontent-ng-c3935147848="" _nghost-ng-c1746833094="" ngh="1"><div _ngcontent-ng-c1746833094="" class="lang-outer-toggle"><div _ngcontent-ng-c1746833094="" class="lang-inner-toggle"><div _ngcontent-ng-c1746833094="" class="toggle-option active"><span _ngcontent-ng-c1746833094="">EN</span></div><div _ngcontent-ng-c1746833094="" class="toggle-option"><span _ngcontent-ng-c1746833094="">BM</span></div></div></div></app-translator-toggle></div><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion site-nav-accordion divide-y divide-[#C4D2E3] mat-accordion-multi"><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1012" tabindex="0" aria-controls="cdk-accordion-child-1012" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Car Insurance</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1012" aria-labelledby="mat-expansion-panel-header-1012"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1013" tabindex="0" aria-controls="cdk-accordion-child-1013" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Renew Car Insurance </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1013" aria-labelledby="mat-expansion-panel-header-1013"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1014" tabindex="0" aria-controls="cdk-accordion-child-1014" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Renew EV Car Insurance </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1014" aria-labelledby="mat-expansion-panel-header-1014"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1015" tabindex="0" aria-controls="cdk-accordion-child-1015" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Renew Road Tax with Insurance </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1015" aria-labelledby="mat-expansion-panel-header-1015"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1016" tabindex="0" aria-controls="cdk-accordion-child-1016" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Our Partner Insurance Providers </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1016" aria-labelledby="mat-expansion-panel-header-1016"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1017" tabindex="0" aria-controls="cdk-accordion-child-1017" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Tools &amp; Calculators</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1017" aria-labelledby="mat-expansion-panel-header-1017"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level active" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1018" tabindex="0" aria-controls="cdk-accordion-child-1018" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Car Insurance Calculator </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1018" aria-labelledby="mat-expansion-panel-header-1018"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1019" tabindex="0" aria-controls="cdk-accordion-child-1019" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Road Tax Calculator </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1019" aria-labelledby="mat-expansion-panel-header-1019"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1020" tabindex="0" aria-controls="cdk-accordion-child-1020" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> EV Road Tax Calculator </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1020" aria-labelledby="mat-expansion-panel-header-1020"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1021" tabindex="0" aria-controls="cdk-accordion-child-1021" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Campaigns &amp; Promotions</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1021" aria-labelledby="mat-expansion-panel-header-1021"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1022" tabindex="0" aria-controls="cdk-accordion-child-1022" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title second-title">Campaigns </mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1022" aria-labelledby="mat-expansion-panel-header-1022"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1023" tabindex="0" aria-controls="cdk-accordion-child-1023" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title ml-8"> Ongoing Campaigns &amp; Promotions </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1023" aria-labelledby="mat-expansion-panel-header-1023"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1024" tabindex="0" aria-controls="cdk-accordion-child-1024" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title ml-8"> Terms &amp; Conditions </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1024" aria-labelledby="mat-expansion-panel-header-1024"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1025" tabindex="0" aria-controls="cdk-accordion-child-1025" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Resources</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1025" aria-labelledby="mat-expansion-panel-header-1025"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1026" tabindex="0" aria-controls="cdk-accordion-child-1026" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Blogs </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1026" aria-labelledby="mat-expansion-panel-header-1026"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1027" tabindex="0" aria-controls="cdk-accordion-child-1027" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> FAQs </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1027" aria-labelledby="mat-expansion-panel-header-1027"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1028" tabindex="0" aria-controls="cdk-accordion-child-1028" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Business</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1028" aria-labelledby="mat-expansion-panel-header-1028"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1029" tabindex="0" aria-controls="cdk-accordion-child-1029" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Employee Benefits </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1029" aria-labelledby="mat-expansion-panel-header-1029"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1030" tabindex="0" aria-controls="cdk-accordion-child-1030" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">About Us</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1030" aria-labelledby="mat-expansion-panel-header-1030"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1031" tabindex="0" aria-controls="cdk-accordion-child-1031" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> About PolicyStreet Group </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1031" aria-labelledby="mat-expansion-panel-header-1031"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1032" tabindex="0" aria-controls="cdk-accordion-child-1032" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Newsroom </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1032" aria-labelledby="mat-expansion-panel-header-1032"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1033" tabindex="0" aria-controls="cdk-accordion-child-1033" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Careers </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1033" aria-labelledby="mat-expansion-panel-header-1033"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1034" tabindex="0" aria-controls="cdk-accordion-child-1034" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Contact Us </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1034" aria-labelledby="mat-expansion-panel-header-1034"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion></div><!--container--><mat-menu _ngcontent-ng-c3935147848="" ngh="6"><!--container--></mat-menu></app-site-nav></div></mat-drawer><mat-drawer-content _ngcontent-ng-c952322260="" class="mat-drawer-content" ngh="1"><app-header _ngcontent-ng-c952322260="" _nghost-ng-c3635789579="" ngh="8"><div _ngcontent-ng-c3635789579="" class="sticky top-0 z-50 flex w-full flex-col justify-center bg-white"><div _ngcontent-ng-c3635789579="" class="mx-0 flex items-center justify-between p-2 lg:!mx-20 lg:!p-4">
3320<a _ngcontent-ng-c3635789579="" routerlink="/" href="/"><img _ngcontent-ng-c3635789579="" alt="ps logo" class="h-7" src="https://cdn.policystreet.app/assets/mainsite/ps-logo.png"></a><div _ngcontent-ng-c3635789579="" class="flex items-center gap-2 lg:!gap-6"><div _ngcontent-ng-c3635789579=""><button _ngcontent-ng-c3635789579="" class="rounded-[100px] bg-[#0091ff] px-3 py-2 text-[11px] text-white lg:text-[14px]"> Get Quote Now </button></div><div _ngcontent-ng-c3635789579=""><app-translator-toggle _ngcontent-ng-c3635789579="" _nghost-ng-c1746833094="" ngh="1"><div _ngcontent-ng-c1746833094="" class="lang-outer-toggle"><div _ngcontent-ng-c1746833094="" class="lang-inner-toggle"><div _ngcontent-ng-c1746833094="" class="toggle-option active"><span _ngcontent-ng-c1746833094="">EN</span></div><div _ngcontent-ng-c1746833094="" class="toggle-option"><span _ngcontent-ng-c1746833094="">BM</span></div></div></div></app-translator-toggle></div><!--container--><div _ngcontent-ng-c3635789579="" class="flex cursor-pointer"><mat-icon _ngcontent-ng-c3635789579="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="1">menu</mat-icon></div></div></div></div><!--container--><!--container--></app-header><!--container--><div _ngcontent-ng-c952322260="" class="dashboard__content"><router-outlet _ngcontent-ng-c952322260=""></router-outlet><app-car-insurance-calculator _nghost-ng-c2137098288="" ngh="17"><div _ngcontent-ng-c2137098288="" class="mx-4 my-6 lg:my-10"><div _ngcontent-ng-c2137098288="" class="mt-4 text-left font-poppins text-[24px] font-semibold lg:text-center lg:text-[30px]"> Car Insurance Calculator </div><div _ngcontent-ng-c2137098288="" class="mt-2 text-left text-sm text-gray-500 lg:text-center lg:text-base"> Find out how much you’ll pay for car insurance and road tax in Malaysia — quick, accurate, and hassle-free. </div><div _ngcontent-ng-c2137098288="" class="my-10 text-center"><app-looping-insurer _ngcontent-ng-c2137098288="" _nghost-ng-c4014395640="" ngh="9"><div _ngcontent-ng-c4014395640="" class="carousel-wrapper"><div _ngcontent-ng-c4014395640="" class="carousel"><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Allianz.svg" alt="Allianz"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/BerjayaSompo.svg" alt="Berjaya Sompo"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Generali.svg" alt="Generali"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/MSIG.svg" alt="MSIG"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/P&amp;O.svg" alt="P&amp;O"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Pacific.svg" alt="Pacific"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/RHB.svg" alt="RHB"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/TokioMarine.svg" alt="Tokio Marine"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Tune.svg" alt="Tune"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Zurich.svg" alt="Zurich"></div><!--container--><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Allianz.svg" alt="Allianz"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/BerjayaSompo.svg" alt="Berjaya Sompo"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Generali.svg" alt="Generali"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/MSIG.svg" alt="MSIG"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/P&amp;O.svg" alt="P&amp;O"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Pacific.svg" alt="Pacific"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/RHB.svg" alt="RHB"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/TokioMarine.svg" alt="Tokio Marine"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Tune.svg" alt="Tune"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Zurich.svg" alt="Zurich"></div><!--container--></div></div></app-looping-insurer></div><div _ngcontent-ng-c2137098288="" class="mx-auto my-6 flex max-w-[1200px] flex-col gap-6 lg:my-16 lg:mb-10 lg:flex-row lg:gap-10"><div _ngcontent-ng-c2137098288="" class="w-full lg:flex-1"><div _ngcontent-ng-c2137098288="" class="rounded-[16px] p-4 shadow-lg lg:p-6"><div _ngcontent-ng-c2137098288="" class="flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/sum-insured-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Sum Insured </div></div><div _ngcontent-ng-c2137098288="" class="mt-3 text-[20px] font-semibold text-[#0091ff]"> RM 50,000.00 </div><mat-slider _ngcontent-ng-c2137098288="" class="mat-mdc-slider mdc-slider custom-slider w-full mat-primary _mat-animation-noopable" ngh="11"><input _ngcontent-ng-c2137098288="" type="range" matsliderthumb="" class="mdc-slider__input ng-untouched ng-pristine ng-valid" aria-valuetext="49" style="padding: 0 16px; width: calc(100% + 10px); left: -21px;" step="1" min="0" max="189" value="49"><div class="mdc-slider__track"><div class="mdc-slider__track--inactive"></div><div class="mdc-slider__track--active"><div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left; transform: scaleX(0);"></div></div><!--container--></div><!--container-->
3320<mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(NaNpx);" ngh="10"><!--container--><div class="mdc-slider__thumb-knob"></div><div matripple="" class="mat-ripple mat-focus-indicator"></div></mat-slider-visual-thumb></mat-slider><div _ngcontent-ng-c2137098288="" class="text-sm text-gray-500">Minimum sum insured is  RM 1,001</div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/coverage-type-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Coverage Type </div></div><div _ngcontent-ng-c2137098288="" class="mt-2"><mat-radio-group _ngcontent-ng-c2137098288="" role="radiogroup" class="mat-mdc-radio-group flex flex-col gap-3 sm:flex-row sm:gap-4 ng-untouched ng-pristine ng-valid"><mat-radio-button _ngcontent-ng-c2137098288="" value="comprehensive" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&amp;.mat-radio-checked]:border-[#1E88E5] [&amp;.mat-radio-checked]:bg-[#E8F1FB] [&amp;_.mat-radio-container]:m-0 [&amp;_.mat-radio-label-content]:m-0 [&amp;_.mat-radio-label-content]:ml-2 [&amp;_.mat-radio-label-content]:p-0 [&amp;_.mat-radio-label-content]:text-center [&amp;_.mat-radio-label]:flex [&amp;_.mat-radio-label]:w-full [&amp;_.mat-radio-label]:items-center [&amp;_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable mat-mdc-radio-checked" id="mat-radio-52" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-52-input" name="mat-radio-group-26" value="comprehensive" tabindex="0" checked=""><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-52-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Comprehensive</span></label></div></mat-radio-button>
3320<mat-radio-button _ngcontent-ng-c2137098288="" value="tpft" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&amp;.mat-radio-checked]:border-[#1E88E5] [&amp;.mat-radio-checked]:bg-[#E8F1FB] [&amp;_.mat-radio-container]:m-0 [&amp;_.mat-radio-label-content]:m-0 [&amp;_.mat-radio-label-content]:ml-2 [&amp;_.mat-radio-label-content]:p-0 [&amp;_.mat-radio-label-content]:text-center [&amp;_.mat-radio-label]:flex [&amp;_.mat-radio-label]:w-full [&amp;_.mat-radio-label]:items-center [&amp;_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable" id="mat-radio-53" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-53-input" name="mat-radio-group-26" value="tpft" tabindex="-1"><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-53-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Third party, fire &amp; theft</span></label></div></mat-radio-button>
3320</mat-radio-group></div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/region-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Region </div></div><div _ngcontent-ng-c2137098288="" class="mt-2"><mat-radio-group _ngcontent-ng-c2137098288="" role="radiogroup" class="mat-mdc-radio-group flex flex-col gap-3 sm:flex-row sm:gap-4 ng-untouched ng-pristine ng-valid"><mat-radio-button _ngcontent-ng-c2137098288="" value="peninsular" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&amp;.mat-radio-checked]:border-[#1E88E5] [&amp;.mat-radio-checked]:bg-[#E8F1FB] [&amp;_.mat-radio-container]:m-0 [&amp;_.mat-radio-label-content]:m-0 [&amp;_.mat-radio-label-content]:ml-2 [&amp;_.mat-radio-label-content]:p-0 [&amp;_.mat-radio-label-content]:text-center [&amp;_.mat-radio-label]:flex [&amp;_.mat-radio-label]:w-full [&amp;_.mat-radio-label]:items-center [&amp;_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable mat-mdc-radio-checked" id="mat-radio-54" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-54-input" name="mat-radio-group-27" value="peninsular" tabindex="0" checked=""><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-54-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Peninsular Malaysia</span></label></div></mat-radio-button>
3320<mat-radio-button _ngcontent-ng-c2137098288="" value="sabah" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&amp;.mat-radio-checked]:border-[#1E88E5] [&amp;.mat-radio-checked]:bg-[#E8F1FB] [&amp;_.mat-radio-container]:m-0 [&amp;_.mat-radio-label-content]:m-0 [&amp;_.mat-radio-label-content]:ml-2 [&amp;_.mat-radio-label-content]:p-0 [&amp;_.mat-radio-label-content]:text-center [&amp;_.mat-radio-label]:flex [&amp;_.mat-radio-label]:w-full [&amp;_.mat-radio-label]:items-center [&amp;_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable" id="mat-radio-55" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-55-input" name="mat-radio-group-27" value="sabah" tabindex="-1"><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-55-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Sarawak / Sabah / Labuan</span></label></div></mat-radio-button>
3320</mat-radio-group></div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/engine-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Engine Capacity </div></div><div _ngcontent-ng-c2137098288="" class="mt-2 flex flex-col gap-2"><mat-form-field _ngcontent-ng-c2137098288="" appearance="outline" class="mat-mdc-form-field w-full mat-mdc-form-field-type-mat-select mat-form-field-appearance-outline mat-primary ng-untouched ng-pristine ng-valid" ngh="13"><!--container--><div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined mdc-text-field--no-label"><!--container--><div class="mat-mdc-form-field-flex"><div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--no-label" ngh="1"><div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div><div class="mat-mdc-notch-piece mdc-notched-outline__notch"><!--container--><!--container--><!--container--></div><div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div></div><!--container--><!--container--><!--container--><div class="mat-mdc-form-field-infix"><!--container--><mat-select _ngcontent-ng-c2137098288="" role="combobox" aria-haspopup="listbox" placeholder="Select Engine Capacity" class="mat-mdc-select ng-untouched ng-pristine ng-valid" aria-labelledby="mat-select-value-26" id="mat-select-26" tabindex="0" aria-expanded="false" aria-required="false" aria-disabled="false" aria-invalid="false" ngh="14"><div cdk-overlay-origin="" class="mat-mdc-select-trigger"><div class="mat-mdc-select-value" id="mat-select-value-26"><!--container--><span class="mat-mdc-select-value-text"><!--container--><span class="mat-mdc-select-min-line">0 – 1,400 cc</span><!--container--></span><!--container--></div><div class="mat-mdc-select-arrow-wrapper"><div class="mat-mdc-select-arrow"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true"><path d="M7 10l5 5 5-5z"></path></svg></div></div></div><!--container--></mat-select></div><!--container--><!--container--></div><!--container--></div><div aria-atomic="true" aria-live="polite" class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!--container--><div class="mat-mdc-form-field-hint-wrapper"><!--container--><div class="mat-mdc-form-field-hint-spacer"></div></div><!--container--></div></mat-form-field></div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/ncd-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> No Claims Discount (NCD) </div></div><mat-button-toggle-group _ngcontent-ng-c2137098288="" name="ncd" class="mat-button-toggle-group my-4 flex flex-wrap gap-2 lg:gap-4 ng-untouched ng-pristine ng-valid mat-button-toggle-group-appearance-standard" role="radiogroup" aria-disabled="false"><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard mat-button-toggle-checked" id="mat-button-toggle-94" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-94-button" role="radio" tabindex="0" aria-checked="true" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 0% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-95" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-95-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 25% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-96" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-96-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 30% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-97" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-97-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content">
3320 38.33% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-98" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-98-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 45% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-99" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-99-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 55% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><!--container--></mat-button-toggle-group><div _ngcontent-ng-c2137098288="" class="text-sm text-[rgba(106,114,130,1)]"> NCD is based on your previous claims history </div></div></div><div _ngcontent-ng-c2137098288="" class="hidden lg:block lg:w-full lg:min-w-[325px] lg:max-w-[380px]"><div _ngcontent-ng-c2137098288="" class="rounded-[16px] bg-[linear-gradient(93.55deg,_#0091FF_0%,_#203570_101.78%)] p-6 shadow-md"><div _ngcontent-ng-c2137098288="" class="text-white"> Estimated Annual Premium <br _ngcontent-ng-c2137098288=""><span _ngcontent-ng-c2137098288="" class="mt-2 text-[30px] font-bold"> RM 1,547.80 </span></div></div><div _ngcontent-ng-c2137098288="" class="mt-3 text-sm text-gray-600"> This is an estimate price. Receive a  <span _ngcontent-ng-c2137098288="" class="font-semibold text-[#0091ff] underline hover:cursor-pointer"> free quotation  </span> from us to receive the most accurate price </div></div></div><div _ngcontent-ng-c2137098288="" class="fixed bottom-0 left-0 right-0 z-50 lg:hidden"><div _ngcontent-ng-c2137098288="" class="rounded-t-[16px] bg-[linear-gradient(93.55deg,_#0091FF_0%,_#203570_101.78%)] px-5 py-4 shadow-[0_-4px_20px_rgba(0,0,0,0.15)]"><div _ngcontent-ng-c2137098288="" class="text-center text-white"><div _ngcontent-ng-c2137098288="" class="text-sm font-medium opacity-90"> Estimated Annual Premium </div><div _ngcontent-ng-c2137098288="" class="text-[28px] font-bold leading-tight">RM 1,547.80</div></div><mat-divider _ngcontent-ng-c2137098288="" role="separator" class="mat-divider color-white mt-2 w-full bg-white mat-divider-horizontal" aria-orientation="horizontal" ngh="1"></mat-divider><div _ngcontent-ng-c2137098288="" class="py-2 text-center text-xs text-white"> This is an estimate price. Receive a  <span _ngcontent-ng-c2137098288="" class="font-semibold text-[#ffd100] underline hover:cursor-pointer">free quotation </span> from us to receive the most accurate price </div></div></div><div _ngcontent-ng-c2137098288="" class="h-[110px] lg:hidden"></div><div _ngcontent-ng-c2137098288="" class="relative mx-auto mt-12 max-w-[1250px] pt-20"><app-dropdown _ngcontent-ng-c2137098288="" _nghost-ng-c3261458355="" ngh="16"><div _ngcontent-ng-c3261458355="" class="container"><div _ngcontent-ng-c3261458355="" class="container-fluid"><div _ngcontent-ng-c3261458355="" class="card-style"><h2 _ngcontent-ng-c3261458355="" class="card-style-title">Frequently Asked Questions (FAQ)</h2><div _ngcontent-ng-c3261458355="" class="text-center"><div _ngcontent-ng-c3261458355="" class="text-opensans text-center"> Have more questions? Find answers below or check our full <span _ngcontent-ng-c3261458355="" class="font-bold text-[#0091ff] underline hover:cursor-pointer"> FAQ page.</span>  </div></div><div _ngcontent-ng-c3261458355="" class="accordion" id="accordionreferralDashboard.faq"><div _ngcontent-ng-c3261458355="" class="accordion-item"><h3 _ngcontent-ng-c3261458355="" class="accordion-header" id="heading_0"><button _ngcontent-ng-c3261458355="" type="button" data-bs-toggle="collapse" class="accordion-button collapsed" data-bs-target="#collapse_referralDashboard.faq0" aria-controls="collapse_0"> Is your company legit / licensed? </button></h3><div _ngcontent-ng-c3261458355="" class="collapse" id="collapse_referralDashboard.faq0" data-bs-parent="#accordionreferralDashboard.faq" aria-labelledby="heading_0"><div _ngcontent-ng-c3261458355="" class="list-body"><hr _ngcontent-ng-c3261458355="" class="list-line"><div _ngcontent-ng-c3261458355="">Yes. We are a Financial Advisor licensed and approved by Bank Negara Malaysia. <br> Feel free to Google 'PolicyStreet' and check out the News about us. <br> You can also take a peek at the Newsroom on our website: <span class="color-[#0091ff] underline"><a href="https://policystreet.com/newsroom">https://policystreet.com/newsroom</a></span></div></div></div></div><div _ngcontent-ng-c3261458355="" class="accordion-item"><h3 _ngcontent-ng-c3261458355="" class="accordion-header" id="heading_1"><button _ngcontent-ng-c3261458355="" type="button" data-bs-toggle="collapse" class="accordion-button collapsed" data-bs-target="#collapse_referralDashboard.faq1" aria-controls="collapse_1"> Can I pay my car insurance through installment? </button></h3><div _ngcontent-ng-c3261458355="" class="collapse" id="collapse_referralDashboard.faq1" data-bs-parent="#accordionreferralDashboard.faq" aria-labelledby="heading_1"><div _ngcontent-ng-c3261458355="" class="list-body"><hr _ngcontent-ng-c3261458355="" class="list-line"><div _ngcontent-ng-c3261458355="">Yes, you can split your payment into 3 monthly installments via ShopBack BNPL.</div></div></div></div><div _ngcontent-ng-c3261458355="" class="accordion-item"><h3 _ngcontent-ng-c3261458355="" class="accordion-header" id="heading_2"><button _ngcontent-ng-c3261458355="" type="button" data-bs-toggle="collapse" class="accordion-button collapsed" data-bs-target="#collapse_referralDashboard.faq2" aria-controls="collapse_2"> Which insurer underwrites the car insurance and protection packages? </button></h3><div _ngcontent-ng-c3261458355="" class="collapse" id="collapse_referralDashboard.faq2" data-bs-parent="#accordionreferralDashboard.faq" aria-labelledby="heading_2"><div _ngcontent-ng-c3261458355="" class="list-body"><hr _ngcontent-ng-c3261458355="" class="list-line"><div _ngcontent-ng-c3261458355="">PolicyStreet is the lead underwriter, and our exclusive protection package is a joint effort with Pacific Insurance as well as car insurers like Takaful Ikhlas, RHB, Generali Insurance Malaysia Berhad, Berjaya Sompo, Allianz, etc.</div></div></div></div><!--container--></div></div><!--container--></div></div></app-dropdown></div></div></app-car-insurance-calculator><!--container--></div><app-footer _ngcontent-ng-c952322260="" _nghost-ng-c2711685700="" ngh="19"><div _ngcontent-ng-c2711685700="" class="mt-16 bg-[#F7F7F7] px-5 py-4 text-center text-[12px]"> The benefit(s) payable under eligible certificate/policy/product is(are) protected by <span _ngcontent-ng-c2711685700="" class="text-[#0091ff] underline hover:cursor-pointer">PIDM</span> up to limits. Please refer to <span _ngcontent-ng-c2711685700="" class="text-[#0091ff] underline hover:cursor-pointer"> PIDM’s TIPS Brochure </span> or contact Allianz General Insurance Company (Malaysia) Berhad or PIDM (visit <span _ngcontent-ng-c2711685700="" class="text-[#0091ff] underline hover:cursor-pointer">www.pidm.gov.my</span>). </div><footer _ngcontent-ng-c2711685700="" class="container flex flex-col gap-8 px-4 pb-5 pt-[50px] font-openSans text-[12px] lg:flex-row lg:justify-between"><section _ngcontent-ng-c2711685700="" class="lg:max-w-[300px]"><img _ngcontent-ng-c2711685700="" width="150" height="42" alt="ps logo" class="mb-1" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/PS-Powered-By.svg"><div _ngcontent-ng-c2711685700="" class="pt-[4px]"><b _ngcontent-ng-c2711685700="">PolicyStreet Malaysia</b></div><div _ngcontent-ng-c2711685700="" class="pb-[14px]"> Menara Suezcap 1, KL Gateway, No. 2 Jalan Kerinchi, Gerbang Kerinchi Lestari, 59200 Kuala Lumpur, Malaysia </div><div _ngcontent-ng-c2711685700="" class="mb-2 flex items-center gap-2"><img _ngcontent-ng-c2711685700="" width="17" height="18" alt="whatsapp" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/whatsapp.svg"><div _ngcontent-ng-c2711685700="">+6018-282 2320 (WA message only)</div></div><div _ngcontent-ng-c2711685700="" class="flex items-center gap-2"><img _ngcontent-ng-c2711685700="" width="17" height="17" alt="email" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/email.svg"><div _ngcontent-ng-c2711685700="">[email protected]</div></div></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Car Insurance</div>
3320<a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/" target="null"> Renew Car Insurance </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/renew-ev-car-insurance" target="null"> Renew EV Car Insurance </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/renew-road-tax" target="null"> Renew Road Tax with Insurance </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/compare-car-insurance" target="null"> Our Partner Insurance Providers </a><!--container--></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Tools &amp; Resources</div><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/car-insurance-calculator" target="null"> Car Insurance Calculator </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/road-tax-calculator" target="null"> Road Tax Calculator </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/ev-road-tax-calculator" target="null"> EV Road Tax Calculator </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/blog/en" target="null"> Blog </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/frequently-asked-questions" target="null"> FAQ </a><!--container--></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Campaigns &amp; Business</div><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/campaigns-promotions" target="null"> Campaigns &amp; Promotions </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/tnc" target="null"> Terms &amp; Conditions </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/employee-benefits" target="null"> Employee Benefits </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/terms-business" target="null"> Terms of Business </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/privacy-policy" target="null"> Privacy Policy </a><!--container--></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Company</div><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="https://group.policystreet.com/" target="null"> About PolicyStreet Group </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="https://group.policystreet.com/en/newsroom" target="null"> Newsroom </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="https://apply.workable.com/policystreet/" target="null"> Careers </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/contact-us" target="null"> Contact Us </a><!--container--></section></footer><section _ngcontent-ng-c2711685700="" class="container flex flex-col gap-2 px-4 pt-6 font-openSans text-[12px]"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Social</div><div _ngcontent-ng-c2711685700="" class="flex flex-wrap items-center gap-2"><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.tiktok.com/@policystreet?_t=8quiGusD38T&amp;_r=1"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="tiktok" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/tiktok.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.instagram.com/policystreet/"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="instagram" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/instagram.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.facebook.com/share/dkbWQ4Tew1sv8X2V/?mibextid=LQQJ4d"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="facebook" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/facebook.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://x.com/policystreetMY"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="x" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/x.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.linkedin.com/company/policystreet/"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="linkedin" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/linkedin.svg"></a><!--container--></div><div _ngcontent-ng-c2711685700="" class="mt-10"><app-translator-dropdown _ngcontent-ng-c2711685700="" _nghost-ng-c3792783421="" ngh="18"><div _ngcontent-ng-c3792783421="" class="mat-mdc-menu-trigger href-link flex items-center" aria-haspopup="menu" aria-expanded="false"><span _ngcontent-ng-c3792783421="" class="mr-2">English (UK) | Malay</span><div _ngcontent-ng-c3792783421="" class="icon"><mat-icon _ngcontent-ng-c3792783421="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="1">language</mat-icon></div></div><!--container--><mat-menu _ngcontent-ng-c3792783421="" ngh="6"><!--container--></mat-menu></app-translator-dropdown></div></section><section _ngcontent-ng-c2711685700="" class="container border-t border-t-[#C4D2E3] px-4 font-openSans text-[12px] lg:flex lg:items-center lg:justify-evenly lg:gap-4"><div _ngcontent-ng-c2711685700="" class="pt-4"><div _ngcontent-ng-c2711685700="" class="mb-2">Payment Methods: </div><div _ngcontent-ng-c2711685700="" class="flex flex-wrap gap-2"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Grab Pay" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/GrabPay.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Boost" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/Boost.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Shopback" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/Shopback.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="SPayLater" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/spaylater.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Visa" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/VISA.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="MasterCard" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/Mastercard.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="FPX" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/FPX.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Touch N Go" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/tng.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="SPay" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/SPay.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Atome" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/atome.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Grab Pay Later" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/GrabPayLater.png"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="AHA Pay Later" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/AhaPay.png"><!--container--></div></div><div _ngcontent-ng-c2711685700="" class="pt-4"><div _ngcontent-ng-c2711685700="" class="mb-2">Banks for EPP (3/6/12 months):</div><div _ngcontent-ng-c2711685700="" class="flex flex-wrap gap-2"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="maybank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/maybank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="cimbbank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/cimbbank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="rhb bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/rhbBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="ambank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/ambank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="hsbc" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/hsbc.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="ocbc bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/ocbcBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="public bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/publicBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Affin Bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/AffinBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="hl" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/HLB.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="uob" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/uobBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="stdchartered" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/stdchartered.svg"><!--container--></div></div></section><section _ngcontent-ng-c2711685700="" class="bg-[#203570] p-2.5 text-center font-openSans text-[12px] leading-4 text-white"> Quotation and Policy issued by PolicyStreet Malaysia, a brand under Polisea Sdn. Bhd. (Reg No. 201601041144 (1212085-T)) a Financial Adviser approved by Bank Negara Malaysia. </section><!--container--><!--container--></app-footer></mat-drawer-content><!--container--></mat-drawer-container></app-full-layout><!--container--></app-root>
3321	<link rel="modulepreload" href="chunk-PIRSYZGF.js"><link rel="modulepreload" href="chunk-6ZCSGOPL.js"><link rel="modulepreload" href="chunk-PYOEWRY6.js"><link rel="modulepreload" href="chunk-Z43DJA66.js"><link rel="modulepreload" href="chunk-35DCXIKQ.js"><link rel="modulepreload" href="chunk-2P52J7PL.js"><link rel="modulepreload" href="chunk-JMGKLLTX.js"><link rel="modulepreload" href="chunk-GFC47GLM.js"><link rel="modulepreload" href="chunk-VBKXRZ2H.js"><link rel="modulepreload" href="chunk-DG4DI6ID.js">
3321<script src="polyfills.js" type="module"></script>
3321<script src="scripts.js" defer=""></script>
3321<script src="main.js" type="module"></script>
3321
3322<link rel="modulepreload" href="home-routing.module-EQLELH5I.js">
3323<link rel="modulepreload" href="chunk-IHNKIK3T.js">
3324<link rel="modulepreload" href="chunk-C42OOT5O.js">
3325<link rel="modulepreload" href="chunk-MJNRGAOH.js">
3326<link rel="modulepreload" href="chunk-O4EDCSUE.js">
3327<link rel="modulepreload" href="chunk-GLWIRCED.js">
3328<link rel="modulepreload" href="chunk-DZGBTLPE.js">
3329<link rel="modulepreload" href="chunk-DKNRNDJ4.js">
3330<link rel="modulepreload" href="chunk-HLVMXW7D.js">
3331<link rel="modulepreload" href="chunk-A6CTHU5G.js">
3332
3333
3334<div class="cdk-live-announcer-element cdk-visually-hidden" aria-atomic="true" aria-live="polite" id="cdk-live-announcer-25"></div>
3334<script id="ng-state" type="application/json">{"__nghData__":[{"t":{"0":"t1","3":"t2"},"c":{"0":[{"i":"t1","r":1}],"3":[]},"n":{"3":"hfn4"}},{},{"n":{"1":"hfn","7":"5fn"},"t":{"7":"t5"},"c":{"7":[]}},{"t":{"4":"t6"},"c":{"4":[{"i":"t6","r":1}]}},{"n":{"1":"hfn","7":"5f"},"t":{"7":"t5"},"c":{"7":[]}},{"t":{"4":"t6"},"c":{"4":[]}},{"t":{"0":"t15"},"c":{"0":[]}},{"n":{"5":"4f"},"t":{"10":"t3","11":"t11"},"c":{"10":[{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":4}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":3}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":4,"t":{"0":"t8","1":"t9"},"c":{"0":[{"i":"t8","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t13","r":3,"t":{"0":"t14"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]},"x":2}]},"t":{"7":"t13"}}],"1":[]}}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":2}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]}}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":4}]},"t":{"7":"t7"}}],"1":[]}}],"11":[]},"d":[15,16,17,18]},{"t":{"0":"t16","1":"t18"},"c":{"0":[{"i":"t16","r":1,"t":{"9":"t17"},"c":{"9":[{"i":"t17","r":1}]},"n":{"12":"11f"}}],"1":[]}},{"t":{"3":"t106","5":"t107"},"c":{"3":[{"i":"t106","r":1,"x":10}],"5":[{"i":"t107","r":1,"x":10}]}},{"t":{"0":"t110"},"c":{"0":[]}},{"n":{"1":"hfn"},"t":{"6":"t108","7":"t109"},"c":{"6":[],"7":[]}},{"n":{"2":"0f"}},{"t":{"0":"t30","4":"t31","6":"t32","7":"t34","8":"t35","10":"t36","12":"t40","13":"t41","14":"t42","16":"t43","17":"t44"},"c":{"0":[],"4":[],"6":[{"i":"t32","r":1,"n":{"1":"0fnf"},"t":{"1":"t33"},"c":{"1":[{"i":"t33","r":2,"t":{"0":"t49"},"c":{"0":[{"i":"t30","r":1,"t":{"0":"t38"},"c":{"0":[]}}]}}]}}],"7":[],"8":[],"10":[],"12":[],"13":[],"14":[],"16":[],"17":[{"i":"t44","r":1,"t":{"1":"t45"},"c":{"1":[]},"n":{"3":"0fn"}}]}},{"t":{"4":"t46","5":"t47","10":"t48"},"c":{"4":[],"5":[{"i":"t47","r":1,"t":{"1":"t111","2":"t112"},"c":{"1":[],"2":[{"i":"t112","r":1}]}}],"10":[]}},{"t":{"2":"t25"},"c":{"2":[]}},{"t":{"3":"t115"},"c":{"3":[{"i":"t115","r":1,"t":{"15":"t116"},"c":{"15":[{"i":"t116","r":1,"x":3}]}}]}},{"n":{"21":"20f","34":"33f2nf","38":"37f2nf","50":"49f2nf","54":"53f2nf","65":"64fnfnfn4fn"},"d":[67],"t":{"67":"t113","76":"t114"},"c":{"76":[{"i":"t114","r":1,"n":{"1":"0f2nf"},"x":6}]}},{"c":{"0":[]},"n":{"5":"4f"},"d":[8,9,10,12,13,14]},{"t":{"0":"t70","1":"t78"},"c":{"0":[{"i":"t70","r":5,"t":{"36":"t71","42":"t72","48":"t73","54":"t74","61":"t75","71":"t76","78":"t77"},"c":{"36":[{"i":"t71","r":1,"x":4}],"42":[{"i":"t72","r":1,"x":5}],"48":[{"i":"t73","r":1,"x":5}],"54":[{"i":"t74","r":1,"x":4}],"61":[{"i":"t75","r":1,"x":5}],"71":[{"i":"t76","r":1,"x":12}],"78":[{"i":"t77","r":1,"x":11}]}}],"1":[]}},{"n":{"1":"0fn2","2":"1f2","3":"0fn3","4":"3f"},"t":{"5":"t19"},"c":{"5":[],"7":[{"i":"c2137098288","r":1}]}},{"t":{"0":"t0"},"c":{"0":[]}},{"c":{"0":[{"i":"c952322260","r":1}]}}]}</script>
3334</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.