/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.mx-1{margin-inline:calc(var(--spacing)*1)}.my-1{margin-block:calc(var(--spacing)*1)}.my-3{margin-block:calc(var(--spacing)*3)}.my-5{margin-block:calc(var(--spacing)*5)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-\[2rem\]{margin-top:2rem}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.h-60{height:calc(var(--spacing)*60)}.h-full{height:100%}.w-16{width:calc(var(--spacing)*16)}.w-60{width:calc(var(--spacing)*60)}.w-100{width:calc(var(--spacing)*100)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\[5px\]{gap:5px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-white{border-color:var(--color-white)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pb-9{padding-bottom:calc(var(--spacing)*9)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}}.focus\:z-10:focus{z-index:10}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-gray-100:focus{--tw-ring-color:var(--color-gray-100)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:p-5{padding:calc(var(--spacing)*5)}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-black{color:var(--color-black)}.dark\:text-gray-400{color:var(--color-gray-400)}@media (hover:hover){.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:text-white:hover{color:var(--color-white)}}.dark\:focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{width:100vw;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page{box-shadow:none;z-index:1;background-color:#fff;padding:20vh 1rem 1rem;overflow-x:hidden;border:none!important;padding-bottom:3rem!important;overflow-y:scroll!important}.page.no-margin{margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}.card-executive{width:100%;height:8rem;display:flex;flex-direction:row;background:var(--gradient-primary);color:#fff;position:relative;padding-left:1rem;border-radius:var(--border-radius)}.name-container{position:absolute;width:50%;padding-top:8%}.executive-nickname{font-size:3.7em;margin:0!important;line-height:.9em}.executive-nickname .full-name{font-size:1.3em;letter-spacing:1.1em}.executive-name sub{top:-1rem!important}.card-executive img{height:125%;bottom:0;margin-top:-8%;right:.5rem!important;position:absolute}.executive-profile{z-index:999}.card-executive-team{width:100%;min-height:8rem;background:var(--gradient-primary);color:#fff;margin:1rem 0;border-radius:var(--border-radius);padding:1rem}.executive-team{width:95%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.executive-team-name{background:var(--gradient-secondary);color:var(--color-primary);text-align:center;border-radius:1rem;padding:.2rem 1rem;width:70%;margin-top:.5rem}.team-profile{width:100%;background-size:cover;height:10rem;background-position:center;border-radius:1.5rem}.card-team-description{background:var(--gradient-primary);border-radius:var(--border-radius);min-height:5rem;padding:1rem;color:#fff;margin-bottom:5rem;text-align:center}.card-team-description h6{font-size:.9em;margin-bottom:.7rem;text-align:center;line-height:1.2em}.card-team-description p{font-size:.65em;text-align:left;margin-bottom:.5rem}.page-header{align-items:center;width:94%;margin-left:2.8%;border-bottom-left-radius:30px;border-bottom-right-radius:30px;box-shadow:0 6px 15px #1f2b4233;margin-top:-5px;height:9.5rem;padding:.5rem .5rem 1.5rem;background-color:#f7f7f9;background:#fff;margin-bottom:1rem;position:fixed;top:0;z-index:1}.tumbon-name{float:left;width:75%;text-align:center;justify-content:center;display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;font-family:Kanit,sans-serif!important;font-weight:450}.tumbon-name .name{font-size:3em;margin:0;line-height:2.5rem;color:var(--color-primary);float:left;font-weight:400}.tumbon-name .address{background:var(--gradient-secondary);padding:3px 5px;width:fit-content;border-radius:5px;margin-top:.5rem;font-weight:400;font-size:.9em}.tumbon-logo{width:6rem;height:9rem;position:relative;display:flex;justify-content:center}.blue-tank{width:4.5rem;height:100%;top:-3%;position:absolute;background:var(--color-primary);border-bottom-left-radius:3rem;border-bottom-right-radius:3rem;align-items:flex-end;justify-content:center;display:flex;box-shadow:1px 6px 21px -3px #102e7a4d;-webkit-box-shadow:1px 6px 21px -3px rgba(16,46,12,.3);-moz-box-shadow:1px 6px 21px -3px rgba(16,46,12,.3)}.card-profile{width:100%;background:var(--gradient-primary-reverse);border-radius:var(--border-radius);padding:1rem;padding-bottom:2em;padding-top:1.5em}.profile-image{width:40%;padding-right:.5rem}.profile-detail{width:60%}.member-profile{border:2px solid}.wrap-member-profile{border-radius:50%;width:7.8rem;height:7.8rem;background:var(--gradient-primary)}img[alt=member-profile]{border-radius:50%;width:7.4rem;height:7.4rem}.profile-member-name{color:#fff;font-size:1.4em}.chip-profile{border:1px solid #FFF;font-size:.7em;font-weight:200;border-radius:10px;padding:.3em 1rem .3em 1em;border-radius:var(--border-radius);color:#fff;margin:.3rem 0}.card-complaint-count{background:var(--gradient-primary);border-radius:1rem;padding:1rem 0;color:#fff;margin:1rem 0;font-weight:300}.card-complaint-count img{width:2rem;margin-right:1rem}.card-complaint-status{width:100%;border-radius:1rem;background-color:#f7f7f9;padding:.5rem}.complaint-status-name{padding:.1rem .3rem;color:#fff;font-weight:300;font-size:.6em;margin:.3rem 0}.gradient-primary{background:var(--gradient-primary)}.hilight{background:var(--gradient-secondary);padding:.1rem .3rem}.bottom-nav{position:absolute;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(90deg,#007bff,#039);color:#fff;display:flex;justify-content:space-around;align-items:center;width:min(94%,800px);height:4rem;padding:4px;border-radius:20px;box-shadow:0 6px 20px #0003;z-index:1000}.keyboard-open .bottom-nav{transform:translate(-50%,120%);transition:transform .2s ease;display:none}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:0 8px;border-radius:22px}.center-circle{position:absolute;display:flex;font-size:1.1rem;bottom:0;width:33%;height:117%;padding:.5rem;top:-.7rem!important;border-radius:10rem 10rem 0 0;flex-direction:column;justify-content:flex-end;line-height:1.1rem;background:linear-gradient(360deg,#0055ef,#003491)}.center-circle.active{background:var(--gradient-secondary);color:var(--color-primary)}.wrapper-bottom-nav{width:100%;display:flex;flex-direction:row;justify-content:space-between}.left-wrapper-bottom-nav,.right-wrapper-bottom-nav{display:flex;flex-direction:row;width:33%;font-size:.5em}.left-wrapper-bottom-nav .nav-item span,.right-wrapper-bottom-nav .nav-item span{line-height:.8rem;font-weight:400;font-family:Kanit,sans-serif!important}.nav-item img{width:24px;height:24px;margin-bottom:4px}.nav-item.center{flex:1.5;font-weight:700;font-size:14px;line-height:1.2}.center-text{text-align:center}.highlight{background:var(--gradient-secondary);padding:8px 6px;color:var(--color-primary);font-weight:700;display:flex;flex-direction:column;align-items:center;border-radius:16px;height:75%;flex:1;margin-top:7%}.nav-item.highlight img{filter:brightness(0) saturate(100%) invert(14%) sepia(35%) saturate(6426%) hue-rotate(213deg) brightness(95%) contrast(105%)}.nav-item[aria-valuetext=place]{flex:3}.highlight[aria-valuetext=profile]{flex:1}.highlight[aria-valuetext=complaint]{flex:4}.highlight img{width:23px;height:23px;margin-bottom:4px}.active{background-color:var(--gradient-secondary)!important;background-color:var(--color-primary)}:root{--color-primary: #003491;--color-primary-light: #2A68E0;--color-secondary: #E0AD00;--color-accent: #00C2FF;--gradient-primary: linear-gradient(90deg, #2A68E0 0%, #003491 100%);--gradient-button: linear-gradient(90deg, #00B2FF 0%, #0046BB 100%);--gradient-secondary: linear-gradient(90deg, #E3E837, #E0AD00);--gradient-primary-reverse: linear-gradient(360deg, #2A68E0 0%, #003491 100%);--color-text-default: #0F172A;--color-text-light: #FFFFFF;--bg-default: #FFFFFF;--bg-section: #F1F5F9;--bg-header: #E0E7FF;--bg-footer: #003491;--shadow-card: 0px 4px 12px rgba(0, 0, 0, .08);--border-radius: 1.5rem;font-family:Kanit,sans-serif!important;font-weight:400;font-style:normal}.bg-primary{background:var(--gradient-primary)}.text-primary{color:var(--color-primary)}.text-primary-light{color:var(--color-primary-light)}.bg-grey{background-color:#b3b3b3}.title-row{display:flex;flex-direction:row}.complaint-button-title{background:var(--gradient-primary);display:flex;flex-direction:row;justify-content:space-between;width:fit-content;padding:.5rem;border-radius:var(--border-radius);width:69%;position:relative;box-shadow:0 9px 19px -5px #00000087;-webkit-box-shadow:0px 9px 19px -5px rgba(0,0,0,.53);-moz-box-shadow:0px 9px 19px -5px rgba(0,0,0,.53)}.complaint-button-title .wrap-img{background:var(--gradient-secondary);width:3.5rem!important;padding:.5rem;border-radius:1rem}.wrap-img img{width:100%}.complaint-button-title label{font-size:1.4em;margin:.3rem;color:#fff}.complaints-menu{width:100%;background-color:#f7f6f9;padding:1rem 1rem 2rem;border-radius:var(--border-radius);margin-top:.5rem;min-height:40vh;margin-bottom:5rem;z-index:20}.top-continue-complaint-menu{width:27%;border-radius:var(--border-radius);background-color:#f7f6f9;height:50%;position:absolute;right:1rem;z-index:0}.topleft-continue-complaint-menu{width:27%;border-radius:var(--border-radius);background-color:#f7f6f9;height:50%;position:absolute;left:1rem;z-index:0}.complaint-menu img{width:100%;text-align:center}.complaint-menu{justify-content:flex-start;align-items:flex-start;line-height:.5rem;position:relative;text-align:center}.complaint-menu label{position:absolute;margin-top:-2em!important}img[alt=other]{width:3.5rem;margin-bottom:1rem;justify-self:flex-end;opacity:.5}img[alt=other] label{bottom:0;position:absolute}.complaints-menu .grid div{position:relative}.complaints-menu .grid div label{bottom:0}.row-input{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;font-size:.9em}.row{flex-direction:row}.column{flex-direction:column}.row-input .input{background-color:#fff;width:auto;flex:4;padding:.3rem;border-radius:15px}.row-input .input input{height:2.7rem;width:100%}.input textarea{height:7rem;width:100%}.input input::placeholder,.input textarea::placeholder{color:#848484}.row-input .title{color:#003491!important;font-weight:500;margin-right:.5rem;font-size:1em}.row-input.column .input{width:100%}.row-input.column .title{margin-bottom:.5rem}.row-input button{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem;border-radius:var(--border-radius);background:transparent}.row-input button img{margin-right:.3rem;height:1.2rem}button.next,button.back{flex:2;margin:0 .3rem;border:none;color:#fff;padding-top:.7rem;padding-bottom:.7rem}button.back{background:var( --gradient-secondary)}button.next{background:var( --gradient-primary);box-shadow:0 9px 19px -5px #00000087;-webkit-box-shadow:0px 9px 19px -5px rgba(0,0,0,.53);-moz-box-shadow:0px 9px 19px -5px rgba(0,0,0,.53)}#mapposition{width:100%;height:35vh;border-radius:var(--border-radius)}.find-my-loaction{width:100%;border-radius:1rem!important;border:1px solid var(--color-primary);display:flex;justify-content:center;align-items:center;margin:2rem 0;height:3.2em}.find-my-loaction img{width:.8rem;margin-right:1rem}.backdrop{width:100vw;height:100vh;top:0;left:0;background:#0006;position:fixed;z-index:9999!important}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-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-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-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}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.alert-box{position:fixed;top:6vh;left:50%;width:70vw!important;transform:translate(10%);padding:14px 24px;border-radius:8px;font-weight:500;color:#fff;z-index:9999;animation:fadeInOut 5s ease}.alert-box.success{background:#38a169}.alert-box.error{background:#e53e3e}.alert-box.warning{background:#dd6b20}.alert-box.info{background:#3182ce}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px) translate(-50%)}10%,90%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(10px) translate(-50%)}}.button-title{width:100%;text-align:center;background:var(--gradient-primary);padding:1.3rem;font-size:1.5em;color:#fff;border-radius:1rem}.setting-menu{width:100%;flex-direction:row;justify-content:flex-start;align-items:center;padding:1.2rem 0 1.22rem;border-bottom:1px solid #CFCED1}.setting-menu .icon{width:1rem;margin:0 1rem}.setting-menu .title{font-size:.9em;color:#4a4a4c}.list-language li{padding:.5rem 1rem!important;border-bottom:1px solid #eee}.card-activity{margin:.5rem 0;border-radius:1rem}.card-activity .act-img{border-radius:1rem!important;width:7rem;max-width:100%;height:7rem;background-size:cover}.card-activity.left{background:var(--gradient-secondary);color:var(--color-primary)}.card-activity.right{background:var(--gradient-primary);color:#fff}.date{font-size:1.2em;font-weight:500}.description{font-size:1em;line-height:1.2em}.card-activity{width:100%;border-radius:var(--border-radius);background:var(--gradient-primary);color:#fff;padding:.5rem}.card-activity img{border-radius:var(--border-radius)}.card-activity h5{font-size:larger;font-weight:500;margin-bottom:.7rem;line-height:1.5rem}.card-activity p{font-size:small}.bg-hilight{background:var(--gradient-secondary);border-radius:1rem;color:var(--color-primary)}.detail-hilight{background:var(--gradient-secondary);border-radius:.5rem;color:var(--color-primary);font-size:small;padding:.3rem 1rem}