.elementor-kit-23{--e-global-color-primary:#002059;--e-global-color-secondary:#00367C;--e-global-color-text:#4A5568;--e-global-color-accent:#0189F7;--e-global-color-ssdeep:#001A4A;--e-global-color-sssky:#01B6FD;--e-global-color-ssmuted:#6B7A90;--e-global-color-ssline:#E3EAF3;--e-global-color-sssoft:#F3F8FD;--e-global-color-ssstar:#F5B942;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;color:#4A5568;font-family:"Poppins", Sans-serif;font-size:15px;line-height:1.6em;}.elementor-kit-23 e-page-transition{background-color:#FFBC7D;}.elementor-kit-23 a{color:#0189F7;}.elementor-kit-23 a:hover{color:#002059;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:960px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:600px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */:root{--navy:#002059;--navy-2:#00367C;--navy-deep:#001A4A;--green:#0189F7;--green-2:#01B6FD;--blue:#0189F7;--text:#4A5568;--muted:#6B7A90;--line:#E3EAF3;--bg-soft:#F3F8FD;--white:#fff;--star:#F5B942;--radius:14px;--shadow:0 10px 30px rgba(12,35,64,.08)}
html{scroll-behavior:smooth}
.elementor .ssraw table{margin:0!important;font-size:14px}.ssraw td,.ssraw th{line-height:1.6!important;vertical-align:middle!important;border-width:0 0 1px!important;border-style:solid!important;border-color:#E3EAF3!important}.ssraw tr:last-child td{border-bottom:0!important}.ssraw tbody>tr>td:not(.us),.ssraw tbody>tr:hover>td:not(.us){background-color:transparent!important}.ssraw tbody>tr:hover>td.us{background-color:#F1F8FF!important}.ssraw .pin svg{display:block}
.toc-l,.ptoc-l{padding:0!important;margin:0!important}
body:not(.home) .elementor-heading-title{text-wrap:balance}
.elementor .elementor-widget-html a.btn-green,.elementor .elementor-widget-html a.btn-navy{color:#fff}.elementor .elementor-widget-html a.btn-white{color:#002059}
[data-elementor-type="footer"] .elementor-widget{white-space:normal!important}
@keyframes ss-show{to{visibility:visible}}
.elementor-invisible{animation:ss-show 0s linear 2.5s forwards}
@media (min-width:961px) and (max-width:1020px){[data-elementor-type="header"] .elementor-widget-button{display:none}body:not(.home) [data-elementor-type="header"] .e-n-menu-heading{justify-content:flex-end!important}}
@media (min-width:961px) and (max-width:1100px){body:not(.single-post):not(.page-id-103) h1.elementor-heading-title{font-size:40px!important}}
body{overflow-x:clip}
.e-con,.e-con>.elementor-widget{min-width:0}
@media (max-width:960px){body:has(.mbar){padding-bottom:70px}}
.elementor-widget-text-editor a{overflow-wrap:anywhere}
[hidden]{display:none!important}
.elementor-widget-html *{box-sizing:border-box}.elementor .elementor-widget-html .ssraw>*{margin-top:0!important;margin-bottom:0!important}.ssraw label{line-height:inherit;vertical-align:baseline}.ssraw button{line-height:normal;border:0;padding:0;background:none;color:inherit;border-radius:0;white-space:nowrap}.ssraw button:hover,.ssraw button:focus{background:none;color:inherit}.ssraw input{line-height:normal;padding:0;border:0;width:auto;background:none;border-radius:0}.elementor-widget-html :where(h1,h2,h3,h4){color:#002059;font-weight:700;line-height:1.2;margin:0}.elementor-widget-html :where(p,ul,ol,label,form,button){margin:0}.elementor-widget-html :where(ul){list-style:none;padding:0}.elementor-widget-html :where(a){color:inherit;text-decoration:none}
@media (min-width:961px) and (max-width:1340px){body:not(.home) [data-elementor-type="header"] .elementor-widget-button{width:auto!important;--container-widget-width:auto}body:not(.home) [data-elementor-type="header"] .elementor-widget-button .elementor-button{padding:11px 16px!important;font-size:13px!important;width:auto!important}body:not(.home) .e-n-menu-title-text{font-size:13px!important}body:not(.home) [data-elementor-type="header"] .e-n-menu{--n-menu-title-space-between:16px!important}}
@media (min-width:961px) and (max-width:1140px){body:not(.home) [data-elementor-type="header"] .elementor-widget-button{display:none}body:not(.home) [data-elementor-type="header"] .e-n-menu-heading{justify-content:flex-end!important}}
.navs { display: flex !important; gap: 10px !important; }
.navs button { width: 40px !important; height: 40px !important; border-radius: 50% !important; border: 0px !important; cursor: pointer !important; font-size: 14px !important; transition: 0.2s !important; }
.navs .prev { background: rgb(255, 255, 255) !important; color: var(--blue) !important; box-shadow: var(--shadow) !important; }
.navs .next { background: var(--blue) !important; color: rgb(255, 255, 255) !important; }
.navs button:hover { background: var(--green) !important; color: rgb(255, 255, 255) !important; }
.btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 14px !important; padding: 13px 26px !important; transition: 0.25s !important; border: 1.5px solid transparent !important; cursor: pointer !important; white-space: nowrap !important; }
.btn-green { background: var(--green) !important; color: rgb(255, 255, 255) !important; }
.btn-green:hover { background: var(--navy) !important; }
.btn-white { background: rgb(255, 255, 255) !important; color: var(--navy) !important; border-color: var(--line) !important; }
.btn-white:hover { border-color: var(--green) !important; color: var(--green) !important; }
.btn i { font-size: 13px !important; }
.calc-box { background: rgb(255, 255, 255) !important; border-radius: 18px !important; box-shadow: rgba(12, 35, 64, 0.12) 0px 18px 50px !important; padding: 28px !important; }
.calc-box label { display: flex !important; justify-content: space-between !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--navy) !important; margin-bottom: 6px !important; }
.calc-box label output { color: var(--green) !important; font-variant-numeric: tabular-nums !important; }
.calc-box input[type="range"] { width: 100% !important; accent-color: var(--green) !important; margin-bottom: 20px !important; }
.calc-out { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; margin: 6px 0px 18px !important; }
.calc-out div { border-radius: 12px !important; padding: 16px !important; background: var(--bg-soft) !important; }
.calc-out div.hl { background: linear-gradient(135deg,var(--navy-2),var(--green)) !important; color: rgb(255, 255, 255) !important; }
.calc-out b { display: block !important; font-size: 26px !important; font-weight: 700 !important; color: var(--navy) !important; font-variant-numeric: tabular-nums !important; line-height: 1.2 !important; }
.calc-out .hl b { color: rgb(255, 255, 255) !important; }
.calc-out span { font-size: 12px !important; }
.calc-out .hl span { color: rgb(227, 241, 254) !important; }
.calc-note { font-size: 11.5px !important; color: var(--muted) !important; margin-top: 12px !important; }
.calc-box .btn { width: 100% !important; justify-content: center !important; }
.tbl-wrap { overflow-x: auto !important; margin-top: 34px !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; border: 1px solid var(--line) !important; }
.tbl { width: 100% !important; border-collapse: collapse !important; min-width: 620px !important; background: rgb(255, 255, 255) !important; text-align: left !important; font-size: 14px !important; }
.tbl th, .tbl td { padding: 15px 20px !important; border-bottom: 1px solid var(--line) !important; }
.tbl thead th { background: var(--navy) !important; color: rgb(255, 255, 255) !important; font-weight: 600 !important; }
.tbl thead th.us { background: var(--green) !important; }
.tbl td:first-child { font-weight: 600 !important; color: var(--navy) !important; }
.tbl td.us { background: rgb(241, 248, 255) !important; color: var(--navy) !important; font-weight: 500 !important; }
.tbl td i { margin-right: 8px !important; }
.tbl .fa-xmark { color: rgb(214, 69, 69) !important; }
.tbl .fa-check { color: var(--green) !important; }
.tbl tr:last-child td { border-bottom: 0px !important; }
.mbar { display: none !important; }
@media (max-width: 960px){.mbar { display: flex !important; position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 55 !important; gap: 10px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(12, 35, 64, 0.12) 0px -6px 20px !important; padding: 10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)) !important; }}
@media (max-width: 960px){.mbar .btn { flex: 1 1 0% !important; justify-content: center !important; padding: 12px 14px !important; }}
@media (max-width: 600px){.calc-out b { font-size: 21px !important; }}
.lg { display: flex !important; gap: 16px !important; font-size: 11.5px !important; color: var(--muted) !important; margin-top: 4px !important; }
.lg i { display: inline-block !important; width: 10px !important; height: 10px !important; border-radius: 3px !important; margin-right: 6px !important; vertical-align: -1px !important; }
.reveal { opacity: 0 !important; transform: translateY(22px) !important; transition: opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms) !important; }
.btn:hover { transform: translateY(-2px) !important; }
.btn i { transition: transform 0.25s !important; }
.btn:hover i { transform: translateX(3px) !important; }
@media (prefers-reduced-motion: reduce){.reveal { opacity: 1 !important; transform: none !important; transition: none !important; }}
.crow { display: grid !important; grid-template-columns: auto auto 1fr auto !important; gap: 10px !important; align-items: center !important; padding: 7px 0px !important; border-bottom: 1px dashed rgba(255, 255, 255, 0.14) !important; font-size: 12.5px !important; color: rgb(211, 222, 238) !important; }
.crow:last-child { border-bottom: 0px !important; }
.crow .k { font-size: 10px !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; color: rgb(143, 166, 200) !important; min-width: 62px !important; }
.crow code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; color: rgb(255, 255, 255) !important; font-weight: 700 !important; font-size: 13px !important; min-width: 52px !important; }
.crow span { min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.crow i { color: rgb(61, 220, 151) !important; }
.prow { display: grid !important; grid-template-columns: 150px 1fr 92px !important; gap: 12px !important; align-items: center !important; padding: 7px 0px !important; font-size: 12.5px !important; color: var(--navy) !important; font-weight: 500 !important; }
.bar { height: 8px !important; border-radius: 8px !important; background: rgb(232, 238, 246) !important; overflow: hidden !important; }
.bar i { display: block !important; height: 100% !important; border-radius: 8px !important; background: linear-gradient(90deg,var(--green),var(--green-2)) !important; }
.bar i.done { background: rgb(34, 181, 115) !important; }
.st { justify-self: end !important; font-size: 11px !important; font-weight: 600 !important; border-radius: 50px !important; padding: 3px 10px !important; white-space: nowrap !important; }
.st.ok { background: rgb(230, 247, 238) !important; color: rgb(20, 128, 74) !important; }
.st.rv { background: rgb(227, 241, 254) !important; color: rgb(1, 103, 196) !important; }
.st.wt { background: rgb(255, 244, 224) !important; color: rgb(166, 99, 0) !important; }
@media (max-width: 600px){.prow { grid-template-columns: 1fr 84px !important; }}
@media (max-width: 600px){.prow .bar { grid-area: 2 / 1 / auto / -1 !important; }}
.pbanner p { max-width: 560px !important; color: rgb(211, 222, 238) !important; font-size: 16px !important; }
.vs-copy p { margin-bottom: 22px !important; max-width: 520px !important; }
.quiz { background: rgb(255, 255, 255) !important; border-radius: 18px !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 50px !important; padding: 24px !important; color: var(--text) !important; }
.quiz h4 { font-size: 17px !important; margin-bottom: 4px !important; }
.quiz .sub { font-size: 12.5px !important; color: var(--muted) !important; margin-bottom: 16px !important; }
.qz { border: 1px solid var(--line) !important; border-radius: 12px !important; padding: 12px 14px !important; margin-bottom: 10px !important; }
.qz p { font-size: 13px !important; color: var(--navy) !important; font-weight: 600 !important; margin-bottom: 8px !important; line-height: 1.4 !important; }
.qz .yn { display: flex !important; gap: 8px !important; }
.qz label { flex: 1 1 0% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 6px !important; border: 1px solid var(--line) !important; border-radius: 8px !important; padding: 7px !important; font-size: 12.5px !important; cursor: pointer !important; color: var(--navy) !important; }
.qz input { accent-color: var(--green) !important; }
.qz label:has(input:checked) { border-color: var(--green) !important; background: rgb(241, 248, 255) !important; }
.quiz input[type="text"], .quiz input[type="email"], .quiz input[type="tel"] { width: 100% !important; border: 1px solid var(--line) !important; border-radius: 8px !important; padding: 11px 14px !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 13px !important; color: var(--navy) !important; margin-bottom: 10px !important; outline: none !important; }
.quiz input:focus { border-color: var(--green) !important; }
.quiz .btn { width: 100% !important; justify-content: center !important; border-radius: 8px !important; }
.quiz small { display: block !important; text-align: center !important; font-size: 11.5px !important; color: var(--blue) !important; margin-top: 10px !important; }
.calc-mini { background: var(--bg-soft) !important; border: 1px solid var(--line) !important; border-radius: 14px !important; padding: 18px !important; margin: 6px 0px 24px !important; }
.calc-mini label { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: var(--navy) !important; margin-bottom: 6px !important; }
.calc-mini input { border: 1px solid var(--line) !important; border-radius: 8px !important; padding: 10px 12px !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 13.5px !important; color: var(--navy) !important; background: rgb(255, 255, 255) !important; max-width: 100% !important; }
.cm-out { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; margin-top: 14px !important; }
.cm-out div { background: rgb(255, 255, 255) !important; border-radius: 10px !important; padding: 10px 12px !important; border: 1px solid var(--line) !important; }
.cm-out span { display: block !important; font-size: 11px !important; color: var(--muted) !important; line-height: 1.35 !important; }
.cm-out b { display: block !important; color: var(--navy) !important; font-size: 14px !important; font-variant-numeric: tabular-nums !important; margin-top: 4px !important; }
.cm-out div.hl { background: rgb(255, 244, 224) !important; border-color: rgb(245, 210, 154) !important; }
.cm-note { font-size: 11.5px !important; color: var(--muted) !important; margin-top: 10px !important; }
.tbl .rt { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; font-weight: 600 !important; border-radius: 50px !important; padding: 4px 11px !important; white-space: nowrap !important; }
.rt.idr { background: rgb(227, 241, 254) !important; color: rgb(1, 103, 196) !important; }
.rt.app { background: rgb(255, 244, 224) !important; color: rgb(138, 82, 0) !important; }
.rt.fix { background: rgb(241, 243, 246) !important; color: rgb(74, 85, 104) !important; }
@media (max-width: 600px){.st-row, .cm-out { grid-template-columns: 1fr !important; }}
.bsearch { max-width: 520px !important; margin: 24px auto 0px !important; display: flex !important; background: rgb(255, 255, 255) !important; border: 1px solid var(--line) !important; border-radius: 50px !important; padding: 6px 6px 6px 20px !important; box-shadow: rgba(12, 35, 64, 0.06) 0px 8px 24px !important; }
.bsearch input { flex: 1 1 0% !important; border: 0px !important; outline: none !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 14px !important; color: var(--navy) !important; min-width: 0px !important; background: transparent !important; }
.bsearch button { border: 0px !important; border-radius: 50px !important; background: var(--green) !important; color: rgb(255, 255, 255) !important; width: 42px !important; height: 42px !important; cursor: pointer !important; }
.bchips { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-bottom: 28px !important; }
.bchip { border: 1px solid var(--line) !important; background: rgb(255, 255, 255) !important; border-radius: 50px !important; padding: 9px 18px !important; font-style: inherit !important; font-variant: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 13.5px !important; font-weight: 500 !important; color: var(--navy) !important; cursor: pointer !important; }
.bchip.on, .bchip:hover { background: var(--navy) !important; border-color: var(--navy) !important; color: rgb(255, 255, 255) !important; }
.irow { display: flex !important; gap: 14px !important; padding: 16px 0px !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
.irow i { flex: 0 0 auto !important; width: 40px !important; height: 40px !important; border-radius: 10px !important; background: rgba(1, 182, 253, 0.14) !important; color: var(--green-2) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; }
.irow span { display: block !important; font-size: 12px !important; color: rgb(143, 166, 200) !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; }
.irow b { display: block !important; color: rgb(255, 255, 255) !important; font-weight: 600 !important; font-size: 14.5px !important; user-select: all !important; word-break: break-word !important; }
.irow a { color: var(--green-2) !important; font-size: 13px !important; font-weight: 600 !important; }
.irow a:hover { color: rgb(255, 255, 255) !important; }
.copy-btn { background: none !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: rgb(197, 210, 230) !important; border-radius: 6px !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 11.5px !important; padding: 3px 8px !important; margin-top: 6px !important; cursor: pointer !important; }
.copy-btn:hover { border-color: var(--green-2) !important; color: rgb(255, 255, 255) !important; }
.mapcard { position: relative !important; border-radius: 20px !important; overflow: hidden !important; min-height: 320px !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), repeating-linear-gradient(0deg, transparent 0px, transparent 46px, rgb(220, 231, 243) 46px, rgb(220, 231, 243) 48px), repeating-linear-gradient(90deg, transparent 0px, transparent 62px, rgb(220, 231, 243) 62px, rgb(220, 231, 243) 64px), linear-gradient(135deg, rgb(238, 244, 251), rgb(247, 250, 254)) !important; box-shadow: var(--shadow) !important; border: 1px solid var(--line) !important; }
.mapcard .road { position: absolute !important; background: rgb(255, 255, 255) !important; box-shadow: rgb(211, 224, 238) 0px 0px 0px 1px !important; }
.mapcard .r1 { left: -10% !important; right: -10% !important; top: 58% !important; height: 16px !important; transform: rotate(-8deg) !important; }
.mapcard .r2 { top: -10% !important; bottom: -10% !important; left: 38% !important; width: 14px !important; transform: rotate(12deg) !important; }
.pin { position: absolute !important; left: 46% !important; top: 38% !important; transform: translate(-50%, -100%) !important; text-align: center !important; }
.pin i { font-size: 46px !important; color: rgb(229, 72, 77) !important; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 6px 8px) !important; }
.pin .lbl { position: absolute !important; left: 50% !important; top: -44px !important; transform: translateX(-50%) !important; background: var(--navy) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 600 !important; white-space: nowrap !important; border-radius: 8px !important; padding: 6px 10px !important; }
.toc-l { list-style: none !important; counter-reset: t 0 !important; display: grid !important; gap: 4px !important; }
.toc-l li { counter-increment: t 1 !important; }
.toc-l a { display: flex !important; gap: 10px !important; font-size: 13.5px !important; color: var(--text) !important; padding: 6px 8px !important; border-radius: 8px !important; }
.toc-l a::before { content: counter(t, decimal-leading-zero) !important; color: var(--green) !important; font-weight: 700 !important; font-size: 12px !important; margin-top: 1px !important; }
.toc-l a:hover { background: rgb(255, 255, 255) !important; color: var(--navy) !important; }
.ptoc-l { list-style: none !important; display: grid !important; gap: 2px !important; counter-reset: t 0 !important; }
.ptoc-l li { counter-increment: t 1 !important; }
.ptoc-l a { display: flex !important; gap: 10px !important; font-size: 13.5px !important; padding: 7px 8px !important; border-radius: 8px !important; color: var(--text) !important; }
.ptoc-l a::before { content: counter(t) !important; color: var(--green) !important; font-weight: 700 !important; }
.ptoc-l a:hover, .ptoc-l a.on { background: var(--bg-soft) !important; color: var(--navy) !important; }/* End custom CSS */