body.dark-mode.citizen-portal-theme{--color-bg-light: #0f1724;--color-white: #141f2f;--color-border: #223249;--color-primary: #7dc4ff;--color-primary-dark: #b6c7da;background-color:var(--color-bg-light);color:#dbe7f5}body.dark-mode.citizen-portal-theme app-citizen-header .site-header{background:linear-gradient(180deg,#132238,#101c2f);border-bottom-color:#96adc638;box-shadow:0 2px 14px #040a1473}body.dark-mode.citizen-portal-theme app-citizen-header .logo span,body.dark-mode.citizen-portal-theme app-citizen-header .header-text,body.dark-mode.citizen-portal-theme app-citizen-header .user-name{color:#d8e6f6!important}body.dark-mode.citizen-portal-theme app-citizen-header .user-name .user-ssn-row{border-color:#7dc4ff47!important;background:linear-gradient(180deg,#16243af2,#121e30fa)!important;box-shadow:0 1px 3px #040c1866,inset 0 1px #ffffff0a!important}body.dark-mode.citizen-portal-theme app-citizen-header .user-name .user-ssn-row--success{border-color:#34d39966!important;background:linear-gradient(180deg,#14372d8c,#102a24bf)!important}body.dark-mode.citizen-portal-theme app-citizen-header .user-name .user-ssn{color:#c5d4e5!important}body.dark-mode.citizen-portal-theme app-citizen-header .header-text{border-right-color:#849eba66}body.dark-mode.citizen-portal-theme app-citizen-header .user-action-trigger,body.dark-mode.citizen-portal-theme app-citizen-header .user-menu-trigger{background-color:#79a3cc29;border-color:#79a3cc59;color:#cfe2f7}body.dark-mode.citizen-portal-theme app-citizen-header .user-action-trigger:hover,body.dark-mode.citizen-portal-theme app-citizen-header .user-menu-trigger:hover{background-color:#79a3cc42;border-color:#79a3cc80}body.dark-mode.citizen-portal-theme app-citizen-header .copy-ssn-btn{border-inline-start-color:#7dc4ff38!important;background:#7dc4ff1a!important;color:#b8d9f5!important;box-shadow:none!important}body.dark-mode.citizen-portal-theme app-citizen-header .copy-ssn-btn:hover{background:#7dc4ff33!important;color:#e8f4fc!important}body.dark-mode.citizen-portal-theme app-citizen-header .user-ssn-row--success .copy-ssn-btn{border-inline-start-color:#34d39959!important;background:#34d39926!important;color:#a7f3d0!important}body.dark-mode.citizen-portal-theme app-citizen-header .user-ssn-row--success .copy-ssn-btn:hover{background:#34d3993d!important;color:#d1fae5!important}body.dark-mode.citizen-portal-theme app-citizen-header .copy-ssn-icon--done{color:#6ee7b7!important}body.dark-mode.citizen-portal-theme .citizen-header-copy-snackbar .mdc-snackbar__surface{background:linear-gradient(135deg,#1a2f4a,#132238)!important;border:1px solid rgba(125,196,255,.22)!important;box-shadow:0 6px 20px #040a148c!important}body.dark-mode.citizen-portal-theme .citizen-header-copy-snackbar .mat-mdc-snack-bar-label,body.dark-mode.citizen-portal-theme .citizen-header-copy-snackbar .mdc-snackbar__label{color:#e2edf8!important}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .user-menu .mat-mdc-menu-panel,body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .mat-mdc-menu-panel{background-color:#152235!important;border-color:#849eba47!important}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .user-menu .mat-mdc-menu-item{color:#d8e6f6!important}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .notifications-card-list{background-color:#152235}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .notification-card{background-color:#1a2a42;border-color:#7c9dbe47}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .notification-card:hover{background-color:#223654}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .notification-title{color:#d8e6f6}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .notification-meta{color:#9fb4cc}body.dark-mode.citizen-portal-theme .cdk-overlay-pane .notifications-menu .notifications-view-all{color:#a7d3ff;border-color:#80baee59}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2")}html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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-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;scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0065b2;--color-primary-dark: #4f607f;--color-secondary: #3cc0f0;--color-bg-light: #eff8ff;--color-dry: #e5eff7;--color-white: #ffffff;--color-dark: #343a40;--color-health: #f34841;--color-water: #3f9ad1;--color-waste: #704522;--color-rubble: #515558;--color-high: #f4921e;--color-red: #e33977;--color-footer: #707070;--color-footer-text: #9d9d9d;--color-primary-rgb: 0, 101, 178;--color-primary-dark-rgb: 79, 96, 127;--color-secondary-rgb: 60, 192, 240;--color-bg-light-rgb: 245, 248, 250;--color-dry-rgb: 229, 239, 247;--color-white-rgb: 255, 255, 255;--color-dark-rgb: 52, 58, 64;--color-health-rgb: 243, 72, 65;--color-water-rgb: 63, 154, 209;--color-waste-rgb: 112, 69, 34;--color-rubble-rgb: 81, 85, 88;--color-high-rgb: 244, 146, 30;--color-footer-rgb: 157, 157, 157;--color-success-rgb: 112, 187, 146;--header-height: 72px;--header-height-mobile: 66px;--spacer: 1rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-sm: .875rem}html,body{font-family:Tajawal,Helvetica Neue,sans-serif;font-size-adjust:.52;line-height:1.6;color:var(--color-primary-dark);background-color:var(--color-bg-light);min-height:100%;width:100%;overflow-x:hidden;overflow-y:visible;max-width:100vw;direction:ltr}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}button,.btn{cursor:pointer;border:none;background:none;font-family:inherit}.text-center{text-align:center}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}ul,li{list-style:none;color:var(--color-primary-dark);font-size:.875rem;padding-right:0}address{color:var(--color-primary-dark);font-size:.875rem}.btn{border-radius:0}.btn-primary{background-color:var(--color-primary);padding:.5rem 1.5rem}.btn-light,.btn-light:hover{background-color:var(--color-white);color:var(--color-primary)}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.alert{border:0;border-radius:0}.alert-success{background-color:rgb(var(--color-success-rgb),.1);color:rgb(var(--color-success-rgb))}.site-header{background-color:var(--color-primary);transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.logo img{max-height:50px;width:auto;height:auto}.logo span{color:var(--color-primary);font-size:.875rem}.nav-link{color:var(--color-primary-dark);font-size:.875rem;padding:.5rem 1rem!important;transition:all .2s ease;position:relative;display:inline-block}.form-check-input[type=checkbox]{border-radius:0}.form-control::placeholder{font-size:.75rem;color:var(--color-primary-dark);direction:rtl!important}.about-section,.latest-news,.contact-section{padding:7rem 0}.section-title{font-size:1.5rem;color:var(--color-primary);font-weight:600;margin-bottom:4rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:3rem;height:1.5px;background-color:var(--color-secondary)}.section-subtitle{color:var(--color-primary-dark);margin-bottom:2rem;font-weight:400;line-height:35px;font-size:.875rem}.page-titlebar{position:relative;color:var(--color-white);min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;overflow:hidden}.page-titlebar:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.85),rgba(var(--color-primary-rgb),.72) 40%,#003264c7);pointer-events:none}.page-titlebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;z-index:1;background:linear-gradient(to top,var(--color-bg-light),transparent);opacity:.4;pointer-events:none}.page-titlebar h1{font-size:2.5rem;text-align:center;padding-top:1.5rem;padding-bottom:.5rem;font-weight:600;position:relative;z-index:2;color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.25);margin:0;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:-.02em}.page-titlebar h1:after{display:none}.page-titlebar .container{position:relative;z-index:2;width:100%;display:flex;justify-content:center;margin-top:.25rem}.page-titlebar .breadcrumb-nav{direction:rtl;z-index:2;padding:.5rem 0}.page-titlebar.lang-en .breadcrumb-nav{direction:ltr;text-align:left}.page-titlebar.lang-en .breadcrumb{flex-direction:row;justify-content:center}.page-titlebar .breadcrumb{list-style:none;display:inline-flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:.5rem 1.25rem;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9999px;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000001f;justify-content:center}.page-titlebar .breadcrumb li{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:500}.page-titlebar .breadcrumb li:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;margin:0 .65rem;background:#fffc;border-radius:50%;vertical-align:middle}.page-titlebar .breadcrumb li a{color:#fffffff2;text-decoration:none;transition:color .2s ease,opacity .2s ease;font-size:inherit}.page-titlebar .breadcrumb li a:hover{color:var(--color-secondary);opacity:1}.page-titlebar .breadcrumb li.active{color:var(--color-white);font-weight:600}@media (min-width: 1200px){.page-titlebar{padding:2.5rem 1.5rem;min-height:300px}.page-titlebar h1{font-size:2.75rem;padding-top:1.75rem;padding-bottom:.75rem}.page-titlebar .breadcrumb li{font-size:.875rem}.page-titlebar .breadcrumb{padding:.6rem 1.5rem}.page-titlebar .breadcrumb li:not(:last-child):after{margin:0 .75rem}}@media (max-width: 1199.98px) and (min-width: 992px){.page-titlebar{padding:2rem 1.25rem;min-height:280px}.page-titlebar h1{font-size:2.625rem;padding-top:1.625rem;padding-bottom:.625rem}.page-titlebar .breadcrumb li{font-size:.8125rem}.page-titlebar .breadcrumb li:not(:last-child):after{margin:0 .6rem}}@media (max-width: 991.98px) and (min-width: 768px){.page-titlebar{padding:1.75rem 1rem;min-height:260px}.page-titlebar h1{font-size:2rem;padding-top:1.25rem;padding-bottom:.5rem}.page-titlebar .breadcrumb li{font-size:.75rem}.page-titlebar .breadcrumb{padding:.5rem 1rem}.page-titlebar .breadcrumb li:not(:last-child):after{margin:0 .5rem}}@media (max-width: 767.98px){.page-titlebar{padding:1.5rem .75rem;min-height:240px}.page-titlebar h1{font-size:1.75rem;padding-top:1rem;padding-bottom:.5rem;line-height:1.3}.page-titlebar .breadcrumb li{font-size:.6875rem}.page-titlebar .breadcrumb{padding:.45rem .85rem}.page-titlebar .breadcrumb li:not(:last-child):after{margin:0 .4rem;width:3px;height:3px}}@media (max-width: 575.98px){.page-titlebar{padding:1.25rem .5rem;min-height:220px}.page-titlebar h1{font-size:1.5rem;padding-top:.875rem;padding-bottom:.375rem;line-height:1.3}.page-titlebar .breadcrumb li{font-size:.625rem}.page-titlebar .breadcrumb{padding:.4rem .7rem}.page-titlebar .breadcrumb li:not(:last-child):after{margin:0 .35rem;width:3px;height:3px}}@media (max-width: 399.98px){.page-titlebar{padding:1rem .375rem;min-height:200px}.page-titlebar h1{font-size:1.25rem;padding-top:.75rem;padding-bottom:.25rem;line-height:1.25}.page-titlebar .breadcrumb li{font-size:.5625rem}.page-titlebar .breadcrumb{padding:.35rem .6rem}.page-titlebar .breadcrumb li:not(:last-child):after{margin:0 .25rem;width:2px;height:2px}}.pagination{display:flex;gap:1rem;justify-content:center;padding:2rem}.pagination a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-dry);color:#a6b1c0;font-size:.635rem;text-decoration:none;transition:all .3s ease;font-weight:500}.pagination a.active{border-color:var(--color-primary);color:var(--color-primary)}.page h2{color:var(--color-primary);font-size:2rem;font-weight:500;margin-top:3rem;margin-bottom:1.5rem}.page p{color:var(--color-primary-dark);font-size:1rem}.page h3{font-size:1rem;color:var(--color-primary);line-height:25px;margin-top:2rem;font-weight:500}.counter{background-color:#f1f8fc;min-height:250px;padding-top:4rem}.counter h3{color:var(--color-primary);font-size:1.5rem;line-height:25px;margin-bottom:.2rem;margin-top:1rem}.gap-2{gap:.5rem}.latest-news .project-card{background-color:var(--color-white);color:var(--color-rubble);border:none;border-radius:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.latest-news .project-image{width:100%;object-fit:cover;border-radius:0}.latest-news .project-name{font-size:.75rem;font-weight:500;color:var(--color-primary)}.latest-news .date{color:var(--color-primary-dark);line-height:11px!important}.latest-news .card p{font-size:.7rem;font-weight:300;line-height:30px}.latest-news .project-button{font-size:.75rem;color:var(--color-primary)}.latest-news .project-button:hover{text-decoration:underline}.latest-news .map img{width:100%;margin-top:.5rem;margin-bottom:4rem}.accordion-button{background-color:var(--color-white);color:var(--color-primary);font-size:1rem;font-weight:500;border-radius:0!important;padding:15px 20px 15px 50px;margin-bottom:10px;text-align:right;position:relative;border-bottom:1px solid #eee;box-shadow:none!important}.accordion-button:not(.collapsed){background-color:var(--color-white);color:var(--color-primary);border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.accordion-button:focus{box-shadow:none}.accordion-button:after{display:none}.accordion-button .toggle-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-primary);border-radius:0;font-size:1rem;font-weight:700;transition:all .3s ease}.accordion-button:not(.collapsed) .toggle-icon:before{content:"-";border-radius:0;color:var(--color-primary)}.accordion-button.collapsed .toggle-icon:before{content:"+";border-radius:0;color:var(--color-primary)}.accordion-body{background-color:var(--color-white);border-top:none;padding:20px;text-align:right;font-size:.625rem;color:var(--color-primary-dark);margin-bottom:1rem}.contact-form{max-width:600px;margin:0 auto 2rem;display:grid;gap:1rem}.footer{background-color:var(--color-rubble);color:var(--color-footer);padding-top:7rem}.footer-top{display:flex;flex-wrap:wrap;gap:2rem;padding:7rem 0 1rem}.list-unstyled{list-style:none;padding:0;margin:0}.list-unstyled li{margin-bottom:.5rem}.list-unstyled li a{font-size:.875rem;line-height:25px;font-weight:300!important;padding-top:1rem!important}.list-unstyled li a:hover{color:var(--color-white)!important;font-weight:500!important}.footer-title{font-size:.875rem;margin-bottom:.75rem;color:var(--color-white);line-height:1.3}.footer-text{font-size:.875rem;line-height:2.2;opacity:.8;padding-top:1rem;font-weight:300;color:#c5c5c5}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:1rem;border-top:1px solid var(--color-footer);padding-top:2rem}.footer-bottom p{font-size:.75rem;font-weight:300;opacity:.8}.map-section .section-title:after{content:"";position:absolute;bottom:-15px;right:-2%;transform:translate(-50%);width:5%;height:1px;background-color:var(--color-secondary)}.login-bg{height:100vh;display:flex;justify-content:center;align-items:center}.login-box{background-color:var(--color-white);padding:2rem;width:100%;max-width:400px;text-align:center;box-shadow:0 0 20px #0003}.login-logo img{height:50px;margin-bottom:10px}.form-control{text-align:right;border-radius:0;background-color:transparent}.login-btn{background-color:var(--color-primary);color:var(--color-white)}.login-btn:hover{background-color:var(--color-primary)}.login-logo.text-center{margin-bottom:1.5rem}.contact-us .section-title:after{content:"";position:absolute;bottom:-15px;right:-1rem;transform:translate(-50%);width:3rem;height:1.5px;background-color:var(--color-secondary)}app-root{display:block;width:100%;max-width:100vw;overflow-x:hidden;direction:rtl}@media (max-width: 767.98px){.container,.container-fluid{width:100%!important;max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.container [class*=col-],.container-fluid [class*=col-]{max-width:100%;min-width:0}}@media (max-width: 575.98px){.container,.container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}}@media (max-width: 399.98px){.container,.container-fluid{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width: 991.98px){.footer-top{flex-direction:column;align-items:flex-end}.links-column{flex-direction:column}}@media (max-width: 576px){.section-title{font-size:1.5rem}.btn-primary{padding:.5rem 1rem;font-size:var(--font-size-base)}.contact-form{width:100%}.section-subtitle{font-size:1rem}}.menu{display:flex;justify-content:center;flex-grow:1;margin:10px auto 0}.menu .nav-link{font-size:14px;font-weight:700;background:none;border:none;padding:8px 16px;cursor:pointer;border-radius:50px!important;color:#333;transition:all .3s ease;position:relative}.menu .nav-link:hover{background-color:#1a5f7a1a;color:#008ecd}.menu .nav-link.active{background-color:#008ecd;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #008ecd}.menu .nav-link:not(:last-child){margin-inline-end:8px}.login-buttons-section .btn{border-radius:25px!important}.tables-panel{flex:0 0 25%;min-width:0}.fields-panel{flex:0 0 75%;min-width:0}.panels-row{display:flex;gap:1rem;width:100%}.country-code-search-panel{background:#f8fafc!important;padding:0!important;border-radius:8px!important;max-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important}.country-code-search-panel .mat-mdc-option.country-code-search-option,.country-code-search-panel .mdc-list-item.country-code-search-option,.country-code-search-panel .country-code-search-option{position:sticky!important;top:0!important;z-index:1!important;cursor:default!important;padding:0!important;min-height:56px!important;height:auto!important;opacity:1!important;display:block!important;pointer-events:none!important;background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000a!important}.country-code-search-panel .country-code-search-option .country-code-search-wrap{pointer-events:auto!important;cursor:default!important}.country-code-search-panel .country-code-search-wrap{display:block!important;padding:12px 16px!important}.country-code-search-panel .country-code-search-input{width:100%!important;box-sizing:border-box!important;padding:10px 14px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;font-size:.875rem!important;color:#202124!important;background:#fff!important;outline:none!important;transition:border-color .2s ease,box-shadow .2s ease;display:block!important}.country-code-search-panel .country-code-search-input::placeholder{color:#64748b!important}.country-code-search-panel .country-code-search-input:focus{border-color:#1a73e8!important;box-shadow:0 0 0 2px #1a73e826!important}.country-code-search-panel .mat-mdc-option:not(.country-code-search-option),.country-code-search-panel .mdc-list-item:not(.country-code-search-option){padding-inline:16px!important;min-height:44px!important}.country-code-search-panel .mat-mdc-select-panel{padding:0!important;background:#f8fafc!important;max-height:none!important}.cdk-overlay-container .mat-mdc-dialog-container button:focus,.cdk-overlay-container .mat-mdc-dialog-container button:focus-visible,.cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button-base:focus,.cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button-base:focus-visible{outline:none!important;box-shadow:none!important}.cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button-base.cdk-focused .mat-mdc-focus-indicator:before,.cdk-overlay-container .mat-mdc-dialog-container .mat-mdc-button-base.cdk-program-focused .mat-mdc-focus-indicator:before{opacity:0!important}.btn-enhanced{display:flex;align-items:center;justify-content:center;gap:.5rem}.social-icon-btn{width:var(--social-btn-size, 48px);height:var(--social-btn-size, 48px);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;background:var(--color-white);border:2px solid rgba(var(--color-primary-rgb),.22);box-shadow:0 10px 24px #00000009;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.social-icon-btn svg{width:var(--social-icon-size, 20px);height:var(--social-icon-size, 20px);fill:currentColor;transition:transform .18s ease}.social-icon-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #00000012}.social-icon-btn:active{transform:translateY(0)}.social-icon-btn:focus{outline:none}.social-icon-btn:focus-visible{box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.16),0 14px 30px #00000012;border-color:rgba(var(--color-primary-rgb),.45)}.social-icon-btn:hover svg{transform:scale(1.04)}.social-icon-btn.facebook{color:#1877f2}.social-icon-btn.telegram{color:#08c}.social-icon-btn.whatsapp{color:#25d366}.social-icon-btn.instagram{color:#c13584}.social-icon-btn.facebook:hover,.social-icon-btn.facebook:focus-visible{border-color:#1877f28c}.social-icon-btn.telegram:hover,.social-icon-btn.telegram:focus-visible{border-color:#0088cc8c}.social-icon-btn.whatsapp:hover,.social-icon-btn.whatsapp:focus-visible{border-color:#25d3668c}.social-icon-btn.instagram:hover,.social-icon-btn.instagram:focus-visible{border-color:#c135848c}@media (max-width: 576px){.social-icon-btn{width:var(--social-btn-size-sm, 40px);height:var(--social-btn-size-sm, 40px)}.social-icon-btn svg{width:var(--social-icon-size-sm, 17px);height:var(--social-icon-size-sm, 17px)}}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 576px){.mat-mdc-snack-bar-container.login-terms-snackbar{margin-bottom:72px!important}.mat-mdc-snack-bar-container.login-terms-snackbar .mdc-snackbar__surface{min-width:min(88vw,320px)!important;max-width:88vw!important;padding:6px 10px!important;border-radius:10px!important}}