html{--mat-sys-background: #161215;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #342f32;--mat-sys-inverse-primary: #a900a9;--mat-sys-inverse-surface: #e9e0e4;--mat-sys-on-background: #e9e0e4;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #5b005b;--mat-sys-on-primary-container: #ffd7f5;--mat-sys-on-primary-fixed: #380038;--mat-sys-on-primary-fixed-variant: #810081;--mat-sys-on-secondary: #3d2b3a;--mat-sys-on-secondary-container: #f7daef;--mat-sys-on-secondary-fixed: #271624;--mat-sys-on-secondary-fixed-variant: #554151;--mat-sys-on-surface: #e9e0e4;--mat-sys-on-surface-variant: #eedee7;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #9a8d95;--mat-sys-outline-variant: #4e444b;--mat-sys-primary: #ffabf3;--mat-sys-primary-container: #810081;--mat-sys-primary-fixed: #ffd7f5;--mat-sys-primary-fixed-dim: #ffabf3;--mat-sys-scrim: #000000;--mat-sys-secondary: #dabfd2;--mat-sys-secondary-container: #554151;--mat-sys-secondary-fixed: #f7daef;--mat-sys-secondary-fixed-dim: #dabfd2;--mat-sys-shadow: #000000;--mat-sys-surface: #161215;--mat-sys-surface-bright: #3d383b;--mat-sys-surface-container: #231e22;--mat-sys-surface-container-high: #2d292c;--mat-sys-surface-container-highest: #383337;--mat-sys-surface-container-low: #1e1a1d;--mat-sys-surface-container-lowest: #110d10;--mat-sys-surface-dim: #161215;--mat-sys-surface-tint: #ffabf3;--mat-sys-surface-variant: #4e444b;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.hrms-page{box-sizing:border-box;display:grid;gap:1rem;min-width:0;padding:clamp(1rem,2.4vw,2rem);color:var(--Primary-Color)}.hrms-page *,.hrms-modal *{box-sizing:border-box}.hrms-page-head,.hrms-section-head,.hrms-toolbar,.heading-line,.heading-meta,.hrms-actions,.list-footer{display:flex;align-items:center;gap:.75rem}.hrms-page-head,.hrms-section-head,.hrms-toolbar,.list-footer{justify-content:space-between}.hrms-page-head{align-items:flex-start;flex-wrap:wrap}.hrms-page-head h1,.hrms-section-head h2,.hrms-section-head h3,.hrms-page h2,.hrms-page h3{margin-block:0;color:var(--Primary-Color)}.hrms-page-head h1{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.25}.hrms-page-head p,.hrms-section-head p{margin-block:.4rem 0;color:#6c8187;line-height:1.55}.hrms-section-head{margin-block-end:1rem}.heading-line,.heading-meta{flex-wrap:wrap}.heading-meta p{margin-block:.3rem}.hrms-card{min-width:0;padding:clamp(1rem,1.8vw,1.5rem);border:1px solid #e4eeee;border-radius:1rem;background:var(--Third-Color);box-shadow:0 .35rem 1.3rem #0d323d0e}.hrms-page form{width:100%;height:auto}.hrms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hrms-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hrms-field{display:flex;min-width:0;flex-direction:column;gap:.45rem;color:#24434b;font-size:.94rem;font-weight:600}.hrms-field b{color:var(--Primary-error-color)}.hrms-field input,.hrms-field select,.hrms-field textarea,.hrms-search,.filter-field select{width:100%;min-width:0;min-height:2.8rem;padding:.65rem .8rem;border:1px solid #cfdddd;border-radius:.65rem;outline:none;background:#fff;color:var(--Primary-Color);font:inherit;font-weight:400}.hrms-field textarea{min-height:6rem;resize:vertical}.hrms-field :focus-visible,.hrms-search:focus-visible,.filter-field select:focus-visible,.hrms-btn:focus-visible,.table-link:focus-visible,.hrms-tabs a:focus-visible,.hrms-tabs button:focus-visible,.employee-stepper button:focus-visible{outline:3px solid rgba(25,191,182,.35);outline-offset:2px;border-color:var(--Secondry-Color)}.hrms-field :disabled,.hrms-field [readonly]{background:#f3f7f7;color:#71858a;cursor:not-allowed}.hrms-field small,.hrms-muted{color:#70838a;font-size:.86rem;line-height:1.5}.hrms-toolbar{align-items:flex-end;flex-wrap:wrap;margin-block-end:1rem}.hrms-toolbar>div:first-child{min-width:12rem}.hrms-search{max-width:26rem}.filter-field{display:grid;min-width:12rem;gap:.35rem;color:#536d73;font-size:.88rem;font-weight:600}.hrms-table-wrap{width:100%;overflow-x:auto;border:1px solid #e4eeee;border-radius:.75rem}.hrms-table{width:100%;border-collapse:collapse;background:#fff;text-align:start}.hrms-table th,.hrms-table td{padding:.85rem .9rem;border-block-end:1px solid #e8eeee;text-align:start;white-space:nowrap}.hrms-table th{background:#f4faf9;color:#557078;font-size:.82rem;font-weight:700}.hrms-table tbody tr:last-child td{border-block-end:0}.hrms-table tbody tr:hover{background:#f9fdfc}.hrms-table a,.table-link{color:#087f7a;font:inherit;font-weight:700;text-decoration:none}.hrms-table a:hover,.table-link:hover{text-decoration:underline}.table-link{padding:0;border:0;background:transparent;cursor:pointer}.row-actions{display:flex;align-items:center;gap:.4rem}.hrms-btn,.hrms-page app-button button,.hrms-modal app-button button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.4rem;padding:.58rem .9rem;border:1px solid #d3e1e1;border-radius:.65rem;background:#fff;color:var(--Primary-Color);cursor:pointer;font:inherit;font-size:.9rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.hrms-btn:hover:not(:disabled),.hrms-page app-button button:hover:not(:disabled),.hrms-modal app-button button:hover:not(:disabled){border-color:var(--Secondry-Color);background:#f1fcfa}.hrms-btn.primary,.hrms-page app-button button,.hrms-modal app-button button{border-color:var(--Primary-Color);background:var(--Primary-Color);color:#fff}.hrms-btn.primary:hover:not(:disabled),.hrms-page app-button button:hover:not(:disabled),.hrms-modal app-button button:hover:not(:disabled){border-color:#155563;background:#155563;color:#fff}.hrms-btn.danger{border-color:#f1c7c7;color:#a53636}.hrms-btn:disabled,.hrms-page app-button button:disabled,.hrms-modal app-button button:disabled{opacity:.55;cursor:not-allowed}.hrms-actions{flex-wrap:wrap}.form-actions{justify-content:flex-end;margin-block-start:1rem;padding-block-start:1rem;border-block-start:1px solid #e7eeee}.list-footer{margin-block-start:1rem;color:#70838a;font-size:.88rem}.hrms-chip{display:inline-flex;min-height:1.65rem;align-items:center;justify-content:center;padding:.23rem .65rem;border:1px solid #d4e7e4;border-radius:999px;background:#eff9f7;color:#315f63;font-size:.78rem;font-weight:700;line-height:1.1;white-space:nowrap}.hrms-chip.active,.hrms-chip.completed{border-color:#b7e7d0;background:#e9f8ef;color:#1b7047}.hrms-chip.inactive,.hrms-chip.suspended,.hrms-chip.draft{border-color:#e4e7e8;background:#f2f4f5;color:#68787d}.hrms-chip.closed,.hrms-chip.terminated,.hrms-chip.resigned,.hrms-chip.archived{border-color:#efd2d2;background:#fff1f1;color:#963e3e}.hrms-chip.onleave,.hrms-chip.onprobation,.hrms-chip.warning{border-color:#f1dfb5;background:#fff8e9;color:#876115}.hrms-empty{padding:2.5rem 1.25rem;text-align:center;color:#617980}.hrms-empty h2,.hrms-empty h3{margin-block:0 .5rem}.hrms-empty p{margin:0;line-height:1.6}.hrms-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.hrms-info-item{min-width:0;padding:.8rem .35rem;border-block-end:1px solid #edf1f1}.hrms-info-item dt{margin-block-end:.35rem;color:#71858a;font-size:.83rem}.hrms-info-item dd{margin:0;overflow-wrap:anywhere;color:#183d46;font-weight:650}.hrms-divider{width:100%;margin-block:1.25rem;border:0;border-block-start:1px solid #e7eeee}.hrms-inline-note{margin-block-start:1rem;padding:.8rem 1rem;border-inline-start:3px solid var(--Secondry-Color);border-radius:.5rem;background:#f2fbf9;color:#44646a;line-height:1.55}.hrms-tabs{display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding:.3rem;border-block-end:1px solid #e3eded}.hrms-tabs a,.hrms-tabs button{flex:0 0 auto;padding:.7rem 1rem;border:0;border-block-end:2px solid transparent;background:transparent;color:#657d82;cursor:pointer;font:inherit;font-weight:650;text-decoration:none}.hrms-tabs .active,.hrms-tabs button.active{border-block-end-color:var(--Secondry-Color);color:var(--Primary-Color)}.hrms-avatar{display:inline-grid;width:2.2rem;height:2.2rem;flex:0 0 2.2rem;place-items:center;border-radius:50%;background:#e5f7f4;color:#156c66;font-weight:750}.manager-form,.status-form{display:flex;align-items:flex-end;gap:.85rem;flex-wrap:wrap}.manager-form .hrms-field,.status-form .hrms-field{flex:1 1 16rem}.current-manager{display:flex;align-items:center;gap:.65rem;min-height:2.8rem}.current-manager div{display:grid;gap:.15rem}.current-manager small{color:#71858a}.hrms-upload{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.hrms-upload img,.company-logo-placeholder{display:grid;width:4.5rem;height:4.5rem;flex:0 0 4.5rem;place-items:center;border:1px solid #dfebea;border-radius:1rem;background:#f1fcfa;object-fit:contain;color:#18736d;font-size:1.5rem;font-weight:750}.company-logo-placeholder.small{width:3.5rem;height:3.5rem;flex-basis:3.5rem;font-size:1.2rem}.hrms-modal-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:1rem;background:#061d237a}.hrms-modal{width:min(100%,42rem);max-height:min(90vh,52rem);overflow-y:auto;padding:clamp(1rem,2vw,1.5rem);border:1px solid #e1eceb;border-radius:1rem;background:#fff;box-shadow:0 1rem 3rem #041d2233}.hrms-modal .hrms-section-head{margin-block-end:1.25rem}.hrms-modal .hrms-field{margin-block-end:1rem}.availability-toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer}.availability-toggle input,.document-required input,.account-checkbox input{accent-color:var(--Secondry-Color)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:850px){.hrms-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hrms-page{gap:.8rem;padding:.9rem}.hrms-grid,.hrms-grid.three,.hrms-info-list{grid-template-columns:minmax(0,1fr)}.hrms-page-head,.hrms-toolbar,.list-footer{align-items:stretch;flex-direction:column}.hrms-toolbar>*,.hrms-search,.filter-field,.hrms-page-head app-button{width:100%;max-width:none}.hrms-page-head .hrms-actions,.hrms-page-head .heading-line{width:100%}.hrms-page-head app-button button{width:100%}.hrms-card{padding:1rem}.row-actions{flex-wrap:wrap}.row-actions .hrms-btn{padding-inline:.65rem}}html,body{height:100%}html::-webkit-scrollbar{width:auto}html::-webkit-scrollbar-track{background:var(--Third-Primary-Color);box-shadow:var(--Scroll-Shadow);border-radius:.2vw;border:1px solid var(--Secondry-Color)}html::-webkit-scrollbar-thumb{background:var(--Fourth-Color);box-shadow:var(--Scroll-Shadow);border-radius:.2vw;cursor:pointer}body{margin:0;font-family:Dubai,Helvetica Neue,sans-serif}@font-face{font-family:Dubai;src:url(/Files/Fonts/Dubai-Regular.ttf) format("ttf");src:url(/Files/Fonts/Dubai-Regular.ttf) format("truetype");font-style:normal;font-display:swap}:root{--vw-viewport: 1920;--vh-viewport: 1080;--Primary-Color:#0D323D;--Secondry-Color:#19BFB6;--Third-Color: #ffffff;--Fourth-Color: #172A47;--Fifth-Color: #8F9BBA;--Sixs-Color: #F1FCFA;--Seventh-Color: #e6e6e6;--Eight-Color: #ACECDE;--Nine-Color:#051511;--Ten-Color:#A7B9BD;--Eleven-Color: #ADADB8;--twelve-Color:#5E5E6E;--thirteen-Color:#E5EAF6;--Fourteen-Color:#FF941A;--fifteen-Color:#2A616F;--sixteen-Color:#F6A2A2;--Primary-Table-border-color: #30367A80;--Dash-Settings-card-border-color:#30367A66;--Intro-BackGround-Color: #F9FEFE;--SideNav-BackGround-Color: linear-gradient(180deg, #662279 0%, #30367a 100%);--Light-mode-BackGround-Color: #ffffff;--Dark-mode-BackGround-Color:#020617;--Secondry-BackGround-color:#EAFAF7;--Rejected-BackGround-Color:#FDE8E8;--Pending-BackGround-Color:#FFF3E5;--First-Linear-Color: linear-gradient(0deg, #F9FEFD00, #8BC9C2);--Second-Linear-Color: linear-gradient(0deg, #F9FEFD00, #8BC9C2);--Third-Linear-Color: linear-gradient(0deg, #F9FEFD00, #8BC9C2);--Fourth-Linear-Color: linear-gradient(0deg, #F9FEFD00, #8BC9C2);--Primary-error-color: #F62B2B;--Primary-Shadow: 0px 0px 10.9px 0px #8F8F8F26;--Secondry-Shadow: 4px 4px 18px -4px #00000040;--Third-Shadow: 0px 0px 7.4px 0px #3D3D3D1A;--Fourth-Shadow: -6px -1px 35px -1px #0000001f;--Fifth-Shadow: -2px 0px 13px 12px #00000040;--Sixs-Shadow: 2px 4px 4px -1px #00000040;--Seventh-Shadow: 2px 2px 8px -3px #00000040;--Eight-Shadow: 2px 2px 4px 0px #00000040;--Nine-Shadow: 1px 1px 4px 0px #00000040;--Ten-Shadow:0px 2px 4px 0px #00000040;--Eleven-Shadow:4px 4px 10px 0px #00000040;--Twelve-Shadow:4px 4px 8px -3px #00000040;--Thirteen-Shadow: 4px 4px 10px -2px #00000040;--Fourteen-Shadow:2px 2px 8px 0px #00000040;--Fifteen-Shadow:3px 3px 10px 0px #00000040;--Sixteen-Shadow:4px 4px 8px 3px #00000040;--Seventeen-Shadow:4px 4px 8px 2px #00000040}form,app-table{width:100%;height:100%}@media only screen and (max-width:1350px){:root{--vw-viewport: 1194;--vh-viewport: 1080}}@media only screen and (max-width:750px){:root{--vw-viewport: 390;--vh-viewport: 1080}}@font-face{font-family:Cairo;src:url(/Files/Fonts/Cairo/Cairo-VariableFont.woff2) format("truetype");font-style:normal;font-display:swap}:root{--First-font-family: Roboto;--Second-font-family: Cairo;--Primary-font-size: calc((30 / var(--vw-viewport)) * 100vw);--Secondry-font-size: calc((25 / var(--vw-viewport)) * 100vw);--Third-font-size: calc((24 / var(--vw-viewport)) * 100vw);--Fourth-font-size: calc((22 / var(--vw-viewport)) * 100vw);--Fifth-font-size: calc((20 / var(--vw-viewport)) * 100vw);--Sixs-font-size: calc((18 / var(--vw-viewport)) * 100vw);--Seventh-font-size: calc((16 / var(--vw-viewport)) * 100vw);--Eighth-font-size: calc((14 / var(--vw-viewport)) * 100vw);--Ninth-font-size: calc((10 / var(--vw-viewport)) * 100vw);--Tenth-font-size: calc((32 / var(--vw-viewport)) * 100vw);--Primary-line-height: calc((40 / var(--vw-viewport)) * 100vw);--Secondry-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Third-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Fourth-line-height: calc((28 / var(--vw-viewport)) * 100vw);--Fifth-line-height: calc((24 / var(--vw-viewport)) * 100vw);--Sixs-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Seventh-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Eighth-line-height: calc((16 / var(--vw-viewport)) * 100vw);--Ninth-line-height: calc((36 / var(--vw-viewport)) * 100vw)}@media only screen and (max-width:1350px){:root{--Primary-font-size: calc((30 / var(--vw-viewport)) * 100vw);--Secondry-font-size: calc((25 / var(--vw-viewport)) * 100vw);--Third-font-size: calc((24 / var(--vw-viewport)) * 100vw);--Fourth-font-size: calc((22 / var(--vw-viewport)) * 100vw);--Fifth-font-size: calc((20 / var(--vw-viewport)) * 100vw);--Sixs-font-size: calc((18 / var(--vw-viewport)) * 100vw);--Seventh-font-size: calc((16 / var(--vw-viewport)) * 100vw);--Eighth-font-size: calc((14 / var(--vw-viewport)) * 100vw);--Ninth-font-size: calc((10 / var(--vw-viewport)) * 100vw);--Tenth-font-size: calc((32 / var(--vw-viewport)) * 100vw);--Primary-line-height: calc((40 / var(--vw-viewport)) * 100vw);--Secondry-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Third-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Fourth-line-height: calc((28 / var(--vw-viewport)) * 100vw);--Fifth-line-height: calc((24 / var(--vw-viewport)) * 100vw);--Sixs-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Seventh-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Eighth-line-height: calc((16 / var(--vw-viewport)) * 100vw);--Ninth-line-height: calc((36 / var(--vw-viewport)) * 100vw)}}@media only screen and (max-width:750px){:root{--Primary-font-size: calc((30 / var(--vw-viewport)) * 100vw);--Secondry-font-size: calc((25 / var(--vw-viewport)) * 100vw);--Third-font-size: calc((24 / var(--vw-viewport)) * 100vw);--Fourth-font-size: calc((22 / var(--vw-viewport)) * 100vw);--Fifth-font-size: calc((20 / var(--vw-viewport)) * 100vw);--Sixs-font-size: calc((18 / var(--vw-viewport)) * 100vw);--Seventh-font-size: calc((16 / var(--vw-viewport)) * 100vw);--Eighth-font-size: calc((14 / var(--vw-viewport)) * 100vw);--Ninth-font-size: calc((10 / var(--vw-viewport)) * 100vw);--Tenth-font-size: calc((32 / var(--vw-viewport)) * 100vw);--Primary-line-height: calc((40 / var(--vw-viewport)) * 100vw);--Secondry-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Third-line-height: calc((30 / var(--vw-viewport)) * 100vw);--Fourth-line-height: calc((28 / var(--vw-viewport)) * 100vw);--Fifth-line-height: calc((24 / var(--vw-viewport)) * 100vw);--Sixs-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Seventh-line-height: calc((20 / var(--vw-viewport)) * 100vw);--Eighth-line-height: calc((16 / var(--vw-viewport)) * 100vw);--Ninth-line-height: calc((36 / var(--vw-viewport)) * 100vw)}}:root{--mat-sidenav-container-background-color: transparent;--mat-sidenav-content-background-color: transparent;--mat-dialog-container-color: var(--Light-mode-BackGround-Color);--mat-snack-bar-button-color: var(--Fourth-Color);--mat-snack-bar-container-color: var(--Third-Color);--mat-snack-bar-supporting-text-color: var(--Fourth-Color);--mat-snack-bar-supporting-text-size: var(--Seventh-font-size);--mat-snack-bar-supporting-text-line-height: var(--Seventh-line-height);--mat-snack-bar-supporting-text-weight: 500;--mat-expansion-container-background-color: transparent}.dark-mode{--mat-dialog-container-color: var(--Dark-mode-BackGround-Color)}