.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{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)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){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)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone,.mat-button-toggle-group{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)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}.mat-datepicker-content-touch{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){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)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}

/* FONTS */

/*
    FONT URL - https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap
    NOTE - Please update the url if you're adding/removing a font-weight
*/

/* cyrillic-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
    FONT URL - https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap
    NOTE - Please update the url if you're adding/removing a font-weight
*/

/* cyrillic-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }

/* cyrillic */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }

/* vietnamese */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }

/* latin-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* cyrillic-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }

/* cyrillic */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }

/* vietnamese */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }

/* latin-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* cyrillic-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }

/* cyrillic */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }

/* vietnamese */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }

/* latin-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* cyrillic-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }

/* cyrillic */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }

/* vietnamese */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }

/* latin-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

/* latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*
  FONT URL (reference) - https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&display=swap
  NOTE - Please update the url + @font-face blocks if you're adding/removing a font-weight

  This version uses Google-hosted WOFF2 files (fonts.gstatic.com) with unicode-range splits
  for better loading performance (devanagari / latin-ext / latin).
*/

/* =========================
   Poppins — Weight 300
   ========================= */

/* devanagari */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================
   Poppins — Weight 500
   ========================= */

/* devanagari */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================
   Poppins — Weight 600
   ========================= */

/* devanagari */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================
   Poppins — Weight 700
   ========================= */

/* devanagari */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
    FONT URL - https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap
    NOTE - Please update the url if you're adding/removing a font-weight
*/

/* cyrillic-ext */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
    FONT URL - https://fonts.googleapis.com/icon?family=Material+Icons
    NOTE - Please update the url if you're adding/removing a font-weight
*/

/* fallback */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v76/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

/*
    FONT URL - https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap
    NOTE - Please update the url if you're adding/removing a font-weight
*/

/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.roboto {
    font-family: "Roboto", "Arial", "Calibri", sans-serif;
}

.montserrat {
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

.poppins {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
}

.inter {
    font-family: "Inter", "Arial", "Calibri", sans-serif;
}

.material {
    font-family: "Material Icons", "Arial", "Calibri", sans-serif;
}

.openSans {
    font-family: "Open Sans", "Arial", "Calibri", sans-serif;
}

.arial {
    font-family: "Arial", "Calibri", sans-serif;
}

/* THIRD PARTY */

/**
 * Swiper 6.4.11
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 6, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* GLOBAL */

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body p {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

/* IE8 */

html>/**/body a:hover img {
    display /*\**/:inline-block\9;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, p {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	text-align: left; 
	font-weight: normal;
}

img, abbr, acronym, fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

span { 
	margin: 0; 
	padding: 0;
}

* { 
	margin: 0;
	padding: 0;
}

dl { 
	margin: 0; 
	padding: 0;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
}

a:focus {
    outline: none;
}

a {
    color: #6d46ff;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* a:hover, a:active {
    text-decoration: underline;
} */

/* a:hover img {
    filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    opacity: 0.8;
} */

* {
    -webkit-tap-highlight-color: transparent;
}

html {
    font-size: 62.5%;
}

html.no-scroll {
	overflow: hidden;
}

body {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
	font-size: 16px;
    color: #4A4A4A;
    background: #f8f8f8;
	min-width: 320px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

#main-content {
	min-height: calc(100vh - 190px);
    margin-top: 60px;
}

section {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
}

.container {
	max-width: 944px; /* 1040px; */
	width: 93%;
	margin: 0 auto;
}

section.section_box {
	padding: 80px 0;
}

section.section_box:last-of-type {
	padding: 80px 0 100px;
}

.bold {
    font-weight: bold;
}

.bg1 {
	background: #FFF;
}

.btn {
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	min-width: 144px;
	padding: 13px 11px;
	border: 1px solid #b11116;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.04em;
    transition: background-color ease .3s, color ease .3s, border-color ease .3s;
}

.btn:focus {
	outline: 0;
}

.btn1 {
	background-color: #FFF;
	color: #B11116;
}

.btn1:hover {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

.btn2 {
	background-color: #B11116;
	color: #FFF;
	border-color: #B11116;
}

.btn2:hover {
	background-color: #8B0F13;
	border-color: #8B0F13;
}

.btn3 {
	background-color: #1B1464;
	color: #FFF;
	border-color: #1B1464;
}

.btn3:hover {
	background-color: #110d36;
	border-color: #110d36;
}

.btn4 {
	background-color: #E0E0E0;
	color: #000;
	border-color: #E0E0E0;
}

.btn4:hover {
	background-color: #a3a3a3;
	border-color: #a3a3a3;
}

.btn5 {
	border: 1px solid #B11116;
	background-color: transparent;
	color: #B11116;
}

.btn5:hover {
	background-color: #B11116;
	color: #FFF;
	border-color: #B11116;
}

.btn6 {
	border: 1px solid #1B1464;
	background-color: transparent;
	color: #1B1464;
}

.btn6:hover {
	background-color: #1B1464;
	color: #FFF;
	border-color: #1B1464;
}

.top-border::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    border-radius: 3px;
}

.top-border.border1::before {
    background-color: #B11116;
}

.top-border.border2::before {
    background-color: #1B1464;
}

.top-border.border3::before {
    background-color: #219653;
}

.top-border.border4::before {
    background: linear-gradient(270deg, #B11116 0%, #D5B527 100%);
}

.section-title {
    display: flex;
    justify-content: space-between;
}

.section-title h2 {
    font-size: 38px;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    color: #1B1464;
    margin: 30px 0;
    font-weight: 300;
}

.section-title .form-btns {
    margin: 30px 0;
}

.section-sub-title {
    margin: 15px 0;
}

.section-sub-title h3 {
    font-size: 22px;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

agm-map {
    height: 400px;
}

@media screen and (max-width: 875px) {
    .section-title {
        flex-direction: column;
    }
    .section-title h2 {
        margin-bottom: 0;
    }
    .section-title .form-btns {
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}

@media screen and (max-width: 767px) {
	section.section_box {
		padding: 40px 0;
	}
	section.section_box:last-of-type {
		padding: 40px 0 60px;
	}
}

@media screen and (max-width: 640px) {
    .section-title h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 550px) {
	#main-content {
		min-height: calc(100vh - 215.67px);
	}
}

@media screen and (max-width: 476px) {
    .section-title h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 426px) {
	.btn1:hover {
		background-color: #FFF;
		color: #B11116;
		border-color: unset;
	}
	.btn2:hover {
		background-color: #B11116;
		border-color: #B11116;
	}
	.btn3:hover {
		background-color: #1B1464;
		border-color: #1B1464;
	}
	.btn4:hover {
		background-color: #E0E0E0;
		border-color: #E0E0E0;
	}
	.btn5:hover {
		border: 1px solid #B11116;
		background-color: transparent;
		color: #B11116;
	}
	.btn6:hover {
		border: 1px solid #1B1464;
		background-color: transparent;
		color: #1B1464;
	}
}

.overlay-header {
    color:#1B1464;
}

.osp-overlay{
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: .75em .75em 0 .75em
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex {
    outline: solid 1px
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%
}

.mat-form-field-appearance-fill .mat-form-field-ripple {
    bottom: 0;
    height: 2px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple {
    height: 0;
    border-top: solid 2px
}

.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    opacity: 1;
    transform: none;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    transition: none
}

.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
    padding: 0 1em
}

.mat-input-element {
    font: inherit;
    background: transparent;
    color: currentColor;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
    text-align: inherit
}

.mat-input-element:-moz-ui-invalid {
    box-shadow: none
}

.mat-input-element::-ms-clear,
.mat-input-element::-ms-reveal {
    display: none
}

.mat-input-element,
.mat-input-element::-webkit-search-cancel-button,
.mat-input-element::-webkit-search-decoration,
.mat-input-element::-webkit-search-results-button,
.mat-input-element::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.mat-input-element::-webkit-contacts-auto-fill-button,
.mat-input-element::-webkit-caps-lock-indicator,
.mat-input-element::-webkit-credentials-auto-fill-button {
    visibility: hidden
}

.mat-input-element[type=date],
.mat-input-element[type=datetime],
.mat-input-element[type=datetime-local],
.mat-input-element[type=month],
.mat-input-element[type=week],
.mat-input-element[type=time] {
    line-height: 1
}

.mat-input-element[type=date]::after,
.mat-input-element[type=datetime]::after,
.mat-input-element[type=datetime-local]::after,
.mat-input-element[type=month]::after,
.mat-input-element[type=week]::after,
.mat-input-element[type=time]::after {
    content: " ";
    white-space: pre;
    width: 1px
}

.mat-input-element::-webkit-inner-spin-button,
.mat-input-element::-webkit-calendar-picker-indicator,
.mat-input-element::-webkit-clear-button {
    font-size: .825em
}

.mat-input-element::placeholder {
    -webkit-user-select: none;
    user-select: none;
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-hide-placeholder .mat-input-element::placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: none
}

.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -moz-transition: none;
    transition: none
}

.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -webkit-transition: none;
    transition: none
}

.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -ms-transition: none;
    transition: none
}

textarea.mat-input-element {
    resize: vertical;
    overflow: auto
}

textarea.mat-input-element.cdk-textarea-autosize {
    resize: none
}

textarea.mat-input-element {
    padding: 2px 0;
    margin: -2px 0
}

select.mat-input-element {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    background-color: transparent;
    display: inline-flex;
    box-sizing: border-box;
    padding-top: 1em;
    top: -1em;
    margin-bottom: -1em
}

select.mat-input-element::-ms-expand {
    display: none
}

select.mat-input-element::-moz-focus-inner {
    border: 0
}

select.mat-input-element:not(:disabled) {
    cursor: pointer
}

select.mat-input-element::-ms-value {
    color: inherit;
    background: none
}

.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value {
    color: inherit
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2.5px;
    pointer-events: none
}

[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    right: auto;
    left: 0
}

.mat-form-field-type-mat-native-select .mat-input-element {
    padding-right: 15px
}

[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element {
    padding-right: 0;
    padding-left: 15px
}

.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper {
    max-width: calc(100% - 10px)
}

.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after {
    margin-top: -5px
}

.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after {
    margin-top: -10px
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    transform: perspective(100px);
    -ms-transform: none
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon {
    width: 1em
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button {
    font: inherit;
    vertical-align: baseline
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon {
    font-size: inherit
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 0;
    border-top: solid 1px
}

.mat-form-field-appearance-legacy .mat-form-field-ripple {
    top: 0;
    height: 2px;
    overflow: hidden
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple {
    height: 0;
    border-top: solid 2px
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-position: 0;
    background-color: transparent
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    border-top-style: dotted;
    border-top-width: 2px
}

.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
    height: 1px
}

.mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin: .25em 0
}

.mat-form-field-appearance-outline .mat-form-field-flex {
    padding: 0 .75em 0 .75em;
    margin-top: -0.25em;
    position: relative
}

.mat-form-field-appearance-outline .mat-form-field-prefix,
.mat-form-field-appearance-outline .mat-form-field-suffix {
    top: .25em
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    display: flex;
    position: absolute;
    top: .25em;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border: 1px solid currentColor;
    min-width: 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-start {
    border-radius: 5px 0 0 5px;
    border-right-style: none
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start {
    border-right-style: solid;
    border-left-style: none;
    border-radius: 0 5px 5px 0
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-radius: 0 5px 5px 0;
    border-left-style: none;
    flex-grow: 1
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-left-style: solid;
    border-right-style: none;
    border-radius: 5px 0 0 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-gap {
    border-radius: .000001px;
    border: 1px solid currentColor;
    border-left-style: none;
    border-right-style: none
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
    border-top-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    opacity: 0
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
    border-width: 2px
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline {
    opacity: 0;
    transition: opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
    opacity: 1
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
    opacity: 0;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick {
    opacity: 1
}

.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
    padding: 0 1em
}

.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap {
    transition: none
}

.mat-form-field-appearance-standard .mat-form-field-flex {
    padding-top: .75em
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    height: 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline {
    height: 0;
    border-top: solid 1px
}

.mat-form-field-appearance-standard .mat-form-field-ripple {
    bottom: 0;
    height: 2px
}

.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple {
    height: 0;
    border-top: 2px
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-position: 0;
    background-color: transparent
}

.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    border-top-style: dotted;
    border-top-width: 2px
}

.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    opacity: 1;
    transform: none;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    transition: none
}

.mat-select {
    display: inline-block;
    width: 100%;
    outline: none
}

.mat-select-trigger {
    display: inline-table;
    cursor: pointer;
    position: relative;
    box-sizing: border-box
}

.mat-select-disabled .mat-select-trigger {
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.mat-select-value {
    display: table-cell;
    max-width: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-select-arrow-wrapper {
    display: table-cell;
    vertical-align: middle
}

.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    transform: translateY(-50%)
}

.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
    transform: translateY(-25%)
}

.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
    transform: translateY(-50%)
}

.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper {
    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

._mat-animation-noopable.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper {
    transition: none
}

.mat-select-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px
}

.mat-select-panel-wrap {
    flex-basis: 100%
}

.mat-select-panel {
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 256px;
    min-width: 100%;
    border-radius: 4px;
    outline: 0
}

.cdk-high-contrast-active .mat-select-panel {
    outline: solid 1px
}

.mat-select-panel .mat-optgroup-label,
.mat-select-panel .mat-option {
    font-size: inherit;
    line-height: 3em;
    height: 3em
}

.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex {
    cursor: pointer
}

.mat-form-field-type-mat-select .mat-form-field-label {
    width: calc(100% - 18px)
}

.mat-select-placeholder {
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

._mat-animation-noopable .mat-select-placeholder {
    transition: none
}

.mat-form-field-hide-placeholder .mat-select-placeholder {
    color: transparent;
    -webkit-text-fill-color: transparent;
    transition: none;
    display: block
}

.mat-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 48px;
    height: 48px;
    padding: 0 16px;
    text-align: left;
    text-decoration: none;
    max-width: 100%;
    position: relative;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
    -webkit-tap-highlight-color: transparent
}

.mat-option[disabled] {
    cursor: default
}

[dir=rtl] .mat-option {
    text-align: right
}

.mat-option .mat-icon {
    margin-right: 16px;
    vertical-align: middle
}

.mat-option .mat-icon svg {
    vertical-align: top
}

[dir=rtl] .mat-option .mat-icon {
    margin-left: 16px;
    margin-right: 0
}

.mat-option[aria-disabled=true] {
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.mat-optgroup .mat-option:not(.mat-option-multiple) {
    padding-left: 32px
}

[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple) {
    padding-left: 16px;
    padding-right: 32px
}

.cdk-high-contrast-active .mat-option {
    margin: 0 1px
}

.cdk-high-contrast-active .mat-option.mat-active {
    border: solid 1px currentColor;
    margin: 0
}

.cdk-high-contrast-active .mat-option[aria-disabled=true] {
    opacity: .5
}

.mat-option-text {
    display: inline-block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-option .mat-option-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-option-pseudo-checkbox {
    margin-right: 8px
}

[dir=rtl] .mat-option-pseudo-checkbox {
    margin-left: 8px;
    margin-right: 0
}

.mat-radio-button {
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.mat-radio-label {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%
}

.mat-radio-container {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.mat-radio-outer-circle {
    box-sizing: border-box;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color ease 280ms;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%
}

._mat-animation-noopable .mat-radio-outer-circle {
    transition: none
}

.mat-radio-inner-circle {
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform ease 280ms, background-color ease 280ms;
    width: 20px;
    transform: scale(0.001)
}

._mat-animation-noopable .mat-radio-inner-circle {
    transition: none
}

.mat-radio-checked .mat-radio-inner-circle {
    transform: scale(0.5)
}

.cdk-high-contrast-active .mat-radio-checked .mat-radio-inner-circle {
    border: solid 10px
}

.mat-radio-label-content {
    -webkit-user-select: auto;
    user-select: auto;
    display: inline-block;
    order: 0;
    line-height: inherit;
    padding-left: 8px;
    padding-right: 0
}

[dir=rtl] .mat-radio-label-content {
    padding-right: 8px;
    padding-left: 0
}

.mat-radio-label-content.mat-radio-label-before {
    order: -1;
    padding-left: 0;
    padding-right: 8px
}

[dir=rtl] .mat-radio-label-content.mat-radio-label-before {
    padding-right: 0;
    padding-left: 8px
}

.mat-radio-disabled,
.mat-radio-disabled .mat-radio-label {
    cursor: default
}

.mat-radio-button .mat-radio-ripple {
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    height: 40px;
    width: 40px;
    z-index: 1;
    pointer-events: none
}

.mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple) {
    opacity: .16
}

.mat-radio-persistent-ripple {
    width: 100%;
    height: 100%;
    transform: none
}

.mat-radio-container:hover .mat-radio-persistent-ripple {
    opacity: .04
}

.mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-persistent-ripple,
.mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-persistent-ripple {
    opacity: .12
}

.mat-radio-persistent-ripple,
.mat-radio-disabled .mat-radio-container:hover .mat-radio-persistent-ripple {
    opacity: 0
}

@media(hover: none) {
    .mat-radio-container:hover .mat-radio-persistent-ripple {
        display: none
    }
}

.mat-radio-input {
    bottom: 0;
    left: 50%
}

.cdk-high-contrast-active .mat-radio-disabled {
    opacity: .5
}

.mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
    width: 1em
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
    display: block;
    width: 1.5em;
    height: 1.5em
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon {
    margin: auto
}

mat-table {
    display: block
}

mat-header-row {
    min-height: 56px
}

mat-row,
mat-footer-row {
    min-height: 48px
}

mat-row,
mat-header-row,
mat-footer-row {
    display: flex;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    align-items: center;
    box-sizing: border-box
}

mat-row::after,
mat-header-row::after,
mat-footer-row::after {
    display: inline-block;
    min-height: inherit;
    content: ""
}

mat-cell:first-of-type,
mat-header-cell:first-of-type,
mat-footer-cell:first-of-type {
    padding-left: 24px
}

[dir=rtl] mat-cell:first-of-type:not(:only-of-type),
[dir=rtl] mat-header-cell:first-of-type:not(:only-of-type),
[dir=rtl] mat-footer-cell:first-of-type:not(:only-of-type) {
    padding-left: 0;
    padding-right: 24px
}

mat-cell:last-of-type,
mat-header-cell:last-of-type,
mat-footer-cell:last-of-type {
    padding-right: 24px
}

[dir=rtl] mat-cell:last-of-type:not(:only-of-type),
[dir=rtl] mat-header-cell:last-of-type:not(:only-of-type),
[dir=rtl] mat-footer-cell:last-of-type:not(:only-of-type) {
    padding-right: 0;
    padding-left: 24px
}

mat-cell,
mat-header-cell,
mat-footer-cell {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
    word-wrap: break-word;
    min-height: inherit
}

table.mat-table {
    border-spacing: 0
}

tr.mat-header-row {
    height: 56px
}

tr.mat-row,
tr.mat-footer-row {
    height: 48px
}

th.mat-header-cell {
    text-align: left
}

[dir=rtl] th.mat-header-cell {
    text-align: right
}

th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

th.mat-header-cell:first-of-type,
td.mat-cell:first-of-type,
td.mat-footer-cell:first-of-type {
    padding-left: 24px
}

[dir=rtl] th.mat-header-cell:first-of-type:not(:only-of-type),
[dir=rtl] td.mat-cell:first-of-type:not(:only-of-type),
[dir=rtl] td.mat-footer-cell:first-of-type:not(:only-of-type) {
    padding-left: 0;
    padding-right: 24px
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
    padding-right: 24px
}

[dir=rtl] th.mat-header-cell:last-of-type:not(:only-of-type),
[dir=rtl] td.mat-cell:last-of-type:not(:only-of-type),
[dir=rtl] td.mat-footer-cell:last-of-type:not(:only-of-type) {
    padding-right: 0;
    padding-left: 24px
}

.mat-table-sticky {
    position: sticky !important
}

.mat-table-fixed-layout {
    table-layout: fixed
}

.mat-button .mat-button-focus-overlay,
.mat-icon-button .mat-button-focus-overlay {
    opacity: 0
}

.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
    opacity: .04
}

@media(hover: none) {
    .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
    .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
        opacity: 0
    }
}

.mat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible
}

.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
    border: 0
}

.mat-button.mat-button-disabled,
.mat-icon-button.mat-button-disabled,
.mat-stroked-button.mat-button-disabled,
.mat-flat-button.mat-button-disabled {
    cursor: default
}

.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-button.cdk-program-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-raised-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button.mat-button-disabled {
    cursor: default
}

.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-raised-button::-moz-focus-inner {
    border: 0
}

._mat-animation-noopable.mat-raised-button {
    transition: none;
    animation: none
}

.mat-stroked-button {
    border: 1px solid currentColor;
    padding: 0 15px;
    line-height: 34px
}

.mat-stroked-button .mat-button-ripple.mat-ripple,
.mat-stroked-button .mat-button-focus-overlay {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.mat-fab {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    flex-shrink: 0
}

.mat-fab::-moz-focus-inner {
    border: 0
}

.mat-fab.mat-button-disabled {
    cursor: default
}

.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-fab.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-fab::-moz-focus-inner {
    border: 0
}

._mat-animation-noopable.mat-fab {
    transition: none;
    animation: none
}

.mat-fab .mat-button-wrapper {
    padding: 16px 0;
    display: inline-block;
    line-height: 24px
}

.mat-mini-fab {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    flex-shrink: 0
}

.mat-mini-fab::-moz-focus-inner {
    border: 0
}

.mat-mini-fab.mat-button-disabled {
    cursor: default
}

.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-mini-fab::-moz-focus-inner {
    border: 0
}

._mat-animation-noopable.mat-mini-fab {
    transition: none;
    animation: none
}

.mat-mini-fab .mat-button-wrapper {
    padding: 8px 0;
    display: inline-block;
    line-height: 24px
}

.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%
}

.mat-icon-button i,
.mat-icon-button .mat-icon {
    line-height: 24px
}

.mat-button-ripple.mat-ripple,
.mat-button-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-button-ripple.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-button-focus-overlay {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)
}

._mat-animation-noopable .mat-button-focus-overlay {
    transition: none
}

.mat-button-ripple-round {
    border-radius: 50%;
    z-index: 1
}

.mat-button .mat-button-wrapper>*,
.mat-flat-button .mat-button-wrapper>*,
.mat-stroked-button .mat-button-wrapper>*,
.mat-raised-button .mat-button-wrapper>*,
.mat-icon-button .mat-button-wrapper>*,
.mat-fab .mat-button-wrapper>*,
.mat-mini-fab .mat-button-wrapper>* {
    vertical-align: middle
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    width: 2.5em;
    height: 2.5em
}

.cdk-high-contrast-active .mat-button,
.cdk-high-contrast-active .mat-flat-button,
.cdk-high-contrast-active .mat-raised-button,
.cdk-high-contrast-active .mat-icon-button,
.cdk-high-contrast-active .mat-fab,
.cdk-high-contrast-active .mat-mini-fab {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-button-base.cdk-keyboard-focused,
.cdk-high-contrast-active .mat-button-base.cdk-program-focused {
    outline: solid 3px
}

.mat-sort-header-container {
    display: flex;
    cursor: pointer;
    align-items: center;
    letter-spacing: normal;
    outline: 0
}

[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,
[mat-sort-header].cdk-program-focused .mat-sort-header-container {
    border-bottom: solid 1px currentColor
}

.mat-sort-header-disabled .mat-sort-header-container {
    cursor: default
}

.mat-sort-header-content {
    text-align: center;
    display: flex;
    align-items: center
}

.mat-sort-header-position-before {
    flex-direction: row-reverse
}

.mat-sort-header-arrow {
    height: 12px;
    width: 12px;
    min-width: 12px;
    position: relative;
    display: flex;
    opacity: 0
}

.mat-sort-header-arrow,
[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow {
    margin: 0 0 0 6px
}

.mat-sort-header-position-before .mat-sort-header-arrow,
[dir=rtl] .mat-sort-header-arrow {
    margin: 0 6px 0 0
}

.mat-sort-header-stem {
    background: currentColor;
    height: 10px;
    width: 2px;
    margin: auto;
    display: flex;
    align-items: center
}

.cdk-high-contrast-active .mat-sort-header-stem {
    width: 0;
    border-left: solid 2px
}

.mat-sort-header-indicator {
    width: 100%;
    height: 2px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

.mat-sort-header-pointer-middle {
    margin: auto;
    height: 2px;
    width: 2px;
    background: currentColor;
    transform: rotate(45deg)
}

.cdk-high-contrast-active .mat-sort-header-pointer-middle {
    width: 0;
    height: 0;
    border-top: solid 2px;
    border-left: solid 2px
}

.mat-sort-header-pointer-left,
.mat-sort-header-pointer-right {
    background: currentColor;
    width: 6px;
    height: 2px;
    position: absolute;
    top: 0
}

.cdk-high-contrast-active .mat-sort-header-pointer-left,
.cdk-high-contrast-active .mat-sort-header-pointer-right {
    width: 0;
    height: 0;
    border-left: solid 6px;
    border-top: solid 2px
}

.mat-sort-header-pointer-left {
    transform-origin: right;
    left: 0
}

.mat-sort-header-pointer-right {
    transform-origin: left;
    right: 0
}

.mat-datepicker-content {
    display: block;
    border-radius: 4px
}

.mat-datepicker-content .mat-calendar {
    width: 296px;
    height: 354px
}

.mat-datepicker-content .mat-datepicker-close-button {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px
}

.ng-animating .mat-datepicker-content .mat-datepicker-close-button {
    display: none
}

.mat-datepicker-content-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mat-datepicker-content-touch {
    display: block;
    max-height: 80vh;
    overflow: auto;
    margin: -24px
}

.mat-datepicker-content-touch .mat-datepicker-content-container {
    min-height: 312px;
    max-height: 788px;
    min-width: 250px;
    max-width: 750px
}

.mat-datepicker-content-touch .mat-calendar {
    width: 100%;
    height: auto
}

@media all and (orientation: landscape) {
    .mat-datepicker-content-touch .mat-datepicker-content-container {
        width: 64vh;
        height: 80vh
    }
}

@media all and (orientation: portrait) {
    .mat-datepicker-content-touch .mat-datepicker-content-container {
        width: 80vw;
        height: 100vw
    }
    .mat-datepicker-content-touch .mat-datepicker-content-container-with-actions {
        height: 115vw
    }
}

.mat-calendar {
    display: block
}

.mat-calendar-header {
    padding: 8px 8px 0 8px
}

.mat-calendar-content {
    padding: 0 8px 8px 8px;
    outline: none
}

.mat-calendar-controls {
    display: flex;
    margin: 5% calc(33% / 7 - 16px)
}

.mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay {
    opacity: .04
}

.mat-calendar-spacer {
    flex: 1 1 auto
}

.mat-calendar-period-button {
    min-width: 0
}

.mat-calendar-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-width: 5px;
    border-top-style: solid;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.mat-calendar-arrow.mat-calendar-invert {
    transform: rotate(180deg)
}

[dir=rtl] .mat-calendar-arrow {
    margin: 0 5px 0 0
}

.mat-calendar-previous-button,
.mat-calendar-next-button {
    position: relative
}

.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    margin: 15.5px;
    border: 0 solid currentColor;
    border-top-width: 2px
}

[dir=rtl] .mat-calendar-previous-button,
[dir=rtl] .mat-calendar-next-button {
    transform: rotate(180deg)
}

.mat-calendar-previous-button::after {
    border-left-width: 2px;
    transform: translateX(2px) rotate(-45deg)
}

.mat-calendar-next-button::after {
    border-right-width: 2px;
    transform: translateX(-2px) rotate(45deg)
}

.mat-calendar-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.mat-calendar-table-header th {
    text-align: center;
    padding: 0 0 8px 0
}

.mat-calendar-table-header-divider {
    position: relative;
    height: 1px
}

.mat-calendar-table-header-divider::after {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    height: 1px
}

.mat-calendar-body {
    min-width: 224px
}

.mat-calendar-body-label {
    height: 0;
    line-height: 0;
    text-align: left;
    padding-left: 4.7142857143%;
    padding-right: 4.7142857143%
}

.mat-calendar-body-cell {
    position: relative;
    height: 0;
    line-height: 0;
    text-align: center;
    outline: none;
    cursor: pointer
}

.mat-calendar-body-cell::before,
.mat-calendar-body-cell::after,
.mat-calendar-body-cell-preview {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 0;
    box-sizing: border-box;
    height: 90%;
    width: 100%
}

.mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-start::after,
.mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
.mat-calendar-body-comparison-start::after,
.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
    left: 5%;
    width: 95%;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

[dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
[dir=rtl] .mat-calendar-body-comparison-start::after,
[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
    left: 0;
    border-radius: 0;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-calendar-body-comparison-end::after,
.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
    width: 95%;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

[dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
[dir=rtl] .mat-calendar-body-comparison-end::after,
[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
    left: 5%;
    border-radius: 0;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

[dir=rtl] .mat-calendar-body-comparison-bridge-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-bridge-end.mat-calendar-body-range-start::after {
    width: 95%;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end.mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-end.mat-calendar-body-range-start::after {
    width: 90%
}

.mat-calendar-body-in-preview .mat-calendar-body-cell-preview {
    border-top: dashed 1px;
    border-bottom: dashed 1px
}

.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
    border-left: dashed 1px
}

[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
    border-left: 0;
    border-right: dashed 1px
}

.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
    border-right: dashed 1px
}

[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
    border-right: 0;
    border-left: dashed 1px
}

.mat-calendar-body-disabled {
    cursor: default
}

.cdk-high-contrast-active .mat-calendar-body-disabled {
    opacity: .5
}

.mat-calendar-body-cell-content {
    top: 5%;
    left: 5%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: 999px
}

.mat-calendar-body-cell-content.mat-focus-indicator {
    position: absolute
}

.cdk-high-contrast-active .mat-calendar-body-cell-content {
    border: none
}

.mat-datepicker-dialog .mat-dialog-container {
    position: relative;
    overflow: visible
}

.cdk-high-contrast-active .mat-datepicker-popup:not(:empty),
.cdk-high-contrast-active .mat-calendar-body-selected {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-calendar-body-today {
    outline: dotted 1px
}

.cdk-high-contrast-active .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-high-contrast-active .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    outline: dotted 2px
}

[dir=rtl] .mat-calendar-body-label {
    text-align: right
}

@media(hover: none) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
        background-color: transparent
    }
}

.mat-form-field {
    display: inline-block;
    position: relative;
    text-align: left
}

[dir=rtl] .mat-form-field {
    text-align: right
}

.mat-form-field-wrapper {
    position: relative
}

.mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-form-field-prefix,
.mat-form-field-suffix {
    white-space: nowrap;
    flex: none;
    position: relative
}

.mat-form-field-infix {
    display: block;
    position: relative;
    flex: auto;
    min-width: 0;
    width: 180px
}

.cdk-high-contrast-active .mat-form-field-infix {
    border-image: linear-gradient(transparent, transparent)
}

.mat-form-field-label-wrapper {
    position: absolute;
    left: 0;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

[dir=rtl] .mat-form-field-label-wrapper {
    left: auto;
    right: 0
}

.mat-form-field-label {
    position: absolute;
    left: 0;
    font: inherit;
    pointer-events: none;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transform-origin: 0 0;
    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    display: none
}

[dir=rtl] .mat-form-field-label {
    transform-origin: 100% 0;
    left: auto;
    right: 0
}

.mat-form-field-empty.mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: block
}

.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    display: none
}

.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    display: block;
    -webkit-transition: none;
    transition: none
}

.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    display: none
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    display: block
}

.mat-form-field-label:not(.mat-form-field-empty) {
    transition: none
}

.mat-form-field-underline {
    position: absolute;
    width: 100%;
    pointer-events: none;
    transform: scale3d(1, 1.0001, 1)
}

.mat-form-field-ripple {
    position: absolute;
    left: 0;
    width: 100%;
    transform-origin: 50%;
    transform: scaleX(0.5);
    opacity: 0;
    transition: background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)
}

.mat-form-field.mat-focused .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
    opacity: 1;
    transform: none;
    transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1), opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-subscript-wrapper {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.mat-form-field-subscript-wrapper .mat-icon,
.mat-form-field-label-wrapper .mat-icon {
    width: 1em;
    height: 1em;
    font-size: inherit;
    vertical-align: baseline
}

.mat-form-field-hint-wrapper {
    display: flex
}

.mat-form-field-hint-spacer {
    flex: 1 0 1em
}

.mat-error {
    display: block
}

.mat-form-field-control-wrapper {
    position: relative
}

.mat-form-field-hint-end {
    order: 1
}

.mat-form-field._mat-animation-noopable .mat-form-field-label,
.mat-form-field._mat-animation-noopable .mat-form-field-ripple {
    transition: none
}

.mat-card {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    position: relative;
    padding: 16px;
    border-radius: 4px
}

._mat-animation-noopable.mat-card {
    transition: none;
    animation: none
}

.mat-card .mat-divider-horizontal {
    position: absolute;
    left: 0;
    width: 100%
}

[dir=rtl] .mat-card .mat-divider-horizontal {
    left: auto;
    right: 0
}

.mat-card .mat-divider-horizontal.mat-divider-inset {
    position: static;
    margin: 0
}

[dir=rtl] .mat-card .mat-divider-horizontal.mat-divider-inset {
    margin-right: 0
}

.cdk-high-contrast-active .mat-card {
    outline: solid 1px
}

.mat-card-actions,
.mat-card-subtitle,
.mat-card-content {
    display: block;
    margin-bottom: 16px
}

.mat-card-title {
    display: block;
    margin-bottom: 8px
}

.mat-card-actions {
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px 0
}

.mat-card-actions-align-end {
    display: flex;
    justify-content: flex-end
}

.mat-card-image {
    width: calc(100% + 32px);
    margin: 0 -16px 16px -16px
}

.mat-card-footer {
    display: block;
    margin: 0 -16px -16px -16px
}

.mat-card-actions .mat-button,
.mat-card-actions .mat-raised-button,
.mat-card-actions .mat-stroked-button {
    margin: 0 8px
}

.mat-card-header {
    display: flex;
    flex-direction: row
}

.mat-card-header .mat-card-title {
    margin-bottom: 12px
}

.mat-card-header-text {
    margin: 0 16px
}

.mat-card-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover
}

.mat-card-title-group {
    display: flex;
    justify-content: space-between
}

.mat-card-sm-image {
    width: 80px;
    height: 80px
}

.mat-card-md-image {
    width: 112px;
    height: 112px
}

.mat-card-lg-image {
    width: 152px;
    height: 152px
}

.mat-card-xl-image {
    width: 240px;
    height: 240px;
    margin: -8px
}

.mat-card-title-group>.mat-card-xl-image {
    margin: -8px 0 8px
}

@media(max-width: 599px) {
    .mat-card-title-group {
        margin: 0
    }
    .mat-card-xl-image {
        margin-left: 0;
        margin-right: 0
    }
}

.mat-card>:first-child,
.mat-card-content>:first-child {
    margin-top: 0
}

.mat-card>:last-child:not(.mat-card-footer),
.mat-card-content>:last-child:not(.mat-card-footer) {
    margin-bottom: 0
}

.mat-card-image:first-child {
    margin-top: -16px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.mat-card>.mat-card-actions:last-child {
    margin-bottom: -8px;
    padding-bottom: 0
}

.mat-card-actions .mat-button:first-child,
.mat-card-actions .mat-raised-button:first-child,
.mat-card-actions .mat-stroked-button:first-child {
    margin-left: 0;
    margin-right: 0
}

.mat-card-title:not(:first-child),
.mat-card-subtitle:not(:first-child) {
    margin-top: -4px
}

.mat-card-header .mat-card-subtitle:not(:first-child) {
    margin-top: -8px
}

.mat-card>.mat-card-xl-image:first-child {
    margin-top: -8px
}

.mat-card>.mat-card-xl-image:last-child {
    margin-bottom: -8px
}

.spinner-container {
    display: flex;
    justify-content: center;
    padding: 10px;
}

/** VARIABLES
===================================*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    *zoom: 1;
    touch-action: pan-y;
  }

.bx-wrapper img {
    max-width: 100%;
    display: block;
  }

.bxslider {
    margin: 0;
    padding: 0;
  }

ul.bxslider {
    list-style: none;
  }

.bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
  }

/** THEME
  ===================================*/

.bx-wrapper {
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;
  }

.bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
  }

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('bx_loader.gif') center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
  }

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .935em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
  }

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
  }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active,
  .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000;
  }

.bx-wrapper .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
  }

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
  }

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url('controls.png') no-repeat 0 -32px;
  }

.bx-wrapper .bx-prev:hover,
  .bx-wrapper .bx-prev:focus {
    background-position: 0 0;
  }

.bx-wrapper .bx-next {
    right: 10px;
    background: url('controls.png') no-repeat -43px -32px;
  }

.bx-wrapper .bx-next:hover,
  .bx-wrapper .bx-next:focus {
    background-position: -43px 0;
  }

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
  }

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  }

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
  }

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url('controls.png') -86px -11px no-repeat;
    margin: 0 3px;
  }

.bx-wrapper .bx-controls-auto .bx-start:hover,
  .bx-wrapper .bx-controls-auto .bx-start.active,
  .bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
  }

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url('controls.png') -86px -44px no-repeat;
    margin: 0 3px;
  }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
  .bx-wrapper .bx-controls-auto .bx-stop.active,
  .bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
  }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
  }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
  }

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
  }

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .935em;
    padding: 10px;
  }

.mat-form-field {
    display: unset !important;
    position: unset !important;
    text-align: unset !important;
}

.mat-form-field,
.mat-select,
.mat-option,
.mat-radio-button {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.mat-form-field.select .mat-form-field-flex {
    padding: 0px 36px 0 7px !important;
}

.mat-form-field.select .mat-form-field-flex::before {
    content: '';
    position: absolute;
    background-image: url('icon-arrow-down-gray.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 10px;
    width: 12px;
    right: 12px;
    top: 21px;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    border-radius: 4px !important;
    padding: 0px 7px !important;
    background: #fff;
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0 0 10px 0;
}

.mat-form-field-infix {
    border-top: 10px solid transparent;
}

.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    transform: translateY(-10%) !important;
}

.mat-form-field-underline {
    width: unset !important;
}

.mat-radio-button {
    margin: 12px 50px 0 0;
}

.mat-radio-button:last-of-type {
    margin-right: 0;
}

.mat-radio-outer-circle,
.mat-radio-inner-circle,
.mat-radio-container {
    height: 17px !important;
    width: 17px !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #8f2a2a;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #8f2a2a;
}

.mat-radio-label {
    display: flex !important;
}

.mat-radio-label-content {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    font-weight: 600;
    color: #4A4A4A;
}

.mat-radio-persistent-ripple {
    width: unset !important;
    height: unset !important;
}

.mat-ripple-element{
    display: none !important;
}

.mat-form-field-subscript-wrapper {
    position: unset !important;
    padding: 0 !important;
}

.mat-header-cell,
.mat-cell,
.mat-footer-cell {
    font-size: 18px;
}

.mat-form-field-subscript-wrapper {
    font-size: inherit;
}

.mat-form-field-wrapper > .mat-form-field-flex {
    border: 2px solid #fff;
}

.mat-form-field-invalid > .mat-form-field-wrapper > .mat-form-field-flex {
    border: 2px solid #8f2a2a;
}

.mat-error {
    color: #8f2a2a;
}

.mat-icon {
    height: 21px !important;
    width: 24px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: default;
}

/* Bumababa po kasi yung tooltip sa mga table po */

.mat-table .mat-icon {
    display: inline-block !important;
}

.material-icons {
    font-size: 20px;
}

.mat-select-placeholder {
    color: #E0E0E0;
}

.mat-form-field-wrapper {
    padding-bottom: 0;
}

.mat-select-value-text,
.mat-select-panel {
    font-weight: bold;
}

.mat-form-field-subscript-wrapper {
    display: none;
}

.mat-form-field-suffix {
    position: absolute;
    right: 0;
    top: 6px;
}

.mat-card-subtitle,
.mat-card-content {
    font-size: 18px;
}

@media screen and (max-width: 480px) {
    mat-radio-group .mat-radio-button {
        display: block;
    }
    .mat-radio-button {
        margin: 20px 0 0 15px;
    }
    .mat-radio-outer-circle,
    .mat-radio-inner-circle {
        height: 20px !important;
        width: 20px !important;
    }
    .mat-radio-label-content {
        padding-top: 3px;
        padding-left: 15px !important;
    }
}

mat-dialog-actions {
    /* justify-content: flex-end; */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    direction: rtl;
}

mat-dialog-actions button .mat-button-wrapper{
    direction: initial;
}

mat-dialog-actions button{
    direction: initial;
}

mat-dialog-content {
    display: flex;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    line-height: 22px;
    margin: 0 !important;
    padding: 0 !important;
}

mat-dialog-container {
    padding: 10px 15px !important;
}

.mat-form-field-appearance-fill.required .mat-form-field-flex {
    background-color: #FCF4DB;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #b11116;
}

.mat-paginator,
.mat-dialog-container {
    background-color: #F8F8F8;
}

h3.mat-dialog-title {
    margin-bottom: 8px;
}

.mat-checkbox .mat-checkbox-inner-container{
    margin-right: 14px;
}

.mat-checkbox .mat-checkbox-layout{
    white-space: normal;
}

.mat-paginator .mat-icon-button[type=button]:disabled {
    background-color: transparent !important;
    border: none !important;
    cursor: not-allowed;
    opacity: .6;
}

input {
    font-weight: bold !important;
}

::placeholder {
    font-weight: normal;
    color: #e0e0e0 !important;
    text-align: left;
}

form .form-fields {
    display: block;
}

#stepper-dtl .btn-wrap.hide,
form .form-fields.hide,
form .form-btns.hide {
    display: none;
}

.form {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.form-fields .form:not(:last-of-type) {
    margin-bottom: 30px;
}

.form .title {
    text-transform: uppercase;
    font-family: "Arial", "Calibri", sans-serif;
    font-size: 24px;
    letter-spacing: .04em;
    color: #000;
    margin-bottom: 20px;
}

.form .field {
    position: relative;
}

.form .field.detail .value {
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    color: #000;
    font-weight: 700;
    margin-top: 8px;
}

form .form-msg {
    padding: 11px 20px;
    background: #fff;
    font-weight: 400;
    border-radius: 5px;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

form .top .form-msg {
    margin-bottom: 25px;
}

form .bottom .form-msg {
    margin-top: 25px;
}

.form-note {
    font-weight: 400;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

form .amount-field {
    text-align: right;
}

.form-note a {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    color: #1B1464;
}

form .form-msg.success {
    border: 1px solid #219653;
    background-color: #21965333;
}

form .form-msg.error {
    border: 1px solid #b11116;
    background-color: #b1111633;
}

form .form-msg.info {
    border: 1px solid #D5B527;
    background-color: #D5B52733;
}

form .form-msg p {
    text-align: center;
    line-height: 24px;
}

.form .field label {
    margin-bottom: 10px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-weight: 400;
    line-height: 16px;
    color: #373F41;
    display: inline-block;
    position: relative;
}

.form .field:not(.required) label.rdo-label {
    display: block;
}

.form .field > .field-error {
    color: #b1111f;
    margin-top: 9px;
    line-height: 15px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 14px;
}

.form .field .tooltip {
    position: absolute;
    right: 0;
    top: 2px;
}

.form .field label.rdo-label {
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 18px;
}

.form .field.required label::before {
    content:"*";
    padding-left: 5px;
    float: right;
    color: red;
}

.form .field.required mat-radio-group {
    display: block;
}

.form .field.required mat-radio-group label::before {
    display: none;
}

.form .col-case {
    overflow: hidden;
    margin-bottom: 24px;
}

.form .col-case:last-of-type,
.form .with-form-msg .col-case:last-of-type {
    margin-bottom: 0;
}

.form .col-case .field {
    float: left;
    width: 100%;
}

.form .col-2 .field {
    width: 49%;
    margin-right: 2%;
}

.form .col-2 .field:nth-child(even) {
    margin-right: 0;
}

.form .col-3 .field {
    width: 31.8%;
    margin-right: 2.3%;
}

.form .col-3 .field.col-2 {
    width: 65.9%;
    margin-right: 2.3%;
}

.form .col-3 .field:nth-child(3n),
.form .col-3 .field:last-of-type {
    margin-right: 0;
}

.form .col-4 .field {
    width: 23.31%;
    margin-right: 2.25% ;
}

.form .col-4 .field:nth-child(4n) {
    margin-right: 0;
}

.form .col-5 .field {
    width: 19.5%;
    margin-right: 0.5% ;
}

.form .col-5 .field:nth-child(5n),
.form .col-3 .field:last-of-type {
    margin-right: 0;
}

.form-btns {
    margin: 30px 0 42px;
    text-align: right;
}

.form-btns .btn {
    display: inline-block;
    margin: 0 8px;
    min-width: 144px;
    padding: 13px 10px;
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.form-btns .btn:first-of-type {
    margin-left: 0;
}

.form-btns .btn:last-of-type {
    margin-right: 0;
}

.form-btns .btn4 {
    border: 1px solid #E0E0E0;
}

.form-btns .btn2 {
    border: 1px solid #B11116;
}

.box-wrap {
    margin-top: 50px;
    border-radius: 5px;
    padding: 18px 24px;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
}

.box-wrap table:last-of-type {
    margin-bottom: 0;
}

.form .box-wrap,
.form table {
    margin: 0 0 20px;
}

.btn-wrap {
    text-align: center;
}

.btn-wrap.right-aligned {
    text-align: right;
}

.btn-wrap.left-aligned {
    text-align: left;
}

.btn-wrap .btn {
    display: inline-block;
    margin: 0 8px;
}

.btn-wrap .btn:first-of-type {
    margin-left: 0;
}

.btn-wrap .btn:last-of-type {
    margin-right: 0;
}

button:disabled {
    background-color: #a9a9a9 !important;
    cursor: not-allowed;
    border: 1px solid #a9a9a9 !important;
    opacity: .6;
}

button:disabled:hover {
    background-color: #a9a9a9 !important;
    border: 1px solid #a9a9a9 !important;
}

.supporting-docs {
    padding-top: 4px;
}

.supporting-docs > button {
    font-size: 16px;
    width: 100%;
    min-height: 48px;
}

.supporting-docs > button:hover {
    background-color: initial;
    color: #1b1464;
}

.supporting-docs .error-msg {
    font-size: 17px;
    color: #b11116;
    padding-top: 15px;
    line-height: 20px;
}

.supporting-docs > .files {
    padding-top: 7px;
    display: flex;
    justify-content: space-between;
    font-size: 17px;
}

.supporting-docs > .files:first-of-type {
    padding-top: 15px;
}

.supporting-docs > .files .buttons {
    display: flex;
    color: #1b1464;
}

.supporting-docs > .files .buttons p {
    padding-left: 15px;
    text-decoration: underline;
    cursor: pointer;
}

/* table style 01*/

.tb-style01 {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

.tb-style01 th {
    font-weight: normal;
    vertical-align: middle;
    padding: 0 5px 6px 0;
}

.tb-style01 td {
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

/* FORM LOADER */

.form-loader .form-loader-container {
    margin: 50px 0 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-loader img {
    width: 35px;
    position: absolute;
    top: 20px;
    transition: all ease .3s;
}

.form-loader .loader-logo {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate 3s linear infinite;
}

.form-loader .loader-logo .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    border: 10px solid transparent;
}

.form-loader .loader-logo .circle::before,
.form-loader .loader-logo .circle::after {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.form-loader .loader-logo .circle::before {
    top: 5px;
    right: 5px;
}

.form-loader .loader-logo .circle::after {
    top: 4px;
    left: 5px;
}

.form-loader .loader-logo .circle.circle-1 {
    border-top-color: #B11116;
}

.form-loader .loader-logo .circle.circle-1::before,
.form-loader .loader-logo .circle.circle-1::after {
    background-color: #B11116;
}

.form-loader .loader-logo .circle.circle-2 {
    border-top-color: #1B1464;
    transform: rotate(120deg);
}

.form-loader .loader-logo .circle.circle-2::before,
.form-loader .loader-logo .circle.circle-2::after {
    background-color: #1B1464;
}

.form-loader .loader-logo .circle.circle-3 {
    border-top-color: #D5B527;
    transform: rotate(240deg);
}

.form-loader .loader-logo .circle.circle-3::before,
.form-loader .loader-logo .circle.circle-3::after {
    background-color: #D5B527;
}

.form-loader .loader-msg {
    width: 100%;
    margin-top: 40px;
    text-align: center;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 50px;
    letter-spacing: .3px;
    line-height: 22px;
}

.see-more > .button {
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
}

.see-more > .button button {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 15px;
    min-width: unset;
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 875px) {
    .form-btns {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 801px) {
    .see-more > .button {
        justify-content: center;
        padding-top: 20px;
        padding-right: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }
    .see-more > .button button {
        padding: 8px 23px;
        border-radius: 20px;
    }
}

@media screen and (max-width: 767px) {
    .box-wrap {
        margin-top: 25px;
        padding: 12px 15px;
        overflow-x: scroll;
    }
    .tb-style01 {
        min-width: 600px;
    }
    .tb-style01 th,
    .tb-style01 td {
        font-size: 120%;
    }
    .form .col-5 .field,
    .form .col-4 .field,
    .form .col-3 .field,
    .form .col-3 .field.col-2 {
        width: 49%;
        max-width: none;
        margin-right: 2%;
    }
    .form .col-3 .field:not(:last-of-type):nth-child(even) {
        margin-bottom: 24px;
    }
    .form .col-5 .field:nth-child(even),
    .form .col-4 .field:nth-child(even),
    .form .col-3 .field:nth-child(even) {
        margin-right: 0;
    }
    .form .col-3 .field:nth-child(3n):nth-child(odd) {
        margin-right: 2%;
    }
    .form .col-3 .field:last-child:nth-child(odd) {
        width: 100%;
    }
    .form-btns {
        text-align: center;
    }
}

@media screen and (max-width: 686px) {
    .form-btns.style-4 {
        flex-wrap: wrap;
    }
    .form-btns.style-4 button {
        width: 48%;
        margin-right: 3%;
        margin-left: 0;
    }
    .form-btns.style-4 button:nth-of-type(even) {
        margin-right: 0;
    }
    .form-btns.style-4 button:nth-of-type(3),
    .form-btns.style-4 button:nth-of-type(4) {
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .form-btns .btn {
        min-width: 120px;
        padding: 11px 11px;
        font-size: 17px;
    }
}

@media screen and (max-width: 490px) {
    .form {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .form .col-case {
        margin-bottom: 5%;
    }
    .form .col-2 .field,
    .form .col-4 .field,
    .form .col-5 .field,
    .form .col-3 .field,
    .form .col-3 .field.col-2 {
        width: 100%;
        max-width: none;
        margin: 0 0 5% !important;
    }
    .form .col-case .field:last-of-type {
        margin-bottom: 0 !important;
    }
    mat-radio-group {
        margin-bottom: 15px;
    }
    .mat-radio-button:not(:first-of-type) {
        margin-top: 17px;
    }
    .form .field label.rdo-label {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 476px) {
    .form-btns {
        flex-wrap: wrap;
        margin: 30px 0;
    }
    .form-btns button {
        width: 100%;
        margin-top: 13px !important;
        margin-left: 0 !important;
        padding: 13px 11px !important;
    }
    .form-btns.style-1 button {
        width: 100% !important;
    }
    .form-btns button:nth-of-type(1),
    .form-btns button:nth-of-type(2) {
        width: 48%;
        margin-right: 4% !important;
        margin-top: 0 !important;
    }
    .form-btns button:nth-of-type(2),
    .form-btns button:last-of-type {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 426px) {
    .form .title {
        font-size: 22px;
    }
    .see-more > .button {
        padding-top: 15px;
    }
    .see-more > .button button {
        padding: 7px 18px;
    }
}

@media screen and (max-width: 351px) {
    .form .title {
        font-size: 20px;
    }
}

/* FLEX TABLE */

.flex-table{
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

.flex-table .td{
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

.flex-table .th{
    font-weight: normal;
    vertical-align: middle;
    padding: 0 5px 6px 0;
}

@media screen and (max-width: 767px){
    .flex-table .th, .flex-table .td {
        font-size: 120%;
    }

}

.product-details .quote-policy-details {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.product-details .quote-policy-details .detail {
    margin-right: 3%;
    width: 31.33%;
    margin-top: 25px;
}

.product-details .quote-policy-details .detail:nth-of-type(3n) {
    margin-right: 0;
}

.product-details .quote-policy-details .detail:nth-of-type(1),
.product-details .quote-policy-details .detail:nth-of-type(2),
.product-details .quote-policy-details .detail:nth-of-type(3) {
    margin-top: 0;
}

.product-details .quote-policy-details .detail:nth-of-type(6) .value {
    color: #b11116;
}

.product-details .summary .box-1 .detail .label {
    margin-top: 25px;
}

.product-details .summary .box-1 .detail .label:first-of-type {
    margin-top: 0;
}

.product-details .quote-policy-details .detail .value,
.product-details .summary .box-1 .detail .value,
.product-details .summary .box-2 .detail .value {
    margin-top: 7px;
    font-weight: 600;
}

.product-details .quote-policy-details .detail .value,
.product-details .summary .box-1 .detail .value {
    color: #000;
}

.product-details .summary .box-2 .detail div {
    color: #fff;
}

.product-details .form-note {
    margin: 50px 0 35px;
}

.product-details .quote-policy-summary {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 35px 0;
    margin-bottom: 30px;
}

.product-details .summary {
    margin-top: 40px;
}

.product-details .summary:first-of-type {
    margin-top: 0;
}

.product-details .summary h2,
.product-details form .form-title h2 {
    font-family: "Arial", "Calibri", sans-serif;
    font-size: 24px;
    letter-spacing: .04em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.product-details .summary .box-1,
.product-details .summary .box-2 {
    padding: 25px 3%;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
    border-radius: 5px;
}

.product-details .summary .box-1 {
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    color: #000;
    background-color: #fff;
}

.product-details .summary .box-2 {
    font-family: "Arial", "Calibri", sans-serif;
    color: #fff;
    background-color: #1b1464;
    margin-bottom: 15px;
}

.product-details .summary.premium-charges div:last-of-type {
    margin-bottom: 0;
}

.product-details .summary .box-holder {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 25px;
}

.product-details .summary .box-holder:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.product-details .summary .box-1 .box-holder.style-2 .detail {
    margin-right: 2.5%;
    width: 48.7%;
}

.product-details .summary .box-1 .box-holder.style-3 .detail {
    margin-right: 2%;
    width: 32%;
}

.product-details .summary .box-1 .box-holder.style-4 .detail,
.product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail,
.product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail {
    margin-right: 2%;
    width: 23.5%;
}

.product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail:first-of-type,
.product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:last-of-type {
    width: 49%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-2 .detail {
    width: 25%;
}

.product-details .summary.premium-charges .box-2 .box-holder > .detail {
    margin-right: 2%;
    width: 13%;
}

.product-details .summary.premium-charges .box-2 .box-holder > .details {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 2%;
    padding: 0 2%;
    box-sizing: border-box;
    border-left: 1px solid #ffffff54;
    border-right: 1px solid #ffffff54;
}

.product-details .summary.premium-charges .box-2 .box-holder > .details .detail {
    width: 30.66%;
    margin-top: 25px;
    margin-right: 4%;
}

.product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(1),
.product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(2),
.product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(3) {
    margin-top: 0;
}

.product-details .summary .box-1 .box-holder.style-2 .detail:last-of-type,
.product-details .summary .box-1 .box-holder.style-3 .detail:last-of-type,
.product-details .summary .box-1 .box-holder.style-4 .detail:last-of-type,
.product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail:last-of-type,
.product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:last-of-type,
.product-details .summary.premium-charges .box-2 .box-holder > .detail:last-of-type,
.product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(3n) {
    margin-right: 0;
}

.product-details .summary.premium-charges .detail.total-amt div {
    color: #d5b527;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail,
.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail {
    margin-right: 2%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail:last-of-type,
.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:last-of-type {
    margin-right: 0;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-3 .detail,
.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail,
.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail {
    margin-right: 0;
}

/* PREMIUM CHARGES STYLE-3 COLUMN WIDTH - START */

.product-details .summary.premium-charges .box-1 .box-holder.style-3 .detail:nth-of-type(1) {
    width: 36%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-3 .detail:nth-of-type(2) {
    width: 32%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-3 .detail:nth-of-type(3) {
    width: 32%;
}

/* PREMIUM CHARGES STYLE-3 COLUMN WIDTH - END */

/* PREMIUM CHARGES STYLE-4 COLUMN WIDTH - START */

.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail:nth-of-type(1) {
    width: 24%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail:nth-of-type(2) {
    width: 27%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail:nth-of-type(3) {
    width: 26%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-4 .detail:nth-of-type(4) {
    width: 17%;
}

/* PREMIUM CHARGES STYLE-4 COLUMN WIDTH - END */

/* PREMIUM CHARGES STYLE-5 COLUMN WIDTH - START */

.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(1) {
    width: 21%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(2) {
    width: 14%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(3) {
    width: 24%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(4) {
    width: 22%;
}

.product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(5) {
    width: 11%;
}

/* PREMIUM CHARGES STYLE-5 COLUMN WIDTH - END */

.product-details form .form-title {
    display: flex;
    justify-content: space-between;
}

.product-details form .form-title h2 {
    margin-bottom: 30px;
}

.product-details form .form-title .form-title-button button {
    cursor: pointer;
    font-size: 18px;
    border: none;
    color: #b11116;
    font-weight: bold;
    margin-top: 3px;
    background-color: unset;
}

.product-details .form-fields form .form.terms .col-case {
    margin-bottom: 15px;
    font-family: "Arial", "Calibri", sans-serif;
    font-weight: 600;
    display: flex;
}

.product-details .form-fields form .form.terms .col-case:last-of-type {
    margin-bottom: 0;
}

.product-details .form-fields form .form.terms .col-case mat-checkbox {
    font-family: "Arial", "Calibri", sans-serif;
    font-weight: 600;
}

.product-details .form-fields form .form.terms .col-case mat-checkbox a {
    font-weight: bold;
    cursor: pointer;
    color: #1B1464;
    text-decoration: underline;
}

.product-details .form-fields form .form.terms .col-case a {
    font-weight: bold;
    cursor: pointer;
    color: #1B1464;
    text-decoration: underline;
}

.product-details .form-fields form .form.terms .col-case .terms-text {
    line-height: 24px;
}

@media screen and (max-width: 966px) {
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(1) {
        width: 32%;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(2) {
        width: 25%;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(3) {
        width: 35%;
        margin-right: 0;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(4) {
        width: 32%;
        margin-top: 25px;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(5) {
        width: 25%;
        margin-top: 25px;
    }
}

@media screen and (max-width: 911px) {
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail {
        width: 46%;
        margin-top: 25px !important;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(1),
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(2) {
        margin-top: 0 !important;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(odd) {
        margin-right: 4%;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(even) {
        margin-right: 0;
    }
}

@media screen and (max-width: 831px) {
    .product-details .summary .box-1 .box-holder.style-4 .detail,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail {
        width: 48% !important;
        margin-top: 25px;
        margin-right: 4% !important;
    }
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail {
        width: 48% !important;
        margin-top: 25px;
        margin-right: 4% !important;
    }
    .product-details .summary .box-1 .box-holder.style-4 .detail:nth-of-type(1),
    .product-details .summary .box-1 .box-holder.style-4 .detail:nth-of-type(2),
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:nth-of-type(1),
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:nth-of-type(2) {
        margin-top: 0;
    }
    .product-details .summary .box-1 .box-holder.style-4 .detail:nth-of-type(even),
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail:last-of-type,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:nth-of-type(2),
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:last-of-type {
        margin-right: 0 !important;
    }
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail:first-of-type {
        width: 100% !important;
        margin: 0 !important;
    }
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:last-of-type {
        width: 100% !important;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(1),
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(4) {
        width: 37%;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(2),
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(5) {
        width: 27%;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(3) {
        width: 32%;
    }
    .product-details .summary .box-1 .box-holder.style-2 .detail {
        margin-right: 4%;
        width: 48%;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-2 .detail {
        width: 31%;
    }
}

@media screen and (max-width: 801px) {
    .product-details .summary .box-holder {
        padding-bottom: 0;
        border-bottom: unset;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .detail {
        width: 16%;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details {
        width: 64%;
    }
}

@media screen and (max-width: 731px) {
    .product-details .summary .box-1 .box-holder.style-3 .detail {
        margin-right: 4%;
        width: 48%;
    }
    .product-details .summary .box-1 .box-holder.style-3 .detail:nth-of-type(2) {
        margin-right: 0;
    }
    .product-details .summary .box-1 .box-holder.style-3 .detail:last-of-type {
        width: 100%;
        margin-top: 25px;
    }
    .product-details .summary .box-1 .box-holder.style-3 .detail:first-of-type {
        margin-top: 0;
    }
}

@media screen and (max-width: 711px) {
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail {
        width: 48% !important;
        margin-right: 4% !important;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(odd) {
        margin-top: 25px !important;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:first-of-type {
        margin-top: 0 !important;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:nth-of-type(even) {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 701px) {
    .product-details .summary.premium-charges .box-1 .box-holder.style-3 .detail {
        width: 100% !important;
        margin-top: 20px;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-3 .detail:first-of-type {
        margin-top: 0;
    }
}

@media screen and (max-width: 660px) {
    .product-details .quote-policy-details {
        margin-bottom: 10px;
    }
    .product-details .quote-policy-details .detail {
        margin: 0 4% 25px 0 !important;
        width: 48%;
    }
    .product-details .quote-policy-details .detail:nth-of-type(even) {
        margin-right: 0 !important;
    }
    .product-details .form-note {
        margin: 15px 0 35px;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .detail {
        width: 19%;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details {
        display: block;
        width: 58%;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail {
        width: 100%;
        padding-right: 0 !important;
        display: flex;
        justify-content: space-between;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail,
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail:nth-of-type(2) {
        margin-top: 10px !important;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail:first-of-type,
    .product-details .summary.premium-charges .box-2 .box-holder > .details .detail .value {
        margin-top: 0 !important;
    }
    .product-details .summary .box-1 .box-holder.style-2 .detail,
    .product-details .summary.premium-charges .box-1 .box-holder.style-2 .detail {
        width: 48%;
    }
}

@media screen and (max-width: 561px) {
    .product-details .summary .box-2 {
        padding: 4% 4%;
    }
    .product-details .summary.premium-charges .box-2 > div {
        flex-direction: column;
    }
    .product-details .summary.premium-charges .box-2 > div > div {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 0 15px !important;
    }
    .product-details .summary.premium-charges .box-2 > div > div:last-of-type {
        margin-bottom: 0 !important;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .detail {
        display: flex;
        justify-content: space-between;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .detail .value {
        margin-top: 0;
    }
    .product-details .summary.premium-charges .box-2 .box-holder > .details {
        border-left: unset;
        border-right: unset;
        border-top: 1px solid #ffffff54;
        border-bottom: 1px solid #ffffff54;
        padding: 15px 0;
    }
    .product-details form .form-title {
        display: block;
    }
    .product-details form .form-title h2,
    .product-details form .form-title .form-title-button button {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .product-details form .form-title .form-title-button {
        display: flex;
        justify-content: center;
    }
    .product-details form .form-title .form-title-button button {
        width: 60%;
        background-color: #b11116;
        color: #fff;
        border-radius: 5px;
        height: 40px;
    }
}

@media screen and (max-width: 480px) {
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail {
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 20px !important;
    }
    .product-details .summary.premium-charges .box-1 .box-holder.style-5 .detail:first-of-type {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 426px) {
    .product-details .quote-policy-details .detail,
    .product-details .summary .box-1 .detail {
        width: 100%;
        margin: 0 0 10px !important;
        display: flex;
        justify-content: space-between;
    }
    .product-details .quote-policy-details .detail .label,
    .product-details .summary .box-1 .detail .label {
        min-width: 147px;
        max-width: 147px;
        margin-right: 20px;
    }
    .product-details .summary .box-1 .box-holder.style-4 .detail,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail {
        margin-right: 0 !important;
    }
    .product-details .quote-policy-details .detail .value,
    .product-details .summary .box-1 .detail .value,
    .product-details .summary .box-2 .detail .value {
        margin-top: 0;
        text-align: right;
    }
    .product-details .left-aligned .detail .value {
        text-align: left !important;
        width: 100%;
    }
    .product-details .summary h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .product-details form .form-title h2 {
        font-size: 22px;
    }
    .product-details .summary .box-1 .box-holder.style-2 > .detail,
    .product-details .summary .box-1 .box-holder.style-3 > .detail,
    .product-details .summary .box-1 .box-holder.style-4 > .detail,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail:first-of-type,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail {
        width: 100% !important;
    }
    .product-details .summary .box-holder {
        margin-bottom: 10px;
    }
    .product-details .summary .box-1 .box-holder.style-2 > .detail:last-of-type,
    .product-details .summary .box-1 .box-holder.style-3 > .detail:last-of-type,
    .product-details .summary .box-1 .box-holder.style-4 > .detail:last-of-type,
    .product-details .summary.vehicle-information .box-holder:last-of-type,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-1 .detail:last-of-type,
    .product-details .summary.vehicle-information .box-1 .box-holder.custom-style-2 .detail:last-of-type {
        margin-bottom: 0 !important;
    }
    .product-details .summary .box-1,
    .product-details .summary .box-2 {
        padding: 15px 3%;
    }
    .product-details .summary {
        margin-top: 30px;
    }
}

@media screen and (max-width: 376px) {
    .product-details .summary .box-1 {
        padding: 20px 3%;
    }
    .product-details .summary h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .product-details form .form-title h2 {
        font-size: 20px;
    }
    .product-details .quote-policy-details .detail .label,
    .product-details .summary .box-1 .detail .label {
        min-width: 132px;
        max-width: 132px;
    }
}

@media screen and (max-width: 336px) {
    .product-details .summary h2,
    .product-details form .form-title h2 {
        font-size: 19px;
    }
}

.custom-table {
    font-family: "Arial", "Calibri", sans-serif;
}

.custom-table > ul > li:nth-of-type(odd) {
    background-color: #fff;
}

.custom-table > ul > li:nth-of-type(even) {
    background-color: #f8f8f8;
}

.custom-table > ul > li.header p,
.custom-table > ul > li.footer p {
    text-transform: uppercase;
    font-weight: bold;
}

.custom-table > ul > li.header p {
    cursor: pointer;
    position: relative;
}

.custom-table > ul > li.header p::after,
.custom-table > ul > li.header p.sort.asc::after,
.custom-table > ul > li.header p.sort.desc::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    margin-left: 3px;
}

.custom-table > ul > li.header p::after {
    background-image: url('icon-table-sort.png');
    background-size: 18px;
    background-position: center;
}

.custom-table > ul > li.header p.sort.asc::after {
    background-image: url('icon-table-sort-asc.png');
    background-size: 9px;
    background-position: top;
    margin-top: 1px;
}

.custom-table > ul > li.header p.sort.desc::after {
    background-image: url('icon-table-sort-desc.png');
    background-size: 9px;
    background-position: bottom;
    height: 16px;
}

.custom-table > ul > li {
    display: flex;
    padding: 0 26px 0 16px;
}

.custom-table > ul > li > p.ralign,
.custom-table > ul > li > div > p.ralign {
    text-align: right;
}

.custom-table > ul > li > p,
.custom-table > ul > li > div {
    margin-right: 3%;
    padding: 12px 0;
}

.custom-table > ul > li > p:last-of-type,
.custom-table > ul > li > div:last-of-type {
    margin-right: 0;
}

/* CUSTOM-TABLE-2 */

.custom-table-2 {
    position: relative;
    font-family: "Arial", "Calibri", sans-serif;
}

.custom-table-2::before {
    content: 'Scroll to View More >';
    display: none;
    text-align: right;
    padding-bottom: 20px;
    padding-right: 8px;
    margin-bottom: 10px;
    border-bottom: 2px solid #1b1464;
    font-weight: bold;
    color: #1b1464;
    font-size: 17px;
}

.custom-table-2 > ul {
    overflow-x: auto;
}

.custom-table-2 > ul > li:nth-of-type(odd) {
    background-color: #fff;
}

.custom-table-2 > ul > li:nth-of-type(even) {
    background-color: #f8f8f8;
}

.custom-table-2.background-2 > ul > li:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.custom-table-2.background-2 > ul > li:nth-of-type(even) {
    background-color: #fff;
}

.custom-table-2 > ul > li.header > div > p,
.custom-table-2 > ul > li.footer > div > p {
    text-transform: uppercase;
    font-weight: bold;
}

.custom-table-2:not(.no-sort) > ul > li.header > div > p {
    cursor: pointer;
    position: relative;
}

.custom-table-2:not(.no-sort) > ul > li.header > div > p::after,
.custom-table-2:not(.no-sort) > ul > li.header > div > p.sort.asc::after,
.custom-table-2:not(.no-sort) > ul > li.header > div > p.sort.desc::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    margin-left: 3px;
}

.custom-table-2:not(.no-sort) > ul > li.header > div > p::after {
    background-image: url('icon-table-sort.png');
    background-size: 18px;
    background-position: center;
}

.custom-table-2:not(.no-sort) > ul > li.header > div > p.sort.asc::after {
    background-image: url('icon-table-sort-asc.png');
    background-size: 9px;
    background-position: top;
    margin-top: 1px;
}

.custom-table-2:not(.no-sort) > ul > li.header > div > p.sort.desc::after {
    background-image: url('icon-table-sort-desc.png');
    background-size: 9px;
    background-position: bottom;
    height: 16px;
}

.custom-table-2 > ul > li {
    padding: 12px 16px;
}

.custom-table-2:not(.no-sort) > ul > li {
    padding: 12px 26px 12px 16px;
}

.custom-table-2 > ul > li > div {
    display: flex;
}

.custom-table-2 > ul > li > div > p {
    margin-right: 3%;
    display: flex;
    align-items: center;
}

.custom-table-2 > ul > li > div > p:last-of-type {
    margin-right: 0;
}

.custom-table-2 > ul > li > div > p.ralign {
    display: block;
    text-align: right;
}

.custom-table-2 > ul > li > div > p > .mat-icon {
    margin-left: 5px;
}

.custom-table-2 > ul > li > div.category > p {
    min-width: 100% !important;
    font-weight: bold;
}

.custom-table-2 > ul > li > div.sub-category > p:first-of-type {
    box-sizing: border-box;
    padding-left: 20px;
}

.spinner {
    width: 70px;
    height: 70px;
    position: relative;
}

.spinner div {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 7px solid transparent;
    border-radius: 50%;
    animation: spin 1.3s linear infinite;
}

.spinner div:nth-of-type(1) {
    border-top-color: #1b1464;
}

.spinner div:nth-of-type(2) {
    border-bottom-color: #1b1464;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* COMMON */

#app-message {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 3;
}

#app-message .container,
#app-message .message-type .icon {
    position: relative
}

#app-message .message-container {
    position: absolute;
    top: -40px;
    right: 0;
    opacity: 0;
    background-color: #fff;
    min-width: 250px;
    max-width: 350px;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
    transition: all ease .3s;
}

#app-message.show .message-container {
    top: 0;
    opacity: 1;
}

#app-message p {
    padding: 10px 10px 10px 55px;
    box-sizing: border-box;
    line-height: 22px;
    cursor: default;
}

#app-message .message-type {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 45px;
    display: flex;
    align-items: center;
}

#app-message .message-type.success {
    background-color: #219653;
}

#app-message .message-type.error {
    background-color: #b11116;
}

#app-message .message-type.info {
    background-color: #4a4a4a;
}

#app-message .message-type .icon::before,
#app-message .message-type .icon::after {
    content: '';
    position: absolute;
    border-radius: 3px;
    background-color: #fff;
}

/* SUCCESS ICON */

#app-message .message-type.success .icon::before {
    top: 1px;
    left: 12px;
    width: 9px;
    height: 2px;
    transform: translateY(0) rotate(45deg);
}

#app-message .message-type.success .icon::after {
    top: -2px;
    left: 16px;
    width: 19px;
    height: 2px;
    transform: translateY(0) rotate(-45deg);
}

/* ERROR ICON */

#app-message .message-type.error .icon::before {
    top: -1px;
    left: 12px;
    width: 20px;
    height: 2px;
    transform: translateY(0) rotate(45deg);
}

#app-message .message-type.error .icon::after {
    top: -1px;
    left: 12px;
    width: 20px;
    height: 2px;
    transform: translateY(0) rotate(-45deg);
}

/* INFO ICON */

#app-message .message-type.info .icon::before {
    top: -9px;
    left: 21px;
    width: 4px;
    height: 3px;
}

#app-message .message-type.info .icon::after {
    top: 2px;
    left: 17.5px;
    width: 11px;
    height: 3px;
    transform: translateY(0) rotate(90deg);
}

#lov-container .mat-table .mat-header-row,
#lov-container .mat-table .mat-row {
    min-height: 30px;
}

#lov-container .mat-table .mat-cell {
    font-size: 14px;
}

#lov-container .mat-table {
    width: 100%;
}

#lov-container .mat-row:nth-child(odd) {
    background-color: whitesmoke;
}

#lov-container {
    background-color: #f8f8f8;
    min-width: 30vw;
}

#lov-container .mat-form-field-wrapper {
    padding-bottom: 1px;
}

#lov-container .mat-table .mat-header-row .mat-header-cell {
    font-weight: 700;
    color: black;
}

#lov-container .mat-table .mat-row {
    cursor: pointer;
}

#lov-container .table-container {
    padding: 5px 0px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

#lov-container .mat-paginator-range-actions {
    width: 100%;
    place-content: flex-end;
}

#lov-container .mat-paginator-range-actions .mat-paginator-range-label {
    margin-left: 0px;
    flex: auto;
}

#lov-container .mat-table .selected {
    background-color: #8f2a2a;
}

#lov-container .mat-table .selected .mat-cell {
    color: white;
}

#loadingLov {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff73;
    z-index: 999999;
}

#message-box > #overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .5);
}

#message-box > #content {
    background-color: #f8f8f8;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    max-width: 500px;
    width: 93%;
}

#message-box > #content > h2 {
    background-color: #b11116;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 10px;
    margin-bottom: 15px;
}

#message-box > #content > .message {
    padding: 0 10px;
    line-height: 20px;
}

#message-box > #content > .btns {
    padding: 25px 15px 15px;
    text-align: right;
}

#message-box > #content > .btns button {
    min-width: 100px;
    padding: 7px;
    font-weight: normal;
    font-size: 17px;
    margin-right: 12px;
}

#message-box > #content > .btns button:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 426px) {
    #message-box > #content > .btns {
        display: flex;
        flex-direction: column;
    }
    #message-box > #content > .btns button {
        margin-right: 0;
        margin-bottom: 10px;
    }
    #message-box > #content > .btns button:last-of-type {
        margin-bottom: 0;
    }
}

#email-list-input .email-close {
    display: inline-block !important;
    vertical-align: sub;
}

#email-list-input .cc-list {
    padding: 2px;
    border: 1px solid;
    border-radius: 10px;
    margin-right: 3px;
    display: inline-flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    align-items: flex-end;
}

#email-list-input .error-email {
    border-color: red;
    background-color: red;
    color: white;
}

#email-list-input .cc-list .mat-icon {
    width: unset !important;
}

.ng-invalid>#email-list-input .mat-form-field-flex {
    border: 2px solid #8f2a2a;
}

#email-list-input .mat-form-field-infix input {
    display: inline-flex;
    width: unset;
    min-width: unset;
}

#use-of-cookies {
    position: fixed;
    bottom: 0;
    background-color: rgba(28,28,28,.8);
    z-index: 998;
    transition: bottom ease 1.2s;
    padding: 24px 0;
    min-width: 320px;
}

#use-of-cookies.hide {
    bottom: -1000px;
}

#use-of-cookies .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#use-of-cookies .container > pre {
    line-height: 1.5;
    color: #fff;
    white-space: pre-wrap;
    text-align: justify;
}

#use-of-cookies .container > .buttons {
    display: flex;
    margin-left: 45px;
}

#use-of-cookies .container > .buttons a {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    margin-left: 12px;
    min-width: 150px;
    height: 48px;
}

#use-of-cookies .container > .buttons a:first-of-type {
    margin-left: 0;
    min-width: 130px;
}

#use-of-cookies .btn {
    padding: 13px 16px;
}

#use-of-cookies .btn:not(.btn2) {
    border: 1px solid transparent;
    background-color: unset;
    color: #fff;
    font-weight: unset;
}

@media screen and (max-width: 1023px) {
    #use-of-cookies .container > .buttons {
        flex-direction: column-reverse;
    }
    #use-of-cookies .container > .buttons a {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    #use-of-cookies {
        padding-bottom: 15px;
    }
    #use-of-cookies .container {
        display: block;
    }
    #use-of-cookies .container > pre {
        margin-bottom: 24px;
    }
    #use-of-cookies .container > .buttons {
        margin-left: 0;
    }
}

#header {
    position: fixed;
    top: 0;
    z-index: 999;
    min-width: 320px;
}

#header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    position: relative;
}

#header .nav-logo {
    cursor: default;
    height: 100%;
    display: flex;
    align-items: center;
    transition: unset;
}

#header.style1 .nav-logo {
    width: 165px;
    margin-right: 7px;
}

#header.style2 .nav-logo {
    width: 155px;
    margin-right: 15px;
}

#header #chk-sp-menu-trigger,
#header #chk-sub-branches-trigger,
#header #chk-sub-user-trigger {
    display: none;
}

#header nav,
#header nav > div,
#header nav > div > ul,
#header nav > div > ul > li > a {
    display: flex;
    height: 100%;
}

#header nav > .nav-right > ul > li:not(.parent-menu) {
    display: flex;
    align-items: center;
}

#header nav {
    justify-content: space-between;
    width: 100%;
}

#header nav li:focus {
    outline: none;
}

#header nav > div > ul > li:last-child {
    margin-right: 0;
}

#header nav > div > ul > li > a {
    height: 100%;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    padding: 0 17px;
}

#header nav > div > ul > li.parent-menu {
    position: relative;
    -webkit-user-select: none;
            user-select: none;
}

#header nav > div > ul > li.parent-menu > a {
    padding-right: 30px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 11px;
}

#header nav > div > ul > li.parent-menu > ul.sub-menu {
    position: absolute;
    min-width: 160px;
    z-index: 1001;
    background-color: #b11116;
    display: none;
}

#header nav > div > ul > li.parent-menu > ul.sub-menu.user-menu {
    right: 0;
}

#header nav > div > ul > li.parent-menu:hover > ul.sub-menu {
    display: block;
}

#header nav > div > ul > li.parent-menu > ul.sub-menu > li {
    position: relative;
    padding: 15px 10px;
    cursor: pointer;
}

#header nav > div > ul > li.parent-menu > ul.sub-menu > li::after {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: -1px;
}

#header nav > div > ul > li.parent-menu > ul.sub-menu > li:last-child:after {
    border-bottom: none !important;
}

#header nav .nav-right .btn-reg {
    height: 36px;
    border-radius: 5px;
}

#header nav .nav-right .btn-login {
    height: 36px;
    min-width: 80px;
    padding-left: 18px;
}

#header nav > div.nav-right > ul > li {
    margin-right: 15px;
}

#header nav > div.nav-right > ul > li:last-child {
    margin-right: 0;
}

#header.style1 {
    background-color: #b11116;
    color: #fff;
}

#header.style1 nav > div > ul > li > a {
    color: #fff;
}

#header.style1 nav > div.nav-left > ul > li > a:hover {
    background-color: #8b0f13;
}

#header.style1 nav > div > ul > li.parent-menu > ul.sub-menu {
    background-color: #b11116;
}

#header.style1 nav > div > ul > li.parent-menu > ul.sub-menu > li::after {
    border-bottom: 2px solid #8b0f13;
}

#header.style1 nav > div > ul > li.parent-menu > ul.sub-menu > li:hover {
    background-color: #8b0f13;
}

#header.style1 nav > div > ul > li.parent-menu > ul.sub-menu > li > a {
    color: #fff;
}

#header.style1 nav .nav-right .btn-reg:hover {
    background-color: #8b0f13;
}

#header.style1 nav .nav-right .btn-login {
    color: #b11116;
}

#header.style1 nav > div > ul > li.parent-menu > a {
    background-image: url('icon-arrow-down-white.png');
}

#header.style2 {
    background-color: #fff;
    color: #b11116;
}

#header.style2 nav > div > ul > li > a {
    color: #b11116;
}

#header.style2 nav > div.nav-left > ul > li > a:hover {
    background-color: #f0f0f0;
}

#header.style2 nav > div > ul > li.parent-menu > ul.sub-menu {
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
}

#header.style2 nav > div > ul > li.parent-menu > ul.sub-menu > li::after {
    border-bottom: 2px solid #f0f0f0;
}

#header.style2 nav > div > ul > li.parent-menu > ul.sub-menu > li:hover {
    background-color: #f0f0f0;
}

#header.style2 nav > div > ul > li.parent-menu > ul.sub-menu > li > a {
    color: #b11116;
}

#header.style2 nav .nav-right .btn-reg:hover {
    background-color: #f0f0f0;
}

#header.style2 nav .nav-right .btn-login {
    color: #fff;
    background-color: #b11114;
    border: 1px solid #b11114;
}

#header.style2 nav .nav-right .btn-login:hover {
    background-color: #6c0d0f;
    border: 1px solid #6c0d0f;
}

#header.style2 nav > div > ul > li.parent-menu > a {
    background-image: url('icon-arrow-down-red.png');
}

#header nav > .nav-mobile {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    z-index: 999;
    min-width: 320px;
    opacity: 0;
    display: block;
    box-sizing: border-box;
    padding-top: 60px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all ease .3s;
}

#header .sp-menu-container {
    display: none;
}

@media screen and (max-width: 951px) {
    #header.style1 .nav-logo {
        width: 130px;
    }
    #header.style2 .nav-logo {
        width: 118px;
    }
    #header nav {
        width: unset;
    }
    #header .sp-menu-container {
        height: 100%;
        display: flex;
        align-items: center;
        position: absolute;
        right: 0;
    }
    #header .sp-menu-container .btn-login {
        min-width: 110px;
        padding: 10px 11px;
        margin-right: 15px;
    }
    #header.style2 .sp-menu-container .btn-login {
        background-color: #1B1464;
        color: #FFF;
        border-color: #1B1464;
        transition: background-color ease .3s, color ease .3s, border-color ease .3s;
    }
    #header.style2 .sp-menu-container .btn-login:hover {
        background-color: #110d36;
	    border-color: #110d36;
    }
    #header .sp-menu-container .user-menu {
        position: relative;
        height: 100%;
        margin-right: 5px;
        z-index: 999;
        -webkit-user-select: none;
                user-select: none;
    }
    #header .sp-menu-container .user-menu > a {
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 30px 0 15px;
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 11px;
        height: 100%;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    #header.style1 .sp-menu-container .user-menu > a {
        color: #fff;
        background-image: url('icon-arrow-down-white.png');
    }
    #header.style2 .sp-menu-container .user-menu > a {
        color: #1b1464;
        background-image: url('icon-arrow-down-blue.png');
    }
    #header .sp-menu-container .user-menu > ul {
        position: absolute;
        right: 0;
        box-shadow: 0px 1px 2px rgb(27 20 100 / 24%);
        min-width: 160px;
        display: none;
    }
    #header .sp-menu-container .user-menu:hover > ul.show {
        display: block;
    }
    #header.style1 .sp-menu-container .user-menu > ul {
        background-color: #b11116;
    }
    #header.style2 .sp-menu-container .user-menu > ul {
        background-color: #fff;
    }
    #header .sp-menu-container .user-menu > ul li {
        padding: 15px 10px;
        cursor: pointer;
    }
    #header.style1 .sp-menu-container .user-menu > ul li:hover {
        background-color: #8b0f13;
    }
    #header.style2 .sp-menu-container .user-menu > ul li:hover {
        background-color: #f0f0f0;
    }
    #header.style1 .sp-menu-container .user-menu > ul li a {
        color: #fff;
    }
    #header.style2 .sp-menu-container .user-menu > ul li a {
        color: #1b1464;
    }
    #header .sp-menu-container .sp-menu {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        z-index: 1000;
    }
    #header .sp-menu-container .sp-menu div {
        width: 75%;
        height: 3px;
        border-radius: 3px;
        position: relative;
    }
    #header .sp-menu-container .sp-menu div::before,
    #header .sp-menu-container .sp-menu div::after {
        content: '';
        position: absolute;
        width: 100%;
        height: inherit;
        border-radius: 3px;
        transition: transform ease .3s;
    }
    #header .sp-menu-container .sp-menu div::before {
        transform: translateY(-8px);
    }
    #header .sp-menu-container .sp-menu div::after {
        transform: translateY(8px);
    }
    #header.style1 .sp-menu-container .sp-menu div {
        background-color: #fff;
    }
    #header.style1 .sp-menu-container .sp-menu div::before,
    #header.style1 .sp-menu-container .sp-menu div::after {
        background-color: #fff;
    }
    #header.style1 nav > .nav-mobile {
        background-color: #58080b;
    }
    #header.style2 nav > .nav-mobile {
        background-color: #dbdbdb;
    }
    #header.style2 .sp-menu-container .sp-menu div,
    #header.style2 .sp-menu-container .sp-menu div::before,
    #header.style2 .sp-menu-container .sp-menu div::after {
        background-color: #1B1464;
    }
    #header.style2 nav > div > ul > li a {
        color: #1b1464 !important;
    }
    #header.style2 nav > div > ul > li.parent-menu > a {
        background-image: url('icon-arrow-down-blue.png');
    }
    #header #chk-sp-menu-trigger {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        z-index: 1001;
        cursor: pointer;
        opacity: 0;
    }
    #header #chk-sp-menu-trigger:checked ~ .sp-menu-container .sp-menu div {
        background-color: transparent;
    }
    #header #chk-sp-menu-trigger:checked ~ .sp-menu-container .sp-menu div::before {
        transform: translateY(0) rotate(-45deg);
    }
    #header #chk-sp-menu-trigger:checked ~ .sp-menu-container .sp-menu div::after {
        transform: translateY(0) rotate(45deg);
    }
    #header #chk-sp-menu-trigger:checked ~ nav > .nav-mobile {
        left: 0;
        opacity: 0.95;
    }
    #header nav > .nav-left,
    #header nav > .nav-right {
        display: none;
    }
    #header nav > .nav-mobile > ul,
    #header nav > .nav-mobile > ul > li > a {
        display: block;
        height: unset;
    }
    #header nav > .nav-mobile > ul > li > a {
        padding: 15px 25px;
    }
    #header nav > .nav-mobile > ul > li.parent-menu > a {
        background-position: right 38px center;
    }
    #header nav > .nav-mobile > ul > li.parent-menu > ul.sub-menu {
        position: relative;
    }
    #header nav > .nav-mobile > ul > li.parent-menu > ul.sub-menu > li {
        padding: 15px 40px;
    }
    #header #chk-sub-branches-trigger:checked ~ ul.sub-menu,
    #header #chk-sub-user-trigger:checked ~ ul.sub-menu {
        display: block;
    }
    #header #chk-sub-branches-trigger:not(:checked) ~ ul.sub-menu,
    #header #chk-sub-user-trigger:not(:checked) ~ ul.sub-menu {
        display: none;
    }
}

@media screen and (max-width: 426px) {
	#header.style2 .sp-menu-container .btn-login:hover {
		background-color: #1B1464;
		border-color: #1B1464;
	}
    #header .sp-menu-container .user-menu > ul {
        right: -45px;
        min-width: 190px;
    }
}

@media screen and (max-width: 380px) {
    #header .sp-menu-container .user-menu > a {
        font-size: 16px;
    }
    #header .sp-menu-container .user-menu > ul {
        min-width: 160px;
    }
}

@media screen and (max-width: 374px) {
    #header .sp-menu-container .btn-login {
        min-width: 85px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 350px) {
    #header .sp-menu-container .user-menu {
        margin-right: 0;
    }
    #header .sp-menu-container .user-menu > a {
        font-size: 15px;
    }
    #header .sp-menu-container .user-menu > ul {
        min-width: 128px;
    }
}

#footer {
    background: #f0f0f0;
    padding: 42.5px 0;
    min-width: 320px;
    font-family: Poppins;
}

#footer > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#footer > .container.block {
    padding: 30px;
    display: block;
    width: auto;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
}

#footer img {
    width: 144px;
    height: 45px;
}

#footer > .container > div {
    display: flex;
    font-size: 18px;
}

#footer > .container > div > a {
    margin-left: 48px;
    color: #000;
    cursor: pointer;
    transition: none;
}

#footer > .container > div > a:hover {
    color: #b11116;
    font-weight: bold;
    text-decoration: underline;
}

.sub-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 53px;
}

.sub-container > div > p {
    font-size: 16px;
    color: #000;
}

@media screen and (max-width: 640px) {
    #footer > .container > div > a {
        margin-left: 20px;
    }
}

@media screen and (max-width: 550px) {
    #footer {
        padding: 20px 0;
    }
    #footer > .container {
        display: block;
        text-align: center;
    }
    #footer img {
        width: 132px;
        height: 42px;
    }
    #footer > .container > div {
        display: block;
        margin-top: 25px;
    }
    #footer > .container > div > a {
        margin: 10px 0 0;
        display: block;
        font-size: 100%;
    }
    .sub-container {
        margin-top: 0px !important;
    }
    .sub-container > div > p{
        margin-top: 15px;
        text-align: center;
    }
}

@media screen and (max-width: 426px) {
    #footer > .container > div > a:hover {
        color: #000;
        font-weight: initial;
        text-decoration: none;
    }
}

#home .container {
    padding-top: 29px;
}

#home .bx-wrapper {
    border: unset;
    box-shadow: unset;
    margin-bottom: 50px;
    border-radius: 5px;
    background-color: #EEECE7;
}

#home .bx-wrapper .bx-viewport {
    height: 200px !important;
}

#home .bx-wrapper .bx-controls.bx-has-pager {
    position: relative;
    top: -45px;
}

#home .bx-wrapper img {
    float: right;
    width: 650px;
    height: 200px;
}

#home .bx-wrapper .banner-text {
    position: absolute;
    font-weight: 300;
    font-size: 34px;
    line-height: 48px;
    color: #1B1464;
    padding: 53px 0 53px 48px;
    z-index: 1;
}

#home .bx-wrapper .banner-text span {
    font-weight: 600;
}

#home .banner div::after {
    content: '';
    position: absolute;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #eeece7 100%);
    height: 100%;
    width: 340px;
    right: 310px;
}

#home .product-content {
    display: flex;
    min-height: 580px;
}

#home .choices {
    min-width: 248px;
    margin-right: 40px;
}

#home .choices > h2 {
    font-weight: 300;
    font-size: 34px;
    color: #4A4A4A;
}

#home .choices .purpose .title {
    margin: 26px 0 10px 0;
    font-weight: 300;
    font-size: 20px;
    color: #4A4A4A;
    text-transform: uppercase;
}

#home .choices .purpose .purpose-list {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    padding: 10px 0;
    margin-bottom: 34px;
}

#home .choices .purpose .purpose-list li {
    padding: 6px 15px;
    cursor: pointer;
    margin-bottom: 6px;
}

#home .choices .purpose .purpose-list li.selected a {
    color: #1B1464;
    font-weight: bold;
}

#home .choices .purpose .purpose-list li:last-of-type {
    margin-bottom: 0;
}

#home .choices .purpose .purpose-list li a {
    color: #888888;
    font-weight: 400;
    font-size: 18px;
}

#home .choices .products ul:not(.select-view) li {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
}

#home .choices .products ul:not(.select-view) li.selected::before,
#home .choices .products ul:not(.select-view) li:hover:not(.selected)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    border-radius: 3px;
    height: 100%;
    background: #B11116;
}

#home .choices .products ul:not(.select-view) li:hover:not(.selected)::before {
    background: #1B1464;
}

#home .choices .products ul:not(.select-view) li a {
    color: #888888;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

#home .choices .products ul:not(.select-view) li.selected a {
    color: #1B1464;
    background-position: right 17px center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url('icon-check-red.png');
    transition: none;
}

#home .choices .products ul:not(.select-view) li a img {
    width: 20px;
    height: 20px;
    margin: 0 13px 0 10px;
}

#home .choices .products ul:not(.select-view) li a img.hide {
    display: none;
}

#home .content {
    width: 100%;
}

#home .content .result {
    height: 48.67px;
    text-align: right;
    padding-top: 16px;
    box-sizing: border-box;
    margin-bottom: 26px;
}

#home .content .case-wrap .pack {
    background: #FFFFFF;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
}

#home .content .case-wrap .pack img {
    height: 100%;
    width: 240px;
    position: absolute;
    left: 0;
    top: 0;
}

#home .content .case-wrap .pack .item {
    width: 416px;
    padding: 18px 40px;
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
}

#home .content .case-wrap .pack .item .description {
    min-height: 110px;
    margin-bottom: 20px;
}

#home .content .case-wrap .pack .item .description .tit-case {
    font-weight: 600;
    font-size: 26px;
    line-height: 28px;
    color: #1B1464;
    margin-bottom: 15px;
}

#home .content .case-wrap .pack .item .description p {
    color: #4A4A4A;
    line-height: 20px;
    text-align: justify;
}

#home .content .case-wrap .pack .item .info-wrap {
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#home .content .case-wrap .pack .item .info-wrap.one {
    justify-content: right;
}

#home .content .case-wrap .pack .item .info-wrap .btn-avail {
    height: 44px;
    min-width: 120px;
    padding: 11px;
}

#home .content .case-wrap .pack .item .info-wrap .btn-link {
    font-weight: 600;
    color: #1B1464;
    letter-spacing: 1px;
    cursor: pointer;
}

#home .choices .products ul.select-view {
    background-color: #fff;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    border-radius: 3px;
    cursor: pointer;
    display: none;
}

#home .choices .products ul.select-view #selected-product.renpayt a span {
    color: #888;
}

#home .choices .products ul.select-view #selected-product {
    padding: 15px 45px 15px 10px;
    border-radius: 3px;
    position: relative;
}

#home .choices .products ul.select-view #selected-product a {
    display: flex;
    align-items: center;
}

#home .choices .products ul.select-view #selected-product a img {
    height: 20px;
    width: 20px;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#home .choices .products ul.select-view #selected-product a span {
    font-size: 19px;
}

#home .choices .products ul.select-view #selected-product::before {
    content: '';
    position: absolute;
    right: 17px;
    width: 15px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url('icon-arrow-down-red.png');
}

#home .choices .products ul.select-view #selected-product-2 {
    padding: 15px 45px 15px 10px;
    border-radius: 3px;
    position: relative;
}

#home .choices .products ul.select-view #selected-product-2 a {
    display: flex;
    align-items: center;
}

#home .choices .products ul.select-view #selected-product-2 a img {
    height: 20px;
    width: 20px;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#home .choices .products ul.select-view #selected-product-2 a span {
    font-size: 19px;
}

#home .choices .products ul.select-view #selected-product-2::before {
    content: '';
    position: absolute;
    right: 17px;
    width: 15px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    /* background-image: url(../../../assets/images/common/icon-arrow-down-red.png); */
}

#home .choices .products ul.select-view #selected-product-2.selected a span {
    color: #1B1464;
}

#home .choices .products ul.select-view .select-product-list {
    background-color: #f0f0f0;
}

#home .choices .products ul.select-view .select-product-list li {
    padding: 12px 0;
    border-top: 1px solid #d6d6d6;
    margin: 0 10px;
}

#home .choices .products ul.select-view .select-product-list li:first-of-type {
    border-top: unset;
}

#home .choices .products ul.select-view li a img {
    height: 20px;
    width: 20px;
    margin-right: 13px;
    margin-left: 5px;
}

#home .choices .products ul.select-view li a span {
    font-size: 18px;
    color: #888;
    font-weight: bold;
}

#home .choices .products ul.select-view #selected-product a span {
    color: #1B1464;
}

#home .choices .products .payt-renewal {
    margin-top: 34px;
}

@media screen and (max-width: 931px) {
    #home .content .case-wrap .pack .item {
        width: 356px;
        padding: 23px 26px;
    }
}

@media screen and (max-width: 871px) {
    #home .content .case-wrap .pack .item {
        width: 298px;
        padding: 18px 20px;
    }
    #home .content .case-wrap .pack .item .description .tit-case {
        font-size: 24px;
        margin-bottom: 13px;
    }
    #home .content .case-wrap .pack .item .info-wrap .btn-avail {
        height: 45px;
        min-width: 125px;
        font-size: 18px;
    }
    #home .content .case-wrap .pack .item .info-wrap .btn-link {
        font-size: 18px;
        letter-spacing: unset;
    }
}

@media screen and (max-width: 801px) {
    #home .choices {
        min-width: 240px;
        margin-right: 25px;
    }
    #home .choices > h2 {
        font-size: 35px;
    }
    #home .choices .products ul:not(.select-view) li a img {
        width: 18px;
        height: 18px;
        margin: 0 13px 0 13px;
    }
    #home .choices .purpose .title,
    #home .choices .purpose .purpose-list li a,
    #home .choices .products ul:not(.select-view) li a {
        font-size: 17px;
    }
    #home .content .result {
        height: 40px;
        padding-top: 20px;
        font-size: 17px;
    }
    #home .content .case-wrap .pack img {
        width: 230px;
    }
    #home .content .case-wrap .pack .item {
        width: 280px;
        padding: 14px 18px 18px;
    }
    #home .content .case-wrap .pack .item .description .tit-case {
        font-size: 23px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 769px) {
    /* DONE */
    #home .banner div::after {
        width: 490px;
        right: 160px;
    }
}

@media screen and (max-width: 701px) {
    #home .content .case-wrap .pack {
        overflow: hidden;
        min-height: 390px;
    }
    #home .content .case-wrap .pack img {
        width: 100%;
        position: relative;
        top: -20px;
    }
    #home .content .case-wrap .pack.COM img {
        top: -145px;
    }
    #home .content .case-wrap .pack .item {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    #home .bx-wrapper .bx-controls.bx-has-pager {
        top: -200px;
    }
    #home .banner div::after {
        background: linear-gradient(195deg, rgba(255, 255, 255, 0) 0%, #eeece7 100%);
        height: 200px;
        right: unset;
        width: 100%;
        bottom: 0;
    }
    #home .bx-wrapper .banner-text {
        font-size: 27px;
        padding: 120px 0 10px 20px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 590px) {
    #home .bx-wrapper {
        margin-bottom: 25px;
    }
    #home .product-content {
        display: block;
    }
    #home .choices {
        margin-right: 0;
    }
    #home .choices .purpose .purpose-list {
        margin-bottom: 10px;
    }
    #home .content .case-wrap .pack {
        min-height: unset;
        margin-bottom: 20px;
    }
    #home .content .case-wrap .pack img,
    #home .content .case-wrap .pack.COM img {
        position: absolute;
        top: 0;
        width: 220px;
    }
    #home .content .case-wrap .pack .item {
        position: relative;
        width: 313px;
    }
    #home .choices .purpose .title,
    #home .choices .purpose .purpose-list li a,
    #home .choices .products ul:not(.select-view) li a,
    #home .content .case-wrap .pack .item .description p {
        font-size: 18px;
        line-height: 22px;
    }
    #home .content .case-wrap .pack .item .description .tit-case {
        font-size: 25px;
    }
    #home .choices .products ul:not(.select-view) {
        display: none;
    }
    #home .choices .products ul.select-view {
        display: block;
    }
    #home .content .result {
        padding-top: 25px;
        margin-bottom: 32px;
        text-align: left;
    }
}

@media screen and (max-width: 550px) {
    #home .container {
        padding-top: 22px;
    }
    #home .bx-wrapper .bx-viewport,
    #home .banner div:after {
        height: 170px !important;
        top: 0;
    }
    #home .banner img {
        position: relative;
        top: -10px;
        height: 180px;
    }
    #home .bx-wrapper .bx-controls.bx-has-pager {
        top: -175px;
    }
    #home .banner .banner-text {
        font-size: 24px;
        padding: 105px 0 10px 20px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 426px) {
    #home .bx-wrapper .bx-viewport,
    #home .banner div:after {
        height: 150px !important;
    }
    #home .banner .banner-text {
        font-size: 22px;
        padding: 92px 0 8px 12px;
    }
    #home .bx-wrapper .bx-controls.bx-has-pager {
        top: -160px;
    }
    #home .choices > h2 {
        font-size: 28px;
    }
    #home .choices .purpose .title {
        margin: 17px 0 10px 0;
    }
    #home .choices .purpose .purpose-list {
        margin-bottom: 15px;
    }
    #home .content .case-wrap .pack {
        min-height: 390px;
    }
    #home .content .case-wrap .pack img,
    #home .content .case-wrap .pack.COM img {
        width: 100%;
        position: relative;
        top: -43px;
    }
    #home .content .case-wrap .pack.COM img {
        top: -120px;
    }
    #home .content .case-wrap .pack .item {
        position: absolute;
        width: 100%;
    }
    #home .choices .products ul:not(.select-view) li:hover:not(.selected)::before {
        background: none;
    }
}

@media screen and (max-width: 340px) {
    #home .banner .banner-text {
        font-size: 20px;
        padding: 98px 0 8px 10px;
    }
}

#contact-us {
    padding: 60px 0;
}

#contact-us .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#contact-us .container .case {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 650px;
    border-radius: 5px;
    padding: 30px 47px;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-top: none;
    min-height: 407px;
}

#contact-us .case h2 {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 28px;
    margin: 10px 0 25px;
    color: #1B1464;
}

#contact-us .form {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#contact-us .form .col-case {
    margin-bottom: 16px;
}

#contact-us .container .case .mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #F2F2F2;
}

#contact-us form .form-btns {
    margin-bottom: 0;
}

#contact-us .vehicle-label {
    margin-top: 30px !important;
    text-align: center;
}

#contact-us .invoice-box {
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
}

#contact-us .invoice-box p {
    margin-bottom: 6px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 19px;
    font-weight: bold;
}

#contact-us .invoice-box p:last-of-type {
    margin-bottom: 12px;
}

#contact-us .attach-preview:first-of-type {
    margin-top: 30px;
}

#contact-us .attach-preview.image {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

#contact-us .attach-preview .preview {
    position: relative;
}

#contact-us .attach-preview.image .preview img {
    width: 125px;
    height: 125px;
    margin: 5px;
    border-radius: 10px;
}

#contact-us .attach-preview .preview .delete {
    position: absolute;
    background-color: #fff;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    color: #b11116;
    border: 1px solid #b11116;
    transition: background-color ease .3s;
}

#contact-us .attach-preview.image .preview .delete {
    top: 10px;
}

#contact-us .attach-preview.pdf-name .preview .delete {
    top: 7px;
}

#contact-us .attach-preview .preview .delete:hover {
    background-color: #f0f0f0;
}

#contact-us .attach-preview.pdf-name {
    width: 100%;
}

#contact-us .attach-preview.pdf-name .preview {
    margin-top: 15px;
    background-color: #fff;
    padding: 12px 50px 12px 12px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgb(27 20 100 / 24%);
}

#contact-us .attach-preview.pdf-name .preview:first-of-type {
    margin-top: 20px;
}

#contact-us .attach-preview.pdf-name .preview .pdf-filename {
    font-size: 17px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
}

#contact-us .attach-caveat {
    margin-top: 1em;
    line-height: 19px;
    font-size: 14px;
}

#contact-us .attach-caveat > p {
    text-align: left;
}

#contact-us .form-fields .field-error {
    margin-top: 10px;
    color: #b11116;
    font-size: 16px;
}

#contact-us .support {
    margin-top: 30px;
    background: linear-gradient(270deg, #B11116 0%, #D5B527 100%);
    border-radius: unset !important;
    padding: 3px !important;
    min-height: unset !important;
}

#contact-us .support .support-container {
    background-color: #f2f2f2;
    display: flex;
    padding: 15px;
}

#contact-us .support .support-container .image {
    width: 370px;
    background-image: url('support.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#contact-us .support .support-container .info {
    padding-left: 30px;
}

#contact-us .support .support-container .info > h2 {
    margin: 5px 0;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}

#contact-us .support .support-container .info > p {
    line-height: 19px;
    font-size: 16px;
}

#contact-us .support .support-container .info .sub-info {
    margin-top: 15px;
}

#contact-us .support .support-container .info .sub-info > p:first-of-type {
    font-size: 16px;
}

#contact-us .support .support-container .info .sub-info > p:last-of-type {
    color: #1B1464;
    margin-top: 5px;
    font-size: 17px;
    font-weight: bold;
}

@media screen and (max-width: 874px) {
    #contact-us form .form-btns {
        display: block;
        text-align: right;
    }
}

@media screen and (max-width: 640px) {
    #contact-us form .form-btns .btn {
        min-width: 144px;
        padding: 13px 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 582px) {
    #contact-us .container .case {
        padding: 30px 25px;
    }
    #contact-us .support .support-container {
        flex-direction: column;
        padding: 20px;
        padding-bottom: 0;
    }
    #contact-us .support .support-container .image {
        width: 100%;
        height: 280px;
        background-position-y: -110px;
    }
    #contact-us .support .support-container .info {
        padding-top: 15px;
        padding-left: 0;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 550px) {
    #contact-us form .form-btns {
        text-align: center;
    }
}

@media screen and (max-width: 534px) {
    #contact-us .attach-preview.image .preview img {
        width: 95%;
        height: 200px;
        margin: 10px;
    }
    #contact-us .attach-preview.image .preview .delete {
        top: 20px;
        right: 20px;
    }
}

@media screen and (max-width: 476px) {
    #contact-us .invoice-box .btn {
        width: 48%;
    }
    #contact-us .support .support-container .image {
        height: 200px;
    }
}

@media screen and (max-width: 426px) {
    #contact-us .attach-preview.image .preview img {
        width: 100%;
        margin: 10px 0;
    }
    #contact-us .attach-preview.image .preview .delete {
        right: 10px;
    }
    #contact-us .attach-preview.pdf-name .preview .pdf-filename {
        font-size: 16px;
    }
    #contact-us .support .support-container .image {
        background-position-y: -70px;
    }
}

@media screen and (max-width: 398px) {
    #contact-us .invoice-box p {
        font-size: 18px;
    }
}

@media screen and (max-width: 380px) {
    #contact-us .invoice-box p {
        font-size: 17px;
    }
    #contact-us .support .support-container {
        padding: 10px;
    }
}

@media screen and (max-width: 360px) {
    #contact-us .invoice-box p {
        font-size: 16px;
    }
}

@media screen and (max-width: 345px) {
    #contact-us .invoice-box p {
        font-size: 15px;
    }
}

@media screen and (max-width: 321px) {
    #contact-us .support .support-container .info {
        padding-top: 10px;
    }
    #contact-us .support .support-container .info > h2 {
        font-size: 24px;
    }
    #contact-us .support .support-container .info .sub-info {
        margin-top: 20px;
    }
}

#renewal {
    padding: 60px 0;
}

#renewal .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#renewal .container .case {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 650px;
    border-radius: 5px;
    padding: 30px 47px;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-top: none;
    min-height: 407px;
}

#renewal .case h2 {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 28px;
    margin: 10px 0 25px;
    color: #1B1464;
}

#renewal .form {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#renewal .form .col-case {
    margin-bottom: 16px;
}

#renewal .container .case .mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #F2F2F2;
}

#renewal form .form-btns {
    margin-bottom: 0;
}

#renewal .vehicle-label {
    margin-top: 30px !important;
    text-align: center;
}

#renewal .invoice-box {
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
}

#renewal .invoice-box p {
    margin-bottom: 6px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 19px;
    font-weight: bold;
}

#renewal .invoice-box p:last-of-type {
    margin-bottom: 12px;
}

#renewal .attach-preview:first-of-type {
    margin-top: 30px;
}

#renewal .attach-preview .preview {
    position: relative;
}

#renewal .attach-preview .preview .delete {
    position: absolute;
    background-color: #fff;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    color: #b11116;
    border: 1px solid #b11116;
    transition: background-color ease .3s;
}

#renewal .attach-preview.pdf-name .preview .delete {
    top: 7px;
}

#renewal .attach-preview .preview .delete:hover {
    background-color: #f0f0f0;
}

#renewal .attach-preview.pdf-name {
    width: 100%;
}

#renewal .attach-preview.pdf-name .preview {
    margin-top: 15px;
    background-color: #fff;
    padding: 12px 50px 12px 12px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgb(27 20 100 / 24%);
}

#renewal .attach-preview.pdf-name .preview:first-of-type {
    margin-top: 20px;
}

#renewal .attach-preview.pdf-name .preview .pdf-filename {
    font-size: 17px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
}

#renewal .form-fields .field-error {
    margin-top: 10px;
    color: #b11116;
    font-size: 16px;
}

#renewal .support {
    margin-top: 30px;
    background: linear-gradient(270deg, #B11116 0%, #D5B527 100%);
    border-radius: unset !important;
    padding: 3px !important;
    min-height: unset !important;
}

#renewal .support .support-container {
    background-color: #f2f2f2;
    display: flex;
    padding: 15px;
}

#renewal .support .support-container .info {
    padding-left: 30px;
}

#renewal .support .support-container .info>h2 {
    margin: 5px 0;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}

#renewal .support .support-container .info>p {
    line-height: 19px;
    font-size: 16px;
}

#renewal .support .support-container .info .sub-info {
    margin-top: 15px;
}

#renewal .support .support-container .info .sub-info>p:first-of-type {
    font-size: 16px;
}

#renewal .support .support-container .info .sub-info>p:last-of-type {
    color: #1B1464;
    margin-top: 5px;
    font-size: 17px;
    font-weight: bold;
}

@media screen and (max-width: 874px) {
    #renewal form .form-btns {
        display: block;
        text-align: right;
    }
}

@media screen and (max-width: 640px) {
    #renewal form .form-btns .btn {
        min-width: 144px;
        padding: 13px 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 582px) {
    #renewal .container .case {
        padding: 30px 25px;
    }
    #renewal .support .support-container {
        flex-direction: column;
        padding: 20px;
        padding-bottom: 0;
    }
    #renewal .support .support-container .info {
        padding-top: 15px;
        padding-left: 0;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 550px) {
    #renewal form .form-btns {
        text-align: center;
    }
}

@media screen and (max-width: 476px) {
    #renewal .invoice-box .btn {
        width: 48%;
    }
}

@media screen and (max-width: 398px) {
    #renewal .invoice-box p {
        font-size: 18px;
    }
}

@media screen and (max-width: 380px) {
    #renewal .invoice-box p {
        font-size: 17px;
    }
    #renewal .support .support-container {
        padding: 10px;
    }
}

@media screen and (max-width: 360px) {
    #renewal .invoice-box p {
        font-size: 16px;
    }
}

@media screen and (max-width: 345px) {
    #renewal .invoice-box p {
        font-size: 15px;
    }
}

@media screen and (max-width: 321px) {
    #renewal .support .support-container .info {
        padding-top: 10px;
    }
    #renewal .support .support-container .info>h2 {
        font-size: 24px;
    }
    #renewal .support .support-container .info .sub-info {
        margin-top: 20px;
    }
}

#payment-redirect {
    padding: 60px 0;
}

#payment-redirect .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#payment-redirect .container .case {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 650px;
    border-radius: 5px;
    padding: 30px 47px;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-top: none;
    min-height: 407px;
}

#payment-redirect .case h2 {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 28px;
    margin: 10px 0 25px;
    color: #1B1464;
}

#payment-redirect .form {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#payment-redirect .form .col-case {
    margin-bottom: 16px;
}

#payment-redirect .container .case .mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #F2F2F2;
}

#payment-redirect form .form-btns {
    margin-bottom: 0;
}

#payment-redirect .vehicle-label {
    margin-top: 30px !important;
    text-align: center;
}

#payment-redirect .invoice-box {
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
}

#payment-redirect .invoice-box p {
    margin-bottom: 6px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 19px;
    font-weight: bold;
}

#payment-redirect .invoice-box p:last-of-type {
    margin-bottom: 12px;
}

#payment-redirect .attach-preview:first-of-type {
    margin-top: 30px;
}

#payment-redirect .attach-preview .preview {
    position: relative;
}

#payment-redirect .attach-preview .preview .delete {
    position: absolute;
    background-color: #fff;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    color: #b11116;
    border: 1px solid #b11116;
    transition: background-color ease .3s;
}

#payment-redirect .attach-preview.pdf-name .preview .delete {
    top: 7px;
}

#payment-redirect .attach-preview .preview .delete:hover {
    background-color: #f0f0f0;
}

#payment-redirect .attach-preview.pdf-name {
    width: 100%;
}

#payment-redirect .attach-preview.pdf-name .preview {
    margin-top: 15px;
    background-color: #fff;
    padding: 12px 50px 12px 12px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgb(27 20 100 / 24%);
}

#payment-redirect .attach-preview.pdf-name .preview:first-of-type {
    margin-top: 20px;
}

#payment-redirect .attach-preview.pdf-name .preview .pdf-filename {
    font-size: 17px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
}

#payment-redirect .form-fields .field-error {
    margin-top: 10px;
    color: #b11116;
    font-size: 16px;
}

#payment-redirect .support {
    margin-top: 30px;
    background: linear-gradient(270deg, #B11116 0%, #D5B527 100%);
    border-radius: unset !important;
    padding: 3px !important;
    min-height: unset !important;
}

#payment-redirect .support .support-container {
    background-color: #f2f2f2;
    display: flex;
    padding: 15px;
}

#payment-redirect .support .support-container .info {
    padding-left: 30px;
}

#payment-redirect .support .support-container .info>h2 {
    margin: 5px 0;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}

#payment-redirect .support .support-container .info>p {
    line-height: 19px;
    font-size: 16px;
}

#payment-redirect .support .support-container .info .sub-info {
    margin-top: 15px;
}

#payment-redirect .support .support-container .info .sub-info>p:first-of-type {
    font-size: 16px;
}

#payment-redirect .support .support-container .info .sub-info>p:last-of-type {
    color: #1B1464;
    margin-top: 5px;
    font-size: 17px;
    font-weight: bold;
}

@media screen and (max-width: 874px) {
    #payment-redirect form .form-btns {
        display: block;
        text-align: right;
    }
}

@media screen and (max-width: 640px) {
    #payment-redirect form .form-btns .btn {
        min-width: 144px;
        padding: 13px 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 582px) {
    #payment-redirect .container .case {
        padding: 30px 25px;
    }
    #payment-redirect .support .support-container {
        flex-direction: column;
        padding: 20px;
        padding-bottom: 0;
    }
    #payment-redirect .support .support-container .info {
        padding-top: 15px;
        padding-left: 0;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 550px) {
    #payment-redirect form .form-btns {
        text-align: center;
    }
}

@media screen and (max-width: 476px) {
    #payment-redirect .invoice-box .btn {
        width: 48%;
    }
}

@media screen and (max-width: 398px) {
    #payment-redirect .invoice-box p {
        font-size: 18px;
    }
}

@media screen and (max-width: 380px) {
    #payment-redirect .invoice-box p {
        font-size: 17px;
    }
    #payment-redirect .support .support-container {
        padding: 10px;
    }
}

@media screen and (max-width: 360px) {
    #payment-redirect .invoice-box p {
        font-size: 16px;
    }
}

@media screen and (max-width: 345px) {
    #payment-redirect .invoice-box p {
        font-size: 15px;
    }
}

@media screen and (max-width: 321px) {
    #payment-redirect .support .support-container .info {
        padding-top: 10px;
    }
    #payment-redirect .support .support-container .info>h2 {
        font-size: 24px;
    }
    #payment-redirect .support .support-container .info .sub-info {
        margin-top: 20px;
    }
}

#faq .container {
    margin-top: 35px;
}

#faq .faq-box {
    margin-bottom: 35px;
    max-height: 50vh;
    overflow: auto;
}

#faq .divider {
    margin-top: 15px;
    margin-bottom: 15px;
}

#faq .faq-big-title{
    margin-bottom: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 44px;
    color: #1B1464;
    letter-spacing: -0.01em;
    width: 50%;
}

#faq {
    font-family: Montserrat;
}

#faq .bold {
    font-weight: bold;
}

#faq .justify {
    text-align: justify;
    text-justify: inter-word;
    white-space: pre-line;
}

#faq .disclaimer {
    color: #1B1464;
    font-weight: bold;
    margin-bottom: 10px;
}

#faq .question{
    font-size: 16px;
    font-family: Poppins;
}

#faq .answer{
    font-size: 16px;
    font-family: Poppins;
}

#faq .disclaimer-content{
    margin-bottom: 35px;
    font-size: 18px;
}

#faq .margin {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 100%;
}

#faq .btn{
    margin-left: 10px;
    float: right;
    position: relative;
}

#faq .faq-top-button{
    margin-left: auto;
    order: 2;
}

#faq .faq-top{
    padding-top: 15px;
    display: flex;
}

@media screen and (max-width: 720px) {
    #faq .faq-top-button{
        text-align: center;
        margin-bottom: 25px;
        margin-left: 0;
    }
    #faq .faq-top{
        display:grid;
    }
    #faq .faq-big-title{
        width:75%;
        margin-bottom: 20px;
    }
}

#faq pre{
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-family:Poppins;
    font-size: 16px;
}

#faq .intro-text{
    font-size: 18px;
}

#dashboard .card-options .non-sp {
    display: flex;
    overflow-x: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

#dashboard .card-options .sp {
    display: none;
}

#dashboard .card-options .sp > ul {
    background-color: #fff;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    border-radius: 3px;
    cursor: pointer;
}

#dashboard .card-options .sp > ul > li:not(.options) {
    padding: 15px 45px 15px 10px;
    border-radius: 3px;
    position: relative;
    font-weight: 600;
}

#dashboard .card-options .sp > ul > li:not(.options)::before {
    content: '';
    position: absolute;
    right: 17px;
    width: 20px;
    height: 20px;
    background-color: #D5B527;
    border-radius: 50%;
    background-image: url('icon-check-white.png');
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

#dashboard .card-options .sp > ul > li.options {
    background-color: #f0f0f0;
}

#dashboard .card-options .sp > ul > li.options > ul > li {
    padding: 12px 0;
    border-top: 1px solid #d6d6d6;
    margin: 0 10px;
    color: #888;
    font-weight: 600;
}

#dashboard .card-options .sp > ul > li.options > ul > li:first-of-type {
    border-top: unset;
}

#dashboard .card-options .sp > ul > li p {
    display: inline-block;
    width: 40px;
    text-align: center;
    border-right: 1px solid #9a9a9a;
    margin-right: 10px;
    padding-right: 5px;
}

#dashboard .card-options .non-sp .card {
    position: relative;
    padding: 20px 14px;
    box-sizing: border-box;
    margin-right: 16px;
    background-color: #fff;
    min-width: 176px;
    cursor: pointer;
    border: 1.5px solid #00000014;
    border-radius: 5px;
}

#dashboard .card-options .non-sp .card:last-of-type {
    margin-right: 0;
}

#dashboard .card-options .non-sp .card.top-border::before {
    height: 3px;
}

#dashboard .card-options .non-sp .card.selected::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-color: #D5B527;
    border-radius: 50%;
    background-image: url('icon-check-white.png');
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

#dashboard .card-options .non-sp .card h3 {
    font-size: 16px;
}

#dashboard .card-options .non-sp .card p {
    font-size: 38px;
    font-weight: 600;
    margin-top: 10px;
    color: #B11116;
}

#dashboard .card-options .non-sp .card:first-of-type p {
    color: #1B1464;
}

#dashboard .card-options .non-sp .card:last-of-type p {
    color: #219653;
}

#dashboard .red {
    color: #B11116 !important;
}

#dashboard .card-options .pad-bot{
    padding-bottom: 5px;
}

#dashboard .card-options .pad-top{
    padding-top: 5px;
}

#dashboard .section-sub-title {
    margin-top: 30px;
}

#dashboard .applications .search-bar,
#dashboard .applications .paginator {
    background-color: #fff;
    width: 100%;
    padding: 8px 15px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    border: 1.5px solid #00000014;
}

#dashboard .applications .search-bar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: capitalize;
}

#dashboard .applications .paginator {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
    justify-content: flex-end;
}

#dashboard .applications .search-bar .table-menu-icon {
    min-width: 40px;
    background-color: #1B1464;
    margin-left: 15px;
    border-radius: 5px;
    background-image: url('icon-table-menu-white.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    cursor: pointer;
    display: none;
}

#dashboard .applications .search-bar .search-menu,
#dashboard .applications .search-bar .table-menu {
    display: flex;
}

#dashboard .applications .search-bar .search-menu {
    width: 100%;
}

#dashboard .applications .search-bar .search {
    background-color: #f2f2f2;
    border-radius: 5px;
    display: flex;
    width: 100%;
}

#dashboard .applications .search-bar.no-sort .search {
    margin-right: 25px;
}

#dashboard .applications .search-bar.no-sort .mat-form-field {
    width: 170px;
}

#dashboard .applications .search-bar .mat-form-field-infix {
    width: 100%;
}

#dashboard .applications .search-bar > div {
    margin-right: 15px;
}

#dashboard .applications .search-bar > div:last-of-type {
    margin-right: 0;
}

#dashboard .applications .search-bar .search .icon {
    width: 50px;
    background-image: url('icon-search-blue.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center;
}

#dashboard .applications .search-bar .search .mat-form-field {
    width: 100%;
}

#dashboard .applications .search-bar .search input::placeholder {
    color: #a0a0a0 !important;
}

#dashboard .applications .search-bar .filter,
#dashboard .applications .paginator > div {
    display: flex;
    align-items: center;
    min-width: 250px;
}

#dashboard .applications .paginator {
    justify-content: space-between;
}

#dashboard .applications .search-bar .sort {
    display: flex;
    align-items: center;
    max-width: 315px;
}

#dashboard .applications .search-bar .sort label {
    width: 76px;
}

#dashboard .applications .search-bar .sort .fields {
    display: flex;
    width: 100%;
}

#dashboard .applications .search-bar .sort .mat-form-field:last-of-type {
    max-width: 95px;
}

#dashboard .applications .search-bar label {
    margin-right: 10px;
}

#dashboard .applications .search-bar .mat-form-field {
    width: 150px;
}

#dashboard .applications .paginator .mat-form-field {
    width: 80px;
    margin: 0 10px;
}

#dashboard .applications .search-bar .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex,
#dashboard .applications .paginator .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex {
    height: 40px;
}

#dashboard .applications .search-bar .mat-form-field-appearance-fill .mat-form-field-infix,
#dashboard .applications .paginator .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0;
    border-top: 5.5px solid transparent;
}

#dashboard .applications .search-bar .mat-form-field-appearance-fill .mat-select-arrow-wrapper,
#dashboard .applications .paginator .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    transform: translateY(0) !important;
}

#dashboard .applications .search-bar .mat-select-value-text, .mat-select-panel,
#dashboard .applications .paginator .mat-select-value-text, .mat-select-panel {
    color: #1B1464;
}

#dashboard .applications .search-bar .search .mat-form-field-wrapper > .mat-form-field-flex,
#dashboard .applications .paginator .mat-form-field-wrapper > .mat-form-field-flex {
    border: 2px solid #f2f2f2;
    background-color: #f2f2f2;
}

#dashboard .applications .paginator .left,
#dashboard .applications .paginator .right {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    cursor: pointer;
    border-radius: 50%;
    transition: all ease .3s;
}

#dashboard .applications .paginator .left:hover,
#dashboard .applications .paginator .right:hover {
    background-color: #f2f2f2;
}

#dashboard .applications .paginator .left {
    margin-right: 13px;
    background-image: url('icon-arrow-left-gray.png');
}

#dashboard .applications .paginator .right {
    margin-left: 13px;
    background-image: url('icon-arrow-right-gray.png');
}

#dashboard .applications .records {
    overflow-x: auto;
    color: #000;
}

#dashboard .applications .records .cards {
    display: flex;
    margin: 15px 0;
}

#dashboard .applications .records .cards .card {
    background-color: #fff;
    border-radius: 5px;
    margin-right: 16px;
    padding: 19px 24px;
    box-sizing: border-box;
    border: 1.5px solid #00000014;
    font-size: 15px;
    line-height: 23px;
    width: 100%;
    min-width: 304px;
    max-width: 304px;
}

#dashboard .applications .records .cards .card:last-of-type {
    margin-right: 0;
}

#dashboard .applications .records .card.no-record {
    max-width: unset;
    height: 353.2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 27px;
}

#dashboard .applications .records .cards .card p:nth-of-type(3) {
    font-size: 22px;
    color: #1B1464;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    min-height: 46px;
}

#dashboard .applications .records .cards .card p:nth-of-type(4) {
    line-height: 21px;
    margin-top: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    min-height: 41px;
}

#dashboard .applications .records .cards .card .date {
    margin-top: 10px;
}

#dashboard .applications .records .cards .card .status {
    margin-top: 10px;
    line-height: 21px;
}

#dashboard .applications .records .cards .card .status p:nth-of-type(2) {
    color: #219653;
    font-weight: 600;
}

#dashboard .applications .records .cards .card .status.pending p:nth-of-type(2) {
    color: #B11116;
}

#dashboard .applications .records .cards .card .btn {
    margin-top: 20px;
    font-size: 14px;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    text-align: left;
    padding: 10px 30px 10px 15px;
    min-width: 140px;
    position: relative;
}

#dashboard .applications .records .cards .card .btn::before {
    content: '';
    position: absolute;
    top: 11px;
    right: 0;
    width: 20px;
    height: 18px;
    background-image: url('icon-arrow-right-white.png');
    background-size: 7px;
    background-repeat: no-repeat;
}

#dashboard .applications .records .table {
    border-left: 1px solid #00000014;
    border-right: 1px solid #00000014;
    background-color: #fff;
    padding: 10px 15px 0;
    box-sizing: border-box;
}

#dashboard .applications .records .table .custom-table-2 > ul {
    padding-bottom: 10px;
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    min-height: 363.2px;
}

#dashboard .applications .records .table .custom-table-2 > ul.loading {
    overflow-x: clip;
}

#dashboard .applications .records .table .custom-table-2 > ul > li {
    min-width: 880px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 16px;
    box-sizing: border-box;
    height: 56px;
    display: flex;
}

#dashboard .applications .records .table .custom-table-2 > ul > li .btn {
    min-width: 85px;
    font-size: 16px;
    padding: 9px 11px;
    border-radius: 3px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li .name {
    font-weight: bold;
    color: #1B1464;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body .status {
    font-weight: bold;
    color: #219653;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body > div.non-sp .status {
    text-align: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body .pending {
    color: #B11116;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p {
    margin-right: 20px;
    font-size: 15px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.no-ps {
    margin-right: 40px !important;
    font-size: 15px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.header > div > p {
    text-align: center;
    font-weight: bold;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:first-of-type:after {
    right: 5px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(2):after {
    right: -8px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(2):after {
    right: -15px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(3):after {
    right: -17px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(3):after {
    right: -19px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(4):after,
#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(5):after {
    right: -16px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(4):after,
#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(5):after {
    right: -18px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(6):after {
    right: -18px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(6):after {
    right: -17px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(7):after {
    right: -18px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(7):after {
    right: -17px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(8):after {
    right: -18px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(8):after {
    right: -17px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(9):after {
    right: -18px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(9):after {
    right: -17px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div > p:nth-of-type(10):after {
    right: -18px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header > div.w-referror > p:nth-of-type(10):after {
    right: -17px;
}

#dashboard .applications .records .table .custom-table-2:not(.no-sort) > ul > li.header {
    padding-right: 16px;
    border-bottom: 1px solid #00000014;
    margin-bottom: 10px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp {
    padding-left: 146px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror {
    padding-left: 121px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp {
    display: none;
    flex-wrap: wrap;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div {
    width: 48%;
    margin-right: 4%;
    margin-top: 15px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div:nth-of-type(1),
#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div:nth-of-type(2) {
    margin-top: 0;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div:nth-of-type(even) {
    margin-right: 0;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div > p:first-of-type {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 5px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div.button {
    display: flex;
    align-items: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp.w-referror > div.button {
    width: 100%;
    margin-right: 0;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div.button button {
    width: 100%;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.button {
    padding: 0px 15px 0 16px;
    position: absolute;
    right: -20px;
    display: flex;
    align-items: center;
    z-index: 1;
    background-color: #f8f8f8;
    border-left: 1px solid;
    height: 40px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li:nth-of-type(odd) > div.non-sp > p.button {
    background-color: #fff;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.header > div.non-sp > p.button {
    min-width: 85px;
    border-left: unset;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.header > div.non-sp > p.button::after {
    display: none;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.header > div.non-sp > p:nth-of-type(1) {
    height: 32px;
    background-color: #fff;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body > div.non-sp > p:nth-of-type(1) {
    height: 40px;
    border-right: 1px solid;
    background-color: #f8f8f8;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body:nth-of-type(odd) > div.non-sp > p:nth-of-type(1) {
    background-color: #fff;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START */

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(1) {
    min-width: 125px;
    max-width: 125px;
    padding: 0px 10px 0 16px;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 1;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.no-ps:nth-of-type(1) {
    min-width: 170px !important;
    max-width: 170px !important;
    padding: 0px 16px 0 20px !important;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 1;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.no-ps:nth-of-type(2) {
    margin-left: 60px !important;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(1) {
    min-width: 125px;
    max-width: 125px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(2) {
    min-width: 100px;
    max-width: 100px;
    justify-content: center;
    text-align: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(2) {
    min-width: 120px;
    max-width: 120px;
    justify-content: center;
    text-align: center;
    margin-left: 10px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(3) {
    min-width: 85px;
    max-width: 85px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(3) {
    min-width: 85px;
    max-width: 85px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(4) {
    min-width: 60px;
    max-width: 60px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(4) {
    min-width: 60px;
    max-width: 60px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(5) {
    min-width: 75px;
    max-width: 75px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(5) {
    min-width: 75px;
    max-width: 75px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(6) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(6) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(8) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(8) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(9) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(9) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(10) {
    min-width: 90px;
    max-width: 90px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(10) {
    min-width: 150px;
    max-width: 150px;
    justify-content: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p:nth-of-type(11) {
    width: 90px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp.w-referror > p:nth-of-type(11) {
    width: 80px;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.referror {
    min-width: 75px;
    max-width: 75px;
    justify-content: center;
    text-align: center;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.status {
    min-width: 105px;
    max-width: 105px;
    justify-content: center;
}

#dashboard .no-left {
    border-left: 0px !important;
}

#dashboard .agent-mobile-view{
    margin-top: 15px;
}

#dashboard .agent-mobile-div{
    display:contents !important;
}

#dashboard .pad-cancel{
    padding: 2.5px !important;
}

#dashboard .applications .records .table .custom-table-2 > ul > li.body {
    display: inline-flex;
}

#dashboard .qrdisplay {
    width: 260px;
    height: 260px;
    border: 2px dashed #aaa;
    border-radius: 8px;
    margin: 0 auto 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

@media screen and (max-width: 955px) {
    #dashboard .applications .search-bar > div,
    #dashboard .applications .search-bar.no-sort .search {
        margin-right: 0;
    }
    #dashboard .applications .search-bar,
    #dashboard .applications .search-bar .table-menu-icon {
        display: block;
    }
    #dashboard .applications .search-bar .table-menu:not(.show) {
        display: none;
    }
    #dashboard .applications .search-bar .table-menu {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
    }
    #dashboard .applications .search-bar.no-sort .filter,
    #dashboard .applications .search-bar.no-sort .mat-form-field {
        width: 100%;
    }
    #dashboard .applications .search-bar:not(.no-sort) .filter {
        margin-right: 30px;
    }
    #dashboard .applications .search-bar:not(.no-sort) .mat-form-field:first-of-type {
        width: 100%;
        max-width: 175px;
    }
    #dashboard .applications .search-bar .sort .mat-form-field:first-of-type {
        width: 167px;
    }
    #dashboard .applications .search-bar:not(.no-sort) .search .mat-form-field:first-of-type {
        max-width: unset;
    }
    #dashboard .applications .search-bar .filter label {
        min-width: 85px;
    }
    #dashboard .applications .search-bar .sort {
        max-width: 344px;
    }
}

@media screen and (max-width: 875px) {
    #dashboard .section-title h2 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 736px) {
    #dashboard .applications .search-bar .table-menu {
        display: block;
    }
    #dashboard .applications .search-bar .table-menu > div {
        margin-right: 0 !important;
    }
    #dashboard .applications .search-bar .table-menu > div > label {
        min-width: 85px;
    }
    #dashboard .applications .search-bar .table-menu .filter .mat-form-field,
    #dashboard .applications .search-bar .table-menu .sort .mat-form-field:first-of-type {
        max-width: unset;
    }
    #dashboard .applications .search-bar .sort {
        max-width: unset;
    }
    #dashboard .applications .paginator {
        flex-direction: column;
        align-items: center;
    }
    #dashboard .applications .paginator > div {
        justify-content: center;
    }
    #dashboard .applications .paginator > div:first-of-type {
        margin: 10px 0 20px;
    }
    #dashboard .applications .search-bar .sort .mat-form-field:first-of-type {
        width: 100%;
    }
}

@media screen and (max-width: 471px) {
    #dashboard .applications .search-bar .sort {
        align-items: baseline;
    }
    #dashboard .applications .search-bar .sort .fields {
        display: block;
    }
}

@media screen and (max-width: 426px) {
    #dashboard .section-title h2 {
        margin-bottom: 15px;
    }
    #dashboard .card-options .non-sp {
        display: none;
    }
    #dashboard .card-options .sp {
        display: block;
    }
    #dashboard .applications .search-bar {
        padding: 8px;
    }
    #dashboard .applications .search-bar .table-menu-icon {
        margin-left: 8px;
    }
    #dashboard .applications .records .cards {
        flex-direction: column;
    }
    #dashboard .applications .records .cards {
        margin: 5px 0;
    }
    #dashboard .applications .records .cards .card {
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 16px;
        max-width: unset;
        min-width: unset;
        padding: 19px;
    }
    #dashboard .applications .records .cards .card:last-of-type {
        margin-bottom: 0;
    }
    #dashboard .applications .records .cards .card p:nth-of-type(3),
    #dashboard .applications .records .cards .card p:nth-of-type(4) {
        min-height: unset;
    }
    #dashboard .applications .records .cards .card p:nth-of-type(4) {
        font-size: 15px;
    }
    #dashboard .applications .records .cards .card .date {
        margin-top: 15px;
    }
    #dashboard .applications .records .cards .card .btn {
        width: 100%;
        font-size: 16px;
    }
    #dashboard .applications .records .cards .card .btn::before {
        top: 12px;
        width: 25px;
    }
    #dashboard .applications .records .table {
        padding: 10px;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li {
        min-width: unset;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li.body {
        height: unset;
        font-size: 18px;
        padding: 20px 16px;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li:nth-of-type(odd) {
        background-color: #f8f8f8;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li:nth-of-type(even) {
        background-color: #fff;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li .btn {
        padding: 11px;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li.header,
    #dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp {
        display: none;
    }
    #dashboard .applications .records .table .custom-table-2 > ul > li > div.sp {
        display: flex;
    }
}

@media screen and (max-width: 376px) {
    #dashboard .applications .paginator {
        font-size: 16px;
    }
}

@media screen and (max-width: 361px) {
    #dashboard .applications .records .table .custom-table-2 > ul > li > div.sp > div > p:first-of-type {
        font-size: 18px;
    }
}

@media screen and (max-width: 331px) {
    #dashboard .applications .paginator .left,
    #dashboard .applications .paginator .right {
        width: 15px;
    }
}

#dashboard .mat-tab-group {
    margin-bottom: 24px;
}

#dashboard .mat-tab-label{
display: block;
font-size: 1.275em;
margin-left: 0;
margin-right: 0;
font-weight: bold!important;
justify-content: left !important;
}

#dashboard .applications .records .table .custom-table-2 > ul > li > div.non-sp > p.psCheckbox {
    min-width: 50px;
    max-width: 50px;
    padding: 0px 10px 0 16px;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 1;
}

#dashboard .nameBorder:after {
    right: 5px !important;
}

#dashboard .smaller-text{
    font-size: smaller !important;
}

#dashboard #allCheck{
    margin-left: 20px;
}

#dashboard #button-icon{
    padding-right: 5px;
    display: inline !important;
    font-size: 22px;
    vertical-align: middle;
}

#dashboard .centered{
    text-align: center;
}

#dashboard .fixed-width{
    width: 176px;
}

#cancel-red-mark  {
    color: #B11116;
}

#cancel-text  {
    margin-bottom: 15px;
}

.qr-loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 240px;
}

.qr-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qr-loader-text {
  color: #888;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}

.mat-spinner circle {
  stroke: #9e0b0b; 
}

#profile .name .field:nth-of-type(3) {
    width: 19.5%;
    margin-right: 2.3%;
}

#profile .name .field:nth-of-type(4) {
    width: 10%;
}

@media screen and (max-width: 767px) {
    #profile .name .field:nth-of-type(3) {
        width: 49%;
        margin-right: 2%;
    }
    #profile .name .field:nth-of-type(4) {
        width: 49%;
    }
}

@media screen and (max-width: 480px) {
    #profile .name .field:nth-of-type(3) {
        width: 66%;
        margin-bottom: 0 !important;
        margin-right: 4% !important;
    }
    #profile .name .field:nth-of-type(4) {
        width: 30%;
    }
}

@media screen and (max-width: 426px) {
    #profile .chk-same-address {
        margin-bottom: 7%;
    }
}

button.choosePlan {
    min-width: 49%;
    margin-left: 0px !important;
}

.overlay-req-qu .req-qu-proceed {
    margin-left: 6px;
}

.overlay-req-qu .req-qu-msg {
    font-weight: 600;
    margin: 1rem;
}

#maintenance {
    background-color: #fff;
    min-height: 100vh;
}

#maintenance .header {
    background-color: #b11117;
}

#maintenance .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 470px;
}

#maintenance .header img {
    height: 75px;
    padding: 3px 0;
}

#maintenance .body {
    padding: 15px 0;
    color: #170c66;
}

#maintenance .body h1 {
    font-weight: 800;
    font-size: 52px;
    text-transform: uppercase;
}

#maintenance .body p {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
}

#maintenance .body .description p {
    font-size: 28px;
    line-height: unset;
}

#maintenance #maintenance-logo {
    height: 260px;
    padding: 15px 0;
}

#maintenance #maintenance-logo-sub {
    height: 75px;
    padding: 15px 0;
}

@media screen and (max-width: 600px) {
    #maintenance .body h1 {
        font-size: 47px;
    }
    #maintenance .body p {
        font-size: 20px;
    }
	#maintenance .body .description p {
        font-size: 27px;
    }
}

@media screen and (max-width: 426px) {
    #maintenance .header img {
        height: 65px;
    }
    #maintenance .body p {
        font-size: 17px;
        line-height: 22px;
    }
    #maintenance .body .description p {
        font-size: 22px;
    }
    #maintenance #maintenance-logo {
        height: 240px;
    }
    #maintenance #maintenance-logo-sub {
        height: 65px;
    }
}

@media screen and (max-width: 321px) {
    #maintenance .header img {
        height: 60px;
    }
    #maintenance .body h1 {
        font-size: 42px;
    }
    #maintenance .body .description p {
        font-size: 18px;
    }
    #maintenance #maintenance-logo {
        height: 215px;
    }
    #maintenance #maintenance-logo-sub {
        height: 55px;
    }
}

#expired-report-link {
    height: 100vh;
    background-color: #fff;
}

#expired-report-link .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    font-weight: bold;
}

.osp-popup img {
    width: 600px;
    max-width: 80vw !important;
    /* height: 60vh; */
}

@media screen and (max-width: 767px) {
    .osp-popup img {
        max-width: 80vw !important;
    }
}

/* @media screen and (max-width: 640px) {
    .osp-popup iframe{
        min-width:50vw;
        height: 60vh;
    }
}

@media screen and (max-width: 550px) {
	.osp-popup iframe{
        min-width:50vw;
        height: 60vh;
    }
} */

/* FORMS */

#stepper {
    position: relative;
    overflow: hidden;
}

#stepper .container {
    position: relative;
    z-index: 2;
}

#stepper .title {
    font-size: 38px;
    font-weight: 300;
    line-height: 28px;
    padding: 36px 0;
    float: left;
    max-width: 520px;
}

#stepper.no-bar-img .bar-img {
    display: none;
}

#stepper .bar-img {
    float: right;
    padding: 38px 0;
}

#stepper .bar-img ul {
    display: table;
    width: 100%;
    overflow: visible;
}

#stepper .bar-img ul li {
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 48px;
    transition: all ease .3s;
}

#stepper .bar-img ul li:first-child {
    margin-left: 0;
}

#stepper .bar-img ul li::before,
#stepper .bar-img ul li::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all ease .3s;
}

#stepper .bar-img ul li::before {
    width: 24px;
    height: 24px;
    background: #ddd;
    left: 0;
    border-radius: 50%;
}

#stepper .bar-img ul li::after {
    right: 24px;
    width: 48px;
    height: 1px;
    background: #ddd;
}

#stepper .bar-img ul li.active::before {
    background: #1B1464;
}

#stepper .bar-img ul li.active::after {
    background: #1B1464;
}

#stepper .bar-img ul li:first-child:after {
    display: none;
}

#stepper .bg-stepper {
    position: absolute;
    right: 0;
    top: 36%;
    bottom: 0;
    margin: auto;
    z-index: 1;
    opacity: 1;
    transition: all ease .3s;
}

@media screen and (max-width: 1280px) {
	#stepper .bg-stepper {
        opacity: .4;
    }
}

@media screen and (max-width: 610px) {
    #stepper .title,
    #stepper .bar-img {
        float: initial;
    }
    #stepper .title {
        text-align: center;
        max-width: 100%;
    }
    #stepper:not(.no-bar-img) .title {
        padding-bottom: 0;
    }
    #stepper .bar-img ul {
        display: flex;
        justify-content: center;
    }
    #stepper:not(.no-bar-img) .bg-stepper {
        opacity: .2;
        top: 50%;
    }
}

@media screen and (max-width: 426px) {
    #stepper .bar-img ul li,
    #stepper .bar-img ul li::before {
        width: 28px;
        height: 28px;
    }
    #stepper .bar-img ul li {
        margin-left: 42px;
    }
    #stepper .bar-img ul li::after {
        width: 46px;
    }
    #stepper.no-bar-img .bg-stepper {
        opacity: .2;
    }
}

@media screen and (max-width: 374px) {
    #stepper .bar-img ul li,
    #stepper .bar-img ul li::before {
        width: 26px;
        height: 26px;
    }
    #stepper .bar-img ul li {
        margin-left: 38px;
    }
    #stepper .bar-img ul li::after {
        width: 40px;
    }
}

#stepper-dtl {
    padding: 48px 0;
}

#stepper-dtl.plan-form {
    padding: 48px 0 18px;
}

#stepper-dtl .container {
    display: flex;
    justify-content: space-between;
}

#stepper-dtl h2 {
    display: flex;
    align-items: center;
    margin-right: 30px;
    min-height: 47.33px;
}

#stepper-dtl h2 .step-num {
    background: #1B1464;
    min-height: 32px;
    min-width: 32px;
    padding: 4px 2px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    box-sizing: border-box;
    margin-right: 20px;
}

#stepper-dtl h2 .step-title {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    padding: 2px 0 1px;
}

#stepper-dtl .btn-wrap {
    display: flex;
    align-items: center;
}

#stepper-dtl .btn-wrap .btn:first-of-type {
    margin-left: 0;
}

#stepper-dtl .btn-wrap .btn:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 875px) {
    #stepper-dtl {
        margin-bottom: 25px;
        padding-bottom: 0;
    }
    #stepper-dtl.plan-form {
        margin-bottom: 0;
    }
    #stepper-dtl .container {
        display: block;
    }
    #stepper-dtl .btn-wrap {
        justify-content: center;
        align-items: unset;
        padding: 40px 0;
        position: relative;
    }
    #stepper-dtl .btn-wrap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        z-index: -1;
    }
}

@media screen and (max-width: 686px) {
    #stepper-dtl.summary .btn-wrap {
        flex-wrap: wrap;
    }
    #stepper-dtl.summary .btn-wrap button {
        width: 48%;
        margin-right: 3%;
        margin-left: 0;
    }
    #stepper-dtl.summary .btn-wrap button:nth-of-type(even) {
        margin-right: 0;
    }
    #stepper-dtl.summary .btn-wrap button:nth-of-type(3),
    #stepper-dtl.summary .btn-wrap button:nth-of-type(4) {
        margin-top: 20px;
    }
    #stepper-dtl.summary .btn-wrap.odd-btn button:nth-of-type(3) {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 640px) {
    #stepper-dtl .btn-wrap {
        padding-bottom: 30px;
    }
    #stepper-dtl h2 .step-num {
        min-height: 30px;
        min-width: 30px;
        font-size: 20px;
    }
    #stepper-dtl .btn-wrap .btn {
        min-width: 120px;
        padding: 11px 11px;
        font-size: 17px;
    }
}

@media screen and (max-width: 476px) {
    #stepper-dtl {
        padding: 35px 0 0;
    }
    #stepper-dtl .btn-wrap {
        flex-wrap: wrap;
        padding: 25px 0;
    }
    #stepper-dtl .btn-wrap button {
        width: 100%;
        margin-top: 13px !important;
        margin-left: 0 !important;
        padding: 13px 11px !important;
    }
    #stepper-dtl .btn-wrap button:nth-of-type(1),
    #stepper-dtl .btn-wrap button:nth-of-type(2) {
        width: 48%;
        margin-right: 4%;
        margin-top: 0;
    }
    #stepper-dtl .btn-wrap button:nth-of-type(2) {
        margin-right: 0;
    }
}

#login-register {
    padding: 60px 0;
    box-sizing: border-box;
}

#login-register form h2 {
    color: #1B1464;
}

#login-register:not(.solo) {
    padding-top: 0;
}

#login-register .container {
    overflow: hidden;
    position: relative;
}

#login-register .container.solo {
    display: flex;
    justify-content: center;
}

#login-register .case {
    float: left;
    max-width: 464px;
    width: 49.2%;
    margin-right: 1.6%;
    border-radius: 5px;
    padding: 30px 47px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #E0E0E0;
    border-top: none;
    min-height: 407px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#login-register .container.solo .case {
    background-color: #fff;
}

#login-register .container.solo .case .mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #F2F2F2;
}

#login-register .hide {
    display: none !important;
}

#login-register .container:not(.solo) .buttons.hide ~ .case .form-loader-container {
    margin-top: -10px;
}

registration,
login {
    width: 100%;
}

#login-register .solo .case {
    margin-right: 0;
    max-width: unset;
    width: 100%;
    max-width: 400px;
}

#login-register .case:nth-child(odd) {
    margin-right: 0;
}

#login-register .case h2 {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 28px;
    margin: 10px 0 25px;
}

#login-register .case .form-btns .btn {
    padding: 14px 10px;
    font-size: 18px;
    width: 43%;
    min-width: 110px;
    max-width: 144px;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-appearance: none;
    border: 0;
}

#login-register .case.login-case .mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #F2F2F2;
}

#login-register .form {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#login-register .form-btns {
    margin: 30px 0 10px;
    text-align: center;
}

#login-register .form .col-case {
    margin-bottom: 16px;
}

#login-register .form .col-case:last-of-type {
    margin-bottom: 0;
}

#login-register .form .col-case .field {
    width: 100%;
}

#login-register .container .buttons {
    display: none;
}

#login-register .container .buttons.hide {
    display: none !important;
}

#login-register .container .buttons button:focus {
    outline: none;
}

#login-register .form .col-case .middle {
    width: 75%;
}

#login-register .form .col-case .suffix {
    width: 20%;
    padding-left: 3%;
}

@media screen and (max-width: 874px) {
    #login-register:not(.solo) {
        margin-top: 48px;
    }
}

@media screen and (max-width: 840px) {
    #login-register:not(.solo) .case h2 {
        text-align: center;
    }
}

@media screen and (max-width: 796px) {
    #login-register:not(.solo) .case {
        padding: 30px 15px;
    }
}

@media screen and (max-width: 680px) {
    #login-register .container:not(.solo) {
        display: flex;
        justify-content: center;
    }
    #login-register:not(.solo) .case {
        margin-right: 0;
        width: 100%;
        max-width: unset;
        padding: 110px 45px 35px;
        background-color: #fff;
        display: none;
    }
    #login-register:not(.solo) .case.show {
        display: block;
    }
    #login-register:not(.solo) .buttons {
        display: flex;
        justify-content: space-evenly;
        position: absolute;
        top: 35px;
        width: 88%;
        height: 40px;
        z-index: 1;
        transition: all ease .3s;
    }
    #login-register:not(.solo) .buttons button {
        width: 45%;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        font-family: "Poppins", "Arial", "Calibri", sans-serif;
    }
    #login-register:not(.solo) .buttons button#btn-register {
        background-color: #1b1464;
        border: 1px solid #1b1464;
    }
    #login-register:not(.solo) .buttons button#btn-login {
        background-color: #b11114;
        border: 1px solid #b11114;
    }
    #login-register:not(.solo) .case.reg-case .mat-form-field-appearance-fill .mat-form-field-flex {
        background-color: #F2F2F2;
    }
    #login-register:not(.solo) .case h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 520px) {
    #login-register:not(.solo) .case {
        padding: 110px 30px 35px !important;
    }
}

@media screen and (max-width: 456px) {
    #login-register .case {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 376px) {
    #login-register:not(.solo) .case {
        padding: 110px 20px 35px !important;
    }
    #login-register:not(.solo) .buttons {
        width: 95%;
    }
}

#registration > form h2 {
    color: #1B1464;
}

#sub-register .mat-checkbox-inner-container{
    margin-top: 3px;
}

#sub-register .link{
    font-weight: 700;
    cursor: pointer;
    color: #1b1464;
    text-decoration: underline;
}

#login .forgot-password {
    font-size: 15px;
    margin-top: 12px;
}

#login .forgot-password a {
    color: #b11116;
    text-decoration: none;
    font-weight: 600;
}

#login #sub-login .form-btns {
    display: flex;
    justify-content: right;
    align-items: center;
}

#login #sub-login .mat-checkbox .mat-checkbox-inner-container {
    margin-right: 10px;
}

#login #sub-login .form-btns .btn,
#login .registration-btn .btn {
    min-width: 120px;
    width: 120px;
}

#login .registration-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

#login .registration-btn .note {
    font-size: 16px;
    width: 140px;
    line-height: 18px;
}

#login .registration-btn .btn {
    border: 2px solid #1b1464;
    color: #1b1464;
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
}

#login .registration-btn .btn:hover {
    background-color: #f0f0f0;
}

@media screen and (max-width: 426px) {
    #login .registration-btn .btn:hover {
        background-color: #fff;
    }
}

@media screen and (max-width: 366px) {
    #login #sub-login .mat-checkbox .mat-checkbox-inner-container {
        margin-right: 8px;
    }
    #login #sub-login .mat-checkbox {
        font-size: 15px;
    }
}

@media screen and (max-width: 350px) {
    #login .registration-btn .note {
        width: 110px;
    }
}

#sub-otp #sub-otp-form .form-fields {
    margin-bottom: 20px;
}

#sub-otp #sub-otp-form .form-fields > h2 {
    margin-bottom: 10px;
}

#sub-otp #sub-otp-form .form-fields > p {
    margin-bottom: 30px;
    line-height: 22px;
    text-align: justify;
}

#sub-otp #sub-otp-form .form-fields .trouble {
    margin: 10px 0 0;
}

#sub-otp #sub-otp-form .form-fields .trouble a {
    cursor: pointer;
    color: #b11116;
    transition: color ease .3s;
}

#sub-otp #sub-otp-form .form-fields .trouble a:hover {
    color: #1B1464;
}

#sub-otp #sub-otp-form .form-fields .otp-options {
    min-height: 115px;
}

#sub-otp #sub-otp-form .form-fields .otp-options .option {
    display: flex;
    cursor: pointer;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 3px;
    padding: 17px 15px;
    margin-bottom: 10px;
    transition: background-color ease .3s;
}

#sub-otp #sub-otp-form .form-fields .otp-options .option:hover {
    background-color: #e5e5e5;
}

#sub-otp #sub-otp-form .form-fields .otp-options .option p {
    min-width: 55px;
}

#sub-otp #sub-otp-form .col-case {
    display: flex;
    justify-content: center;
    text-align: center;
}

#sub-otp .otpFormMsg {
    min-height: 40px;
    align-items: center;
    display: flex;
    color: #b11116;
    font-size: 16px;
    justify-content: center;
    line-height: 18px;
    text-align: unset;
}

#sub-otp .form-btns {
    text-align: center;
    margin-top: 20px;
}

#sub-otp .form-btns button:nth-of-type(1) {
    width: 48% !important;
    max-width: unset !important;
}

#sub-otp .form-btns button:nth-of-type(2) {
    margin-right: 0;
    margin-left: 3px;
    width: 48% !important;
    max-width: unset !important;
}

#sub-otp .form-btns button:nth-of-type(3) {
    margin-top: 10px;
    margin-left: 0;
    width: 100% !important;
    max-width: unset !important;
}

#sub-otp .trustBrowserQ {
    font-size: 19px;
}

#sub-otp .trustBrowserM {
    margin-bottom: 95px;
}

#sub-otp .verify-btns {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 325px) {
    #sub-otp .verify-btns {
        flex-direction: column;
    }
    #sub-otp .form-btns button:first-of-type,
    #sub-otp .form-btns button:nth-of-type(2) {
        margin-right: 0 !important;
    }
    #sub-otp .form-btns button:first-of-type,
    #sub-otp .form-btns button:nth-of-type(2) {
        width: 100% !important;
    }
    #sub-otp .form-btns button:nth-of-type(2) {
        margin-top: 13px !important;
    }
}

#sub-initial #sub-initial-form .form-fields h2 {
    margin-bottom: 7px;
}

#sub-initial #sub-initial-form .form-fields > p {
    margin-bottom: 30px;
    font-size: 15px;
}

#sub-initial #sub-initial-form .pwd-reqs > p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 17px;
    padding-left: 30px;
}

#sub-initial #sub-initial-form .pwd-reqs .N {
    background: url('icon-circle-cross-black.png') no-repeat left top;
    color: #b11116;
}

#sub-initial #sub-initial-form .pwd-reqs .Y {
    background: url('icon-circle-check-red.png') no-repeat left top;
    color: lightgreen;
    display: none;
}

@media screen and (max-width: 520px) {
    #sub-initial #sub-initial-form .form-fields > p {
        text-align: center;
    }
}

#sub-reset #sub-reset-form .form-fields h2 {
    margin-bottom: 7px;
}

#sub-reset #sub-reset-form .form-fields > p {
    margin-bottom: 30px;
    font-size: 15px;
}

#sub-reset #sub-reset-form .pwd-reqs > p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 17px;
    padding-left: 30px;
}

#sub-reset #sub-reset-form .pwd-reqs .N {
    background: url('icon-circle-cross-black.png') no-repeat left top;
    color: #b11116;
}

#sub-reset #sub-reset-form .pwd-reqs .Y {
    background: url('icon-circle-check-red.png') no-repeat left top;
    color: lightgreen;
    display: none;
}

@media screen and (max-width: 520px) {
    #sub-reset #sub-reset-form .form-fields > p {
        text-align: center;
    }
}

#sub-forgot.account #sub-forgot-form .form-fields h2 {
    margin-bottom: 75px;
}

#sub-forgot #sub-forgot-form .form-fields > p {
    margin-bottom: 30px;
    font-size: 17px;
}

#sub-forgot.account .form-btns {
    margin: 98px 0 10px;
    text-align: center;
}

@media screen and (max-width: 520px) {
    #sub-forgot #sub-forgot-form .form-fields > p {
        text-align: center;
    }
}

#introduction .intro-big-title {
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
    color: #1B1464;
    margin: 50px 0 30px;
    letter-spacing: 1px;
    transition: all ease .3s;
}

#introduction .intro-box {
    position: relative;
    display: flex;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
    border-radius: 3px;
    margin-bottom: 25px;
    overflow: hidden;
    justify-content: flex-end;
}

#introduction .intro-pic {
    overflow: hidden;
    position: absolute;
    width: 472px;
    height: 100%;
    top: 0;
    left: 0;
}

#introduction .intro-pic img {
    height: 146%;
    width: 100%;
    position: relative;
    top: -90px;
}

#introduction .intro-content {
    box-sizing: border-box;
    padding: 24px 48px;
    width: 472px;
    background-color: #fff;
    z-index: 1;
}

#introduction .intro-content .intro-title {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    position: relative;
    box-sizing: border-box;
    padding: 20px 0 17px;
}

#introduction .intro-content .intro-text {
    overflow-y: auto;
    text-align: justify;
}

#introduction .form .radio-btn-slot{
    display:inline-block !important;
    /*border: 2px solid #D5B527;
    border-radius: 10px;*/
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 1%;
    margin-right: 1%;
}

#introduction .form .radio-btn-slot.en{
    width: 38%;
}

#introduction .form .radio-btn-slot.fl{
    width: 28%;
}

#introduction .form .radio-btn-slot.tl{
    width: 28%;
}

#introduction .form .radio-btn-slot .radio-lbl {
    white-space: normal;
    font-size: 18px;
}

#introduction .form-btns mat-checkbox {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    margin-right: 40px;
}

#introduction .form {
    padding-bottom: 0px;
    padding-top: 30px;
}

@media screen and (max-width: 906px) {
    #introduction .intro-pic {
        left: -80px;
    }
}

@media screen and (max-width: 874px) {
    #introduction .form-btns {
        display: block;
        text-align: center;
    }
    #introduction .form-btns mat-checkbox {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 801px) {
    #introduction .intro-pic img {
        height: 130%;
    }
    #introduction .intro-content {
        padding: 24px 35px;
        width: 357px;
    }
}

@media screen and (max-width: 680px) {
    #introduction .intro-pic {
        left: -160px;
    }
}

@media screen and (max-width: 616px) {
    #introduction .intro-box {
        justify-content: unset;
        flex-direction: column;
    }
    #introduction .intro-pic {
        left: 0;
        position: relative;
        width: 100%;
        height: 100%;
        max-height: 270px;
    }
    #introduction .intro-pic img {
        height: 175%;
        width: 100%;
        top: -145px;
    }
    #introduction .intro-content {
        width: 100%;
    }
    #introduction .form .radio-btn-slot.en{
        width: 32%;
    }
    #introduction .form .radio-btn-slot.fl,
    #introduction .form .radio-btn-slot.tl{
        width: 31%;
    }
}

#introduction .form.bottom-border {
    border-bottom: 0px;
}

@media screen and (max-width: 540px) {
    #introduction .intro-pic img {
        top: -110px;
    }
    #introduction .intro-content {
        padding: 24px 24px;
    }
}

@media screen and (max-width: 516px) {
    #introduction .intro-pic {
        max-height: 200px;
    }
    #introduction .intro-pic img {
        top: -120px;
    }
}

@media screen and (max-width: 426px) {
    #introduction .intro-pic img {
        top: -95px;
    }
}

@media screen and (max-width: 376px) {
    #introduction .intro-big-title {
        font-size: 23px;
    }
    #introduction .intro-pic img {
        top: -75px;
    }
    #introduction .intro-content .intro-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 321px) {
    #introduction .intro-big-title {
        margin: 40px 0 30px;
    }
    #introduction .intro-pic img {
        top: -70px;
    }
}

#choose-plan .plan-container {
    overflow-x: auto;
}

#choose-plan .plans {
    display: flex;
    padding: 30px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#choose-plan .plan-box {
    position: relative;
    width: 304px;
    padding: 24px;
    box-sizing: border-box;
    margin-right: 13px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
}

#choose-plan .plan-box:first-of-type {
    margin-left: 3px;
}

#choose-plan .plan-box:last-of-type {
    margin-right: 3px;
}

#choose-plan .plan-box h1 {
    font-weight: bold;
    line-height: 24px;
    color: #1B1464;
    font-size: 21px;
}

#choose-plan .plan-box h2 {
    font-size: 16px;
    line-height: 18px;
    color: #4A4A4A;
    margin-top: 8px;
    font-weight: 600;
}

#choose-plan .plan-box .plan-short-desc {
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
    color: #4A4A4A;
    border-bottom: 2px solid #F0F0F0;
    font-family: inherit;
    white-space: pre-wrap;
    padding-bottom: 15px;
    box-sizing: border-box;
    text-align: justify;
}

#choose-plan .plan-box .perils {
    margin-top: 15px;
    font-size: 16px;
}

#choose-plan .plan-box .perils p {
    margin-bottom: 4px;
    padding-left: 30px;
    line-height: 22px;
}

#choose-plan .plan-box .perils p:last-of-type {
    margin-bottom: 0;
}

#choose-plan .plan-box .perils .N {
    background: url('icon-circle-check-green.png') no-repeat left top;
}

#choose-plan .plan-box .perils .Y {
    background: url('icon-circle-check-red.png') no-repeat left top;
}

#choose-plan .plan-box .perils .X {
    background: url('icon-circle-cross-black.png') no-repeat left top;
}

#choose-plan .plan-box .plan-btns {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}

#choose-plan .plan-box .plan-btns button {
    border-radius: 4px;
    font-size: 15px;
    min-width: 102px;
    padding: 7px 10px;
}

#choose-plan .plan-box .plan-btns .select-btn {
    min-width: 145px;
    transition: none;
}

#choose-plan .plan-box.selected .plan-btns .select-btn {
    background-color: #F0F0F0;
    color: #1B1464;
    border-color: #F0F0F0;
    padding-left: 35px;
    position: relative;
}

#choose-plan .plan-box.selected .plan-btns .select-btn::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 15px;
    height: 15px;
    width: 15px;
    background: url('icon-check-blue.png') no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

#choose-plan .form-note {
    border: 2px solid #D5B527;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 10px 20px;
    margin-top: 20px;
}

#choose-plan .form-note p {
    text-align: center;
}

#choose-plan .form-note div.mort p{
    text-align: justify;
}

#choose-plan .form .radio-btn-slot{
    display:inline-block !important;
    width: 48%;
    /*border: 2px solid #D5B527;
    border-radius: 10px;*/
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 1%;
    margin-right: 1%;
}

#choose-plan .form .radio-btn-slot .radio-lbl {
    display:block;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.5;
}

#choose-plan .plan-note {
    border: 2px solid #D5B527;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2px 4px;
    margin-bottom: 20px;
}

#choose-plan .plan-note p {
    text-align: center;
}

#choose-plan .rec-note {
    border: 2px solid #D5B527;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 2px 4px;
    margin-bottom: 20px;
    width: 60%;
    background-color: #B11116;
	color: #FFF;
	border-color: #B11116;
}

#choose-plan .rec-note p {
    text-align: center;
}

/* LINE / SUBLINE CUSTOM CSS */

#choose-plan .plan-box.MC-COM h1 {
    min-height: 72px;
}

#choose-plan .plan-box.MC-COM .plan-short-desc {
    min-height: 77px;
}

#choose-plan .plan-box.MC-COM .perils {
    min-height: 210px;
}

#choose-plan .plan-box.HA-HCA .rec-slot {
    min-height: 40px;
}

#choose-plan .plan-box.form-offer {
    width: 525px;
    display: flex;
    flex-direction: column;
}

#choose-plan .plan-box.form-offer h1,
#choose-plan .plan-box.form-offer h2{
    margin-bottom: 1em;
}

@media screen and (max-width: 801px) {
    #choose-plan .plans {
        flex-wrap: wrap;
    }
    #choose-plan .plans .plan-box {
        width: 48.5%;
        margin-right: 2%;
        margin-top: 20px;
    }
    #choose-plan .plans .plan-box:nth-of-type(even) {
        margin-right: 0;
    }
    #choose-plan .plans .plan-box:nth-of-type(odd) {
        margin-left: 3px;
    }
    #choose-plan .plans .plan-box:nth-of-type(1),
    #choose-plan .plans .plan-box:nth-of-type(2) {
        margin-top: 0;
    }
    #choose-plan .plan-box .plan-btns {
        justify-content: space-around;
    }
    #choose-plan .form-note {
        margin-top: 8px;
    }

    /* LINE / SUBLINE CUSTOM CSS */
    #choose-plan .plan-box.MC-COM h2 {
        min-height: 36px;
    }
    #choose-plan .plan-box.MC-COM .plan-short-desc {
        min-height: 57px;
    }
    #choose-plan .prodInput {
        width: 99% !important;
    }
    #choose-plan .prodLabel {
        width: 100% !important;
        text-align: left !important;
    }
}

@media screen and (max-width: 710.5px) {
    #choose-plan .plan-box.MC-COM .plan-short-desc {
        min-height: 77px;
    }
    #choose-plan .prodInput {
        width: 99% !important;
    }
    #choose-plan .prodLabel {
        width: 100% !important;
        text-align: left !important;
    }
    #choose-plan .form .radio-btn-slot{
        display:block;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media screen and (max-width: 701px) {
    #choose-plan .plan-box .plan-btns {
        flex-direction: column;
    }
    #choose-plan .plan-box .plan-btns button {
        margin-top: 10px;
        padding: 14px 10px;
        font-size: 16px;
    }
    #choose-plan .plan-box .plan-btns button:first-of-type {
        margin-top: 0;
    }
    #choose-plan .plan-box.selected .plan-btns .select-btn {
        padding-left: 10px;
    }
    #choose-plan .plan-box.selected .plan-btns .select-btn::before {
        top: 13px;
    }
    #choose-plan .prodInput {
        width: 99% !important;
    }
    #choose-plan .prodLabel {
        width: 100% !important;
        text-align: left !important;
    }
}

@media screen and (max-width: 631.5px) {
    #choose-plan .plan-box.MC-COM .perils {
        min-height: 226px;
    }

    #choose-plan .prodInput {
        width: 99% !important;
    }
    #choose-plan .prodLabel {
        width: 100% !important;
        text-align: left !important;
    }
}

@media screen and (max-width: 611px) {
    #choose-plan .plans .plan-box {
        width: 100%;
        margin-left: 3px !important;
        margin-right: 3px !important;
        margin-top: 20px !important;
    }
    #choose-plan .plans .plan-box:first-of-type {
        margin-top: 0 !important;
    }

    /* LINE / SUBLINE CUSTOM CSS */
    #choose-plan .plan-box.MC-COM h1,
    #choose-plan .plan-box.MC-COM h2,
    #choose-plan .plan-box.MC-COM .plan-short-desc,
    #choose-plan .plan-box.MC-COM .perils {
        min-height: unset;
    }

    #choose-plan .prodInput {
        width: 99% !important;
    }
    #choose-plan .prodLabel {
        width: 100% !important;
        text-align: left !important;
    }
}

#choose-plan .benefits-coverage-container {
    overflow-x: auto;
}

#choose-plan h1.benefits-title {
    color: #b11116;
}

#choose-plan .plan-box .coverage {
    margin-top: 15px;
    font-size: 16px;
}

#choose-plan .col.title{
    padding-bottom: 2%;
    padding-top: 7%;
    font-size: x-large;
}

#choose-plan .blue {
    color: #1B1464;
}

#choose-plan .mat-tooltip {
    white-space: pre-line;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 18px;
    color: #1B1464;
}

#choose-plan .prodVouch {
    border: 2px solid #1B1464 !important;
    border-radius: 4px;
    /*2px solid #fff*/
}

#choose-plan .error {
    border: 2px solid #b11116 !important;
    border-radius: 4px;
    /*2px solid #fff*/
}

#choose-plan .code {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
    padding-top: 30px !important;
}

#choose-plan .code2 {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

#choose-plan .field-error {
    margin-top: 10px;
    color: #b11116;
    font-size: 16px;
}

#choose-plan .prodLabel{
    margin-top: 1.5%;
    text-align: end;
}

#choose-plan .prodInput {
    width: 63%;
}

#choose-plan .form.no-line {
    border: none;
}

label.referral-label {
    font-size: smaller;
    font-weight: bold;
}

p.referral-text {
    padding-bottom: 5%;
    padding-top: 5%;
    line-height: 1.5;
    max-width: 530px;
}

p.ref-title {
    font-size: x-large;
    color: #1B1464;
    font-weight: 600;
}

button.referral-next {
    width: 49%;
    margin-left: 5px;
}

#vehicle-details .form-note {
    margin-top: 40px;
    line-height: 25px;
}

#vehicle-details .form-note.custom-form-note-1.with-remarks {
    margin: 30px 0;
}

#vehicle-details .form-note.custom-form-note-1:not(.with-remarks) {
    margin-top: 30px;
}

#vehicle-details-form .form-loader .form-loader-container { 
    margin-bottom: 90px;
}

@media screen and (max-width: 830px) {
	#vehicle-details-form .form-loader .form-loader-container { 
        margin: 75px 0 65px;
    }
}

@media screen and (max-width: 426px) {
    #vehicle-details .form-note {
        margin-top: 30px;
    }
}

#orcr-overlay {
    min-width: 400px;
    height: auto;
    min-height: 400px;
    width: auto;
}

#property-assessment .intro-big-title {
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
    color: #1b1464;
    margin: 30px 0 30px;
    letter-spacing: 1px;
    transition: all ease 0.3s;
}

#property-assessment .intro-box {
    position: relative;
    display: flex;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
    border-radius: 3px;
    margin-bottom: 25px;
    overflow: hidden;
    justify-content: flex-end;
}

#property-assessment .intro-pic {
    position: absolute;
    width: 435px;
    height: 100%;
    top: 0;
    left: 0;
}

#property-assessment .intro-pic img {
    /* height: 146%; */
    width: 100%;
    position: relative;
}

/* #property-assessment .intro-pic .image.imageNo1,
#property-assessment .intro-pic .image.imageNo2,
#property-assessment .intro-pic .image.imageNo3,
#property-assessment .intro-pic .image.imageNo4 {
    max-height: 539px;
} */

#property-assessment .intro-content {
    box-sizing: border-box;
    padding: 12px 35px;
    width: 510px;
    background-color: #fff;
    z-index: 1;
    min-height: 450px;
}

#property-assessment .intro-content .main-question {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    position: relative;
    box-sizing: border-box;
    padding: 16px 0 17px;
}

#property-assessment .intro-content .not-insurable {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

#property-assessment .intro-content .not-insurable > p {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    text-align: center;
    vertical-align: middle;
    /*margin: auto; */
}

#property-assessment .intro-content .supp-doc-question {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    position: relative;
    box-sizing: border-box;
    padding: 10px 0 1px;
    margin-bottom: 1px;
}

#property-assessment .intro-content .supp-doc-question2 {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    position: relative;
    box-sizing: border-box;
    padding: 2px 0;
}

#property-assessment .intro-content .intro-text {
    overflow-y: auto;
    text-align: justify;
}

#property-assessment .prop-note {
    border: 2px solid #d5b527;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px 8px;
    margin-bottom: 10px 10px;
}

#property-assessment .prop-note p {
    text-align: left;
    padding: 8px 5px;
}

#property-assessment .prop-note .sentence1 {
    padding-bottom: 35px;
}

#property-assessment .prop-note .sentence2 {
    padding-top: 35px;
    font-size: 16px;
}

#property-assessment .form-btns mat-checkbox {
    font-family: "Poppins", "Arial", "Calibri", sans-serif;
    margin-right: 40px;
}

#property-assessment .checkbox.hazard-hunter .mat-checkbox-inner-container {
    margin-top: 1%;
}

#property-assessment .form {
    padding-bottom: 0px;
    padding-top: 5px;
    vertical-align: top;
    border-bottom: 0px;
}

#property-assessment .form .field {
    padding-top: 10px;
}

#property-assessment
    .mat-form-field-appearance-fill.mat-form-field-disabled
    .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.1);
}

#property-assessment .mat-form-field-appearance-fill .mat-form-field-flex {
    background: rgba(0, 0, 0, 0.01);
}

#property-assessment .mat-form-field-wrapper > .mat-form-field-flex {
    border: 2px solid #eee;
}

#property-assessment .form-note {
    border: 2px solid #d5b527;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 10px 20px;
    margin-top: 20px;
}

#property-assessment .form-note p {
    text-align: justify;
}

/* #property-assessment .form .field mat-form-field:disabled {
    background-color: #e4e4e4 !important;
    color: #414344;
    border: 10px 0px solid #e4e4e4 !important;
}*/

#property-assessment .form .field.question5 {
    padding-top: 10px;
    padding-bottom: 20px;
}

#property-assessment .form .radio-btn-slot {
    display: inline-block !important;
    width: 46%;
    /*border: 2px solid #D5B527;
    border-radius: 10px;*/
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 2%;
    margin-right: 2%;
}

#property-assessment .form .radio-btn-slot .radio-lbl {
    display: block;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.5;
}

#property-assessment .form .col-case .checkbox {
    text-align: justify;
}

#property-assessment .radio-button.wall,
#property-assessment .radio-button.roof {
    display: block;
}

#property-assessment .radio-button .radio-lbl-wall,
#property-assessment .radio-button .radio-lbl-roof {
    font-weight: 400;
    white-space: normal;
}

#property-assessment .province {
    width: 100%;
    display: inline-block !important;
}

#property-assessment .city {
    width: 100%;
    display: inline-block !important;
    /*padding-left: 2%;*/
}

#property-assessment .num-year {
    width: 45%;
}

#property-assessment .supporting-docs {
    padding-bottom: 50px;
}

#property-assessment .btn-avail {
    height: 44px;
    min-width: 120px;
    padding: 11px;
    margin-left: 24%;
}

#property-assessment input[type="number"].noArrow::-webkit-outer-spin-button,
#property-assessment input[type="number"].noArrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#property-assessment input[type="number"].noArrow {
    -moz-appearance: textfield;
}

#property-assessment .bold {
    font-weight: 600;
}

#property-assessment .bottom-space {
    padding-bottom: 5%;
}

#property-assessment .checkbox-confirm {
    padding-top: 2em;
    padding-bottom: 2em;
}

@media screen and (max-width: 906px) {
    #property-assessment .intro-pic {
        left: -80px;
    }
}

@media screen and (max-width: 874px) {
    #property-assessment .form-btns {
        display: block;
        text-align: center;
    }
    #property-assessment .form-btns mat-checkbox {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 801px) {
    #property-assessment .intro-pic img {
        height: 130%;
    }
    #property-assessment .intro-content {
        padding: 24px 35px;
        width: 357px;
    }
}

@media screen and (max-width: 680px) {
    #property-assessment .intro-pic {
        left: -160px;
    }
}

@media screen and (max-width: 616px) {
    #property-assessment .intro-box {
        justify-content: unset;
        flex-direction: column;
    }
    #property-assessment .intro-pic {
        left: 0;
        position: relative;
        width: 100%;
        height: 100%;
        max-height: 270px;
    }
    #property-assessment .intro-pic img {
        height: 175%;
        width: 100%;
        top: -145px;
    }
    #property-assessment .intro-content {
        width: 100%;
    }
    #property-assessment .form .radio-btn-slot {
        display: block;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    #property-assessment .province {
        width: 100%;
        display: block;
    }
    #property-assessment .city {
        width: 100%;
        display: block;
        padding-left: 0%;
    }
}

@media screen and (max-width: 540px) {
    #property-assessment .intro-pic img {
        top: -110px;
    }
    #property-assessment .intro-content {
        padding: 24px 24px;
    }
}

@media screen and (max-width: 516px) {
    /* #property-assessment .intro-pic {
        max-height: 200px;
    } */
    #property-assessment .intro-pic img {
        top: -120px;
    }
}

@media screen and (max-width: 426px) {
    #property-assessment .intro-pic img {
        top: -95px;
    }
}

@media screen and (max-width: 376px) {
    #property-assessment .intro-big-title {
        font-size: 23px;
    }
    #property-assessment .intro-pic img {
        top: -75px;
    }
    #property-assessment .intro-content .intro-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 321px) {
    #property-assessment .intro-big-title {
        margin: 40px 0 30px;
    }
    #property-assessment .intro-pic img {
        top: -70px;
    }
}

#property-details-form .col.title{
    padding-bottom: 2%;
}

#property-details-form .form-loader .form-loader-container {
    margin-bottom: 90px;
}

#property-details .maps {
    width: 100%;
}

#property-details .gMap {
    font: inherit;
    background: #fff;
    color: currentColor;
    border: 2px solid #fff;
    border-radius: 4px;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 98%;
    vertical-align: bottom;
    text-align: inherit;
    font-family: Inter,sans-serif;
    line-height: 1.6;
    padding: 10px 7px 10px;
}

#property-details .gMap input {
    font: inherit;
    background: transparent;
    color: currentColor;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
    text-align: inherit;
}

#property-details .gMap-field {
    padding-bottom: 1%;
}

#property-details .checkbox {
    content: none;
    float: left;
}

#property-details .bldg {
    width: 100% !important;
}

#property-details .checkbox.bldg {
    padding-top: 5%;
}

#property-details .cont {
    width: 100% !important;
}

#property-details .checkbox.cont {
    padding-top: 5%;
}

#property-details .bldg-cont-case {
    margin-bottom: 0px;
}

#property-details .label-total{
    font-weight: 600;
}

#property-details .total-label-case {
    width: 24%;
}

#property-details .si-field-error {
    color: #b1111f;
    margin-top: 9px;
    line-height: 15px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 14px;
}

#property-details .error {
    border: 2px solid #b11116 !important;
    border-radius: 4px;
    /*2px solid #fff*/
}

#property-details .label {
    margin-bottom: 1%;
}

#property-details .age-of-bldg {
    display: inline-block !important;
    width: 100%;
}

#property-details .age {
    width: 28.8%;
    padding-top: 32px;
}

#property-details .age-label {
    padding-top: 4%;
}

#property-details .const-label {
    padding-top: 1.5%;
}

#property-details .const-year {
    width: 66%;
    /*width: 100%;*/
    margin-right: 5%;
}

#property-details .const-yr-opt {
    /*width: 24%;*/
    width: 100%;
}

/*#property-details .const-year-option-radio-button.exact {
    margin-bottom: 40px;
}*/

/*#property-details .const-yr-opt mat-radio-button {
    margin: 0px;
}*/

#property-details .const-field {
    /*width: 74%;*/
    width: 100%;
}

#property-details .const-field.exact {
    /*width: 74%;
    margin-bottom: 25px;
    */
    width: 100%;
}

#property-details .no-of-floor {
    width: 17.8%;
}

#property-details .roofPropDtl-type-radio-button {
    width: 100%;
}

#property-details .wallPropDtl-type-radio-button {
    width: 100%;
}

#property-details .roof-others{
    width: 100%;
}

#property-details .wall-others{
    width: 100%;
}

#property-details .currency {
    width: 51px;
    margin-right: 0px;
}

#property-details .currency-field {
    width: 75%;
}

#property-details .currency-field input::placeholder {
    text-align: right;
}

#property-details .currency-field input::-webkit-input-placeholder {
    text-align: right;
}

#property-details .mortTag {
    width: 100%;
}

#property-details .font {
    margin-bottom: 10px;
    font-family: Inter,Arial,Calibri,sans-serif;
    font-weight: 400;
    line-height: 30px;
    color: #373f41;
    display: inline-block;
    position: relative;
}

/*#property-details .bank {
    width: 80%;
}

#property-details .loan {
    width: 80%;
}*/

#property-details .mort-amt input::placeholder {
    text-align: right;
}

#property-details .mort-amt input::-webkit-input-placeholder {
    text-align: right;
}

#property-details .bank-policy-doc {
    width: 100%;
}

/*#property-details .mort-set {
    padding-top: 2%;
}*/

#property-details .req label.prop-opt::before {
    content:"*";
    padding-left: 5px;
    float: right;
    color: red;
}

#property-details .existIns {
    width: 100%;
}

/*#property-details .existComp {
    width: 80%;
}

#property-details .existchkbox {
    width: 100%;
}*/

#property-details .label-front {
    padding-top: 20%;

}

#property-details .label-vertical {
    padding-top: 7%;

}

#property-details .text-occupancy {
    width: 100%;
}

#property-details .surround-field {
    display: flex;
    flex-direction: row;
}

#property-details .surround-field > .surround-label {
    margin-top: 0.875em;
    width: 4em;
}

#property-details .map-button {
    padding-top: 5px;
}

#property-details .form-note.caveat {
    border: 2px solid #D5B527;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 10px 20px;
    margin-top: 20px;
}

#property-details .form-note.caveat p {
    text-align: justify;
}

#property-details .link{
    font-weight: 700;
    cursor: pointer;
    color: #1b1464;
    text-decoration: underline;
}

#property-details .invalid-checkbox.mat-checkbox .mat-checkbox-frame {
    border-color: #b11116;
}

@media screen and (min-width: 830px) {
    #property-details .label-hide {
        display: none;
    }

    #property-details .label-front {
        padding-top: 20%;
        width: 20%;
    }

    #property-details .label-vertical {
        padding-top: 7%;
        width: 20%;
    }

    #property-details .first-half {
        margin-right: 1%;
    }

    #property-details .occupancy {
        width: 78%;
    }

    #property-details .adjust-fields-ext {
        padding-left: 1%;
        width: 78%;
    }

    #property-details .adjust-fields-roof {
        padding-left: 8%;
        width: 78%;
    }

    #property-details .adjust-fields-storey {
        padding-left: 15%;
        width: 78%;
    }
}

@media screen and (max-width: 830px) {
    #property-details-form .form-loader .form-loader-container {
        margin: 75px 0 65px;
    }

    #property-details .age-of-bldg {
        display: unset !important;
    }

    #property-details .age {
        width: 100%;
    }

    #property-details .age-label {
        padding-top: 0px;
    }

    #property-details .const-year {
        width: 100%;
    }

    #property-details .const-yr-opt {
        margin: 0px !important;
    }

    #property-details .no-of-floor {
        width: 100%;
    }

    #property-details .currency .currency-input {
        text-align: center;
    }

    #property-details .label-hide-cont {
        display: none;
    }

    #property-details .checkbox.cont {
        padding-top: 0px;
    }

    /*#property-details .checkbox.bldg mat-checkbox label {
        padding-right: 25px !important;
    }

    #property-details .checkbox.cont mat-checkbox label {
        padding-right: 25px !important;
    }*/

    #property-details .total-label-case {
        width: 100%;
    }

    #property-details .bank {
        width: 100%;
    }

    #property-details .loan {
        width: 100%;
    }

    #property-details .existComp {
        width: 100%;
    }

    #property-details .label-front {
        padding-top: 12%;
        width: 20%;
    }

    #property-details .text-occupancy {
        width: 80%;
    }

    #property-details .label-vertical {
        padding-top: 4%;
        width: 20%;
    }

    #property-details .bank-policy-doc {
        width: 100%;
    }

    #property-details .currency-field {
        width: 86%;
    }
}

#coverage-perils .mat-raised-button {
    display: block;
    min-width: 100%;
    background-color: rgb(25, 25, 121);
    color: rgb(255, 255, 255);
}

#coverage-perils table {
    width: 100%;
    border-style: solid;
    border-width: 20px;
    border-color: rgb(255, 255, 255);
    vertical-align: middle;
}

#coverage-perils .mat-column-coverage {
    /* width: 70%; */
    vertical-align: middle;
}

#coverage-perils .mat-column-premAmount,
#coverage-perils .mat-column-amountCovered,
#coverage-perils .mat-column-commAmt ,
#coverage-perils .mat-column-commAmt,
#coverage-perils .mat-column-serviceFeeAmt{
    text-align: right;
    vertical-align: middle;
    padding-right: 23px;
    min-width: 130px;
    max-width: 150px;
}

#coverage-perils .mat-column-premRt,
#coverage-perils .mat-column-commRt,
#coverage-perils .mat-column-serviceFeeRt {
    text-align: right;
    vertical-align: middle;
    padding-right: 23px;
    min-width: 100px;
    max-width: 120px;
}

#coverage-perils .mat-column-premRt .mat-form-field-flex,
#coverage-perils .mat-column-amountCovered .mat-form-field-flex,
#coverage-perils .mat-column-premAmount .mat-form-field-flex,
#coverage-perils .mat-column-commRt .mat-form-field-flex {
    background: transparent;
}

#coverage-perils .mat-table .mat-form-field-flex .mat-input-element,
#coverage-perils .mat-table .mat-form-field-flex .mat-select,
#coverage-perils .mat-table .mat-form-field-flex .mat-select-value-text {
    font-weight: normal !important;
    background-color: #F2C94C;
}

#coverage-perils .mat-column-perilName {
    min-width: 150px;
}

#coverage-perils .mat-column-itemNo {
    min-width: 104px;
}

#coverage-perils .mat-header-cell {
    font-weight: 900;
    vertical-align: middle;
    border-bottom-style: none;
}

#coverage-perils .mat-column-amountCovered .mat-sort-header-container,
#coverage-perils .mat-column-premAmount .mat-sort-header-container,
#coverage-perils .mat-column-premRt .mat-sort-header-container,
#coverage-perils .mat-column-commRt .mat-sort-header-container,
#coverage-perils .mat-column-commAmt .mat-sort-header-container {
    display: flex;
    padding: 21px 0;
    direction: rtl;
}

#coverage-perils .mat-row:nth-child(odd) {
    background-color: rgba(241, 241, 241, 0.671);
}

#coverage-perils td.mat-cell {
    border-bottom-style: none;
}

#coverage-perils .mat-table {
    box-shadow: none;
}

#coverage-perils input,
#coverage-perils mat-select {
    font-weight: 600;
}

#coverage-perils .peril-title {
    font-size: 24px;
    font-family: Poppins;
    font-weight: 600;
    margin-top: 75px;
}

#coverage-perils table.mat-table {
    border-spacing: 0;
    width: 100%;
}

#coverage-perils .mat-card-content .col.header {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#coverage-perils .form.no-border {
    border-bottom: 0px;
}

#coverage-perils .mat-card-content .col.header .field .field-desc,
#coverage-perils .mat-card-content .col.header .field .field-value {
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0px 6px 25px;
    min-width: 225px;
}

#coverage-perils .mat-card-content .col.header .field .field-value {
    font-weight: 600;
}

#coverage-perils .mat-card {
    margin-bottom: 20px;
}

#coverage-perils .mat-card.white {
    color: black;
    background-color: white;
}

#coverage-perils .mat-card.blue {
    color: white;
    background-color: #1B1464;
}

#policy-header-details-form {
    margin-bottom: 30px;
}

#policy-header-details-form ~ .form .bold {
    font-weight: bold;
}

#policy-header-details-form > .form-loader .form-loader-container {
    margin-top: 70px;
    margin-bottom: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#policy-header-details-form .policy-header-details-form-msg.top {
    display: none;
}

#coverage-perils .form .policy-header-form {
    border-bottom: none !important;
}

#coverage-perils .form-title {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 48px;
}

#coverage-perils .form-title h2 {
    font-family: Arial,Calibri,sans-serif;
    font-size: 24px;
    letter-spacing: .04em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 24px;
    margin-top: 36px;
}

#coverage-perils .product-details .summary > .box-1{
    margin-bottom: 15px;
}

#coverage-perils .product-details .summary.premium-charges .box-1 .box-holder.style-2 .detail {
    width: 23%;
}

#coverage-perils .product-details .summary.premium-charges .box-2 .box-holder > .detail {
    margin-right: 2%;
    width: 23%;
}

@media screen and (max-width: 640px) {
    #coverage-perils .mat-card-content .col.header .field {
        flex: 48%;
    }
    #coverage-perils .mat-card-content .col.header .field {
        border: none;
        padding: 0;
    }
    #coverage-perils .product-details .summary .box-1 .box-holder.style-2 .detail,
    #coverage-perils .product-details .summary.premium-charges .box-1 .box-holder.style-2 .detail {
        width: 48%;
    }
}

@media screen and (max-width: 767px) {
    #policy-header-details-form .policy-header-details-form-msg.top {
        display: block;
    }
    #policy-header-details-form .policy-header-details-form-msg.bottom {
        display: none;
    }
    #coverage-perils .product-details .summary.premium-charges .box-1 .box-holder.style-2 .detail {
        width: 31%;
    }
}

#coverage-perils .mat-card-content .col.header .field.selected-peril .field-desc {
    font-weight: normal;
    vertical-align: middle;
    padding: 0 20px 6px 0px;
    min-width: 200px;
    text-align: right;
}

#coverage-perils .mat-card-content .col.header .field.selected-peril .field-value {
    font-weight: normal;
    vertical-align: middle;
    padding: 0 20px 6px 0px;
    min-width: 200px;
    font-weight: 600;
    text-align: right;
}

#coverage-perils .mat-card-content .col.header .field.peril-name .field-desc {
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0px 6px 20px;
    min-width: 200px;
}

#coverage-perils .mat-card-content .col.header .field.peril-name .field-value {
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0px 6px 20px;
    min-width: 200px;
    font-weight: 600;
}

#coverage-perils table.mat-table tbody tr:last-child {
    font-weight: bold;
}

#coverage-perils .edit-btn {
    float: right;
    color: #B11116;
}

#coverage-perils .edit-btn:hover {
    text-decoration: underline;
    cursor: pointer;
}

#coverage-perils .mat-card-content .field:first-child {
    color: #1B1464;
}

#coverage-perils .mat-table .mat-form-field-wrapper>.mat-form-field-flex {
    border: none;
}

#coverage-perils .edit-container {
    display: flex;
    padding: 5px;
    flex-direction: row-reverse;
}

#coverage-perils .box-wrap {
    padding: 0;
}

#coverage-perils .show-comp-btn {
    text-align: center
}

#coverage-perils .show-comp-btn .btn{
    width: -webkit-max-content;
    width: max-content;
}

#coverage-perils .show-comp-btn .mat-form-field-flex {
    padding: 0 imp !important;
}

#coverage-perils .show-comp-btn .mat-form-field-flex {
    border: none;
    background: transparent;
}

#coverage-perils .show-comp-btn .mat-form-field-flex .mat-form-field-infix {
    padding: 0;
    border: none;
}

#coverage-perils .show-comp-btn .mat-form-field-flex .mat-form-field-infix input {
    display: none;
}

#coverage-perils .number-header .mat-sort-header-content {
    text-align: right;
}

#coverage-perils .table-box {
    overflow-x: auto;
}

.mat-tooltip {
    white-space: pre-line;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 18px
}

#coverage-perils ::-webkit-scrollbar {
    -webkit-appearance: none;
}

#coverage-perils ::-webkit-scrollbar:vertical {
    width: 12px;
}

#coverage-perils ::-webkit-scrollbar:horizontal {
    height: 12px;
}

#coverage-perils ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

#coverage-perils ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

@media screen and (max-width: 480px) {
    #coverage-perils .show-comp-btn .btn {
        width: 100%;
    }
    #policy-header-details-form .form-loader .form-loader-container {
        margin-top: 90px;
    }
}

.cdk-viewport {
    min-height: 48px;
    max-height: 256px;
    overflow-x: hidden;
}

#coverage-perils input[type=number].noArrow::-webkit-outer-spin-button,
#coverage-perils input[type=number].noArrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#coverage-perils input[type=number].noArrow {
    -moz-appearance: textfield;
}

#rev-prem-charges {
    min-height: 285px;
}

#rev-prem-charges .form-btns {
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

#rev-prem-charges .cancel-note {
    margin: 0 25px 0 0;
}

#rev-prem-charges .form-btns .buttons {
    min-width: 304px;
}

#rev-prem-charges.product-details .summary.coverage {
    margin-top: 12px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START */

#rev-prem-charges .summary.coverage .custom-table-2>ul>li {
    min-width: 480px;
}

#rev-prem-charges .summary.coverage .custom-table-2>ul>li>div>p:nth-of-type(1) {
    min-width: 72%;
}

#rev-prem-charges .summary.coverage .custom-table-2>ul>li>div>p:nth-of-type(2) {
    min-width: 25%;
}

#rev-prem-charges .help-icon {
    color:#1B1464;
    display: inline-block;
}

#rev-prem-charges .word-break {
    word-break: break-all;
}

.mat-tooltip{
    white-space: pre-line;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    background: white;
    color: black !important;
}

#rev-prem-charges .blue {
    background: #1B1464;
    border-color: #1B1464;
}

#rev-prem-charges .reason-text {
    display: flex;
}

#rev-prem-charges .deductible-text{
    white-space: pre-wrap;
    text-align: justify;
    font-weight: normal;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - FPA*/

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(1),
#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 40%;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(2),
#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 15%;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(3),
#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 20%;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(4),
#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(4) {
    min-width: 15%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#rev-prem-charges.product-details .summary.benCovFPA .box-1 {
    padding: 10px 3%;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p.centerAlign,
#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div > p.centerAlign {
    text-align: center;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.header > p::after {
    background-image: none;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - IND*/

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(1),
#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 49%;
}

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(2),
#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 45%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#rev-prem-charges.product-details .summary.benCovIND .box-1 {
    padding: 10px 3%;
}

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > div > p.prem-total-1 {
    display: none;
}

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.header > p::after {
    background-image: none;
}

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - CI*/

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(1),
#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 28%;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(2),
#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 40%;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(3),
#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 25%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#rev-prem-charges.product-details .summary.benCovCI .box-1 {
    padding: 10px 3%;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > p.value,
#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div > p.value {
    font-weight: bold;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.header > p::after {
    background-image: none;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*  UPDATED CSS FOR TABLE - START  */

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(1),
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 25%;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(2),
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 14%;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(3),
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 21%;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(4),
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(4) {
    min-width: 10%;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(5),
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(5) {
    min-width: 11%;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(6),
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(6) {
    min-width: 5%;
}

#rev-prem-charges.product-details .summary.dependents .box-1 {
    padding: 10px 1%;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div > p.prem-total-1 {
    display: none;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p.centerAlign,
#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div > p.centerAlign {
    text-align: center;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* FIRE CHECKBOX - START */

#rev-prem-charges.product-details .checkbox {
    margin-top: 20px;
    cursor: default;
    padding-right: 2%;
    /* color: gray; */
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

#rev-prem-charges.product-details .currency {
    margin-left: 5px;
    padding-right: 10px;
    cursor: text;
    border-right: 2px solid lightgray;
    display: inline-block;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    font-weight: 600;
    height: 30px;
    padding-top: 7px;
    /* color: gray; */
}

#rev-prem-charges.product-details .amount {
    margin-left: 5px;
    padding-left: 5px;
    cursor: text;
    display: inline-block;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    font-weight: 600;
}

#rev-prem-charges.product-details .insurance-amount {
    border: none;
    margin-bottom: 0%;
    padding-bottom: 0%;
}

#rev-prem-charges.product-details .currency-amount-container {
    display: inline-block;
}

/* FIRE CHECKBOX - END */

/*  UPDATED CSS FOR TABLE - END  */

@media screen and (max-width: 875px) {
    #rev-prem-charges .form-btns {
        display: block;
    }
    #rev-prem-charges .cancel-note {
        margin: 0 0 40px;
    }
    #rev-prem-charges .form-btns .buttons {
        min-width: unset;
        text-align: center;
    }
}

#verifyEmailRevPrem {
    max-width: 80vw;
    width: 450px;
    padding: 30px 47px;
}

#verifyEmailRevPrem h2 {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 28px;
    margin: 10px 0 25px;
    color: #1b1464;
}

@media screen and (max-width: 801px) {
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(4) {
        display: block;
    }

    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div > p,
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > p,
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(2),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(2),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(3),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(3),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(4),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(4) {
        display: none;
    }

    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(1),
    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #rev-prem-charges.product-details .summary.benCovFPA .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }

    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2) {
        display: block;
    }

    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > div > p,
    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > p,
    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(2),
    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(2) {
        display: none;
    }

    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(1),
    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #rev-prem-charges.product-details .summary.benCovIND .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }

    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2),
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3) {
        display: block;
    }

    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body2,
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div > p,
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > p,
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(2),
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(2) {
        display: none;
    }

    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(1),
    #rev-prem-charges.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > div:nth-of-type(2),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > div:nth-of-type(4),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(5),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > div:nth-of-type(6),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div > p.prem-total-1 {
        display: block;
    }

    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p,
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div > p,
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > p,
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > p,
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(2),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(2),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(3),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(3),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(4),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(4),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(5),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(5) {
        display: none;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(2),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(2) {
        margin-right: 0;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(1),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 47%;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(6),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(6) {
        min-width: 47%;
    }
}

@media screen and (max-width: 580px) {
    #rev-prem-charges .summary.coverage .custom-table-2::before {
        display: block;
    }
    #verifyEmailRevPrem {
        padding: 30px 15px;
    }
}

@media screen and (max-width: 561px) {
    #policy-header-details-form .form-loader .form-loader-container {
        margin-top: 90px;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(1),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(2),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(4),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(6) {
        display: block;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div:first-of-type {
        margin-top: 0;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div:first-of-type > p {
        font-weight: bold;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(6),
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(6) {
        display: none;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 100%;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
        margin-right: 0;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.footer {
        display: none;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li {
        padding: 0 16px;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li > div {
        padding: 20px 0;
    }
}

@media screen and (max-width: 426px) {
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div {
        display: flex !important;
        justify-content: space-between;
        margin-top: 10px;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div > p:first-of-type {
        min-width: 165px;
        max-width: 165px;
        margin-right: 20px;
        margin-bottom: 0;
    }
    #rev-prem-charges.product-details .summary.dependents .custom-table > ul > li.body > div > div > p:last-of-type {
        text-align: right;
    }

    #rev-prem-charges.product-details .currency {
        margin-left: 0px;
        padding-right: 3px;
        cursor: text;
        border-right: 2px solid lightgray;
        display: inline-block;
        font-family: "Montserrat", "Arial", "Calibri", sans-serif;
        font-weight: 600;
        height: 30px;
        padding-top: 7px;
        /* color: gray; */
    }

    #rev-prem-charges.product-details .amount {
        margin-left: 0px;
        padding-left: 3px;
        cursor: text;
        display: inline-block;
        font-family: "Montserrat", "Arial", "Calibri", sans-serif;
        font-weight: 600;
        /* color: gray; */
    }

    #rev-prem-charges.product-details .checkbox {
        margin-top: 0%;
        padding-right: 0%;
    }

    #rev-prem-charges.product-details .currency-amount-container {
        /* margin-left: 17%; */
        float: right;
        margin-top: -2%;
    }
}

@media screen and (max-width: 350px) {

    #rev-prem-charges.product-details .currency-amount-container {
        float: right;
        margin-top: -2%;
    }

}

/* STEPPER BUTTONS */

#stepper-dtl #btn-save,
#stepper-dtl #btn-print,
#stepper-dtl #btn-email {
    min-width: 120px;
}

#stepper-dtl #btn-continue {
    width: 200px;
}

/* EMAIL / PRINT */

#email-print img {
    width: 100px;
    height: 32px;
}

#email-print table {
    width: 100%;
}

#email-print .form-wrapper {
    width: 100%;
    max-width: 1020px;
    min-width: 320px;
    margin: 0 auto;
    transition: all ease .2s;
    border-top: 4px solid #1B1464;
    box-shadow: #8f2a2a;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0px rgb(0 0 0 / 25%);
}

#email-print .form.email-print {
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 0px solid #8f2a2a;
}

#email-print .form>.col-6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#email-print .form>.col-6>.field {
    width: 15.87%;
}

#email-print .step-title>.step-btns>button.btn-blue,
#email-print .form-btns>button.btn-blue {
    background-color: #1B1464;
    color: #fff;
}

/* #email-print .step-title>.step-btns>button,
#email-print .form-btns>button {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    min-width: 60px;
    padding: 12px 15px;
    border-radius: 5px;
    cursor: pointer;
} */

#email-print .mat-row:nth-child(even) {
    background-color: white;
}

#email-print .mat-row:nth-child(odd) {
    background-color: whitesmoke;
}

#email-print .mat-table {
    font-family: 'Montserrat', sans-serif;
    box-shadow: none;
}

#email-print .field.required .field-desc {
    justify-content: start;
}

#email-print .form-wrapper .mat-form-field-flex {
    background: transparent;
}

#email-print table {
    width: 100%;
    vertical-align: middle;
    min-width: 400px;
    overflow-x: scroll;
}

#email-print table tr.mat-row,
#email-print table tr.mat-header-row {
    height: 38px;
}

#email-print table tr.mat-row td,
#email-print table tr.mat-header-row th {
    vertical-align: middle;
}

#email-print table tr.mat-row td:first-child {
    font-weight: 550;
}

#email-print table tr.mat-header-row th {
    font-weight: 700;
    color: black;
}

#email-print .number {
    text-align: end;
}

#email-print .form-wrapper .container:first-child {
    margin-top: 0px;
    padding-top: 20px;
    background-color: #fafafc;
}

#email-print .weighted {
    font-weight: 600;
}

#email-print #totalTable th {
    display: none;
}

#email-print .mat-form-field-infix {
    display: flex;
}

#email-print .mat-form-field-infix .mat-icon {
    font-size: 22px;
}

#email-print .col-3 .field-2 {
    width: 63%;
    max-width: unset;
}

#email-overlay {
    width: 90vw;
    max-width: 500px;
}

#email-print .form-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#email-print .form-wrapper p {
    margin: 10px 0;
    padding: 0 12px;
    text-align: center;
}

#email-print .form-wrapper .spinner-container {
    flex-basis: 100%;
}

#email-print .col-3 .field-1,
#email-print .col-3 .field-2 {
    width: 48.8%;
}

@media screen and (max-width: 766px) {
    #email-print .col-3 .field-1,
    #email-print .col-3 .field-2 {
        width: 100%;
    }
}

#email-print .field.border {
    border-radius: 100px;
    border: solid #d6b72d;
    padding: 1.5% 2%;
    text-align: center;
}

#email-overlay .form-note {
    margin-bottom: 15px;
}

#email-print .instructions-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
    font-style: italic;
}

#customer-information .col.title{
    padding-bottom: 2%;
}

#customer-information .field.instructions2 {
    padding-bottom: 4%;
    line-height: 22px;
}

#customer-information .text{
    padding-bottom: 4%;
}

#customer-information .weighted {
    font-weight: 600;
}

#customer-information .backColor{
    background-color: #f0f0f0;
    border-radius: 4px;
    margin-bottom: 24px;
}

#customer-information .compName {
    overflow: hidden;
    margin-bottom: 24px;
}

#customer-information .displayName{
    padding: 1%;
}

#customer-information .field.instructions {
    padding-bottom: 4%;
}

#customer-information pre{
    font-family: inherit;
    white-space: pre-wrap;
}

#customer-information .field.border {
    border-style: solid;
    border-width: medium;
    border-radius: 100px;
    border-color: #d6b72d;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
}

#customer-information .viewList{
    color: #302a73;
    font-weight: 600;
    font-size: 18px;
    background: none;
    border: none;
    cursor: pointer;
}

#customer-information .tooltip-list {
    white-space: pre;
}

#customer-information .postal{
    text-transform: uppercase;
}

#customer-information .hide {
    display: none;
}

#customer-information .hidden {
    visibility: hidden;
}

#customer-information .form {
    margin-bottom: 24px;
}

#customer-information .checkbox {/*.field.required label::before {*/
    content: none;
    float: left;
}

#customer-information .tin {
    width: 100% !important;
}

#customer-information .checkbox.tin {
    padding-top: 2%;
}

#customer-information .sameAsPermanent {
    pointer-events: none;
}

#customer-information .disabled {
    background-color: rgba(243, 9, 9, 0.02);
}

ul.list {
    list-style-position: inside;
    width: 335px;
}

li.overlay {
    list-style-type: disc !important;
}

.ocrTag {
    font-size: 16px;
}

/*UPLOADIING IDS*/

#customer-information mat-card {
    height: 250px;
}

#customer-information .image-upload-container, .replace {
    cursor: pointer;
}

#customer-information .img-preview-container {
    background-color: #f7f7f7;
    position: relative;
    height: 200px;
}

#customer-information .img-preview {
    background: center center no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}

#customer-information .textract-container {
    position: relative;
    top: 32%;
}

#customer-information .textract-loader {
    position: relative;
    left: 37%;
    border: 10px solid #ffffff;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#customer-information .redBorder {
    border: 2px solid #8f2a2a;
    border-radius: 4px;
}

#customer-information .decrease {
    height: 10%;
    width: 77%;
    background-color: #302a73;
    border-color: #302a73;
    color: white;
}

#customer-information .btn-bwm {
    background: url('image-white.png') no-repeat left;
    background-color: #302a73;
    border-color: #302a73;
    color: white;
    height: 10%;
    width: 77%;
    text-indent: 17%;
    background-position: 9% 50%;
}

#customer-information .image, .repImage{
    display: none;
}

#customer-information .id{
    border-style: solid;
    border-width: thin;
    border-color: #302a73;
    background-color: #302a73;
    height: 20%;
    padding: 0;
    margin-bottom: 10%;
}

#customer-information .upload-text{
    padding-top: 25%;
}

#customer-information .drag{
    font-weight: 600;
    /*justify-content: center;
    align-items: center;
    text-align: center;*/
}

#customer-information .upload-text p{
    padding-bottom: 5%;
    text-align: center;
}

#customer-information .button-id {
    padding-left: 21%;
    padding-top: 28%;
}

#customer-information .upload-image{
    font-size: 16px;
}

#customer-information .idGrp{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 10%;
    background-color: #f2f2f2;
}

#customer-information .add{
    /*background: url(../../../../../assets/images/policy/customer-information/id.png) no-repeat left;*/
    color: #ffffff;
    font-weight: 600;
    background-color: #302a73;
    /*line-height: 308px;*/
    line-height: 50px;
    width: 100%;
    height: 100%;
    background-position: 50% 40%;
    border-radius: 2px;
}

#customer-information .delete {
    background-color: #dddddd;
    border-color: #dddddd;
    color: rgb(27, 20, 100);
    min-width: 36%;
    height: 34px;
}

#customer-information .alert{
    height: 200px;
}

#customer-information .replace{
    background: url('image-blue.png') no-repeat left;
    background-color: white;
    border-style: solid;
    border-width: thin;
    border-radius: 4px;
    border-color: #302a73;
    color: #302a73;
    width: 57%;
    text-indent: 11%;
    background-position: 3% 50%;
    margin-left: 3%;
    padding: 3% 1% 3% 2%;
}

#customer-information .mat-card-actions{
    margin-left: 0px;
    margin-right: 0px;
}

#customer-information .replace-image {
    padding-top: 1%;
}

#customer-information .upload {
    width: 100% !important;
    margin-right: 0%;
    margin-bottom: 24px;
}

#customer-information .addId {
    margin-left: 2.3%;
    margin-bottom: 24px;
}

#customer-information .space{
    margin-right: 2.3%;
}

#customer-information .idImg {
    align-items: center;
}

/* FOR PHOTO/VIDEO */

/*#customer-information body {
    background-color: #F0F0F0;
}

#customer-information #app {
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
}
#customer-information #video {
    background-color: #000000;
}
#customer-information #canvas {
    display: none;
}
#customer-information li {
    display: inline;
    padding: 5px;
}*/

#customer-information .suffix{
    width: 8.5%;
}

#customer-information .uppercase{
    text-transform: uppercase;
}

#customer-information .middle{
    width: 20.7%;
    margin-right: 2.3%;
}

#customer-information .extend{
    width: 65.5%;
}

#customer-information .red::after
{
    color: red;
    content: " *";
}

.rm-consent{
    max-width: 50vw;
}

.rm-consent .buttons button{
    background-color: #B11116;
    width: 100%;
    color: #FFF;
}

.rm-consent .buttons .recommended{
    font-style: italic;
    font-size: x-small;
    text-align: center;
    margin-bottom: 12px;
}

@media screen and (max-width: 720px) {
    #customer-information .middle{
        width: 65%;
    }
    #customer-information .suffix{
        width: 30%;
        padding-left: 5%;
    }
    #customer-information .extend{
        width: 100%;
    }
    .rm-consent{
        max-width: 80vw;
    }
}

/*Supporting docs*/

#customer-information .upload-docs-container, .replace {
    cursor: pointer;
    font-size: 16px !important;
    text-align: center;
    border-color: #302a73;
    color: #302a73;
    letter-spacing: -0.05em;
    width: 100%;
    font-weight: 600;
    border-width: 2px;
}

#customer-information .row-file-name {
    height: 25px;
}

#customer-information .file-name {
    width: 66%;
}

#customer-information .file-view{
    width: 15%;
    text-align: center;
}

#customer-information .file-remove {
    width: 20%;
    text-align: left;
}

#customer-information .support-docs-buttons{
    color: #302a73;
    font-size: 18px;
    background: none;
    border: none;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    cursor: pointer;
}

#customer-information .marital-stat {
    font-weight: 700;
    padding-top: 20px;
    font-size: large;
    padding-left: 5px;
}

#acceptance-form > .form-loader .form-loader-container {
    margin-top: 50px;
    margin-bottom: 90px;
}

#policy-header-details-form {
    margin-bottom: 30px;
}

#policy-header-details-form ~ .form .bold {
    font-weight: bold;
}

#policy-header-details-form > .form-loader .form-loader-container {
    margin-top: 70px;
    margin-bottom: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#policy-header-details-form .policy-header-details-form-msg.top {
    display: none;
}

#acceptance .policy-header {
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#acceptance .deductible-text{
    white-space: pre-wrap;
    text-align: justify;
    font-weight: normal;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - COVERAGE*/

#acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(1),
#acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 49%;
}

#acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(2),
#acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 27%;
}

#acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(3),
#acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 18%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#acceptance.product-details .summary.coverage .box-1 {
    padding: 10px 3%;
}

#acceptance.product-details .summary.coverage .custom-table > ul > li > div > p.prem-total-1 {
    display: none;
}

#acceptance.product-details .summary.coverage .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - FPA*/

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(1),
#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 40%;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(2),
#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 15%;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(3),
#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 20%;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(4),
#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(4) {
    min-width: 15%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#acceptance.product-details .summary.benCovFPA .box-1 {
    padding: 10px 3%;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p.centerAlign,
#acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div > p.centerAlign {
    text-align: center;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li.header > p::after {
    background-image: none;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - IND*/

#acceptance.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(1),
#acceptance.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 49%;
}

#acceptance.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(2),
#acceptance.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 45%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#acceptance.product-details .summary.benCovIND .box-1 {
    padding: 10px 3%;
}

#acceptance.product-details .summary.benCovIND .custom-table > ul > li > div > p.prem-total-1 {
    display: none;
}

#acceptance.product-details .summary.benCovIND .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#acceptance.product-details .summary.benCovIND .custom-table > ul > li.header > p::after {
    background-image: none;
}

#acceptance.product-details .summary.benCovIND .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#acceptance.product-details .summary.benCovIND .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - CI*/

#acceptance.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(1),
#acceptance.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 28%;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(2),
#acceptance.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 40%;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(3),
#acceptance.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 25%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#acceptance.product-details .summary.benCovCI .box-1 {
    padding: 10px 3%;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li > p.value,
#acceptance.product-details .summary.benCovCI .custom-table > ul > li > div > p.value {
    font-weight: bold;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li.header > p::after {
    background-image: none;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#acceptance.product-details .summary.benCovCI .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*  UPDATED CSS FOR TABLE - START  */

#acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(1),
#acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 25%;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(2),
#acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 14%;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(3),
#acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 21%;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(4),
#acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(4) {
    min-width: 10%;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(5),
#acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(5) {
    min-width: 11%;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(6),
#acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(6) {
    min-width: 5%;
}

#acceptance.product-details .summary.dependents .box-1 {
    padding: 10px 1%;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > div > p.prem-total-1 {
    display: none;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li > p.centerAlign,
#acceptance.product-details .summary.dependents .custom-table > ul > li > div > p.centerAlign {
    text-align: center;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*  UPDATED CSS FOR TABLE - END  */

#acceptance-change-eff-date {
    max-width: 90vw;
}

#acceptance-change-eff-date .periodContainer {
    display: flex;
    justify-content: center;
}

#acceptance-change-eff-date .mat-form-field {
    flex-basis: 45%;
}

#acceptance-change-eff-date .periodContainer .mat-form-field .mat-form-field-infix {
    width: inherit;
}

#acceptance-change-eff-date .periodContainer .separator {
    place-self: center;
    margin: 4px;
    font-size: 24px;
    font-weight: bold;
}

#acceptance .form-fields .policy-header-details .detail:nth-of-type(6) .value{
    color: #000;
}

#acceptance .help-icon {
    color:#1B1464;
    display: inline-block;
}

#acceptance .word-break {
    word-break: break-all;
}

#acceptance .terms-text {
    text-align: justify;
}

.mat-tooltip{
    white-space: pre-line;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    background: white;
    color: black !important;
}

/* FIRE CHECKBOX - START */

#acceptance.product-details .checkbox {
    margin-top: 20px;
    cursor: default;
    padding-right: 2%;
    /* color: gray; */
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

#acceptance.product-details .currency {
    margin-left: 5px;
    padding-right: 10px;
    cursor: text;
    border-right: 2px solid lightgray;
    display: inline-block;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    font-weight: 600;
    height: 30px;
    padding-top: 7px;
    /* color: gray; */
}

#acceptance.product-details .amount {
    margin-left: 5px;
    padding-left: 5px;
    cursor: text;
    display: inline-block;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    font-weight: 600;
}

#acceptance.product-details .insurance-amount {
    border: none;
    margin-bottom: 0%;
    padding-bottom: 0%;
}

#acceptance.product-details .currency-amount-container {
    display: inline-block;
}

#acceptance.product-details .declaration-label {
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
    border: none;
}

/* FIRE CHECKBOX - END */

@media screen and (max-width: 831px) {
    #acceptance-form > .form-loader .form-loader-container {
        margin-top: 90px;
    }
}

@media screen and (max-width: 801px) {
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div:nth-of-type(3),
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div > p.prem-total-1 {
        display: block;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(3),
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(3) {
        display: none;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(2) {
        margin-right: 0;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(1),
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 62%;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(2) {
        min-width: 35%;
    }

    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(4) {
        display: block;
    }

    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div > p,
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > p,
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(2),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(3),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(3),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(4),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(4) {
        display: none;
    }

    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(1),
    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #acceptance.product-details .summary.benCovFPA .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }

    #acceptance.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #acceptance.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2) {
        display: block;
    }

    #acceptance.product-details .summary.benCovIND .custom-table > ul > li > div > p,
    #acceptance.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > p,
    #acceptance.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(2) {
        display: none;
    }

    #acceptance.product-details .summary.benCovIND .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #acceptance.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(1),
    #acceptance.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #acceptance.product-details .summary.benCovIND .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }

    #acceptance.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2),
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3) {
        display: block;
    }

    #acceptance.product-details .summary.benCovCI .custom-table > ul > li.body2,
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li > div > p,
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > p,
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(2) {
        display: none;
    }

    #acceptance.product-details .summary.benCovCI .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #acceptance.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(1),
    #acceptance.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > div:nth-of-type(2),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > div:nth-of-type(4),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(5),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > div:nth-of-type(6),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div > p.prem-total-1 {
        display: block;
    }
    
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p,
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div > p,
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-1 > p,
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div.sp-6 > p,
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(2),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(3),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(3),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(4),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(4),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(5),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(5) {
        display: none;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(2),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(2) {
        margin-right: 0;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(1),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 47%;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(6),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(6) {
        min-width: 47%;
    }
}

@media screen and (max-width: 767px) {
    #policy-header-details-form .policy-header-details-form-msg.top {
        display: block;
    }
    #policy-header-details-form .policy-header-details-form-msg.bottom {
        display: none;
    }
}

@media screen and (max-width: 561px) {
    #policy-header-details-form .form-loader .form-loader-container {
        margin-top: 90px;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div:nth-of-type(1),
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div:nth-of-type(2) {
        display: block;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div:first-of-type {
        margin-top: 0;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div:first-of-type > p {
        font-weight: bold;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > p,
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(2),
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div > p {
        display: none;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 100%;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div:nth-of-type(1) {
        margin-right: 0;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li.footer {
        display: none;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li {
        padding: 0 16px;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li > div {
        padding: 20px 0;
    }

    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(1),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(2), 
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(4),
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div:nth-of-type(6) {
        display: block;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div:first-of-type {
        margin-top: 0;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div:first-of-type > p {
        font-weight: bold;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > p:nth-of-type(6),
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(6) {
        display: none;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 100%;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div:nth-of-type(1) {
        margin-right: 0;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li.footer {
        display: none;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li {
        padding: 0 16px;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li > div {
        padding: 20px 0;
    }
}

@media screen and (max-width: 426px) {
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div {
        display: flex !important;
        justify-content: space-between;
        margin-top: 10px;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div > p:first-of-type {
        min-width: 165px;
        max-width: 165px;
        margin-right: 20px;
        margin-bottom: 0;
    }
    #acceptance.product-details .summary.coverage .custom-table > ul > li.body > div > div > p:last-of-type {
        text-align: right;
    }

    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div {
        display: flex !important;
        justify-content: space-between;
        margin-top: 10px;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div > p:first-of-type {
        min-width: 165px;
        max-width: 165px;
        margin-right: 20px;
        margin-bottom: 0;
    }
    #acceptance.product-details .summary.dependents .custom-table > ul > li.body > div > div > p:last-of-type {
        text-align: right;
    }
    #acceptance.product-details .currency {
        margin-left: 0px;
        padding-right: 3px;
        cursor: text;
        border-right: 2px solid lightgray;
        display: inline-block;
        font-family: "Montserrat", "Arial", "Calibri", sans-serif;
        font-weight: 600;
        height: 30px;
        padding-top: 7px;
        /* color: gray; */
    }

    #acceptance.product-details .amount {
        margin-left: 0px;
        padding-left: 3px;
        cursor: text;
        display: inline-block;
        font-family: "Montserrat", "Arial", "Calibri", sans-serif;
        font-weight: 600;
        /* color: gray; */
    }
    
    #acceptance.product-details .checkbox {
        margin-top: 0%;
        padding-right: 0%;
    }

    #acceptance.product-details .currency-amount-container {
        /* margin-left: 17%; */
        float: right;
        margin-top: -2%;
    }
}

@media screen and (max-width: 350px) {

    #rev-prem-charges.product-details .currency-amount-container {
        float: right;
        margin-top: -2%;
    }

}

/* Sending Payment Link Options Message Box CSS */

#message-box .payt-link-send-opts {
    width: 96%;
    max-width: 304px;
    margin: 25px auto 0;
}

#message-box .payt-link-send-opts .payt-link-send-opt {
    display: flex;
    cursor: pointer;
    align-items: center;
    background-color: #e8e8e8;
    border-radius: 3px;
    padding: 17px 20px;
    margin-bottom: 10px;
    transition: background-color .3s ease;
}

#message-box .payt-link-send-opts .payt-link-send-opt:last-of-type {
    margin-bottom: 0;
}

#message-box .payt-link-send-opts .payt-link-send-opt:hover {
    background-color: #cfcfcf;
}

#message-box .payt-link-send-opts .payt-link-send-opt p {
    min-width: 55px;
}

/* Payment Element CSS */

#payment .container > .form {
    display: flex;
    justify-content: space-between;
}

#payment #generate-payment-link-btn {
    display: block;
    margin: 30px auto;
    font-size: 16px;
    width: 75%;
    padding: 10px;
}

#payment #gen-link-text {
    text-align: justify;
    padding: 0 25px;
    line-height: 22px;
}

#payment .container>.form.terms {
    padding-bottom: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#payment .container>.form.terms .col-case {
    display: flex;
}

#payment .purchase-info>div {
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    min-width: 390px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
}

#payment .purchase-info>div>div:first-of-type>h2 {
    font-size: 22px;
    font-weight: bold;
    color: #4a4a4a;
    text-transform: uppercase;
    margin-bottom: 17px;
    letter-spacing: .5px;
}

#payment .purchase-info>div .policy {
    display: flex;
}

#payment .purchase-info>div .policy img {
    height: 144px;
    margin-right: 12px;
}

#payment .purchase-info>div .policy .policy-info .info {
    margin-bottom: 12px;
}

#payment .purchase-info>div .policy .policy-info .info p {
    font-size: 16px;
}

#payment .purchase-info>div .policy .policy-info .info p:first-of-type {
    color: #3E3F42;
    margin-bottom: 5px;
}

#payment .purchase-info>div .policy .policy-info .info p:last-of-type {
    font-weight: 600;
    color: #000;
}

#payment .purchase-info>div .policy .policy-info .amount-sp {
    display: none;
}

#payment .purchase-info>div .amounts {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 4px solid rgba(0, 0, 0, 0.08);
}

#payment .purchase-info>div .amount {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

#payment .purchase-info>div .amount:last-of-type {
    margin-bottom: 0;
}

#payment .purchase-info>div .amount p:last-of-type {
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

#payment .purchase-form {
    padding: 5px 30px 0;
    width: 100%;
    max-width: 405px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#payment .terms-form {
    padding: 5px 30px 0;
    width: 100%;
    max-width: 405px;
}

#payment .purchase-form .payment-options h2 {
    font-size: 22px;
    font-family: "Arial", "Calibri", sans-serif;
    color: #000;
    text-transform: uppercase;
}

#payment .purchase-form .payment-options .options {
    display: flex;
    padding-top: 30px;
    flex-wrap: wrap;
    overflow: auto;
    max-height: 240px;
    position: relative;
    right: -25px;
}

#payment .purchase-form .payment-options .options .option {
    margin-top: 25px;
    margin-right: 25px;
    cursor: pointer;
    width: 101px;
}

#payment .purchase-form .payment-options .options .option:nth-of-type(1),
#payment .purchase-form .payment-options .options .option:nth-of-type(2),
#payment .purchase-form .payment-options .options .option:nth-of-type(3) {
    margin-top: 0;
}

#payment .purchase-form .payment-options .options .option:last-of-type {
    margin-right: 0;
}

#payment .purchase-form .payment-options .options .option>div {
    position: relative;
    width: 95px;
    height: 55px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(27, 20, 100, 0.24);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #fff;
    transition: border ease .3s;
}

#payment .purchase-form .payment-options .options .option:hover>div {
    border: 3px solid #1B1464;
}

#payment .purchase-form .payment-options .options .option>div img {
    height: 30px;
}

#payment .purchase-form .payment-options .options .option>p {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
}

#payment .purchase-form .payment-options .options .option.selected>div {
    border: 3px solid #1B1464 !important;
}

#payment .purchase-form .payment-options .options .option.selected>div::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #1B1464;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    background-image: url('icon-check-white.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
}

#payment .purchase-form .payment-options .options .option.selected>p {
    color: #1B1464;
    font-weight: 600;
}

#payment .purchase-form .payment-form {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
}

#payment .purchase-form .payment-form>form>.form {
    padding-bottom: 0;
    border-bottom: unset;
}

#payment .terms-text {
    text-align: justify;
}

/* OLD OTP CSS */

.x-large {
    font-size: x-large;
}

.larger {
    font-size: larger;
}

.otp-processing-container {
    width: 315px;
    display: flex;
    justify-content: center;
    min-height: 20vh;
    align-items: center;
}

.otp-processing-container .processing circle {
    stroke: #B11116;
}

.otp-container .weighted {
    font-weight: 600;
}

.otp-container {
    display: flex;
    justify-content: center;
    width: 315px;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 95%;
    max-width: 325px;
    min-height: 30vh;
}

.otp-container .icon {
    width: 50%;
    margin-bottom: 10px;
}

.otp-container>div {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    padding: 0 25px;
    text-align: center;
}

.otp-actions {
    justify-content: center;
}

.otp-actions button {
    flex-basis: 100%;
}

.otp-actions button .mat-button-wrapper {
    display: flex;
    justify-content: center;
	padding: 5px 0px;
}

.otp-actions button .mat-button-wrapper circle {
    stroke: white;
}

.otp-processing-container {
    width: 315px;
    display: flex;
    justify-content: center;
    min-height: 20vh;
}

.otp-container .input-container {
    justify-content: space-between;
    margin: 20px 0;
}

.otp-container .input-container form {
    justify-content: space-between;
    display: flex;
}

.otp-container .input-container input {
    border-bottom: solid black 3px;
    flex-basis: 12%;
    font-size: xx-large;
    caret-color: black;
}

.otp-container .resend {
    color: #015692;
}

.otp-container .resend:hover {
    text-decoration: underline;
    cursor: pointer;
}

.otp-container .error-msg {
    font-size: smaller;
    color: red;
}

.otp-message-top {
    margin-top: 25px;
}

.otp-message-bottom {
    margin-bottom: 20px;
}

@media screen and (max-width: 925px) {
    #payment .container>.form {
        flex-direction: column;
    }
    #payment .purchase-info>div {
        display: flex;
    }
    #payment .purchase-info>div>div:first-of-type {
        margin-right: 30px;
        min-width: 400px;
    }
    #payment .purchase-info>div>div:last-of-type {
        width: 65%;
    }
    #payment .purchase-info>div>div .policy {
        border-right: 1px solid rgba(0, 0, 0, 0.08);
    }
    #payment .purchase-info>div>div .policy img {
        margin-right: 15px;
        width: 45%;
        height: unset;
    }
    #payment .purchase-info>div>div .policy .policy-info {
        width: 100%;
    }
    #payment .purchase-info>div .amounts {
        margin-top: 40px;
        padding-top: 0;
        border-top: unset;
    }
    #payment .purchase-info>div .policy .policy-info .info p,
    #payment .purchase-info>div .amount p:first-of-type {
        font-size: 17px;
    }
    #payment .purchase-info>div .amount p:last-of-type {
        font-size: 16px;
    }
    #payment .purchase-form {
        max-width: unset;
        width: unset;
        padding: unset;
        margin-top: 40px;
    }
    #payment .purchase-form .payment-form form {
        width: 100%;
    }
    #payment .purchase-form .payment-options .options {
        justify-content: center;
        position: unset;
    }
    #payment .purchase-form .payment-options .options .option {
        margin-top: 0;
    }
}

@media screen and (max-width: 860px) {
    #payment .purchase-info>div .policy .policy-info .amount-sp {
        display: block;
    }
    #payment .purchase-info>div>div:last-of-type {
        display: none;
    }
    #payment .purchase-info>div>div .policy {
        border-right: unset;
    }
    #payment .purchase-info>div>div .policy img {
        height: 250px;
        margin-right: 25px;
    }
    #payment .purchase-info>div>div:first-of-type {
        width: 100%;
        margin-right: 0;
    }
    #payment .purchase-info>div .amounts {
        margin-top: 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        padding-top: 20px;
    }
}

@media screen and (max-width: 625px) {
    #payment .purchase-info>div>div .policy {
        flex-direction: column;
        align-items: center;
    }
    #payment .purchase-info>div>div .policy img {
        height: 280px;
        width: 215px;
        margin-right: unset;
        margin-bottom: 40px;
    }
    #payment .purchase-info>div .policy .policy-info .amount-sp {
        display: none;
    }
    #payment .purchase-info>div>div:last-of-type {
        display: block;
        width: 100%;
    }
    #payment .purchase-info>div {
        flex-direction: column;
    }
    #payment .purchase-info>div .policy .policy-info .info:nth-of-type(3) {
        margin-bottom: 0;
    }
    #payment .purchase-info>div .policy .policy-info .info p,
    #payment .purchase-info>div .amount p:first-of-type {
        font-size: 18px;
    }
    #payment .purchase-info>div .amount p:last-of-type {
        font-size: 17px;
    }
    #payment .purchase-info>div>div:first-of-type {
        min-width: unset;
    }
}

@media screen and (max-width: 570px) {
    #payment .purchase-form .payment-options .options {
        justify-content: space-between;
        padding: 30px 30px 0;
    }
    #payment .purchase-form .payment-options .options .option {
        margin-top: 25px;
        margin-right: 0;
        width: 29%;
        min-width: 101px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #payment .purchase-form .payment-options .options .option:nth-of-type(1),
    #payment .purchase-form .payment-options .options .option:nth-of-type(2),
    #payment .purchase-form .payment-options .options .option:nth-of-type(3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    #payment .container>.form {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #payment .login-bpi-cont {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 436px) {
    #payment .purchase-form .payment-options .options {
        padding: 30px 5px 0;
    }
}

@media screen and (max-width: 426px) {
    #payment .purchase-form .payment-options .options .option:hover>div {
        border: 3px solid #fff;
    }
    #payment .purchase-info>div {
        padding: 30px 20px;
        min-width: unset;
    }
}

@media screen and (max-width: 400px) {
    #payment .purchase-form .payment-options h2 {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        padding-top: 25px;
    }
    #payment .purchase-form {
        margin-top: 30px;
    }
    #payment #gen-link-text {
        padding: 0;
    }
}

@media screen and (max-width: 380px) {
    #payment .purchase-info>div .amount {
        margin-bottom: 5px;
    }
    #payment .purchase-info>div .policy .policy-info .info p,
    #payment .purchase-info>div .amount p:first-of-type {
        font-size: 17px;
    }
    #payment .purchase-info>div .amount p:last-of-type {
        font-size: 16px;
    }
}

@media screen and (max-width: 351px) {
    #payment .purchase-form .payment-options .options .option>div {
        width: 85px;
    }
    #payment .purchase-form .payment-options .options .option>div img {
        height: 27px;
    }
    #payment .purchase-form .payment-options .options .option {
        min-width: 91px;
    }
}

@media screen and (max-width: 330px) {
    #payment .purchase-info>div {
        padding: 30px 15px;
    }
}

#payment .credit-debit-form {
    padding-bottom: 15px;
}

#payment .no-boder {
    border: none !important;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START */

#pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(1),
#pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(1) {
    min-width: 49%;
}

#pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(2),
#pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(2) {
    min-width: 27%;
}

#pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(3),
#pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(3) {
    min-width: 18%;
}

#pol-summary .deductible-text{
    white-space: pre-wrap;
    text-align: justify;
    font-weight: normal;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#pol-summary.product-details .summary.coverage .box-1 {
    padding: 10px 3%;
}

#pol-summary.product-details .summary.coverage .custom-table>ul>li>div>p.prem-total-1 {
    display: none;
}

#pol-summary.product-details .summary.coverage .custom-table>ul>li.header>p {
    -webkit-user-select: none;
            user-select: none;
}

#pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div {
    display: none;
    margin-top: 20px;
}

#pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div>p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - FPA*/

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(1),
#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 40%;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(2),
#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 15%;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(3),
#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 20%;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(4),
#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(4) {
    min-width: 15%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#pol-summary.product-details .summary.benCovFPA .box-1 {
    padding: 10px 3%;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p.centerAlign,
#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div > p.centerAlign {
    text-align: center;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.header > p::after {
    background-image: none;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - IND*/

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(1),
#pol-summary.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 49%;
}

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(2),
#pol-summary.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 45%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#pol-summary.product-details .summary.benCovIND .box-1 {
    padding: 10px 3%;
}

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li > div > p.prem-total-1 {
    display: none;
}

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li.header > p::after {
    background-image: none;
}

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#pol-summary.product-details .summary.benCovIND .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - START - BENEFITS AND COVERAGE - CI*/

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(1),
#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(1) {
    min-width: 28%;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(2),
#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(2) {
    min-width: 40%;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(3),
#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(3) {
    min-width: 25%;
}

/* SET CUSTOM-TABLE COLUMNS WIDTH - END */

#pol-summary.product-details .summary.benCovCI .box-1 {
    padding: 10px 3%;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > p.value,
#pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div > p.value {
    font-weight: bold;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li.header > p {
    -webkit-user-select: none;
            user-select: none;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li.header > p::after {
    background-image: none;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body > div > div {
    display: none;
    margin-top: 20px;
}

#pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body > div > div > p:first-of-type {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#pol-summary.product-details .quote-policy-summary .detail .value.email,
#pol-summary.product-details .summary.payment .detail .value,
#pol-summary .word-break {
    word-break: break-all;
}

#pol-summary .red {
    color: #b11116 !important;
}

#pol-summary .middle {
    width: 13%;
}

#pol-summary .suffix {
    width: 8.5%;
}

#pol-summary .help-icon {
    color: #1B1464;
    display: inline-block;
}

#pol-summary .link:hover {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

.mat-tooltip {
    white-space: pre-line;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    background: white;
    color: black !important;
}

#pol-summary .detail .value.input {
    margin-top: 2px;
}

#pol-summary .detail .value.input .mat-form-field-flex {
    /* padding: 0 !important; */
    background-color: yellow;
}

#pol-summary .detail .value.input .mat-form-field-flex .mat-form-field-infix {
    border: none;
    padding: 0;
}

#pol-summary .detail .value.input .mat-form-field.select .mat-form-field-flex::before {
    top: 13px
}

#pol-summary .detail .value.input .field-error {
    color: #b1111f;
    margin-top: 9px;
    line-height: 15px;
    font-family: "Inter", "Arial", "Calibri", sans-serif;
    font-size: 14px;
}

#pol-summary .custom-table > ul > li.white {
    background-color: #fff !important;
}

#pol-summary .green {
    color: #219653;
}

#pol-summary .pad-left {
    margin-left: 15px;
}

#pol-summary .pad-top {
    padding-top: 15px;
}

#pol-summary .center {
    text-align: center;
}

#pol-summary .italic {
    font-style: italic;
    margin: 20px;
}

#pol-summary .grid {
    display: grid;
    margin-bottom: 5px;
}

#pol-summary .update-button{
    position:absolute;
    border-radius: 5px;
    font-size: 19px;
    height: 50px;
}

/* Para sa "Cancellation of policy without payment yet for certain users." */

#pol-summary .form-note-cancel{
    font-weight: 400;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

#pol-summary .form-note-cancel a{
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    color: #1B1464;
}

/* Hanggang Dito yung changes ng "Cancellation of policy without payment yet for certain users." */

#pol-summary .italic {
    font-style: italic;
}

#pol-summary .margin-bottom{
    margin-bottom: 5px;
}

@media screen and (max-width: 801px) {
    #pol-summary .wac-mobile{
        display: none;
    }
    #pol-summary .item-premium-mobile{
        display: none;
    }
    #pol-summary .item-premium-mobile-size{
        font-size: larger;
    }
    #pol-summary .update-button{
        position: initial;
        margin-bottom: 5px;
    }
    #pol-summary .detail .value.input .mat-form-field-flex .mat-form-field-infix {
        width:50%;
    }
    #pol-summary .right{
        text-align: center;
    }

    #pol-summary .ruby {
        display: flex !important;
    }
    #pol-summary .pre {
        white-space: pre-line;
        font-size: smaller;
        overflow-x: auto;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div:nth-of-type(3),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div>p.prem-total-1 {
        display: block;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(3),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(3) {
        display: none;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(2),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(2) {
        margin-right: 0;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(1),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(1) {
        min-width: 62%;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>p:nth-of-type(2),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(2) {
        min-width: 35%;
    }
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(4) {
        display: block;
    }

    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div > p,
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.body > div.sp-1 > p,
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(2),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(2),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(3),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(3),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(4),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(4) {
        display: none;
    }

    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > p:nth-of-type(1),
    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #pol-summary.product-details .summary.benCovFPA .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }

    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2) {
        display: block;
    }

    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li > div > p,
    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li.body > div.sp-1 > p,
    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(2),
    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(2) {
        display: none;
    }

    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li > p:nth-of-type(1),
    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }

    #pol-summary.product-details .summary.benCovIND .custom-table > ul > li:nth-of-type(even) {
        background-color: #eaeaea;
    }

    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(1),
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(2),
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > div:nth-of-type(3) {
        display: block;
    }

    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body2,
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div > p,
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li.body > div.sp-1 > p,
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(2),
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(2) {
        display: none;
    }

    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li.header > p::after {
        background-image: none;
    }

    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li > p:nth-of-type(1),
    #pol-summary.product-details .summary.benCovCI .custom-table > ul > li > div:nth-of-type(1) {
        min-width: 94%;
    }
    #pol-summary .middle {
        width: 70% !important;
    }
    #pol-summary .suffix {
        width: 20% !important;
    }
    #pol-summary .summary.coverage .custom-table.dependent>ul>li>div.pa,
    #pol-summary .summary.coverage .custom-table.beneficiary>ul>li>div.pa{
        margin-left: auto;
    }
}

@media screen and (max-width: 561px) {
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div:nth-of-type(1),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div:nth-of-type(2) {
        display: block;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div:first-of-type {
        margin-top: 0;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div:first-of-type>p {
        font-weight: bold;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>p,
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(2),
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div>p {
        display: none;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(1) {
        min-width: 100%;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div:nth-of-type(1) {
        margin-right: 0;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.footer {
        display: none;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li {
        padding: 0 16px;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li:nth-of-type(even) {
        background-color: #eaeaea;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li>div {
        padding: 20px 0;
    }
    #pol-summary .summary.coverage .custom-table.dependent>ul>li>div>p:nth-of-type(1),
    #pol-summary .summary.coverage .custom-table.beneficiary>ul>li>div>p:nth-of-type(1){
        display: flex !important;
        justify-content: space-between;
        margin-left: 50px;
        margin-top: 10px;
        font-size: 20px;
    }
    #pol-summary .summary.coverage .custom-table.dependent>ul>li>div.pa,
    #pol-summary .summary.coverage .custom-table.beneficiary>ul>li>div.pa{
        display: none !important;
    }
    #pol-summary .ruby {
        display: flex !important;
    }

    }

@media screen and (max-width: 426px) {
    #pol-summary #ids {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }
    #pol-summary #ids .detail {
        flex-wrap: wrap;
    }
    #pol-summary #ids .detail .label,
    #pol-summary #ids .detail .value {
        margin-top: 10px;
        margin-right: 4%;
        width: 48%;
        min-width: unset;
        max-width: unset;
    }
    #pol-summary #ids .detail .label:nth-of-type(1),
    #pol-summary #ids .detail .label:nth-of-type(2),
    #pol-summary #ids .detail .value:nth-of-type(1),
    #pol-summary #ids .detail .value:nth-of-type(2) {
        margin-top: 0;
    }
    #pol-summary #ids .detail div:nth-of-type(even) {
        margin-right: 0;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div {
        display: flex !important;
        justify-content: space-between;
        margin-top: 10px;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div>p:first-of-type {
        min-width: 130px;
        max-width: 130px;
        margin-right: 20px;
        margin-bottom: 0;
    }
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div>p:last-of-type {
        text-align: right;
    }
    #pol-summary .ruby {
        display: flex !important;
    }
}

@media screen and (max-width: 376px) {
    #pol-summary.product-details .summary.coverage .custom-table>ul>li.body>div>div>p:first-of-type {
        min-width: 100px;
        max-width: 100px;
    }
    #pol-summary.product-details .quote-policy-details .detail .label, .product-details .summary .box-1 .detail .label {
        min-width: 140px;
        max-width: 140px;
        word-break: break-word;
    }
    #pol-summary .ruby {
        display: flex !important;
    }
}

#pol-summary.product-details .summary.coverage .custom-table.dependent>ul>li>p:nth-of-type(1),
#pol-summary.product-details .summary.coverage .custom-table.dependent>ul>li>div:nth-of-type(1),
#pol-summary.product-details .summary.coverage .custom-table.beneficiary>ul>li>p:nth-of-type(1),
#pol-summary.product-details .summary.coverage .custom-table.beneficiary>ul>li>div:nth-of-type(1) {
    word-wrap: break-word;
    min-width: 25%;
    max-width: 100%;
}

#pol-summary .custom-table.dependent > ul > li.header p:after,
#pol-summary .custom-table.beneficiary > ul > li.header p:after{
    background-image: none;
    background-size: 18px;
    background-position: center;
}

#pol-summary.custom-table > ul > li > p:last-of-type, .custom-table.custom-table.dependent > ul > li > div.pa:last-of-type,
#pol-summary.custom-table > ul > li > p:last-of-type, .custom-table.custom-table.custom-table.beneficiary > ul > li > div.pa:last-of-type {
    margin-right: 0;
    margin-left: auto;
}

#pol-summary .margin-top{
    margin-top: 20px;
}

#pol-summary .min-margin-top{
    margin-top: 10px;
}

#pol-summary .min-padding{
    padding-top: 10px;
    padding-bottom: 10px;
}

#pol-summary .required:after {
    content:" *";
    color: red;
  }

#pol-summary .justify {
    text-align: justify;
}

#pol-summary .bold-text{
    font-weight: bolder;
}

#pol-summary .kyc{
    border-radius: 15px;
    min-width: 100px;
    padding: 5px 5px;
}

#pol-summary .expand {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#pol-summary .pre {
    white-space: pre-line;
    font-size: smaller;
}

#pol-summary .box-holder {
    margin-bottom: 10px !important;
}

#pol-summary .bold {
    font-weight: bolder;
}

#pol-summary .right {
    margin-left: 10px;
}

#pol-summary .left {
    float: left;
}

#pol-summary .ruby {
    display: contents;
    overflow: auto;
    margin: 10px 0 10px;
}

#pol-summary .rem-margin {
    margin-top: 10px;
    margin-bottom: 0px;
}

#pol-summary .container>.form.terms {
    padding-bottom: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#pol-summary .container>.form.terms .col-case {
    display: flex;
}

#pol-summary .terms-text {
    text-align: justify;
    font-weight: 400;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

#pol-summary .terms-text a {
    cursor: pointer;
    color: #1b1464;
    font-weight: bold;
    text-decoration: underline;
}

#pol-summary .blue {
    background: #1B1464;
    border-color: #1B1464;
}

div.vd-input{
    margin-bottom: 10px !important;
}

div.vd-first-text{
    margin-bottom: 14px !important;
}

label.red {
    color:#b11116 !important;
}

p.vehicle-form-text{
    padding-left: 10px !important;
}

label.vehicle-details-text{
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

input.vehicle-detail-input {
    text-transform: uppercase !important;
}

input.vehicle-detail-input::placeholder {
    text-transform: initial !important;
}

label.vd-error-text{
    font-size: smaller !important;
    padding-left: 10px !important;
    color: #b11116 !important;
}

#pol-summary .detail .view-btn{
    padding-left: 10px;
    float: right;
    cursor: pointer;
}

#pol-summary .detail .view-btn:hover{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

#pol-summary .detail .download-btn{
    cursor: pointer;
    font-weight: bold !important;
}

#pol-summary .detail .download-btn:hover{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

/* FIRE CHECKBOX - START */

#pol-summary.product-details .checkbox {
    margin-top: 20px;
    cursor: default;
    padding-right: 2%;
    /* color: gray; */
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
}

#pol-summary.product-details .currency {
    margin-left: 5px;
    padding-right: 10px;
    cursor: text;
    border-right: 2px solid lightgray;
    display: inline-block;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    font-weight: 600;
    height: 30px;
    padding-top: 7px;
    /* color: gray; */
}

#pol-summary.product-details .amount {
    margin-left: 5px;
    padding-left: 5px;
    cursor: text;
    display: inline-block;
    font-family: "Montserrat", "Arial", "Calibri", sans-serif;
    font-weight: 600;
}

#pol-summary.product-details .insurance-amount {
    border: none;
    margin-bottom: 0%;
    padding-bottom: 0%;
}

#pol-summary.product-details .currency-amount-container {
    display: inline-block;
}

/* FIRE CHECKBOX - END */

#policy-details .form-note {
    margin-top: 40px;
    line-height: 25px;
}

#policy-details .form-note.custom-form-note-1.with-remarks {
    margin: 30px 0;
}

#policy-details .form-note.custom-form-note-1:not(.with-remarks) {
    margin-top: 30px;
}

#policy-details-form .form-loader .form-loader-container {
    margin-bottom: 90px;
}

#policy-details h2 .big-title {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    padding: 2px 0 1px;
}

#policy-details .form-cont {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}

#policy-details .form-cont form {
    width: 300px;
    background-color: #f0f0f0;
    padding: 2em 2em 0 2em;
    margin-bottom: 1em;
    max-width: 300px;
}

#policy-details .form-cont form.otp-frm {
    /* width: 300px; */
    background-color: #fff;
}

#policy-details .help-icon {
    color:#1B1464;
    display: inline-flex;
    position: absolute;
    right: 0;
}

#policy-details #policy-details-form .col-case .field {
    margin-bottom: 15px;
}

#policy-details #policy-details-form .col-case {
    margin-bottom: 0;
}

#policy-details a {
    color: #b11116;
    text-decoration: underline;
}

@media screen and (max-width: 875px) {
	#policy-details-form .form-loader .form-loader-container {
        margin: 75px 0 65px;
    }
    #policy-details .form-cont form {
        width: 38vw;
    }
    #policy-details .form-cont form.otp-frm {
        width: 38vw;
    }
}

@media screen and (max-width: 680px) {
	#policy-details-form .form-loader .form-loader-container {
        margin: 75px 0 65px;
    }
    #policy-details .form-cont form {
        width: 50vw;
    }
    #policy-details .form-cont form.otp-frm {
        width: 50vw;
    }
}

@media screen and (max-width: 460px) {
    #policy-details .form-note {
        margin-top: 30px;
    }
    #policy-details .form-cont form {
        width: 100vw;
    }
    #policy-details .form-cont form.otp-frm {
        width: 100vw;
    }
}

#policy-details #otp-form .otp-title {
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 28px;
    margin: 10px 0 25px;
    color: #1B1464;
}

#policy-details #otp-form .form-fields {
    margin-bottom: 20px;
}

#policy-details #otp-form .form-fields > h2 {
    margin-bottom: 10px;
}

#policy-details #otp-form .form-fields > p {
    margin-bottom: 30px;
    line-height: 22px;
    text-align: justify;
}

#policy-details #otp-form .form-fields .trouble {
    margin: 10px 0 0;
}

#policy-details #otp-form .form-fields .trouble a {
    cursor: pointer;
    color: #b11116;
    transition: color ease .3s;
}

#policy-details #otp-form .form-fields .trouble a:hover {
    color: #1B1464;
}

#policy-details #otp-form .form-fields .otp-options {
    min-height: 115px;
}

#policy-details #otp-form .form-fields .otp-options .option {
    display: flex;
    cursor: pointer;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 3px;
    padding: 17px 15px;
    margin-bottom: 10px;
    transition: background-color ease .3s;
}

#policy-details #otp-form .form-fields .otp-options .option:hover {
    background-color: #e5e5e5;
}

#policy-details #otp-form .form-fields .otp-options .option p {
    min-width: 55px;
}

#policy-details #otp-form .col-case {
    display: flex;
    justify-content: center;
    text-align: center;
}

#policy-details .pd-form-msg {
    min-height: 40px;
    align-items: center;
    color: #b11116;
    font-size: 16px;
    justify-content: center;
    line-height: 18px;
    text-align: unset;
}

#policy-details .form-btns {
    text-align: center;
    margin-top: 20px;
}

#policy-details .form-btns button:nth-of-type(1) {
    width: 48% !important;
    max-width: unset !important;
}

#policy-details .form-btns button:nth-of-type(2) {
    margin-right: 0;
    margin-left: 3px;
    width: 48% !important;
    max-width: unset !important;
}

#policy-details .form-btns button:nth-of-type(3) {
    margin-top: 10px;
    margin-left: 0;
    width: 100% !important;
    max-width: unset !important;
}

#policy-details .trustBrowserQ {
    font-size: 19px;
}

#policy-details .trustBrowserM {
    margin-bottom: 95px;
}

#policy-details .verify-btns {
    display: flex;
    flex-wrap: wrap;
}

#policy-details #otp-form .form-fields .form .col-case .field .mat-form-field-infix {
    background-color: #f8f8f8;
}

@media screen and (max-width: 325px) {
    #policy-details .verify-btns {
        flex-direction: column;
    }
    #policy-details .form-btns button:first-of-type,
    #policy-details .form-btns button:nth-of-type(2) {
        margin-right: 0 !important;
    }
    #policy-details .form-btns button:first-of-type,
    #policy-details .form-btns button:nth-of-type(2) {
        width: 100% !important;
    }
    #policy-details .form-btns button:nth-of-type(2) {
        margin-top: 13px !important;
    }
}


/*# sourceMappingURL=styles.css.map*/