*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(242,246,252,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(242,246,252,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}a{text-decoration-line:none;-webkit-tap-highlight-color:rgba(0,0,255,.3);color:inherit}.container{width:100%}@media (min-width:30rem){.container{max-width:30rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.collapse{visibility:collapse!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.inset-y-0{top:0!important;bottom:0!important}.-bottom-16{bottom:-1rem!important}.-left-\[76px\]{left:-76px!important}.-left-\[85px\]{left:-85px!important}.-right-16{right:-1rem!important}.-top-10{top:-.625rem!important}.-top-2{top:-.0125rem!important}.-top-32{top:-2rem!important}.-top-40{top:-2.5rem!important}.bottom-0{bottom:0!important}.bottom-100{bottom:6.25rem!important}.bottom-12{bottom:.75rem!important}.bottom-13{bottom:.813rem!important}.bottom-2{bottom:.0125rem!important}.bottom-20{bottom:1.25rem!important}.bottom-32{bottom:2rem!important}.bottom-4{bottom:.25rem!important}.bottom-42{bottom:2.625rem!important}.bottom-6{bottom:.375rem!important}.bottom-8{bottom:.5rem!important}.bottom-80{bottom:5rem!important}.bottom-\[100px\]{bottom:100px!important}.bottom-\[120px\]{bottom:120px!important}.bottom-auto{bottom:auto!important}.left-0{left:0!important}.left-1{left:.063rem!important}.left-1\/2{left:50%!important}.left-16{left:1rem!important}.left-2{left:.0125rem!important}.left-20{left:1.25rem!important}.left-32{left:2rem!important}.left-40{left:2.5rem!important}.left-44{left:2.75rem!important}.left-8{left:.5rem!important}.left-\[0px\]{left:0!important}.left-\[185px\]{left:185px!important}.left-\[19\%\]{left:19%!important}.left-\[20px\]{left:20px!important}.left-\[25px\]{left:25px!important}.left-\[30\%\]{left:30%!important}.left-\[50\%\]{left:50%!important}.left-\[6rem\]{left:6rem!important}.left-\[calc\(50\%-165px\)\]{left:calc(50% - 165px)!important}.right-0{right:0!important}.right-1{right:.063rem!important}.right-12{right:.75rem!important}.right-16{right:1rem!important}.right-2{right:.0125rem!important}.right-5{right:1.25rem!important}.right-\[-1px\]{right:-1px!important}.top-0{top:0!important}.top-1{top:.063rem!important}.top-1\/2{top:50%!important}.top-148{top:9.25rem!important}.top-16{top:1rem!important}.top-2{top:.0125rem!important}.top-20{top:1.25rem!important}.top-3{top:.188rem!important}.top-4{top:.25rem!important}.top-5{top:1.25rem!important}.top-56{top:3.5rem!important}.top-8{top:.5rem!important}.top-\[-2px\]{top:-2px!important}.top-\[-38px\]{top:-38px!important}.top-\[-8px\]{top:-8px!important}.top-\[10\%\]{top:10%!important}.top-\[100\%\]{top:100%!important}.top-\[16px\]{top:16px!important}.top-\[40\%\]{top:40%!important}.top-\[66px\]{top:66px!important}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)!important}.top-\[calc\(38\%-28px\)\]{top:calc(38% - 28px)!important}.\!z-40{z-index:40!important}.z-0{z-index:0!important}.z-1{z-index:10!important}.z-10{z-index:100!important}.z-2,.z-20{z-index:20!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-6{z-index:60!important}.z-9{z-index:90!important}.z-\[100\]{z-index:100!important}.z-\[200\]{z-index:200!important}.z-\[99999\]{z-index:99999!important}.z-\[999\]{z-index:999!important}.m-0{margin:0!important}.m-12{margin:.75rem!important}.m-16{margin:1rem!important}.m-6{margin:.375rem!important}.m-\[8px\]{margin:8px!important}.m-auto{margin:auto!important}.-mx-16{margin-left:-1rem!important;margin-right:-1rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.063rem!important;margin-right:.063rem!important}.mx-12{margin-left:.75rem!important;margin-right:.75rem!important}.mx-16{margin-left:1rem!important;margin-right:1rem!important}.mx-2{margin-left:.0125rem!important;margin-right:.0125rem!important}.mx-3{margin-left:.188rem!important;margin-right:.188rem!important}.mx-4{margin-left:.25rem!important;margin-right:.25rem!important}.mx-6{margin-left:.375rem!important;margin-right:.375rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-12{margin-top:.75rem!important;margin-bottom:.75rem!important}.my-16{margin-top:1rem!important;margin-bottom:1rem!important}.my-2{margin-top:.0125rem!important;margin-bottom:.0125rem!important}.my-20{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-26{margin-top:1.625rem!important;margin-bottom:1.625rem!important}.my-4{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-6{margin-top:.375rem!important;margin-bottom:.375rem!important}.my-8{margin-top:.5rem!important;margin-bottom:.5rem!important}.-mb-40{margin-bottom:-2.5rem!important}.-me-16{margin-inline-end:-1rem!important}.-ml-64{margin-left:-4rem!important}.-ml-\[79px\]{margin-left:-79px!important}.-ms-16{margin-inline-start:-1rem!important}.-mt-20{margin-top:-1.25rem!important}.-mt-3{margin-top:-.188rem!important}.-mt-8{margin-top:-.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.063rem!important}.mb-10{margin-bottom:.625rem!important}.mb-12{margin-bottom:.75rem!important}.mb-13{margin-bottom:.813rem!important}.mb-140{margin-bottom:8.75rem!important}.mb-16{margin-bottom:1rem!important}.mb-18{margin-bottom:1.125rem!important}.mb-2{margin-bottom:.0125rem!important}.mb-20{margin-bottom:1.25rem!important}.mb-24{margin-bottom:1.5rem!important}.mb-3{margin-bottom:.188rem!important}.mb-32{margin-bottom:2rem!important}.mb-4{margin-bottom:.25rem!important}.mb-40{margin-bottom:2.5rem!important}.mb-76{margin-bottom:4.75rem!important}.mb-8{margin-bottom:.5rem!important}.mb-\[16px\]{margin-bottom:16px!important}.mb-\[45px\]{margin-bottom:45px!important}.mb-\[55px\]{margin-bottom:55px!important}.mb-\[96px\]{margin-bottom:96px!important}.ml-1{margin-left:.063rem!important}.ml-10{margin-left:.625rem!important}.ml-12{margin-left:.75rem!important}.ml-16{margin-left:1rem!important}.ml-2{margin-left:.0125rem!important}.ml-24{margin-left:1.5rem!important}.ml-4{margin-left:.25rem!important}.ml-5{margin-left:1.25rem!important}.ml-8{margin-left:.5rem!important}.ml-\[16px\]{margin-left:16px!important}.ml-\[25px\]{margin-left:25px!important}.ml-\[4px\]{margin-left:4px!important}.ml-auto{margin-left:auto!important}.mr-1{margin-right:.063rem!important}.mr-10{margin-right:.625rem!important}.mr-2{margin-right:.0125rem!important}.mr-3{margin-right:.188rem!important}.mr-4{margin-right:.25rem!important}.mr-40{margin-right:2.5rem!important}.mr-5{margin-right:1.25rem!important}.mr-8{margin-right:.5rem!important}.mr-\[8\%\]{margin-right:8%!important}.ms-3{margin-inline-start:.188rem!important}.mt-0{margin-top:0!important}.mt-10{margin-top:.625rem!important}.mt-100{margin-top:6.25rem!important}.mt-12{margin-top:.75rem!important}.mt-14{margin-top:.875rem!important}.mt-16{margin-top:1rem!important}.mt-20{margin-top:1.25rem!important}.mt-24{margin-top:1.5rem!important}.mt-30{margin-top:1.875rem!important}.mt-32{margin-top:2rem!important}.mt-4{margin-top:.25rem!important}.mt-40{margin-top:2.5rem!important}.mt-44{margin-top:2.75rem!important}.mt-48{margin-top:3rem!important}.mt-6{margin-top:.375rem!important}.mt-8{margin-top:.5rem!important}.mt-\[16px\]{margin-top:16px!important}.mt-\[33px\]{margin-top:33px!important}.mt-\[60px\]{margin-top:60px!important}.line-clamp-1{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.contents{display:contents!important}.hidden{display:none!important}.aspect-\[1\/1\],.aspect-square{aspect-ratio:1/1!important}.size-12{width:.75rem!important;height:.75rem!important}.h-0{height:0!important}.h-10{height:.625rem!important}.h-100{height:6.25rem!important}.h-133{height:8.313rem!important}.h-148{height:9.25rem!important}.h-16{height:1rem!important}.h-18{height:1.125rem!important}.h-20{height:1.25rem!important}.h-30{height:1.875rem!important}.h-32{height:2rem!important}.h-4{height:.25rem!important}.h-40{height:2.5rem!important}.h-44{height:2.75rem!important}.h-48{height:3rem!important}.h-5{height:1.25rem!important}.h-60{height:3.75rem!important}.h-64{height:4rem!important}.h-68{height:4.25rem!important}.h-7{height:1.75rem!important}.h-80{height:5rem!important}.h-\[100\%\]{height:100%!important}.h-\[100dvh\]{height:100dvh!important}.h-\[100vh\]{height:100vh!important}.h-\[10px\]{height:10px!important}.h-\[12\%\]{height:12%!important}.h-\[133px\]{height:133px!important}.h-\[16px\]{height:16px!important}.h-\[188px\]{height:188px!important}.h-\[20\%\]{height:20%!important}.h-\[20px\]{height:20px!important}.h-\[24px\]{height:24px!important}.h-\[250\.38px\]{height:250.38px!important}.h-\[2px\]{height:2px!important}.h-\[30px\]{height:30px!important}.h-\[30vh\]{height:30vh!important}.h-\[32px\]{height:32px!important}.h-\[34px\]{height:34px!important}.h-\[373px\]{height:373px!important}.h-\[40px\]{height:40px!important}.h-\[44px\]{height:44px!important}.h-\[48px\]{height:48px!important}.h-\[4px\]{height:4px!important}.h-\[540px\]{height:540px!important}.h-\[65px\]{height:65px!important}.h-\[70\%\]{height:70%!important}.h-\[70vh\]{height:70vh!important}.h-\[75vh\]{height:75vh!important}.h-\[77px\]{height:77px!important}.h-\[80\%\]{height:80%!important}.h-\[90vh\]{height:90vh!important}.h-\[calc\(100\%-150px\)\]{height:calc(100% - 150px)!important}.h-\[calc\(100\%-160px\)\]{height:calc(100% - 160px)!important}.h-\[calc\(100\%-35vh\)\]{height:calc(100% - 35vh)!important}.h-\[calc\(100vh-130px\)\]{height:calc(100vh - 130px)!important}.h-\[calc\(100vh-170px\)\]{height:calc(100vh - 170px)!important}.h-\[calc\(100vh-180px\)\]{height:calc(100vh - 180px)!important}.h-\[calc\(100vh-70\%\)\]{height:calc(100vh - 70%)!important}.h-auto{height:auto!important}.h-fit{height:-moz-fit-content!important;height:fit-content!important}.h-full{height:100%!important}.h-max{height:-moz-max-content!important;height:max-content!important}.h-screen{height:100vh!important}.max-h-0{max-height:0!important}.max-h-416{max-height:26rem!important}.max-h-\[0\]{max-height:0!important}.max-h-\[1000px\]{max-height:1000px!important}.max-h-\[30vh\]{max-height:30vh!important}.max-h-\[36vh\]{max-height:36vh!important}.max-h-\[37vh\]{max-height:37vh!important}.max-h-\[38vh\]{max-height:38vh!important}.max-h-\[400px\]{max-height:400px!important}.max-h-\[65vh\]{max-height:65vh!important}.max-h-\[80\%\]{max-height:80%!important}.max-h-\[80vh\]{max-height:80vh!important}.max-h-\[90vh\]{max-height:90vh!important}.max-h-\[calc\(100\%-110px\)\]{max-height:calc(100% - 110px)!important}.max-h-\[calc\(100vh-10\.313rem\)\]{max-height:calc(100vh - 10.313rem)!important}.max-h-\[calc\(100vh-22vh\)\]{max-height:calc(100vh - 22vh)!important}.max-h-\[calc\(70vh-34px\)\]{max-height:calc(70vh - 34px)!important}.max-h-\[calc\(80vh-34px\)\]{max-height:calc(80vh - 34px)!important}.max-h-\[calc\(80vh_-_151px\)\]{max-height:calc(80vh - 151px)!important}.max-h-screen{max-height:100vh!important}.min-h-48{min-height:3rem!important}.min-h-80{min-height:5rem!important}.min-h-96{min-height:24rem!important}.min-h-\[310px\]{min-height:310px!important}.min-h-\[384px\]{min-height:384px!important}.min-h-\[40px\]{min-height:40px!important}.min-h-\[57px\]{min-height:57px!important}.min-h-\[70vh\]{min-height:70vh!important}.min-h-fit{min-height:-moz-fit-content!important;min-height:fit-content!important}.w-0{width:0!important}.w-1{width:.063rem!important}.w-1\/2{width:50%!important}.w-1\/3{width:33.333333%!important}.w-1\/4{width:25%!important}.w-1\/6{width:16.666667%!important}.w-10{width:.625rem!important}.w-102{width:6.375rem!important}.w-11\/12{width:91.666667%!important}.w-133{width:8.313rem!important}.w-14{width:.875rem!important}.w-16{width:1rem!important}.w-18{width:1.125rem!important}.w-2\/3{width:66.666667%!important}.w-2\/6{width:33.333333%!important}.w-20{width:1.25rem!important}.w-208{width:13rem!important}.w-24{width:1.5rem!important}.w-256{width:16rem!important}.w-26{width:1.625rem!important}.w-3\/4{width:75%!important}.w-3\/5{width:60%!important}.w-300{width:18.75rem!important}.w-32{width:2rem!important}.w-4{width:.25rem!important}.w-40{width:2.5rem!important}.w-44{width:2.75rem!important}.w-5{width:1.25rem!important}.w-64{width:4rem!important}.w-68{width:4.25rem!important}.w-7{width:1.75rem!important}.w-80{width:5rem!important}.w-9\/12{width:75%!important}.w-\[0\.5px\]{width:.5px!important}.w-\[1\.5px\]{width:1.5px!important}.w-\[100\%\]{width:100%!important}.w-\[100px\]{width:100px!important}.w-\[140px\]{width:140px!important}.w-\[150px\]{width:150px!important}.w-\[15px\]{width:15px!important}.w-\[16\%\]{width:16%!important}.w-\[175px\]{width:175px!important}.w-\[176px\]{width:176px!important}.w-\[185px\]{width:185px!important}.w-\[1px\]{width:1px!important}.w-\[20\%\]{width:20%!important}.w-\[20px\]{width:20px!important}.w-\[21\%\]{width:21%!important}.w-\[212px\]{width:212px!important}.w-\[22\%\]{width:22%!important}.w-\[24\%\]{width:24%!important}.w-\[24px\]{width:24px!important}.w-\[25\%\]{width:25%!important}.w-\[252px\]{width:252px!important}.w-\[29\%\]{width:29%!important}.w-\[297px\]{width:297px!important}.w-\[30px\]{width:30px!important}.w-\[311px\]{width:311px!important}.w-\[328px\]{width:328px!important}.w-\[360px\]{width:360px!important}.w-\[40\%\]{width:40%!important}.w-\[48\%\]{width:48%!important}.w-\[4px\]{width:4px!important}.w-\[540px\]{width:540px!important}.w-\[60\%\]{width:60%!important}.w-\[7\%\]{width:7%!important}.w-\[70px\]{width:70px!important}.w-\[75\%\]{width:75%!important}.w-\[75px\]{width:75px!important}.w-\[76\%\]{width:76%!important}.w-\[80\%\]{width:80%!important}.w-\[85px\]{width:85px!important}.w-\[92\%\]{width:92%!important}.w-\[auto\]{width:auto!important}.w-\[calc\(100\%\+76px\)\]{width:calc(100% + 76px)!important}.w-\[calc\(100\%-24px\)\]{width:calc(100% - 24px)!important}.w-\[calc\(100\%-28px\)\]{width:calc(100% - 28px)!important}.w-\[calc\(100\%-3\.75rem\)\]{width:calc(100% - 3.75rem)!important}.w-\[calc\(24\.5\%-8px\)\]{width:calc(24.5% - 8px)!important}.w-\[calc\(32\.8\%-8px\)\]{width:calc(32.8% - 8px)!important}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)!important}.w-auto{width:auto!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.w-max{width:-moz-max-content!important;width:max-content!important}.w-px{width:1px!important}.min-w-3{min-width:.188rem!important}.min-w-88{min-width:5.5rem!important}.min-w-\[100px\]{min-width:100px!important}.min-w-\[150px\]{min-width:150px!important}.min-w-\[154px\]{min-width:154px!important}.min-w-\[210px\]{min-width:210px!important}.min-w-\[250px\]{min-width:250px!important}.min-w-\[260px\]{min-width:260px!important}.min-w-\[300px\]{min-width:300px!important}.min-w-\[360px\]{min-width:360px!important}.min-w-\[40px\]{min-width:40px!important}.min-w-\[450px\]{min-width:450px!important}.min-w-\[70px\]{min-width:70px!important}.min-w-fit{min-width:-moz-fit-content!important;min-width:fit-content!important}.max-w-88{max-width:5.5rem!important}.max-w-\[100px\]{max-width:100px!important}.max-w-\[12\.5rem\]{max-width:12.5rem!important}.max-w-\[120px\]{max-width:120px!important}.max-w-\[133px\]{max-width:133px!important}.max-w-\[150px\]{max-width:150px!important}.max-w-\[153px\]{max-width:153px!important}.max-w-\[165px\]{max-width:165px!important}.max-w-\[200px\]{max-width:200px!important}.max-w-\[400px\]{max-width:400px!important}.max-w-\[50\%\]{max-width:50%!important}.max-w-\[652px\]{max-width:652px!important}.max-w-\[65px\]{max-width:65px!important}.max-w-\[70\%\]{max-width:70%!important}.max-w-\[768px\]{max-width:768px!important}.max-w-\[85px\]{max-width:85px!important}.max-w-\[90\%\]{max-width:90%!important}.max-w-fit{max-width:-moz-fit-content!important;max-width:fit-content!important}.max-w-full{max-width:100%!important}.max-w-md{max-width:28rem!important}.flex-1{flex:1 1 0%!important}.flex-none{flex:none!important}.flex-shrink-0,.shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.basis-1\/3{flex-basis:33.333333%!important}.basis-2\/3{flex-basis:66.666667%!important}.border-collapse{border-collapse:collapse!important}.origin-\[0_0\]{transform-origin:0 0!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.translate-x-\[-50\%\]{--tw-translate-x:-50%!important}.translate-x-\[-50\%\],.translate-x-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.translate-x-\[50\%\]{--tw-translate-x:50%!important}.translate-y-\[-50\%\]{--tw-translate-y:-50%!important}.translate-y-\[-50\%\],.translate-y-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.translate-y-\[50\%\]{--tw-translate-y:50%!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-180{--tw-rotate:180deg!important}.rotate-180,.rotate-360{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-360{--tw-rotate:360deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-100{--tw-scale-x:1!important;--tw-scale-y:1!important}.scale-90{--tw-scale-x:.9!important;--tw-scale-y:.9!important}.scale-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite!important}@keyframes glowing{0%,to{box-shadow:0 0 5px rgba(214,73,39,.6)}50%{box-shadow:0 0 10px #d64927}}.animate-glowing{animation:glowing 1.5s infinite alternate!important}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}}.animate-shake{animation:shake .5s ease-in-out!important}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite!important}@keyframes wave{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-wave{animation:wave 1.5s linear infinite!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-zoom-in{cursor:zoom-in!important}.touch-pan-x{--tw-pan-x:pan-x!important}.touch-pan-x,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)!important}.touch-pan-y{--tw-pan-y:pan-y!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.resize{resize:both!important}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)!important}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)!important}.snap-mandatory{--tw-scroll-snap-strictness:mandatory!important}.list-disc{list-style-type:disc!important}.appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.grid-flow-row{grid-auto-flow:row!important}.grid-flow-col{grid-auto-flow:column!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.justify-items-center{justify-items:center!important}.gap-0{gap:0!important}.gap-1{gap:.063rem!important}.gap-10{gap:.625rem!important}.gap-12{gap:.75rem!important}.gap-13{gap:.813rem!important}.gap-14{gap:.875rem!important}.gap-16{gap:1rem!important}.gap-18{gap:1.125rem!important}.gap-2{gap:.0125rem!important}.gap-2\.5{gap:.625rem!important}.gap-20{gap:1.25rem!important}.gap-24{gap:1.5rem!important}.gap-28{gap:1.75rem!important}.gap-3{gap:.188rem!important}.gap-30{gap:1.875rem!important}.gap-4{gap:.25rem!important}.gap-40{gap:2.5rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:.375rem!important}.gap-8{gap:.5rem!important}.gap-\[10px\]{gap:10px!important}.gap-\[16px\]{gap:16px!important}.gap-\[1rem\]{gap:1rem!important}.gap-\[2px\]{gap:2px!important}.gap-\[8px\]{gap:8px!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(.0125rem * var(--tw-space-x-reverse))!important;margin-left:calc(.0125rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.0125rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.0125rem * var(--tw-space-y-reverse))!important}.self-start{align-self:flex-start!important}.self-stretch{align-self:stretch!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-scroll{overflow-y:scroll!important}.scroll-smooth{scroll-behavior:smooth!important}.truncate{overflow:hidden!important;white-space:nowrap!important}.text-ellipsis,.truncate{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.text-nowrap{text-wrap:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-24{border-radius:1.5rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-4{border-radius:.25rem!important}.rounded-8{border-radius:.5rem!important}.rounded-\[10px\]{border-radius:10px!important}.rounded-\[14px\]{border-radius:14px!important}.rounded-\[16px\]{border-radius:16px!important}.rounded-\[20px\]{border-radius:20px!important}.rounded-\[24px\]{border-radius:24px!important}.rounded-\[30px\]{border-radius:30px!important}.rounded-\[4px\]{border-radius:4px!important}.rounded-\[6\.4px\]{border-radius:6.4px!important}.rounded-\[8px\]{border-radius:8px!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:.125rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-b-8,.rounded-b-lg{border-bottom-right-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-e-none{border-start-end-radius:0!important;border-end-end-radius:0!important}.rounded-s-none{border-start-start-radius:0!important;border-end-start-radius:0!important}.rounded-t-24,.rounded-t-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.rounded-t-\[16px\]{border-top-left-radius:16px!important;border-top-right-radius:16px!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-t-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.rounded-ss-2xl{border-start-start-radius:1rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-1{border-width:.063rem!important}.border-2{border-width:.125rem!important}.border-\[1\.5px\]{border-width:1.5px!important}.border-\[1\.7px\]{border-width:1.7px!important}.border-x-2{border-left-width:.125rem!important;border-right-width:.125rem!important}.border-y-1{border-top-width:.063rem!important;border-bottom-width:.063rem!important}.\!border-t-0{border-top-width:0!important}.border-b{border-bottom-width:1px!important}.border-b-0{border-bottom-width:0!important}.border-b-1{border-bottom-width:.063rem!important}.border-b-2{border-bottom-width:.125rem!important}.border-b-3{border-bottom-width:.188rem!important}.border-b-4{border-bottom-width:4px!important}.border-e-0{border-inline-end-width:0!important}.border-l{border-left-width:1px!important}.border-l-0{border-left-width:0!important}.border-l-2{border-left-width:.125rem!important}.border-l-4{border-left-width:4px!important}.border-r{border-right-width:1px!important}.border-r-0{border-right-width:0!important}.border-t{border-top-width:1px!important}.border-t-0{border-top-width:0!important}.border-t-1{border-top-width:.063rem!important}.border-t-2{border-top-width:.125rem!important}.border-t-4{border-top-width:4px!important}.border-solid{border-style:solid!important}.border-dashed{border-style:dashed!important}.border-none{border-style:none!important}.border-\[\#C0C398\]{--tw-border-opacity:1!important;border-color:rgb(192 195 152/var(--tw-border-opacity,1))!important}.border-\[\#EEEEEE\],.border-\[\#EEE\]{--tw-border-opacity:1!important;border-color:rgb(238 238 238/var(--tw-border-opacity,1))!important}.border-\[\#F5F5F5\]{--tw-border-opacity:1!important;border-color:rgb(245 245 245/var(--tw-border-opacity,1))!important}.border-\[rgba\(125\2c 128\2c 53\2c 0\.4\)\]{border-color:rgba(125,128,53,.4)!important}.border-black-100{--tw-border-opacity:1!important;border-color:rgb(25 26 11/var(--tw-border-opacity,1))!important}.border-blue{border-color:#0a4bff3d!important}.border-darkOliveGreen{--tw-border-opacity:1!important;border-color:rgb(76 77 39/var(--tw-border-opacity,1))!important}.border-darkOliveGreen\/10{border-color:rgba(76,77,39,.1)!important}.border-error-900{border-color:rgb(209 72 38/var(--tw-border-opacity,1))!important}.border-error-900,.border-fnp{--tw-border-opacity:1!important}.border-fnp{border-color:rgb(144 147 56/var(--tw-border-opacity,1))!important}.border-gray-100{--tw-border-opacity:1!important;border-color:rgb(243 244 246/var(--tw-border-opacity,1))!important}.border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.border-gray-300{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.border-green-100{--tw-border-opacity:1!important;border-color:rgb(115 117 48/var(--tw-border-opacity,1))!important}.border-green-200{--tw-border-opacity:1!important;border-color:rgb(125 128 53/var(--tw-border-opacity,1))!important}.border-green-500{border-color:rgb(34 197 94/var(--tw-border-opacity,1))!important}.border-green-500,.border-grey{--tw-border-opacity:1!important}.border-grey{border-color:rgb(117 117 117/var(--tw-border-opacity,1))!important}.border-greySoft{--tw-border-opacity:1!important;border-color:rgb(224 224 224/var(--tw-border-opacity,1))!important}.border-lightGrey{--tw-border-opacity:1!important;border-color:rgb(245 245 245/var(--tw-border-opacity,1))!important}.border-lightOliveGreen{--tw-border-opacity:1!important;border-color:rgb(115 117 48/var(--tw-border-opacity,1))!important}.border-oliveGreen{--tw-border-opacity:1!important;border-color:rgb(125 128 53/var(--tw-border-opacity,1))!important}.border-orange-400{--tw-border-opacity:1!important;border-color:rgb(251 146 60/var(--tw-border-opacity,1))!important}.border-radioUncheck{--tw-border-opacity:1!important;border-color:rgb(189 189 189/var(--tw-border-opacity,1))!important}.border-red{--tw-border-opacity:1!important;border-color:rgb(214 73 39/var(--tw-border-opacity,1))!important}.border-thinLightGrey{--tw-border-opacity:1!important;border-color:rgb(238 238 238/var(--tw-border-opacity,1))!important}.border-white-900{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.border-b-\[\#4C4D27\]{--tw-border-opacity:1!important;border-bottom-color:rgb(76 77 39/var(--tw-border-opacity,1))!important}.border-l-greySoft{--tw-border-opacity:1!important;border-left-color:rgb(224 224 224/var(--tw-border-opacity,1))!important}.border-r-greySoft{--tw-border-opacity:1!important;border-right-color:rgb(224 224 224/var(--tw-border-opacity,1))!important}.border-t-white-900{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.border-opacity-40{--tw-border-opacity:0.4!important}.bg-\[\#737530\]{--tw-bg-opacity:1!important;background-color:rgb(115 117 48/var(--tw-bg-opacity,1))!important}.bg-\[\#E0ECFF\]{--tw-bg-opacity:1!important;background-color:rgb(224 236 255/var(--tw-bg-opacity,1))!important}.bg-\[\#EEE\]{--tw-bg-opacity:1!important;background-color:rgb(238 238 238/var(--tw-bg-opacity,1))!important}.bg-\[\#F2F3E8\]{--tw-bg-opacity:1!important;background-color:rgb(242 243 232/var(--tw-bg-opacity,1))!important}.bg-\[\#FDF4F2\]{--tw-bg-opacity:1!important;background-color:rgb(253 244 242/var(--tw-bg-opacity,1))!important}.bg-\[\#FFF\],.bg-\[\#ffffff\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-black-100{--tw-bg-opacity:1!important;background-color:rgb(25 26 11/var(--tw-bg-opacity,1))!important}.bg-black-900{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.bg-blue-200\/\[\.06\]{background-color:rgba(43,101,210,.06)!important}.bg-blue-50{background-color:rgb(239 246 255/var(--tw-bg-opacity,1))!important}.bg-blue-50,.bg-blue-500{--tw-bg-opacity:1!important}.bg-blue-500{background-color:rgb(242 246 252/var(--tw-bg-opacity,1))!important}.bg-fnp-100{background-color:rgb(242 243 232/var(--tw-bg-opacity,1))!important}.bg-fnp-100,.bg-fnp-1500{--tw-bg-opacity:1!important}.bg-fnp-1500{background-color:rgb(224 241 224/var(--tw-bg-opacity,1))!important}.bg-fnp-20{background-color:rgb(246 247 241/var(--tw-bg-opacity,1))!important}.bg-fnp-20,.bg-fnp-200{--tw-bg-opacity:1!important}.bg-fnp-200{background-color:rgb(52 168 60/var(--tw-bg-opacity,1))!important}.bg-bmg-300{background-color:rgb(115 117 48/var(--tw-bg-opacity,1))!important}.bg-bmg-300,.bg-bmg-50{--tw-bg-opacity:1!important}.bg-bmg-50{background-color:rgb(247 249 242/var(--tw-bg-opacity,1))!important}.bg-fnp-500{background-color:rgb(25 26 11/var(--tw-bg-opacity,1))!important}.bg-fnp-500,.bg-fnp-600{--tw-bg-opacity:1!important}.bg-fnp-600{background-color:rgb(125 128 53/var(--tw-bg-opacity,1))!important}.bg-bmg-700{background-color:rgb(247 248 241/var(--tw-bg-opacity,1))!important}.bg-bmg-700,.bg-gray-100{--tw-bg-opacity:1!important}.bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.bg-gray-200{background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.bg-gray-200,.bg-gray-300{--tw-bg-opacity:1!important}.bg-gray-300{background-color:rgb(209 213 219/var(--tw-bg-opacity,1))!important}.bg-gray-500{background-color:rgb(107 114 128/var(--tw-bg-opacity,1))!important}.bg-gray-500,.bg-green-100{--tw-bg-opacity:1!important}.bg-green-100{background-color:rgb(115 117 48/var(--tw-bg-opacity,1))!important}.bg-green-200{background-color:rgb(125 128 53/var(--tw-bg-opacity,1))!important}.bg-green-200,.bg-green-50{--tw-bg-opacity:1!important}.bg-green-50{background-color:rgb(240 253 244/var(--tw-bg-opacity,1))!important}.bg-green-500{background-color:rgb(34 197 94/var(--tw-bg-opacity,1))!important}.bg-green-500,.bg-grey-100{--tw-bg-opacity:1!important}.bg-grey-100{background-color:rgb(245 245 245/var(--tw-bg-opacity,1))!important}.bg-grey-200{background-color:rgb(189 189 189/var(--tw-bg-opacity,1))!important}.bg-grey-200,.bg-grey-25{--tw-bg-opacity:1!important}.bg-grey-25{background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.bg-grey-300{background-color:rgb(224 224 224/var(--tw-bg-opacity,1))!important}.bg-grey-300,.bg-grey-700{--tw-bg-opacity:1!important}.bg-grey-700{background-color:rgb(84 104 113/var(--tw-bg-opacity,1))!important}.bg-info-900{background-color:rgb(25 94 224/var(--tw-bg-opacity,1))!important}.bg-info-900,.bg-orange-50{--tw-bg-opacity:1!important}.bg-orange-50{background-color:rgb(255 247 237/var(--tw-bg-opacity,1))!important}.bg-orange-500{background-color:rgb(249 115 22/var(--tw-bg-opacity,1))!important}.bg-orange-500,.bg-red-100{--tw-bg-opacity:1!important}.bg-red-100{background-color:rgb(214 73 39/var(--tw-bg-opacity,1))!important}.bg-red-50{background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.bg-red-50,.bg-red-500{--tw-bg-opacity:1!important}.bg-red-500{background-color:rgb(239 68 68/var(--tw-bg-opacity,1))!important}.bg-white-100{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.bg-white-900{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-yellow-500{--tw-bg-opacity:1!important;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))!important}.bg-opacity-0{--tw-bg-opacity:0!important}.bg-opacity-10{--tw-bg-opacity:0.1!important}.bg-opacity-30{--tw-bg-opacity:0.3!important}.bg-opacity-5{--tw-bg-opacity:0.05!important}.bg-opacity-60{--tw-bg-opacity:0.6!important}.bg-opacity-65{--tw-bg-opacity:0.65!important}.bg-opacity-70{--tw-bg-opacity:0.7!important}.bg-\[url\(\'\/icons\/login-bg\.svg\'\)\]{background-image:url(/icons/login-bg.svg)!important}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))!important}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))!important}.from-\[\#D9DDB1\]{--tw-gradient-from:#d9ddb1 var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(65,39%,78%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-\[\#F2F3E8\]{--tw-gradient-from:#f2f3e8 var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(65,31%,93%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-\[\#dbdfb5\]{--tw-gradient-from:#dbdfb5 var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(66,40%,79%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-fnp-100{--tw-gradient-from:#f2f3e8 var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(65,31%,93%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-fnp-100\/60{--tw-gradient-from:hsla(65,31%,93%,.6) var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(65,31%,93%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-bmg-700{--tw-gradient-from:#f7f8f1 var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(69,33%,96%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-gray-300{--tw-gradient-from:#d1d5db var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-notification-secondary{--tw-gradient-from:#ea1e61 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(234,30,97,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.via-\[\#F2F3E8\]{--tw-gradient-to:hsla(65,31%,93%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#f2f3e8 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.via-gray-200{--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#e5e7eb var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.to-\[\#f9faf2\]{--tw-gradient-to:#f9faf2 var(--tw-gradient-to-position)!important}.to-fnp-100\/0{--tw-gradient-to:hsla(65,31%,93%,0) var(--tw-gradient-to-position)!important}.to-gray-300{--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)!important}.to-notification-primary{--tw-gradient-to:#f56436 var(--tw-gradient-to-position)!important}.to-white-900{--tw-gradient-to:#fff var(--tw-gradient-to-position)!important}.bg-\[length\:200\%_100\%\]{background-size:200% 100%!important}.bg-cover{background-size:cover!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.fill-fnp-300{fill:#737530!important}.stroke-current{stroke:currentColor!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-top{-o-object-position:top!important;object-position:top!important}.\!p-0,.p-0{padding:0!important}.p-0\.5{padding:.125rem!important}.p-1{padding:.063rem!important}.p-10{padding:.625rem!important}.p-12{padding:.75rem!important}.p-16{padding:1rem!important}.p-18{padding:1.125rem!important}.p-2{padding:.0125rem!important}.p-2\.5{padding:.625rem!important}.p-20{padding:1.25rem!important}.p-3{padding:.188rem!important}.p-3\.5{padding:.875rem!important}.p-32{padding:2rem!important}.p-4{padding:.25rem!important}.p-40{padding:2.5rem!important}.p-5{padding:1.25rem!important}.p-8{padding:.5rem!important}.p-\[12px_16px\]{padding:12px 16px!important}.p-\[16px\]{padding:16px!important}.p-\[16px_20px_0px_20px\]{padding:16px 20px 0!important}.p-\[5px\]{padding:5px!important}.p-\[8px\]{padding:8px!important}.p-\[8px_24px\]{padding:8px 24px!important}.\!px-30{padding-left:1.875rem!important;padding-right:1.875rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.063rem!important;padding-right:.063rem!important}.px-10{padding-left:.625rem!important;padding-right:.625rem!important}.px-12{padding-left:.75rem!important;padding-right:.75rem!important}.px-14{padding-left:.875rem!important;padding-right:.875rem!important}.px-16{padding-left:1rem!important;padding-right:1rem!important}.px-2{padding-left:.0125rem!important;padding-right:.0125rem!important}.px-20{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-28{padding-left:1.75rem!important;padding-right:1.75rem!important}.px-3{padding-left:.188rem!important;padding-right:.188rem!important}.px-32{padding-left:2rem!important;padding-right:2rem!important}.px-4{padding-left:.25rem!important;padding-right:.25rem!important}.px-40{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-6{padding-left:.375rem!important;padding-right:.375rem!important}.px-8{padding-left:.5rem!important;padding-right:.5rem!important}.px-\[11px\]{padding-left:11px!important;padding-right:11px!important}.px-\[16px\]{padding-left:16px!important;padding-right:16px!important}.px-\[20px\]{padding-left:20px!important;padding-right:20px!important}.px-\[32px\]{padding-left:32px!important;padding-right:32px!important}.px-\[5px\]{padding-left:5px!important;padding-right:5px!important}.py-1{padding-top:.063rem!important;padding-bottom:.063rem!important}.py-1\.5{padding-top:.094rem!important;padding-bottom:.094rem!important}.py-10{padding-top:.625rem!important;padding-bottom:.625rem!important}.py-12{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-13{padding-top:.813rem!important;padding-bottom:.813rem!important}.py-14{padding-top:.875rem!important;padding-bottom:.875rem!important}.py-16{padding-top:1rem!important;padding-bottom:1rem!important}.py-2{padding-top:.0125rem!important;padding-bottom:.0125rem!important}.py-20{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-3{padding-top:.188rem!important;padding-bottom:.188rem!important}.py-30{padding-top:1.875rem!important;padding-bottom:1.875rem!important}.py-32{padding-top:2rem!important;padding-bottom:2rem!important}.py-4{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-6{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-8{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-\[10px\]{padding-top:10px!important;padding-bottom:10px!important}.py-\[12px\]{padding-top:12px!important;padding-bottom:12px!important}.py-\[16px\]{padding-top:16px!important;padding-bottom:16px!important}.py-\[5px\]{padding-top:5px!important;padding-bottom:5px!important}.py-\[7px\]{padding-top:7px!important;padding-bottom:7px!important}.py-\[8px\]{padding-top:8px!important;padding-bottom:8px!important}.pb-0{padding-bottom:0!important}.pb-10{padding-bottom:.625rem!important}.pb-12{padding-bottom:.75rem!important}.pb-13{padding-bottom:.813rem!important}.pb-14{padding-bottom:.875rem!important}.pb-16{padding-bottom:1rem!important}.pb-2{padding-bottom:.0125rem!important}.pb-20{padding-bottom:1.25rem!important}.pb-3{padding-bottom:.188rem!important}.pb-30{padding-bottom:1.875rem!important}.pb-32{padding-bottom:2rem!important}.pb-36{padding-bottom:2.25rem!important}.pb-4{padding-bottom:.25rem!important}.pb-40{padding-bottom:2.5rem!important}.pb-5{padding-bottom:1.25rem!important}.pb-6{padding-bottom:.375rem!important}.pb-8{padding-bottom:.5rem!important}.pb-88{padding-bottom:5.5rem!important}.pb-\[100\%\]{padding-bottom:100%!important}.pb-\[130px\]{padding-bottom:130px!important}.pb-\[16px\]{padding-bottom:16px!important}.pb-\[35vh\]{padding-bottom:35vh!important}.pb-\[40px\]{padding-bottom:40px!important}.pb-\[8px\]{padding-bottom:8px!important}.pe-16{padding-inline-end:1rem!important}.pe-8{padding-inline-end:.5rem!important}.pl-0{padding-left:0!important}.pl-10{padding-left:.625rem!important}.pl-11{padding-left:2.75rem!important}.pl-12{padding-left:.75rem!important}.pl-16{padding-left:1rem!important}.pl-2{padding-left:.0125rem!important}.pl-20{padding-left:1.25rem!important}.pl-24{padding-left:1.5rem!important}.pl-3{padding-left:.188rem!important}.pl-32{padding-left:2rem!important}.pl-4{padding-left:.25rem!important}.pl-5{padding-left:1.25rem!important}.pl-6{padding-left:.375rem!important}.pl-8{padding-left:.5rem!important}.pl-\[12px\]{padding-left:12px!important}.pl-\[25px\]{padding-left:25px!important}.pl-\[30\%\]{padding-left:30%!important}.pl-\[50\%\]{padding-left:50%!important}.pl-\[6px\]{padding-left:6px!important}.pl-\[6rem\]{padding-left:6rem!important}.pr-0{padding-right:0!important}.pr-10{padding-right:.625rem!important}.pr-11{padding-right:2.75rem!important}.pr-16{padding-right:1rem!important}.pr-2{padding-right:.0125rem!important}.pr-20{padding-right:1.25rem!important}.pr-32{padding-right:2rem!important}.pr-4{padding-right:.25rem!important}.pr-40{padding-right:2.5rem!important}.pr-8{padding-right:.5rem!important}.pr-\[12px\]{padding-right:12px!important}.pr-\[5px\]{padding-right:5px!important}.ps-12{padding-inline-start:.75rem!important}.pt-0{padding-top:0!important}.pt-10{padding-top:.625rem!important}.pt-12{padding-top:.75rem!important}.pt-120{padding-top:7.5rem!important}.pt-14{padding-top:.875rem!important}.pt-16{padding-top:1rem!important}.pt-18{padding-top:1.125rem!important}.pt-20{padding-top:1.25rem!important}.pt-28{padding-top:1.75rem!important}.pt-3{padding-top:.188rem!important}.pt-32{padding-top:2rem!important}.pt-4{padding-top:.25rem!important}.pt-6{padding-top:.375rem!important}.pt-62{padding-top:3.875rem!important}.pt-8{padding-top:.5rem!important}.pt-9{padding-top:2.25rem!important}.pt-\[0\.75rem\]{padding-top:.75rem!important}.pt-\[14px\]{padding-top:14px!important}.pt-\[16px\]{padding-top:16px!important}.pt-\[20px\]{padding-top:20px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.align-middle{vertical-align:middle!important}.font-\[Inter\]{font-family:Inter!important}.font-inter{font-family:inter!important}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.text-10{font-size:.625rem!important}.text-12{font-size:.75rem!important}.text-14{font-size:.875rem!important}.text-16{font-size:1rem!important}.text-18{font-size:1.125rem!important}.text-20{font-size:1.25rem!important}.text-24,.text-2xl{font-size:1.5rem!important}.text-2xl{line-height:2rem!important}.text-32{font-size:2rem!important}.text-36{font-size:2.25rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-56{font-size:3.5rem!important}.text-\[12px\]{font-size:12px!important}.text-\[14px\]{font-size:14px!important}.text-\[16px\]{font-size:16px!important}.text-\[17px\]{font-size:17px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-400{font-weight:400!important}.font-500{font-weight:500!important}.font-600{font-weight:600!important}.font-700{font-weight:700!important}.font-\[500\]{font-weight:500!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.italic{font-style:italic!important}.not-italic{font-style:normal!important}.ordinal{--tw-ordinal:ordinal!important}.lining-nums,.ordinal{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.lining-nums{--tw-numeric-figure:lining-nums!important}.proportional-nums{--tw-numeric-spacing:proportional-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.leading-0{line-height:normal!important}.leading-14{line-height:.875rem!important}.leading-16{line-height:1rem!important}.leading-18{line-height:1.125rem!important}.leading-20{line-height:1.25rem!important}.leading-22{line-height:1.375rem!important}.leading-24{line-height:1.5rem!important}.leading-3{line-height:.75rem!important}.leading-30{line-height:1.875rem!important}.leading-4{line-height:1rem!important}.leading-5{line-height:1.25rem!important}.leading-6{line-height:1.5rem!important}.leading-8{line-height:2rem!important}.leading-\[1\.34\]{line-height:1.34!important}.leading-\[1\.6\]{line-height:1.6!important}.leading-\[16\.8px\]{line-height:16.8px!important}.leading-\[16px\]{line-height:16px!important}.leading-\[18px\]{line-height:18px!important}.leading-\[20\.9px\]{line-height:20.9px!important}.leading-\[20px\]{line-height:20px!important}.leading-\[21px\]{line-height:21px!important}.leading-\[24\.4px\]{line-height:24.4px!important}.leading-\[24px\]{line-height:24px!important}.leading-\[47px\]{line-height:47px!important}.leading-none{line-height:1!important}.leading-tight{line-height:1.25!important}.tracking-\[0\.144px\]{letter-spacing:.144px!important}.tracking-wide{letter-spacing:.025em!important}.\!text-\[\#4C4D27\]{--tw-text-opacity:1!important;color:rgb(76 77 39/var(--tw-text-opacity,1))!important}.text-\[\#191A0B\]{--tw-text-opacity:1!important;color:rgb(25 26 11/var(--tw-text-opacity,1))!important}.text-\[\#333333\]{--tw-text-opacity:1!important;color:rgb(51 51 51/var(--tw-text-opacity,1))!important}.text-\[\#424242\]{--tw-text-opacity:1!important;color:rgb(66 66 66/var(--tw-text-opacity,1))!important}.text-\[\#444\]{--tw-text-opacity:1!important;color:rgb(68 68 68/var(--tw-text-opacity,1))!important}.text-\[\#757575\]{--tw-text-opacity:1!important;color:rgb(117 117 117/var(--tw-text-opacity,1))!important}.text-\[var\(--GS6\2c \#008000\)\]{color:var(--GS6,green)!important}.text-\[var\(--GS6\2c \#444\)\]{color:var(--GS6,#444)!important}.text-black-100{--tw-text-opacity:1!important;color:rgb(25 26 11/var(--tw-text-opacity,1))!important}.text-black-900{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity,1))!important}.text-blue-100{--tw-text-opacity:1!important;color:rgb(25 94 224/var(--tw-text-opacity,1))!important}.text-blue-200{--tw-text-opacity:1!important;color:rgb(43 101 210/var(--tw-text-opacity,1))!important}.text-blue-500{--tw-text-opacity:1!important;color:rgb(242 246 252/var(--tw-text-opacity,1))!important}.text-blue-600{color:rgb(37 99 235/var(--tw-text-opacity,1))!important}.text-blue-600,.text-fnp-100{--tw-text-opacity:1!important}.text-fnp-100{color:rgb(242 243 232/var(--tw-text-opacity,1))!important}.text-bmg-300{color:rgb(115 117 48/var(--tw-text-opacity,1))!important}.text-bmg-300,.text-bmg-400{--tw-text-opacity:1!important}.text-bmg-400{color:rgb(76 77 39/var(--tw-text-opacity,1))!important}.text-bmg-500{color:rgb(25 26 11/var(--tw-text-opacity,1))!important}.text-bmg-500,.text-bmg-600{--tw-text-opacity:1!important}.text-bmg-600{color:rgb(125 128 53/var(--tw-text-opacity,1))!important}.text-fnp-800{color:rgb(0 128 0/var(--tw-text-opacity,1))!important}.text-fnp-800,.text-fnp-900{--tw-text-opacity:1!important}.text-fnp-900{color:rgb(82 84 36/var(--tw-text-opacity,1))!important}.text-gray-200{--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity,1))!important}.text-gray-300{--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity,1))!important}.text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.text-green-100{--tw-text-opacity:1!important;color:rgb(115 117 48/var(--tw-text-opacity,1))!important}.text-green-200{--tw-text-opacity:1!important;color:rgb(125 128 53/var(--tw-text-opacity,1))!important}.text-green-300{--tw-text-opacity:1!important;color:rgb(0 128 0/var(--tw-text-opacity,1))!important}.text-green-500{--tw-text-opacity:1!important;color:rgb(34 197 94/var(--tw-text-opacity,1))!important}.text-green-700{--tw-text-opacity:1!important;color:rgb(21 128 61/var(--tw-text-opacity,1))!important}.text-grey-300{--tw-text-opacity:1!important;color:rgb(224 224 224/var(--tw-text-opacity,1))!important}.text-grey-400{--tw-text-opacity:1!important;color:rgb(117 117 117/var(--tw-text-opacity,1))!important}.text-grey-500{color:rgb(68 68 68/var(--tw-text-opacity,1))!important}.text-grey-500,.text-grey-75{--tw-text-opacity:1!important}.text-grey-75{color:rgb(97 97 97/var(--tw-text-opacity,1))!important}.text-indigo-500{--tw-text-opacity:1!important;color:rgb(99 102 241/var(--tw-text-opacity,1))!important}.text-offer-900{--tw-text-opacity:1!important;color:rgb(0 138 0/var(--tw-text-opacity,1))!important}.text-orange-100{--tw-text-opacity:1!important;color:rgb(245 100 54/var(--tw-text-opacity,1))!important}.text-red-100{color:rgb(214 73 39/var(--tw-text-opacity,1))!important}.text-red-100,.text-red-300{--tw-text-opacity:1!important}.text-red-300{color:rgb(234 30 97/var(--tw-text-opacity,1))!important}.text-red-400{color:rgb(209 72 38/var(--tw-text-opacity,1))!important}.text-red-400,.text-red-500{--tw-text-opacity:1!important}.text-red-500{color:rgb(239 68 68/var(--tw-text-opacity,1))!important}.text-red-600{--tw-text-opacity:1!important;color:rgb(237 28 36/var(--tw-text-opacity,1))!important}.text-white-100{--tw-text-opacity:1!important;color:rgb(250 250 250/var(--tw-text-opacity,1))!important}.text-white-900{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.line-through{text-decoration-line:line-through!important}.placeholder-grey-500::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(68 68 68/var(--tw-placeholder-opacity,1))!important}.placeholder-grey-500::placeholder{--tw-placeholder-opacity:1!important;color:rgb(68 68 68/var(--tw-placeholder-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.opacity-30{opacity:.3!important}.opacity-50{opacity:.5!important}.opacity-80{opacity:.8!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important}.shadow,.shadow-\[-4px_-3px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-\[-4px_-3px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:-4px -3px 4px rgba(0,0,0,.1)!important;--tw-shadow-colored:-4px -3px 4px var(--tw-shadow-color)!important}.shadow-\[0_0px_6px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:0 0px 6px rgba(0,0,0,.2)!important;--tw-shadow-colored:0 0px 6px var(--tw-shadow-color)!important}.shadow-\[0_0px_6px_rgba\(0\2c 0\2c 0\2c 0\.2\)\],.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 2px 4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 2px 4px var(--tw-shadow-color)!important}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)!important}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important}.shadow-sm,.shadow-smoke-gray{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-smoke-gray{--tw-shadow:0 2px 6px rgba(0,0,0,.2)!important;--tw-shadow-colored:0 2px 6px var(--tw-shadow-color)!important}.shadow-top{--tw-shadow:0 -4px 6px -1px rgba(0,0,0,.1),0 -2px 4px -1px rgba(0,0,0,.06)!important;--tw-shadow-colored:0 -4px 6px -1px var(--tw-shadow-color),0 -2px 4px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-fnp-400{--tw-ring-opacity:1!important;--tw-ring-color:rgb(76 77 39/var(--tw-ring-opacity,1))!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-100{transition-duration:.1s!important}.duration-150{transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.scrollbar-thin{scrollbar-width:thin!important;scrollbar-color:#e0e0e0 transparent!important}.scrollbar-webkit::-webkit-scrollbar{width:.5rem!important}.scrollbar-webkit::-webkit-scrollbar-track{background:#fff!important}.scrollbar-webkit::-webkit-scrollbar-thumb{background-color:#1f2937!important;border-radius:1rem!important;border:1px solid #fff!important}.scrollbar-none{scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar,.scrollbar-none::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.custom-scrollbar{scrollbar-width:thin!important;scrollbar-color:#d4d4d4 transparent!important}.custom-scrollbar:hover{scrollbar-color:#b5b5b5 transparent!important}.\[font-feature-settings\:\'dlig\'_on\]{font-feature-settings:"dlig" on!important}.\[font-variant-numeric\:lining-nums_proportional-nums\]{font-variant-numeric:lining-nums proportional-nums!important}:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--font-family:"Roboto",sans-serif}@font-face{font-family:Inter;font-style:normal;src:url(/rrb/rr/fork/_next/static/media/Inter-Regular.5fe5016c.woff2) format("woff2");font-display:swap;font-weight:400 500 600}*{font-family:Inter}:focus,:focus-visible{outline:none!important}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.tabSelected.first:before,.tabSelected.first>div:before,.tabSelected.last:after,.tabSelected.last>div:after{display:none}.tabSelected:after{right:-12px}.tabSelected:after,.tabSelected:before{content:"";width:12px;height:12px;background:#f7f8f1;z-index:1;position:absolute;bottom:0}.tabSelected:before{left:-12px}.tabSelected>div:after{right:-20px}.tabSelected>div:after,.tabSelected>div:before{content:"";width:20px;height:20px;background:#fff;z-index:9;position:absolute;border-radius:50%;bottom:0}.tabSelected>div:before{left:-20px}.has-after:after{content:" ";width:6px;height:6px;border-radius:50%;background-color:#d14826;position:absolute;top:45%;right:-10px}.slide-down{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:500px;opacity:1;overflow:visible}}.animationEffect:after{content:"";top:0;left:-10%;width:10px;height:100%;position:absolute;background:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 79%,hsla(0,0%,100%,.6) 80%,hsla(0,0%,100%,0));animation:tagAnimation 1.5s ease-out infinite}@keyframes tagAnimation{0%{left:-10%}to{left:110%}}.animate-growAndFade{animation:growAndFade 1s ease-in-out infinite}@keyframes growAndFade{0%{width:100px;height:100px;border-color:hsla(0,0%,88%,0)}45%{width:100%;height:100%;border-color:#e0e0e0}50%{width:100%;height:100%;border-color:#e0e0e0}to{width:100px;height:100px;border-color:hsla(0,0%,88%,0)}}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}.custom-pagination{top:100%}.splide__pagination__page.is-active{--tw-bg-opacity:1!important;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))!important}.descriptionTitle{line-height:1.4;font-size:13px;color:#222}.descriptionTitle h4{color:#222;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #d5d5d5;font-weight:500;font-size:20px}.descriptionTitle p{margin:2px 0 5px;line-height:18px;font-size:13px;color:#222;text-align:justify}.descriptionTitle b{font-weight:500}.descriptionTitle ul{margin:0 0 10px 15px;list-style:none}.descriptionTitle ul li{position:relative;margin-bottom:6px}.descriptionTitle ul li:before{position:absolute;width:5px;height:5px;background:#ccc;border-radius:50%;content:"";left:-13px;top:6px}#longDescription h2,#shortDescription h2{font-weight:500;font-size:22px;margin-bottom:10px;color:#222}#longDescription h3,#longDescription h4,#longDescription h5,#longDescription h6,#shortDescription h3,#shortDescription h4,#shortDescription h5,#shortDescription h6{font-weight:500;font-size:18px;margin-bottom:10px;color:#222}#longDescription p,#shortDescription p{margin-top:0;font-size:14px;line-height:2;margin-bottom:15px;color:#222}#longDescription a,#shortDescription a{color:#195ee0}#longDescription ul,#shortDescription ul{list-style:disc!important;padding-left:20px;font-size:14px;line-height:2}#longDescription .blogs{display:flex;gap:40px;flex-wrap:wrap}#longDescription .blogs li{width:30%}#longDescription table{border-collapse:collapse;margin-bottom:20px}#longDescription table td,#longDescription table th{border:1px solid #ddd;padding:8px}#longDescription table tr:nth-child(2n){background-color:#f2f2f2}#longDescription table tr:hover{background-color:#ddd}#longDescription table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#04aa6d;color:#fff}.splide__arrow{opacity:.7!important;transition:all .25s ease-in-out}.splide__arrow:hover{opacity:1!important}.custom-arrow{width:40px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:#fff!important;opacity:.8;transition:all .25s ease-in-out}.custom-arrow:hover{opacity:1;border:1px solid #e0e0e0}.custom-arrow:after,.custom-arrow:before{display:none}.customDots{display:flex;justify-content:center;align-items:center}.customDots li{margin:0 4px!important}.customDots .customDot{width:4px;height:4px;background-color:#999;border-radius:50%}.customDots .active .customDot{width:auto;height:auto;padding:4px 8px;background-color:#333;color:#fff;font-size:12px;font-weight:700;border-radius:16px}.customDots .next .customDot{width:12px;height:12px;background-color:#666}.customDots .next-smaller .customDot{width:10px;height:10px;background-color:#888}.customDots .next-smallest .customDot{width:8px;height:8px;background-color:#aaa}.slick-arrow.slick-disabled{display:none!important}.slick-dots{bottom:10px!important;width:auto!important;left:0!important;right:0!important}.slick-dots li{width:auto!important;height:auto!important;margin:0 3px!important}.slick-dots li button{width:8px!important;height:8px!important;padding:0!important;background:#e0e0e0!important;border-radius:50%}.slick-dots.addPlayDots li:nth-child(2) button{box-sizing:border-box;background:transparent!important;border-radius:0!important;border:4px solid transparent;border-left-color:#e0e0e0;border-width:4px 0 4px 8px}.slick-dots li.slick-active button{background:#444!important}.slick-dots.addPlayDots.playDotsActive li.slick-active:nth-child(2) button{border-left-color:#444!important;background:transparent!important}.slick-dots li button:before{display:none!important}.customerReviews .slick-track{display:flex!important;height:100%;align-items:stretch}.customerReviews .slick-slide{padding-right:16px!important;float:none!important}.customerReviews.slick-initialized .slick-slide{display:flex!important;flex-wrap:wrap;height:auto!important}.customerReviews.slick-initialized .slick-slide>div{width:100%!important}.pdpSlider .slick-arrow.slick-next.custom-arrow{left:50%;transform:translateX(-50%) rotate(90deg)!important;top:auto!important;bottom:70px!important;box-shadow:0 0 5px rgba(0,0,0,.2)}.pdpSlider .slick-arrow.slick-prev.custom-arrow{transform:translateX(-50%) rotate(90deg)!important;top:0!important;box-shadow:0 0 5px rgba(0,0,0,.2);left:50%!important}#microSiteContent .categorydescp{padding:25px;text-align:justify}#microSiteContent .categorydescp p{font-size:14px;color:#555;margin-bottom:20px;line-height:22px}#microSiteContent .categorydescp h2,#microSiteContent .categorydescp h3{margin-bottom:10px;color:#222;font-weight:500;font-size:18px}#heroBanner .slick-slide,.categorySlider .slick-slide,.logoSlider .slick-slide{padding:0 16px}#heroBanner .slick-list,.categorySlider .slick-list,.logoSlider .slick-list{margin:0 -16px}.slick-track{margin-left:0!important}.pdpSlider .custom-arrow{width:40px!important;height:40px!important}.productCarousel .slick-list{margin:0 -12px}.productCarousel .slick-slider .slick-track:before{content:none!important;display:none!important}.category_new_UX img{transition:all .25s ease-in-out}.category_new_UX:hover img{transform:scale(1.03)}#offerTnc ul{list-style:disc!important;margin-left:10px}#offerTnc ul li{margin-bottom:16px}.collapse{visibility:visible!important}@media screen and (max-width:1366px){.custom-arrow{width:40px!important;height:40px!important}.pdpSlider .slick-arrow.slick-next.custom-arrow{bottom:45px!important}}@media (min-width:768px) and (max-width:1920px){.pdpSlider .slick-track{height:auto!important}}@media screen and (max-width:1024px){#splide02-track{overflow-x:scroll;scrollbar-width:none}#longDescription h2{font-weight:500;font-size:16px;margin-bottom:10px;color:#222}#longDescription h3,#longDescription h4,#longDescription h5,#longDescription h6{font-weight:500;font-size:14px;margin-bottom:10px;color:#222}#longDescription .blogs{gap:20px}#longDescription .blogs li{width:100%}}.iiz,.iiz>div,.iiz__img,.modalGallery{height:100%}.iiz__hint{display:none!important}.iiz img{border-radius:8px}#productGallery .slick-dots{bottom:-16px!important}#plpProduct .dynamicHeight{display:block!important;height:1rem!important}.leftAlignSlick .slick-track{margin-left:unset!important}.countryDropdown{img{max-width:100%;width:revert-layer}}.placeholder\:font-normal::-moz-placeholder{font-weight:400!important}.placeholder\:font-normal::placeholder{font-weight:400!important}.before\:absolute:before{content:var(--tw-content)!important;position:absolute!important}.before\:-bottom-12:before{content:var(--tw-content)!important;bottom:-.75rem!important}.before\:top-0:before{content:var(--tw-content)!important;top:0!important}.before\:z-1:before{content:var(--tw-content)!important;z-index:10!important}.before\:h-4:before{content:var(--tw-content)!important;height:.25rem!important}.before\:h-\[2px\]:before{content:var(--tw-content)!important;height:2px!important}.before\:w-40:before{content:var(--tw-content)!important;width:2.5rem!important}.before\:w-full:before{content:var(--tw-content)!important;width:100%!important}.before\:rounded-full:before{content:var(--tw-content)!important;border-radius:9999px!important}.before\:bg-fnp-600:before{content:var(--tw-content)!important;--tw-bg-opacity:1!important;background-color:rgb(125 128 53/var(--tw-bg-opacity,1))!important}.before\:content-\[\'\'\]:before{--tw-content:""!important;content:var(--tw-content)!important}.after\:visible:after{content:var(--tw-content)!important;visibility:visible!important}.after\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\:-left-1:after{content:var(--tw-content)!important;left:-.063rem!important}.after\:left-\[50\%\]:after{content:var(--tw-content)!important;left:50%!important}.after\:top-1\/2:after,.after\:top-\[50\%\]:after{content:var(--tw-content)!important;top:50%!important}.after\:block:after{content:var(--tw-content)!important;display:block!important}.after\:h-1:after{content:var(--tw-content)!important;height:.063rem!important}.after\:h-4\/6:after{content:var(--tw-content)!important;height:66.666667%!important}.after\:h-\[80\%\]:after{content:var(--tw-content)!important;height:80%!important}.after\:w-4:after{content:var(--tw-content)!important;width:.25rem!important}.after\:w-\[80\%\]:after{content:var(--tw-content)!important;width:80%!important}.after\:w-full:after{content:var(--tw-content)!important;width:100%!important}.after\:origin-left:after{content:var(--tw-content)!important;transform-origin:left!important}.after\:-translate-x-2\/4:after{--tw-translate-x:-50%!important}.after\:-translate-x-2\/4:after,.after\:-translate-y-1\/2:after{content:var(--tw-content)!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.after\:-translate-y-1\/2:after{--tw-translate-y:-50%!important}.after\:-translate-y-2\/4:after{--tw-translate-y:-50%!important}.after\:-translate-y-2\/4:after,.after\:scale-x-0:after{content:var(--tw-content)!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.after\:scale-x-0:after{--tw-scale-x:0!important}.after\:rounded-full:after{content:var(--tw-content)!important;border-radius:9999px!important}.after\:rounded-r-3xl:after{content:var(--tw-content)!important;border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.after\:bg-bmg-300:after{content:var(--tw-content)!important;--tw-bg-opacity:1!important;background-color:rgb(115 117 48/var(--tw-bg-opacity,1))!important}.after\:transition:after{content:var(--tw-content)!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.after\:duration-300:after{content:var(--tw-content)!important;transition-duration:.3s!important}.after\:content-\[\'\'\]:after{--tw-content:""!important;content:var(--tw-content)!important}.first\:ps-16:first-child{padding-inline-start:1rem!important}.last\:rounded-b-2xl:last-child{border-bottom-right-radius:1rem!important;border-bottom-left-radius:1rem!important}.last\:pr-16:last-child{padding-right:1rem!important}.checked\:border-darkOliveGreen:checked{--tw-border-opacity:1!important;border-color:rgb(76 77 39/var(--tw-border-opacity,1))!important}.checked\:border-lightOliveGreen:checked{--tw-border-opacity:1!important;border-color:rgb(115 117 48/var(--tw-border-opacity,1))!important}.checked\:bg-fnp-100:checked{--tw-bg-opacity:1!important;background-color:rgb(242 243 232/var(--tw-bg-opacity,1))!important}.checked\:after\:visible:checked:after{content:var(--tw-content)!important;visibility:visible!important}.checked\:after\:absolute:checked:after{content:var(--tw-content)!important;position:absolute!important}.checked\:after\:left-1\/2:checked:after,.checked\:after\:left-\[50\%\]:checked:after{content:var(--tw-content)!important;left:50%!important}.checked\:after\:top-1\/2:checked:after,.checked\:after\:top-\[50\%\]:checked:after{content:var(--tw-content)!important;top:50%!important}.checked\:after\:h-\[80\%\]:checked:after{content:var(--tw-content)!important;height:80%!important}.checked\:after\:w-\[80\%\]:checked:after{content:var(--tw-content)!important;width:80%!important}.checked\:after\:-translate-x-2\/4:checked:after{--tw-translate-x:-50%!important}.checked\:after\:-translate-x-2\/4:checked:after,.checked\:after\:-translate-y-2\/4:checked:after{content:var(--tw-content)!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.checked\:after\:-translate-y-2\/4:checked:after{--tw-translate-y:-50%!important}.checked\:after\:rounded-full:checked:after{content:var(--tw-content)!important;border-radius:9999px!important}.checked\:after\:bg-bmg-300:checked:after{content:var(--tw-content)!important;--tw-bg-opacity:1!important;background-color:rgb(115 117 48/var(--tw-bg-opacity,1))!important}.checked\:after\:text-sm:checked:after{content:var(--tw-content)!important;font-size:.875rem!important;line-height:1.25rem!important}.checked\:after\:content-\[\'\'\]:checked:after{--tw-content:""!important;content:var(--tw-content)!important}.hover\:rounded-full:hover{border-radius:9999px!important}.hover\:border-0:hover{border-width:0!important}.hover\:border-1:hover{border-width:.063rem!important}.hover\:border-darkOliveGreen:hover{--tw-border-opacity:1!important;border-color:rgb(76 77 39/var(--tw-border-opacity,1))!important}.hover\:border-grey:hover{--tw-border-opacity:1!important;border-color:rgb(117 117 117/var(--tw-border-opacity,1))!important}.hover\:border-radioUncheck:hover{--tw-border-opacity:1!important;border-color:rgb(189 189 189/var(--tw-border-opacity,1))!important}.hover\:bg-fnp-100:hover{--tw-bg-opacity:1!important;background-color:rgb(242 243 232/var(--tw-bg-opacity,1))!important}.hover\:bg-bmg-50:hover{--tw-bg-opacity:1!important;background-color:rgb(247 249 242/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:bg-green-200:hover{--tw-bg-opacity:1!important;background-color:rgb(125 128 53/var(--tw-bg-opacity,1))!important}.hover\:bg-grey-100:hover{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))!important}.hover\:bg-grey-300:hover{--tw-bg-opacity:1!important;background-color:rgb(224 224 224/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-100:hover{--tw-bg-opacity:1!important;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))!important}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8!important}.hover\:font-600:hover{font-weight:600!important}.hover\:text-black-100:hover{--tw-text-opacity:1!important;color:rgb(25 26 11/var(--tw-text-opacity,1))!important}.hover\:text-blue-600:hover{--tw-text-opacity:1!important;color:rgb(37 99 235/var(--tw-text-opacity,1))!important}.hover\:text-bmg-300:hover{--tw-text-opacity:1!important;color:rgb(115 117 48/var(--tw-text-opacity,1))!important}.hover\:text-bmg-400:hover{--tw-text-opacity:1!important;color:rgb(76 77 39/var(--tw-text-opacity,1))!important}.hover\:text-bmg-500:hover{--tw-text-opacity:1!important;color:rgb(25 26 11/var(--tw-text-opacity,1))!important}.hover\:text-gray-900:hover{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.hover\:text-green-100:hover{--tw-text-opacity:1!important;color:rgb(115 117 48/var(--tw-text-opacity,1))!important}.hover\:text-white-100:hover{--tw-text-opacity:1!important;color:rgb(250 250 250/var(--tw-text-opacity,1))!important}.hover\:opacity-100:hover{opacity:1!important}.hover\:ease-in:hover{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.hover\:before\:bg-green-100:hover:before{content:var(--tw-content)!important;--tw-bg-opacity:1!important;background-color:rgb(115 117 48/var(--tw-bg-opacity,1))!important}.after\:hover\:scale-x-100:hover:after{content:var(--tw-content)!important;--tw-scale-x:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.last\:hover\:rounded-b-2xl:hover:last-child{border-bottom-right-radius:1rem!important;border-bottom-left-radius:1rem!important}.focus\:border-\[\#191A0B\]:focus{--tw-border-opacity:1!important;border-color:rgb(25 26 11/var(--tw-border-opacity,1))!important}.focus\:bg-white-900:focus{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.focus\:text-blue-600:focus{--tw-text-opacity:1!important;color:rgb(37 99 235/var(--tw-text-opacity,1))!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\:ring-gray-300:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:bg-white-900:disabled{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.disabled\:opacity-30:disabled{opacity:.3!important}.peer:focus~.peer-focus\:-translate-x-\[0\.1rem\]{--tw-translate-x:-0.1rem!important}.peer:focus~.peer-focus\:-translate-x-\[0\.1rem\],.peer:focus~.peer-focus\:-translate-y-\[0\.5rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:focus~.peer-focus\:-translate-y-\[0\.5rem\]{--tw-translate-y:-0.5rem!important}.peer:focus~.peer-focus\:scale-\[0\.7\]{--tw-scale-x:0.7!important;--tw-scale-y:0.7!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:focus~.peer-focus\:bg-white-900{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:focus~.peer-focus\:py-0{padding-top:0!important;padding-bottom:0!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:-translate-x-\[0\.1rem\]{--tw-translate-x:-0.1rem!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:-translate-x-\[0\.1rem\],.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:-translate-y-\[0\.5rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:-translate-y-\[0\.5rem\]{--tw-translate-y:-0.5rem!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\]{--tw-translate-y:-0.9rem!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\],.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:scale-\[0\.7\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:scale-\[0\.7\]{--tw-scale-x:0.7!important;--tw-scale-y:0.7!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:bg-white-900{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer[data-te-input-state-active]~.peer-data-\[te-input-state-active\]\:py-0{padding-top:0!important;padding-bottom:0!important}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none!important}}@media (min-width:48rem){.sm\:static{position:static!important}.sm\:bottom-100{bottom:6.25rem!important}.sm\:mb-0{margin-bottom:0!important}.sm\:mb-133{margin-bottom:8.313rem!important}.sm\:mb-20{margin-bottom:1.25rem!important}.sm\:block{display:block!important}.sm\:inline{display:inline!important}.sm\:flex{display:flex!important}.sm\:h-auto{height:auto!important}.sm\:w-1\/3{width:33.333333%!important}.sm\:flex-1{flex:1 1 0%!important}.sm\:flex-row{flex-direction:row!important}.sm\:justify-start{justify-content:flex-start!important}.sm\:justify-center{justify-content:center!important}.sm\:border{border-width:1px!important}.sm\:border-t{border-top-width:1px!important}.sm\:border-gray-100{--tw-border-opacity:1!important;border-color:rgb(243 244 246/var(--tw-border-opacity,1))!important}.sm\:border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.sm\:bg-white-900{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.sm\:p-0{padding:0!important}.sm\:p-12{padding:.75rem!important}.sm\:p-9{padding:2.25rem!important}.sm\:px-0{padding-left:0!important;padding-right:0!important}.sm\:px-40{padding-left:2.5rem!important;padding-right:2.5rem!important}.sm\:py-40{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.sm\:text-16{font-size:1rem!important}.sm\:text-24{font-size:1.5rem!important}.sm\:text-36{font-size:2.25rem!important}.sm\:text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.sm\:hover\:border:hover{border-width:1px!important}.sm\:hover\:border-radioUncheck:hover{--tw-border-opacity:1!important;border-color:rgb(189 189 189/var(--tw-border-opacity,1))!important}}@media (min-width:64rem){.md\:static{position:static!important}.md\:sticky{position:sticky!important}.md\:-left-30{left:-1.875rem!important}.md\:bottom-120{bottom:7.5rem!important}.md\:bottom-42{bottom:2.625rem!important}.md\:bottom-\[30px\]{bottom:30px!important}.md\:bottom-auto{bottom:auto!important}.md\:left-\[19\%\]{left:19%!important}.md\:left-\[9\%\]{left:9%!important}.md\:left-\[calc\(30\%-81px\)\]{left:calc(30% - 81px)!important}.md\:left-auto{left:auto!important}.md\:right-20{right:1.25rem!important}.md\:top-0{top:0!important}.md\:top-148{top:9.25rem!important}.md\:top-\[10\%\]{top:10%!important}.md\:z-0{z-index:0!important}.md\:m-0{margin:0!important}.md\:mx-0{margin-left:0!important;margin-right:0!important}.md\:mx-40{margin-left:2.5rem!important;margin-right:2.5rem!important}.md\:my-0{margin-top:0!important;margin-bottom:0!important}.md\:my-16{margin-top:1rem!important;margin-bottom:1rem!important}.md\:mb-0{margin-bottom:0!important}.md\:mb-120{margin-bottom:7.5rem!important}.md\:mb-16{margin-bottom:1rem!important}.md\:mb-20{margin-bottom:1.25rem!important}.md\:mb-22{margin-bottom:1.375rem!important}.md\:mb-8{margin-bottom:.5rem!important}.md\:mb-\[138px\]{margin-bottom:138px!important}.md\:mb-\[60px\]{margin-bottom:60px!important}.md\:ml-3{margin-left:.188rem!important}.md\:mt-0{margin-top:0!important}.md\:mt-16{margin-top:1rem!important}.md\:mt-20{margin-top:1.25rem!important}.md\:mt-30{margin-top:1.875rem!important}.md\:mt-40{margin-top:2.5rem!important}.md\:mt-8{margin-top:.5rem!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:h-500{height:31.25rem!important}.md\:h-\[100\%\]{height:100%!important}.md\:h-\[50px\]{height:50px!important}.md\:h-\[538px\]{height:538px!important}.md\:h-\[71\.85vh\]{height:71.85vh!important}.md\:h-\[72vh\]{height:72vh!important}.md\:h-auto{height:auto!important}.md\:h-full{height:100%!important}.md\:h-max{height:-moz-max-content!important;height:max-content!important}.md\:h-screen{height:100vh!important}.md\:max-h-\[30vh\]{max-height:30vh!important}.md\:max-h-\[36vh\]{max-height:36vh!important}.md\:min-h-\[60px\]{min-height:60px!important}.md\:w-1\/2{width:50%!important}.md\:w-300{width:18.75rem!important}.md\:w-500{width:31.25rem!important}.md\:w-\[100px\]{width:100px!important}.md\:w-\[14\.9\%\]{width:14.9%!important}.md\:w-\[15\%\]{width:15%!important}.md\:w-\[150px\]{width:150px!important}.md\:w-\[225px\]{width:225px!important}.md\:w-\[250px\]{width:250px!important}.md\:w-\[254px\]{width:254px!important}.md\:w-\[35\%\]{width:35%!important}.md\:w-\[360px\]{width:360px!important}.md\:w-\[42\%\]{width:42%!important}.md\:w-\[440px\]{width:440px!important}.md\:w-\[46\.5\%\]{width:46.5%!important}.md\:w-\[53\.3\%\]{width:53.3%!important}.md\:w-\[58\%\]{width:58%!important}.md\:w-\[60\%\]{width:60%!important}.md\:w-\[65\%\]{width:65%!important}.md\:w-\[80\%\]{width:80%!important}.md\:w-\[9\%\]{width:9%!important}.md\:w-\[940px\]{width:940px!important}.md\:w-\[calc\(100\%-126px\)\]{width:calc(100% - 126px)!important}.md\:w-auto{width:auto!important}.md\:w-max{width:-moz-max-content!important;width:max-content!important}.md\:min-w-\[200px\]{min-width:200px!important}.md\:min-w-\[360px\]{min-width:360px!important}.md\:max-w-\[110px\]{max-width:110px!important}.md\:max-w-\[200px\]{max-width:200px!important}.md\:max-w-\[250px\]{max-width:250px!important}.md\:max-w-\[440px\]{max-width:440px!important}.md\:max-w-\[60\%\]{max-width:60%!important}.md\:translate-x-0{--tw-translate-x:0rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\:flex-row{flex-direction:row!important}.md\:flex-col{flex-direction:column!important}.md\:flex-wrap{flex-wrap:wrap!important}.md\:flex-nowrap{flex-wrap:nowrap!important}.md\:items-center{align-items:center!important}.md\:justify-start{justify-content:flex-start!important}.md\:gap-10{gap:.625rem!important}.md\:gap-12{gap:.75rem!important}.md\:gap-16{gap:1rem!important}.md\:gap-20{gap:1.25rem!important}.md\:gap-32{gap:2rem!important}.md\:gap-40{gap:2.5rem!important}.md\:gap-5{gap:1.25rem!important}.md\:gap-60{gap:3.75rem!important}.md\:gap-8{gap:.5rem!important}.md\:overflow-y-hidden{overflow-y:hidden!important}.md\:rounded-24{border-radius:1.5rem!important}.md\:rounded-2xl{border-radius:1rem!important}.md\:rounded-8{border-radius:.5rem!important}.md\:rounded-none{border-radius:0!important}.md\:border-2{border-width:.125rem!important}.md\:border-b-0{border-bottom-width:0!important}.md\:border-b-1{border-bottom-width:.063rem!important}.md\:bg-black-900{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))!important}.md\:bg-white-900{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.md\:bg-none{background-image:none!important}.md\:p-0{padding:0!important}.md\:p-16{padding:1rem!important}.md\:p-3{padding:.188rem!important}.md\:p-4{padding:.25rem!important}.md\:p-40{padding:2.5rem!important}.md\:px-0{padding-left:0!important;padding-right:0!important}.md\:px-112{padding-left:7rem!important;padding-right:7rem!important}.md\:px-12{padding-left:.75rem!important;padding-right:.75rem!important}.md\:px-148{padding-left:9.25rem!important;padding-right:9.25rem!important}.md\:px-16{padding-left:1rem!important;padding-right:1rem!important}.md\:px-20{padding-left:1.25rem!important;padding-right:1.25rem!important}.md\:px-40{padding-left:2.5rem!important;padding-right:2.5rem!important}.md\:px-\[70px\]{padding-left:70px!important;padding-right:70px!important}.md\:py-0{padding-top:0!important;padding-bottom:0!important}.md\:py-10{padding-top:.625rem!important;padding-bottom:.625rem!important}.md\:py-12{padding-top:.75rem!important;padding-bottom:.75rem!important}.md\:py-20{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.md\:py-24{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.md\:py-40{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.md\:py-6{padding-top:.375rem!important;padding-bottom:.375rem!important}.md\:py-8{padding-top:.5rem!important;padding-bottom:.5rem!important}.md\:pb-0{padding-bottom:0!important}.md\:pb-16{padding-bottom:1rem!important}.md\:pb-36{padding-bottom:2.25rem!important}.md\:pb-8{padding-bottom:.5rem!important}.md\:pb-\[40px\]{padding-bottom:40px!important}.md\:pe-16{padding-inline-end:1rem!important}.md\:pl-0{padding-left:0!important}.md\:pr-16{padding-right:1rem!important}.md\:ps-16{padding-inline-start:1rem!important}.md\:ps-\[70px\]{padding-inline-start:70px!important}.md\:pt-0{padding-top:0!important}.md\:pt-100{padding-top:6.25rem!important}.md\:pt-12{padding-top:.75rem!important}.md\:pt-32{padding-top:2rem!important}.md\:pt-60{padding-top:3.75rem!important}.md\:pt-8{padding-top:.5rem!important}.md\:text-left{text-align:left!important}.md\:text-12{font-size:.75rem!important}.md\:text-14{font-size:.875rem!important}.md\:text-16{font-size:1rem!important}.md\:text-18{font-size:1.125rem!important}.md\:text-20{font-size:1.25rem!important}.md\:text-24,.md\:text-2xl{font-size:1.5rem!important}.md\:text-2xl{line-height:2rem!important}.md\:text-36{font-size:2.25rem!important}.md\:font-600{font-weight:600!important}.md\:leading-0{line-height:normal!important}.md\:leading-20{line-height:1.25rem!important}.md\:opacity-50{opacity:.5!important}.md\:shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.md\:scrollbar-thin{scrollbar-width:thin!important;scrollbar-color:#e0e0e0 transparent!important}}@media (min-width:80rem){.lg\:bottom-30{bottom:1.875rem!important}.lg\:left-\[calc\(44\%-54px\)\]{left:calc(44% - 54px)!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:h-56{height:3.5rem!important}.lg\:w-2\/4{width:50%!important}.lg\:w-84{width:5.25rem!important}.lg\:w-\[125px\]{width:125px!important}.lg\:w-\[15\%\]{width:15%!important}.lg\:max-w-\[125px\]{max-width:125px!important}.lg\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr!important}.lg\:gap-\[10px\]{gap:10px!important}.lg\:p-12{padding:.75rem!important}.lg\:px-12{padding-left:.75rem!important;padding-right:.75rem!important}.lg\:py-14{padding-top:.875rem!important;padding-bottom:.875rem!important}.lg\:pb-\[6px\]{padding-bottom:6px!important}.lg\:pb-\[8px\]{padding-bottom:8px!important}.lg\:pt-100{padding-top:6.25rem!important}.lg\:text-14{font-size:.875rem!important}.lg\:text-16{font-size:1rem!important}.lg\:text-24,.lg\:text-2xl{font-size:1.5rem!important}.lg\:text-2xl{line-height:2rem!important}.lg\:text-48{font-size:3rem!important}}@media (min-width:85.375rem){.xl\:-left-\[80px\]{left:-80px!important}.xl\:bottom-30{bottom:1.875rem!important}.xl\:left-\[calc\(44\%-54px\)\]{left:calc(44% - 54px)!important}.xl\:min-h-\[364px\]{min-height:364px!important}.xl\:w-\[60\%\]{width:60%!important}.xl\:w-\[calc\(100\%\+80px\)\]{width:calc(100% + 80px)!important}.xl\:max-w-\[130px\]{max-width:130px!important}.xl\:max-w-\[400px\]{max-width:400px!important}.xl\:text-14{font-size:.875rem!important}.xl\:text-16{font-size:1rem!important}.xl\:text-2xl{font-size:1.5rem!important;line-height:2rem!important}}@media (min-width:1536px){.\32xl\:left-\[calc\(44\%-54px\)\]{left:calc(44% - 54px)!important}}@media (min-width:90rem){.xml\:max-w-\[140px\]{max-width:140px!important}}@media (min-width:96rem){.xmll\:max-w-\[160px\]{max-width:160px!important}.xmll\:text-18{font-size:1.125rem!important}}@media (min-width:105rem){.xll\:h-\[580px\]{height:580px!important}.xll\:w-\[580px\]{width:580px!important}.xll\:max-w-\[190px\]{max-width:190px!important}.xll\:max-w-\[532px\]{max-width:532px!important}.xll\:gap-32{gap:2rem!important}}@media (min-width:120rem){.xxl\:mb-\[124px\]{margin-bottom:124px!important}.xxl\:mt-34{margin-top:2.125rem!important}.xxl\:h-\[690px\]{height:690px!important}.xxl\:h-\[70\%\]{height:70%!important}.xxl\:min-h-\[450px\]{min-height:450px!important}.xxl\:w-\[15\.5\%\]{width:15.5%!important}.xxl\:w-\[200px\]{width:200px!important}.xxl\:w-\[690px\]{width:690px!important}.xxl\:max-w-\[125px\]{max-width:125px!important}.xxl\:gap-12{gap:.75rem!important}.xxl\:gap-20{gap:1.25rem!important}.xxl\:p-8{padding:.5rem!important}.xxl\:pb-8{padding-bottom:.5rem!important}.xxl\:pt-22{padding-top:1.375rem!important}.xxl\:text-12{font-size:.75rem!important}.xxl\:text-14{font-size:.875rem!important}.xxl\:text-16{font-size:1rem!important}.xxl\:text-18{font-size:1.125rem!important}.xxl\:text-20{font-size:1.25rem!important}.xxl\:text-24{font-size:1.5rem!important}.xxl\:text-28{font-size:1.75rem!important}.xxl\:text-32{font-size:2rem!important}.xxl\:text-44{font-size:2.75rem!important}.xxl\:text-56{font-size:3.5rem!important}}@media (prefers-color-scheme:dark){.dark\:text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.dark\:opacity-100{opacity:1!important}}
/*# sourceMappingURL=196773348501cf90.css.map*/


/* Pincode Section */
.pincode-section {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 12px 16px;
}

/* Reduce width to half */
.pincode-section.half-width {
  max-width: 50%;
}

.country-select {
  border-right: 1px solid #ccc;
  padding-right: 8px;
  background: transparent;
  outline: none;
  font-weight: 500;
}

.pincode-input {
  flex: 1;
  border: none;
  outline: none;
  font-weight: 500;
  color: #4a4a4a;
}

.pincode-status {
  color: #16a34a; /* green-600 */
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Title */
.delivery-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
}

/* Delivery Date Buttons */
.delivery-date-buttons {
  display: flex;
  margin-bottom: 20px;
}

.date-button {
  flex: 1;
  border: 1px solid #d1d5db;
  font-weight: 500;
  padding: 8px 0;
  cursor: pointer;
  transition: all 0.2s;
}

.date-button.primary {
  min-height: 53px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  font-weight: 500;
  border: solid 1px #6d4ebf !important;
  background: #f6f2ff !important;
  color: #6d4ebf !important;
}

.date-button.secondary {
  background: #fff;
}

.card-price .red {
    color: red
}

/* Delivery Cards */
.delivery-cards.joined-cards {
  display: flex;
}

.delivery-card {
  flex: 1;
  border: 1px solid #d1d5db;
  text-align: center;
  padding: 12px 0;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

/* Remove gap between cards */
.delivery-card:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}


.delivery-card:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.delivery-card.standard {
  background: #f5f3ff;
  color: #6d4ebf;
  border: solid 1px #6d4ebf;
}

.delivery-card.nonactive {
  background: #fff;
}

.delivery-card.midnight {
  background: #fff;
}

.card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.info-icon {
  font-size: 14px;
  cursor: pointer;
  color: #6b7280;
}

.info-icon:hover::after {
  content: attr(title);
  position: absolute;
  background: #333;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  top: -30px;
  white-space: nowrap;
  z-index: 10;
}




/****View Cart******/
/* --- Global Variables --- */
:root {
  --primary-green: #00a854; /* Main Checkout Button */
  --secondary-pink: #ff6699; /* View All Button */
  --discount-red: #dc3545; /* Price/Discount Red */
  --price-orange: #ff9900; /* Continue Shopping Button Text */
  --bg-orange-light: #ffebcc; /* Continue Shopping Button BG */
  --logo-purple: #990099; /* Winni Purple */
  --light-bg: #f7f7f7;
  --white: #ffffff;
  --border-light: #e6e6e6;
  --text-dark: #333;
  --text-medium: #666;
  --text-light: #999;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    /* background-color: var(--light-bg); */
     background-color: #FFF;
}


/* ---------------------------------------
 * --- FIXED HEADER & STEP NAVIGATION ---
 * --------------------------------------- */
.fixed-header-container-optimized {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--white);
    border-bottom: 1px solid var(--border-light);
    z-index: 1000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.header-content-wrapper-optimized {
    /* max-width: 1100px; */
    margin: 0 auto;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.logo-image {
    height: 30px;
}

/* CartHeader.css - Updated Styles Without :root */

.header-steps-container {
    /* Container for centering the steps bar */
    flex-grow: 1; 
    display: flex;
    justify-content: center;
    position: relative;
    right: 0px; /* Shift the steps slightly left to align with the cart text/items */
}

.header-steps-optimized {
    display: flex;
    align-items: center;
    position: relative; 
    padding-top: 12px; 
}

/* .step-connector-line removed, individual .step-connector used */

.step-wrapper {
    display: flex;
    flex-direction: row; 
    align-items: center;
    min-width: 120px; 
    z-index: 10; 
}
.step-wrapper:last-child {
    min-width: unset;
}

.step-item-optimized {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
}

.step-circle {
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 50%;
    border: 1px solid #ddd; /* previously var(--text-light) */
    background-color: #fff;  /* previously var(--white) */
    color: #666;             /* previously var(--text-medium) */
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    z-index: 20;
}

.step-wrapper.active .step-circle {
    background-color: #eb6164; /* previously var(--primary-color) */
    color: #fff;
    border-color: #eb6164;
}

.step-wrapper.completed .step-circle {
    background-color: #eb6164;
    border-color: #eb6164;
    color: #fff;
}

.step-wrapper.active ~ .step-wrapper .step-circle {
    background-color: #fff;
    border-color: #ddd;
    color: #666;
}

.step-text {
    font-size: 0.85rem;
    color: #666;
}

.step-wrapper.active .step-text {
    font-weight: 600;
    color: #333; /* previously var(--text-dark) */
}

/* ------------------- CONNECTOR STYLES ------------------- */

.step-connector {
    flex-grow: 1;
    height: 1px;
    background-color: #ddd; /* default light line */
    position: relative;
    margin: 0 -40px;
    z-index: 1;
    display: block;
    margin-bottom: 22px;
}

.step-connector.completed {
    background-color: #eb6164; /* filled line color */
}


/* If you need more control, you could use a pseudo-element on the step-wrapper */
/* but for the line itself, styling the .completed class on the connector is easier. */

/* ----------------------------------
 * --- MAIN CONTENT & CONTAINERS ---
 * ---------------------------------- */
.cart-page-main-optimized {
  background-color: var(--white); /* Main container is now white */
  padding: 32px 0;
  min-height: calc(100vh - 65px);
}

.cart-container-optimized {
  /* max-width: 1100px; */
  padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  margin: 0 auto;
  padding: 0 20px; 
}

.shopping-cart-title {
    /* Ensures this element has enough space below the fixed header */
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 20px;
}

/* Main Content Wrapper (Flexbox) */
.cart-content-wrapper-optimized {
  display: flex;
  gap: 20px;
}

/* --- Left Column --- */
.cart-details-column-optimized {
  flex: 2.5; /* Approx 65% */
}

/* --- Delivery Location Bar --- */
.pincode-delivery-bar {
  /* Simple bar, uses bottom border for separation */
  display: flex;
  align-items: center;
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-light); 
  font-size: 1rem;
}

.delivery-icon-wrapper {
    font-size: 1rem;
    color: var(--text-dark);
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.pin-icon {
    /* Styling the icon to match the purple color of the button */
    margin-right: 5px;
    color: #eb6164; 
    font-size: 1.2rem;
}

.delivery-location-display {
    /* The purple rounded box (pill) */
    background-color: var(--white);
    border: 1px solid #eb6164; 
    color: #eb6164;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 8px; /* High rounding for the pill effect */
    cursor: pointer; /* Implies it's clickable to change location */
    transition: background-color 0.2s, box-shadow 0.2s;
    box-shadow: 0 1px 3px rgba(153, 0, 153, 0.15); /* Subtle purple shadow */
}

.delivery-location-display:hover {
    background-color: #f8f0f8; /* Very light purple on hover */
}


/* --- Cart Item Card --- */
.cart-item-card-optimized {
  display: flex;
  background-color: var(--white);
  border-bottom: 1px solid var(--border-light); 
  padding: 20px 0;
  margin-bottom: 10px;
}

.item-image-optimized {
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-right: 20px;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1); 
}

.item-details-optimized {
  flex-grow: 1;
}

.item-header-row-optimized {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 5px;
}

.item-name-optimized {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--text-dark);
}

.item-price-optimized {
  font-size: 1rem; 
  font-weight: 700;
  color: var(--text-dark);
  display: flex;
  align-items: center;
  gap: 8px;
}

.item-mrp-optimized {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--text-light);
  text-decoration: line-through;
}

.item-discount-percent-optimized {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--discount-red);
}

/* Meta Info Grid */
.item-meta-info-grid-optimized {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 30px;
    font-size: 0.9rem;
    margin-top: 10px;
}

.meta-item-optimized {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
}

.meta-item-optimized span:first-child {
    color: var(--text-light);
    min-width: 60px;
    /* text-align: right; */
}

.qty-control {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--border-light);
    border-radius: 4px;
    overflow: hidden;
}

.qty-btn-control {
    background-color: var(--white);
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-weight: bold;
    color: var(--text-medium);
    font-size: 1rem;
}
.qty-btn-control:active {
    background-color: var(--border-light);
}

.qty-display-control {
    padding: 0 5px;
    font-weight: 500;
    color: var(--text-dark);
}


.item-actions-optimized {
  margin-top: 10px;
  font-size: 0.85rem;
  /* display: flex; */
  gap: 10px;
  text-align: right;
  color: #d9534f;
}

.action-link-optimized {
  color: #007bff;
  text-decoration: none;
  border-right: 1px solid #ccc;
  padding-right: 10px;
  cursor: pointer;
}

.action-link-optimized.remove {
    color: var(--discount-red);
    border-right: none;
    padding-right: 0;
}


/* --- The Add-Ons section styles were removed --- */


/* ----------------------------------
 * --- RIGHT COLUMN: Price Details ---
 * ---------------------------------- */
.price-details-column-optimized {
  flex: 1; 
  min-width: 300px;
}

/* Coupon Apply Section - Separated Box */
.coupon-apply-box {
    background-color: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.coupon-icon-large {
    display: flex;
    align-items: center;
    gap: 10px;
}

.apply-coupon-link {
    color: var(--price-orange); 
    font-weight: 600;
    cursor: pointer;
}

/* Price Details Box */
.price-details-box-optimized {
  background-color: var(--white);
  border: 1px solid var(--border-light);
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 20px;
  position: sticky;
  top: 85px; 
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.price-details-box-optimized h4 {
  font-size: 1.1rem;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: var(--text-dark);
}

.price-row-optimized {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 1rem;
  color: var(--text-medium);
}

.price-row-optimized span:last-child {
    color: var(--text-dark);
}

.discount-row-optimized .amount {
  color: var(--discount-red);
  font-weight: 500;
}

.price-divider-optimized {
    border-top: 1px solid var(--border-light);
    margin: 15px 0;
}

.total-row-optimized {
  font-size: 1.4rem;
  font-weight: 700;
  padding-top: 5px;
  margin-bottom: 20px;
  color: var(--text-dark);
}

.total-row-optimized .amount.total {
    color: var(--discount-red);
}

/* --- Buttons --- */
.checkout-btn-optimized {
  background-color: #eb6164;
  color: var(--white);
  border: none;
  padding: 12px 0;
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight: 600;
  width: 100%;
  margin-bottom: 15px;
}

.empty-cart-btn-optimized {
  background-color: #eb6164;
  color: var(--white);
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 0.9rem;
  cursor: pointer;
}

.save-message-optimized {
  text-align: center;
  color: var(--primary-green);
  font-size: 0.95rem;
  font-weight: 500;
  margin-bottom: 15px;
}

.continue-shopping-btn-optimized {
  background-color: var(--bg-orange-light);
  color: var(--price-orange);
  border: none;
  padding: 12px 0;
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight: 600;
  width: 100% !important;
  display: block; /* ✅ Add this line */
  text-align: center; /* ✅ Optional for better text alignment */
  cursor: pointer;
  text-decoration: none; /* ✅ Removes underline on link */
}


/* Trust Badges Placeholder */
.trust-badges-placeholder {
    font-size: 0.8rem;
    color: var(--text-light);
    text-align: center;
    padding-top: 10px;
}








/* ================================================= */
/* --- Modal Styles: Top-Aligned with Close Icon --- */
/* ================================================= */

/* 1. Modal Overlay (Fixed Position, Aligned to Top) - Same as before */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; 
  background-color: rgba(0, 0, 0, 0.6); 
  display: flex;
  justify-content: center;
  align-items: flex-start; 
  padding-top: 100px; 
  overflow-y: auto; 
}

/* 2. Modal Box (Container) - Same as before */
.modal-box {
  background-color: #fff; 
  border-radius: 8px;
  max-width: 400px;
  width: 90%; 
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  margin-bottom: 30px; 
}

/* 3. Modal Header (Light Gray Background for Title) */
.modal-header {
  background-color: #f5f5f5; 
  padding: 15px 25px;
  border-bottom: 1px solid #eee;
  
  /* KEY CHANGE: Allows absolute positioning of the close button */
  position: relative; 
}

.modal-header h4 {
  font-size: 1.25rem; 
  font-weight: 700; 
  color: #333;
  margin: 0; 
  /* Add padding to the right of the title so it doesn't overlap the 'x' */
  padding-right: 30px; 
}

/* ✅ 4. Close Button (Cross Icon) Styling */
.modal-close-btn {
  /* KEY CHANGE: Positions the button relative to the modal-header */
  position: absolute;
  top: 10px;    /* Push down from the top edge of the header */
  right: 15px;  /* Pull in from the right edge of the header */
  
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.8rem; /* Large and visible cross icon */
  line-height: 1;
  color: #999; /* Light gray color */
  padding: 5px; /* Increase hit area */
}

.modal-close-btn:hover {
  color: #333; /* Darker on hover */
}


/* 5. Modal Body (White Content Area) - Same as before */
.modal-body {
  padding: 20px 25px;
}
/* 
.modal-body p {
  font-size: 1rem;
  color: #555;
  margin: 0;
  line-height: 1.5;
} */

/* 6. Button Container (Actions) - Same as before */

/* 7. Button Styles (50%/50% Full-width split) - Same as before */
.modal-actions button {
  flex: 1; 
  padding: 12px 18px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}

/* Primary/Confirm Button (Remove) - Same as before */
.confirm-btn {
  background-color: #e91e63;
  color: #fff;
  border: 1px solid #e91e63;
}

.confirm-btn:hover {
  background-color: #c2185b; 
  border-color: #c2185b;
}

/* Secondary/Cancel Button - Same as before */
.cancel-btn {
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc; 
}

.cancel-btn:hover {
  background-color: #f0f0f0; 
  border-color: #bbb;
}






/* =======================================
   GLOBAL LOGIN FLOW STYLES (Final Working Version - Full Page Flow)
   ======================================= */


/* Base container for centering content, spans full width of the view */
.center-content {
    flex-grow: 1;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    
    /* Full-Size Background Image Styles */
    background-image: url('https://www.blissmygift.com/new/images/icons/login-bg.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; 
}

/* Center mode for the Login/Signup screen */
.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* --- Modal Card Styles (The requested styles are applied here) --- */
.card-container {
    /* Styles for the white, shadowed box */
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    display: flex; /* Kept for internal flex structure */
    flex-direction: column;
}

.title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

.subtitle {
    font-size: 16px;
    margin-bottom: 20px;
    color: #555;
    text-align: center;
    line-height: 1.5; /* Added for better readability on multi-line subtitle */
}

/* --- Form Elements --- */
.input-group {
    margin-bottom: 10px;
}

.label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #555;
}

.input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s; /* Added transition for smoother focus effect */
}

/* Updated accent color for input focus: #284192 */
.input:focus, .mobile-input-container:focus-within {
    border-color: #284192; 
    box-shadow: 0 0 0 2px rgba(40, 65, 146, 0.2); /* Soft focus ring */
}

/* Mobile Input specific styles */
.mobile-input-container {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    transition: border-color 0.2s;
}

.country-code-select {
    padding: 12px 10px;
    border: none;
    border-right: 1px solid #ddd;
    background-color: #fff;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    appearance: none; 
}

.mobile-input {
    flex-grow: 1;
    padding: 12px 15px;
    border: none;
    font-size: 16px;
    outline: none;
}

/* --- Buttons and Actions --- */
.primary-button, .submit-button {
    width: 100%;
    padding: 14px;
    background-color: #284192; /* 🔑 Logo Color */ 
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.2s, box-shadow 0.2s;
}

/* Hover state: Slightly darker blue for engagement */
.primary-button:hover:not(:disabled), .submit-button:hover:not(:disabled) {
    background-color: #20347A; 
    box-shadow: 0 4px 8px rgba(40, 65, 146, 0.4);
}

/* Disabled state: Faint blue for a good look */
.primary-button:disabled, .submit-button:disabled {
    background-color: #AAB4DB; /* Lighter shade of logo color */
    cursor: not-allowed;
    box-shadow: none;
}

.google-button {
    width: 100%;
    padding: 14px;
    background-color: white;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

.google-button:hover {
    background-color: #f0f0f0;
}

.google-logo {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* Divider */
.divider {
    text-align: center;
    margin: 30px 0;
    position: relative;
    height: 1px;
    background-color: #ddd;
}

.divider-text {
    background-color: white;
    padding: 0 10px;
    font-size: 14px;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Footer and Errors */
.terms-text {
    font-size: 12px;
    color: #777;
    text-align: center;
    margin-top: 20px;
}

/* Updated link color to match logo color */
.terms-text a {
    color: #284192; 
    text-decoration: none;
    font-weight: 600; /* Increased weight for emphasis */
}


/* --- OTP Screen Specific --- */
.back-button {
    background-color: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 0;
    color: #333;
    position: absolute; 
    top: 30px;
    left: 30px;
    z-index: 1; 
}

.otp-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 5px; 
}

.otp-input {
    width: 45px; 
    height: 50px;
    text-align: center;
    font-size: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s;
}

/* Updated focus color */
.otp-input:focus {
    border-color: #284192;
    box-shadow: 0 0 0 2px rgba(40, 65, 146, 0.2);
}

.submit-button {
    margin-top: 30px;
}

.resend-otp {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #777;
}

/* Updated link color */
.resend-link {
    color: #284192; 
    text-decoration: none;
    font-weight: bold;
}


/* Error messages */
.error-text {
    color: #e74c3c; /* Red color for errors */
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}

/* Success messages */
.success-text {
    color: #2ecc71; /* Green color for success */
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}












.checkout-main {
  background: #fff;
  padding: 40px 0;
  min-height: 100vh;
}

.checkout-container {
   /* max-width: 1100px; */
  padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  margin: 0 auto;
  padding: 0 20px; 
}

.checkout-title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #333;
}

.checkout-wrapper {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.checkout-left {
  flex: 2;
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.checkout-right {
  flex: 1;
}

/* Address Header */
.address-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.address-header h3 {
  font-size: 20px;
  color: #333;
}

/* Add New Button */
.add-address-btn {
  padding: 8px 16px;
  background: #eb6164;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s;
}

.add-address-btn:hover {
  background: #ff4d3b;
}

/* Address Cards */
.address-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.address-card, .address-card-user {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s;
  /* background: #fafafa; */
}

.address-card:hover {
  border-color: #eb6164;
  background: #fff5f4;
}

.address-card.selected {
  border-color: #eb6164;
  background: #fff0ec;
  box-shadow: 0 2px 6px rgba(255, 111, 97, 0.3);
}

/* Address Info Split */
.address-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
}

.address-left h4 {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: 600;
}

.address-left p {
  margin: 2px 0;
  color: #555;
}

.address-right {
  text-align: right;
  font-size: 14px;
  color: #333;
}

/* Order Summary */
.order-summary {
  margin-top: 30px;
}

.order-item {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  align-items: center;
}

.order-item-img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
}

.order-item-info h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.order-item-price {
  color: #eb6164;
  font-weight: 700;
}

/* Price Box */
.price-box {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.price-box h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.price-row {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}

.price-divider {
  border-top: 1px solid #ddd;
  margin: 12px 0;
}

.price-row.total span {
  font-weight: 700;
  color: #eb6164;
}

/* Buttons */
.place-order-btn {
  width: 100%;
  padding: 12px;
  background: #eb6164;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.place-order-btn:hover {
  background: #ff4d3b;
}

.continue-link {
  display: block;
  text-align: center;
  margin-top: 15px;
  color: #eb6164;
  font-weight: 500;
  text-decoration: none;
}

.continue-link:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 900px) {
  .checkout-wrapper {
    flex-direction: column;
  }

  .address-info {
    flex-direction: column;
    text-align: left;
  }

  .address-right {
    text-align: left;
  }
}



/**payment*/

.payment-section h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #333;
}

.payment-options {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.payment-card {
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid #ccc;
  padding: 12px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s;
  background: #fafafa;
}

.payment-card img {
  width: 130px;
  height: 50px;
  object-fit: contain;
}

.payment-card.selected {
  border-color: #eb6164;
  background: #fff5f4;
  box-shadow: 0 2px 6px rgba(255, 111, 97, 0.3);
}

.price-box {
  background: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.price-box h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.price-row {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}

.price-divider {
  border-top: 1px solid #ddd;
  margin: 12px 0;
}

.price-row.total span {
  font-weight: 700;
  color: #eb6164;
}

.place-order-btn {
  width: 100%;
  padding: 12px;
  background: #eb6164;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.place-order-btn:hover {
  background: #ff4d3b;
}

.continue-link {
  display: block;
  text-align: center;
  margin-top: 15px;
  color: #eb6164;
  font-weight: 500;
  text-decoration: none;
}

.continue-link:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .checkout-wrapper {
    flex-direction: column;
  }

  .payment-options {
    flex-direction: column;
  }
}




















:root {
    --primary-color: #eb6164; /* Blissmygift Blue */
    --primary-color-dark: #1e3579;
    --border-light: #ddd;
    --text-medium: #666;
    --text-dark: #333;
    --white: #fff;
    --bg-light: #f7f7f7;
}


.modal-box.address-modal-grid {
  background: var(--white);
  border-radius: 8px;
  width: 650px; /* Increased width for two columns */
  max-width: 90%;
}


.form-grid {
    display: grid;
    /* Two equal columns */
    grid-template-columns: 1fr 1fr;
    gap: 20px; /* Horizontal and vertical gap */
}

/* Full width field (Address) */
.form-group-full {
    grid-column: 1 / -1; /* Spans across both columns */
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 0.9rem;
    margin-bottom: 6px;
    font-weight: 500;
    color: var(--text-dark);
}

.form-grid input,
.form-grid textarea,
.form-grid select {
    padding: 10px 12px;
    font-size: 1rem;
    border-radius: 4px;
    border: 1px solid var(--border-light);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Focus state for a clean look */
.form-grid input:focus,
.form-grid textarea:focus,
.form-grid select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(38, 66, 145, 0.2);
    outline: none;
}

.form-grid textarea {
    resize: vertical;
    min-height: 80px; /* Slightly taller for addresses */
}

/* ------------------- MOBILE INPUT GROUP ------------------- */

.mobile-input-wrapper {
  display: flex;
  align-items: stretch; /* Ensures code and input match height */
}

.country-code {
  background: var(--bg-light);
  padding: 10px 12px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid var(--border-light);
  border-right: none;
  color: var(--text-dark);
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap; /* Prevent code from wrapping */
  display: flex;
  align-items: center;
}

.mobile-input-wrapper input {
  flex: 1;
  /* Reset border radius for the standard input */
  border-radius: 0 4px 4px 0 !important; 
  /* Ensure input border matches the code border visually */
  border-left: 1px solid var(--border-light); 
}

/* ------------------- ACTIONS ------------------- */
.modal-actions {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 0; /* Removed margin-top, using padding from above */
}

.confirm-btn, .cancel-btn {
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  transition: background-color 0.2s, opacity 0.2s;
}

.confirm-btn {
  background-color: var(--primary-color);
  color: var(--white);
  border: 1px solid var(--primary-color);
}
.confirm-btn:hover:not(:disabled) {
  background-color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}
.confirm-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.cancel-btn {
  background-color: var(--bg-light);
  color: var(--text-dark);
  border: 1px solid var(--border-light);
}
.cancel-btn:hover {
  background-color: #eee;
}



.address-actions {
  display: flex;
  justify-content: flex-end; /* align to the right */
  gap: 15px; /* space between edit and remove */
}

.address-actions .edit-address-btn {
  color: #007bff; /* blue text */
  background: transparent;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

.address-actions .edit-address-btn:hover {
  color: #0056b3; /* darker blue on hover */
}

.address-actions .remove-address-btn {
  color: #dc3545; /* red text */
  background: transparent;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

.address-actions .remove-address-btn:hover {
  color: #a71d2a; /* darker red on hover */
}























/* Page background */
.order-success-page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  font-family: 'Inter', sans-serif;
}

/* Card styling */
.success-card {
  background: #fff;
  padding: 40px 30px;
  text-align: center;
}



/* Success icon */
.success-icon {
  font-size: 60px;
  color: #28a745;
}

.failed-icon {
  font-size: 60px;
  color: #dc3545; /* Red for failed */
}

/* Title & message */
.success-title {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.success-message {
  color: #555;
  font-size: 16px;
  margin-bottom: 30px;
}


.bg-blue-btn-100 {
  background: #fb641b;
}

.text-btn-cart-100 {
  border-color: #ff9f00;
  color: #ff9f00;
}


/* src/components/MyAccount.css - Streamlined CSS with Improved Action Spacing */

/* --- General Layout --- */
.account-main-wrapper {
    width: 100%;
    /* Retaining #FFF as per your latest provided code */
    background-color: #FFF; 
    padding: 30px 20px 60px; /* Combined padding properties */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.account-container {
    width: 100%; 
    background-color: #ffffff;
    border-radius: 10px; 
    display: flex;
    flex-direction: column; 
    overflow: hidden;
    border: 1px solid #e6e6e6; 
}

/* --- LEFT SIDEBAR --- */
.account-sidebar {
    width: 100%;
    min-width: 280px; 
    border-right: 1px solid #e6e6e6;
    padding: 0;
}

/* Sidebar Header (Hi, User Name) */
.sidebar-header {
    background-color: #26438e; 
    color: white;
    padding: 18px 25px;
    font-size: 20px;
    font-weight: 500;
}

.sidebar-header span {
    font-weight: 700;
}

/* Sidebar Navigation */
.sidebar-nav {
    list-style: none;
    padding: 15px 0;
    margin: 0;
}

.sidebar-link {
    display: flex;
    align-items: center;
    padding: 14px 25px;
    color: #666666;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    font-weight: 500;
}

.sidebar-link:hover {
    background-color: #f9f9f9;
    color: #8c6daf;
}

/* Active Sidebar Link Styling */
.sidebar-link.active {
    background-color: #f3f0f7; 
    color: #5d3587; 
    font-weight: 600;
    border-left: 4px solid #5d3587; 
    padding-left: 21px;
}

.sidebar-link.active .sidebar-icon {
    color: #5d3587;
}

.sidebar-icon {
    font-size: 18px;
    margin-right: 12px;
    width: 24px;
    text-align: center;
}

/* --- RIGHT CONTENT AREA - Layout & Titles --- */
.account-content {
    flex: 1;
    padding: 0;
}



/* Order Header Row (Tabs and Filter) */
.order-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; 
    padding: 0 30px;
    border-bottom: 1px solid #e6e6e6;
}

.order-tabs {
    display: flex;
    margin-bottom: -1px; 
}

.order-tab {
    background: none;
    border: none;
    cursor: pointer;
    padding: 15px 15px; 
    font-size: 15px;
    color: #666666;
    transition: all 0.2s;
    border-bottom: 3px solid transparent;
    font-weight: 500;
}

.order-tab:hover {
    color: #8c6daf;
}

.order-tab.active {
    color: #5d3587; 
    font-weight: 600;
    border-bottom: 3px solid #5d3587;
}

/* Order Filter */
.order-filter {
    font-size: 14px;
    color: #666666;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px; 
}

.order-count {
    font-weight: 700;
    color: #5d3587;
}

.time-filter-select {
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    appearance: none; 
    /* Base64 for the dropdown arrow was removed, keeping your version */
    background: #fff;
    background-size: 10px;
    padding-right: 30px; 
    transition: border-color 0.2s;
}

.time-filter-select:focus {
    border-color: #5d3587;
    outline: none;
}

/* Order List Area & Messages */
.order-list-area {
    padding: 30px;
    min-height: 250px; 
}

.no-orders-message {
    text-align: center;
    padding: 60px 20px;
    border: 1px dashed #ddd; 
    border-radius: 8px;
    background-color: #fff;
    font-size: 18px;
    color: #666666;
    font-weight: 500;
}

/* --- Order Table Styles --- */
.order-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    overflow: hidden; 
}

.order-table th, .order-table td {
    padding: 14px 18px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.order-table th {
    background-color: #f7f7f7;
    font-weight: 600;
    color: #333333;
}

.order-table tbody tr:last-child td {
    border-bottom: none;
}

.order-table tbody tr:hover {
    background-color: #f3f0f7;
}

/* Status Badges */
.status-delivered {
    color: #0CAF60; 
    font-weight: 600;
}

.status-dispatched {
    color: #FF9800; 
    font-weight: 600;
}

.status-confirmed {
    color: #007BFF; 
    font-weight: 600;
}

.status-pending {
    color: #6C757D; 
    font-weight: 600;
}

.status-cancelled {
    color: #B71C1C; 
    font-weight: 600;
}

/* Action Column Styling */
.order-actions {
    /* Use flex to align items horizontally */
    display: flex;
    align-items: center;
}

/* New Tracking Button Style (Primary Button Look) */
.order-track-button {
    background-color: #5d3587;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s;
    white-space: nowrap;
    
    /* --- KEY CHANGE FOR SPACING --- */
    /* Adds clean space to the right of the button */
    margin-right: 15px;
}

.order-track-button:hover {
    background-color: #4b2a68; 
}

.order-action-button {
    background: none;
    border: none;
    color: #5d3587;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    padding: 0;
    text-decoration: underline;
    white-space: nowrap;
    /* Ensure the link sits cleanly next to the button */
}


/* --- Media Queries --- */
@media (min-width: 768px) {
    .account-container {
        flex-direction: row;
    }
    
    .account-sidebar {
        width: 280px; 
    }
}










.pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.pagination-btn,
.pagination-page {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
  border-radius: 4px;
  min-width: 36px;
  text-align: center;
  transition: all 0.2s ease;
}

.pagination-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.pagination-page.active {
  background-color: #26438e;
  color: #fff;
  border-color: #26438e;
}

.pagination-page:hover:not(.active) {
  background-color: #f0f0f0;
}















/**************Order Details*****************.w-1\/2

/* ======================================= */
/* Complete Final CSS for Order Details Page */
/* (Optimized for Spacing and TOP Alignment) */
/* ======================================= */

/* --- General & Layout --- */
.account-content {
  padding: 25px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Header for title and back button alignment */
.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.content-title {
  font-size: 25px;
  font-weight: 700;
  color: #333;
  margin: 0;
}

.back-btn {
  background-color: #f7f7f7;
  color: #555;
  border: 1px solid #ddd;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s ease;
}

.back-btn:hover {
  background-color: #e9e9e9;
  border-color: #ccc;
  color: #333;
}

/* --- Order Summary Card (Detailed) --- */
.order-summary-card {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}

.order-summary-card h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #007bff;
}

.order-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px;
  font-size: 14px;
}

.summary-section {
  background: #ffffff;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.summary-section h4 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.summary-section > div, .summary-section > p {
  margin: 4px 0;
  line-height: 1.4;
}

.summary-section strong {
  font-weight: 600;
  color: #333;
}

.final-total {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dashed #ddd;
  font-size: 15px;
  font-weight: 700;
  color: #dc3545;
}

.full-address {
  grid-column: span 2; 
}

/* Status Badge */
.status-badge {
  padding: 4px 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 5px;
  font-size: 9px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

To achieve the best readability (contrast) for each badge, it is best to use white text for darker backgrounds and dark charcoal text for lighter backgrounds (like yellow).

I have also consolidated your CSS to remove the duplicate properties you had in your original snippet.

Optimized Status Badge CSS
CSS

.status-badge {
  display: inline-block;
  padding: 3px 8px;
  margin-left: 5px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  vertical-align: middle;
}

/* Blue Background / White Text */
/* Pending – neutral & calm */
.status-badge.pending {
  background-color: #e7f1ff;
  color: #0b5ed7;
}

/* Processing – active / in progress */
.status-badge.processing {
  background-color: #cff4fc;
  color: #055160;
}

/* Confirmed – strong positive action */
.status-badge.confirmed {
  background-color: #0d6efd;
  color: #ffffff;
}

/* Dispatched – warning / movement */
.status-badge.dispatched {
  background-color: #ffc107;
  color: #212529;
}

/* Delivered – success */
.status-badge.delivered {
  background-color: #198754;
  color: #ffffff;
}

/* Cancelled – error / danger */
.status-badge.cancelled {
  background-color: #dc3545;
  color: #ffffff;
}
/* --- Items Section --- */

.items-title {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}

.order-items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.order-item-card {
  display: flex;
  gap: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  align-items: flex-start;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.item-image {
  width: 100px;
  height: 100px;
  min-width: 100px; 
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

/* GRID LAYOUT FOR ITEM INFO (2 columns) */
.item-info {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 10px 20px;
  /* 🚨 CRITICAL FIX: Aligns all grid row content to the top */
  align-content: start;
}

.item-info h4 {
  grid-column: 1 / 3;
  margin: 0 0 10px 0;
  font-size: 17px;
  font-weight: 600;
  color: #007bff;
}

/* LEFT COLUMN (Details) */
.item-details-left {
  grid-column: 1 / 2;
  font-size: 14px;
  color: #555;
}

.item-details-line-compact {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  margin-bottom: 10px;
  font-size: 14px;
}

.item-message {
  font-style: italic;
  color: #777;
  margin-top: 10px !important;
  font-size: 13px;
  border-top: 1px dotted #f0f0f0;
  padding-top: 5px;
}

/* RIGHT COLUMN (Custom Options & Total) */
.item-options-right {
  grid-column: 2 / 3;
  text-align: right;
  border-left: 1px solid #f0f0f0;
  padding-left: 20px;
  /* 🚨 CRITICAL FIX: Ensures this cell's content starts at the top */
  align-self: start; 
}

.custom-options {
  margin-bottom: 15px;
  font-size: 13px;
  margin-top: 0; /* Ensures it starts immediately under the h4 row */
}

.custom-options strong {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #333;
}

.custom-options ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-options li {
  margin-bottom: 2px;
  color: #666;
}

.item-total {
  font-size: 18px;
  /* font-weight: 700; */
  color: #3e3e3e; 
  padding-top: 10px;
  border-top: 2px solid #eee;
}

/* --- Media Queries --- */

@media (max-width: 992px) {
  /* Tablet Summary Layout */
  .order-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .full-address {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
    /* Mobile General */
    .content-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .back-btn {
        margin-bottom: 0;
    }
  /* Mobile Item Layout */
  .order-item-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .item-image {
    width: 100%;
    height: auto;
    max-height: 120px;
    margin-bottom: 10px;
  }
  .item-info {
    grid-template-columns: 1fr;
    gap: 0;
    align-content: start;
  }
  .item-info h4 {
    grid-column: 1 / 2;
  }
  .item-details-left,
  .item-options-right {
    grid-column: 1 / 2;
    padding-left: 0;
    border-left: none;
    align-self: start;
  }
  .item-options-right {
    text-align: left;
    border-top: 1px solid #eee;
    padding-top: 15px;
  }
  .custom-options {
    margin-top: 0;
  }
  .item-total {
    text-align: left;
    border-top: none;
    padding-top: 0;
    margin-top: 10px;
  }
  /* Mobile Summary Layout */
  .order-summary-grid {
    grid-template-columns: 1fr;
  }
}










/* src/styles/OrderTrackingModal.css */

.modal-container {
  background: #fff;
  /* border-radius: 12px; */
  /* Removed padding here, moved to .modal-header and .tracking-content */
  padding: 0; 
  width: 90%;
  max-width: 450px;
  position: relative;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.modal-close-btn {
  position: absolute;
  /* top: 1rem;
  right: 1.5rem; */
  top: 0.1rem;
  right: 0.9rem;
  font-size: 1.8rem;
  cursor: pointer;
  color: #555;
  z-index: 10; /* Ensure button is above header content */
}


.modal-title {
  font-family: inherit;
  font-size: 1.2rem; /* Larger and impactful */
  font-weight: 500; 
  margin: 0;
  text-align: center;
  color: #333;
}

/* Content wrapper to restore internal padding */
.tracking-content {
  padding: 2.5rem;
}

.no-tracking {
  text-align: center;
  font-size: 1rem;
  color: #777;
  padding: 20px 0;
}

/* --- Tracking Timeline Styles --- */

.tracking-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tracking-step {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-left: 45px;
  
  /* Critical for seamless line: use padding-bottom for spacing */
  margin-bottom: 0; 
  padding-bottom: 2.5rem; 
  min-height: 24px;
}

/* Status Circle (Size is 24px) */
.status-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px; 
  font-weight: bold;
  color: #fff;
  z-index: 2; 
  
  /* Default (Pending/Future) styles */
  background: #fff; 
  border: 2px solid #bdbdbd; 
}

/* Completed Status (Green Check) */
.status-circle.completed {
  background: #4CAF50;
  border: none;
}

/* Current/Active Status (Blue Circle) */
/* .status-circle.current {
  background: #2196F3;
  border: none;
} */

/* Connector Line (The vertical bar) */
.connector {
  position: absolute;
  left: 11px; /* Horizontal center */
  top: 12px; /* Vertical start (center of the circle) */
  width: 2px;
  height: 100%; /* Fills space down to the next circle's center */
  background: #e0e0e0; 
  z-index: 1;
}

/* Filled Connector Line */
.connector.filled {
  background: #4CAF50;
}

/* Info Text */
.tracking-info {
  display: flex;
  flex-direction: column;
}

.tracking-status {
  font-weight: 500;
  font-size: 1.1rem;
  color: #333; 
}

.tracking-time {
  font-size: 0.9rem;
  color: #555;
  margin-top: 3px;
}












  /* src/styles/footer-info.css or relevant filename */

/* * 1. Base Container Styling
 * Ensures the content doesn't stretch too wide for comfortable reading.
 * Assuming .col.s12 is a flexible container (like part of a grid).
 */


/* * 2. Inner Content Wrapper 
 * Sets the padding and modernizes typography.
 */
.page-description-content {
  padding: 1.5rem 0; /* Add vertical padding for breathing room */
  line-height: 1.6; /* Increased line height for better readability, especially for paragraphs */
  color: #333; /* Dark text color for contrast */
}

/* * 3. Headings (H1 and H2)
 * Defines a clear hierarchy and visual weight.
 */
.page-description-content h1 {
  /* The main title */
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #f8e1e7; /* Subtle underbar for separation */
  letter-spacing: 0.5px;
}

.page-description-content h2 {
  /* Sub-sections */
  font-size: 1.5rem;
  margin-top: 2.5rem; /* Space above a new section */
  margin-bottom: 1rem;
  /* Optional: You could underline these instead of the H1 line */
  /* border-bottom: 1px dashed #ccc; */ 
}

/* * 4. Paragraphs and Justification
 * Ensures text blocks are neat and comfortable to read.
 */
.page-description-content p {
  /* margin-bottom: 1.5rem; Consistent spacing after each paragraph */
  line-height: 1.7; /* Generous line height */
}

.page-description-content .text-justify {
  text-align: justify; /* Keeps the edges straight (as requested by the class) */
  hyphens: auto; /* Helps with justification in modern browsers */
}

/* * 5. General Text Emphasis (to highlight key elements like the brand name)
 * Although not present in your HTML, this is good practice for styling.
 */
.page-description-content p strong {
  color: #E91E63;
  font-weight: 700;
}

/* Cleanup for the dirltr attribute on H1 */
[dir="ltr"] {
  direction: ltr;
}

/* ======================================= */
/* * 6. TABLE STYLING (New Addition)
/* ======================================= */
.page-description-content table {
  width: 100%; /* Ensure table spans full content width */
  border-collapse: collapse; /* Removes double borders */
  margin: 2rem 0; /* Vertical spacing around the table */
  font-size: 0.95rem;
  border: 1px solid #ddd; /* Light border around the whole table */
}

.page-description-content th,
.page-description-content td {
  padding: 10px 15px; /* Comfortable padding inside cells */
  text-align: left; /* Left align content */
  border: 1px solid #eee; /* Lighter border for inner cells */
}

.page-description-content th {
  /* Header specific styling */
  background-color: #f5f5f5; /* Very light gray header background */
  font-weight: 600;
  color: #555;
  border-bottom: 2px solid #ddd; /* Clear separation from body */
}

/* Stripe rows for better readability */
.page-description-content tr:nth-child(even) {
  background-color: #f9f9f9; /* Subtle gray background for even rows */
}

/* Hover effect for a touch of interactivity */
.page-description-content tr:hover {
  background-color: #f0f0f0; 
}

.category-right-padding{
  padding-right: 0.5rem;
}




/* ----------------- MEGA MENU DROPDOWN (blur + shadow) ----------------- */
.mega-menu-dropdown {
  backdrop-filter: blur(6px);           /* background blur like modal */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* strong shadow */
}


/* ----------------- SUBMENU COLUMN ----------------- */
.mega-menu-column {
  min-width: 230px;       /* fixed width */
  flex-shrink: 0;     /* prevent shrinking */
}

.w-\[19\%\] {
  width: 19% !important;
}





/* ===============================
   MOBILE SIDEBAR RESET STYLES
   =============================== */


/* GLOBAL SCROLL LOCK — DO NOT REMOVE */
body.no-scroll {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
/* BACKDROP */
.mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.mobile-backdrop.show {
  opacity: 1;
  visibility: visible;
}

/* SIDEBAR CONTAINER */
.mobile-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 80%;
  max-width: 320px;
  height: 100vh;
  background: #ffffff;
  z-index: 9999;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

/* OPEN STATE */
.mobile-sidebar.open {
  transform: translateX(0);
}

/* HEADER */
.mobile-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
}

/* CONTENT */
.mobile-sidebar-content {
  flex: 1;
  overflow-y: auto;
}

/* CATEGORY BUTTON */
.mobile-category-btn {
  width: 100%;
  padding: 14px 16px;
  border: none;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}

/* SUB MENU */
.mobile-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.mobile-submenu.open {
  max-height: 2000px;
}

/* SUB MENU CONTENT */
.mobile-submenu-inner {
  padding: 12px 24px;
}

.mobile-submenu-title {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.mobile-submenu-link {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  color: #444;
  text-decoration: none;
}

































/* Fix for header overlap */
.mobile-header-spacer {
    display: block;
    width: 100%;
}

.cart-content-padding {
    padding: 0 15px;
}

.shopping-cart-title-mobile {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
}


/* Compact Mobile Cards */
.mobile-cart-item-card {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.item-main-content {
    display: flex;
    gap: 15px;
}

.item-name-price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mobile-item-name {
    font-size: 13px;
   /* font-weight: 600;
    max-width: 140px;*/
}

.mobile-item-price {
    font-weight: 700;
    color: #111;
}

.mobile-meta-tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin: 5px 0;
}

.mobile-meta-tags span {
  font-size: 11px;
  background: #f0f0f0;
  padding: 2px 6px;
  border-radius: 4px;
}

.mobile-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

/* Custom Qty Picker */
.qty-picker-mobile {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.qty-picker-mobile button {
    padding: 4px 12px;
    background: #f9f9f9;
    border: none;
    font-size: 16px;
}

.qty-picker-mobile span {
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
}

.remove-link-mobile {
    color: #d9534f;
    font-size: 13px;
    font-weight: 600;
    background: none;
    border: none;
}











.addon-section-mobile {
  padding: 16px 0;
  background: #fff;
}



.addon-product-card {
  flex: 0 0 140px; /* Width ensures the next card peeks into view */
  scroll-snap-align: start;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
}

.addon-image-box {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.addon-img-tag {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.addon-info-box {
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.addon-product-name {
  font-size: 12px;
  line-height: 1.4;
  color: #444;
  margin-bottom: 8px;
  height: 34px; /* Fixed height for name to align buttons */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.addon-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.addon-price-tag {
  font-weight: 700;
  font-size: 14px;
  color: #111;
}

.addon-add-button {
  background: #2e4699; /* Matches blue button in your screenshot */
  color: #fff;
  border: none;
  padding: 4px 14px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.mini-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #2e4699;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

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




.addon-header-row {
  display: flex !important;
  /* This pushes the H3 to the start and the Button to the end */
  justify-content: space-between !important; 
  align-items: center;
  width: 100% !important;
  /* Padding should match your overall page margin (e.g., 16px or 20px) */
  padding: 0 16px; 
  box-sizing: border-box;
  margin-bottom: 16px;
}

.shopping-cart-title-mobile {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  /* Ensures text itself doesn't try to center inside its own box */
  text-align: left; 
}

.view-all-addons-btn-solid {
  background-color: #f8f9fa;
  color: #2e4699;
  border: 1px solid #2e4699;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  /* Prevents the button from shrinking if the title is long */
  flex-shrink: 0; 
  white-space: nowrap;
}


.mobile-product-message-box {
  background-color: #f9f9f9;
  border-left: 3px solid #2e4699; /* Matches your brand blue */
  padding: 6px 10px;
  margin: 8px 0;
  border-radius: 4px;
}

.msg-label {
  font-size: 10px;
  text-transform: uppercase;
  color: #888;
  font-weight: 700;
  display: block;
  margin-bottom: 2px;
}

.msg-text {
  font-size: 12px;
  color: #333;
  font-style: italic;
  margin: 0;
  line-height: 1.4;
}








.site-header-main {
  background: #ffffff;
  /* Proper Box Shadow like site */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  padding: 12px 0 16px 0;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.site-logo-wrapper {
  display: flex;
  justify-content: center;
}












.address-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 16px;
}

.address-modal-container {
  background: #fff;
  width: 100%;
  max-width: 500px; /* Minimal width as requested */
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}

.address-modal-header {
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.address-modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.close-x {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #999;
}

/* Form structure to allow fixed footer */
.address-modal-form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}

.address-modal-body {
  padding: 20px;
  overflow-y: auto; /* Scrollable content */
  flex: 1;
}

.address-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.field-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.field-box label {
  font-size: 13px;
  font-weight: 600;
  color: #444;
}

.required-star {
  color: #d32f2f; /* Red mandatory mark */
  margin-left: 2px;
}

.field-box input, .field-box select, .field-box textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.phone-input {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}

.ccode {
  background: #f1f1f1;
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #ccc;
  color: #666;
}

.phone-input input {
  border: none !important;
  flex: 1;
}

.err {
  color: #d32f2f;
  font-size: 11px;
}

.api-err {
  margin-top: 10px;
  color: #d32f2f;
  font-size: 13px;
  text-align: center;
}

/* Fixed footer with single row buttons */
.address-modal-footer {
  padding: 15px 20px;
  border-top: 1px solid #eee;
  display: flex;
  flex-direction: row; /* Single row */
  gap: 12px;
  background: #fff;
  flex-shrink: 0;
}

.btn-save {
  flex: 1;
  background: #2e4699;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
}

.btn-cancel {
  flex: 1;
  background: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
  padding: 12px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}

@media (min-width: 500px) {
  .address-form-grid {
    grid-template-columns: 1fr 1fr;
  }
  .full-width {
    grid-column: span 2;
  }
}

/* Mobile specific fixes */
@media (max-width: 480px) {
  .address-modal-container {
    max-height: 100vh;
    align-self: flex-end; /* Slides from bottom on mobile */
    margin-bottom: 0;
  }
  .address-modal-overlay {
    padding: 0;
  }
}



























/* DATE GRID */
.mobile-date-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.date-card {
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 8px;
  text-align: center;
  background: #fff;
}

.date-card.active {
  border-color: #191a0b;
  background: #f5f5f5;
}

.date-label {
  font-size: 13px;
  font-weight: 600;
}

.date-value {
  font-size: 14px;
  color: #6b7280;
  margin-top: 4px;
}


/* DELIVERY TYPES */
/* GRID */
.delivery-type-grid-v2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}



/* CARD */
.delivery-type-card-v2 {
  border: 1.5px solid #d1d5db;
  border-radius: 10px;
  padding: 12px 10px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 110px;
}

/* ACTIVE */
.delivery-type-card-v2.active {
  border-color: #6d28d9;
  background: #faf7ff;
}

/* HEADER */
.delivery-type-header {
  text-align: center;
  margin-bottom: 6px;
}

.delivery-type-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  /* color: #6d28d9; */
}

.delivery-type-price {
  display: block;
  font-size: 13px;
  color: #ef4444;
  margin-top: 2px;
}


/* DESCRIPTION */
.delivery-type-desc {
  font-size: 11.5px;
  text-align: center;
  color: #374151;
  line-height: 1.4;
  margin-top: 6px;
}

/* MOBILE FIX */
@media (max-width: 640px) {
  .delivery-type-grid-v2 {
    grid-template-columns: repeat(2, 1fr);
  }
}




.flatpickr-hidden-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 0;
  width: 0;
}

.label-top {
  font-size: 13px;
  font-weight: 600;
}

.label-bottom {
  font-size: 12px;
  margin-top: 4px;
}
























/* Container Background */

.mobile-main-content {
  padding: 16px;
  max-width: 500px;
  margin: 0 auto;
}

/* Profile Header Section */
.profile-dashboard-header {
  background: #fff;
  padding: 24px 16px;
  border-radius: 8px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.profile-header-flex {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Black Initial Avatar Style */
.initial-avatar {
  width: 60px;
  height: 60px;
  background-color: #1a1a1a; /* Pure black / dark charcoal */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  /* Optional: Soft border or shadow */
  border: 2px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.nav-row-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 16px;
  border-bottom: 1px solid #f2f2f2;
}

/* Navigation List Items */
.mobile-nav-container {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.nav-row-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 16px;
  border-bottom: 1px solid #f2f2f2;
}

.nav-row-item:last-child {
  border-bottom: none;
}

.nav-row-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.nav-static-img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.nav-row-text {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.nav-row-chevron {
  color: #ccc;
  font-size: 18px;
}

/* Active State */
.nav-row-item.active {
  background-color: #fff9fb;
}
.nav-row-item.active .nav-row-text {
  color: #2a438e;
}








/* Container & Wrapper */


.section-heading {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #0f172a;
}


/* Filter Bar */
.filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.order-count-text {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
}

.filter-select-sm {
  padding: 4px 6px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  font-size: 11px;
  background-color: white;
}

/* THE COMPACT CARD */
.order-card-ultra-compact {
  background: white;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.order-number {
  font-weight: 700;
  font-size: 13px;
  color: #1e293b;
}

/* 3-Column Grid for Details */
.card-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f5f9;
}


.detail-val {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #334155;
}

.price-text {
  color: #2563eb;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Inline Actions */
.card-actions-row {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 8px;
}

.action-link {
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  text-decoration: none;
}

.track-link {
  color: #2563eb;
}

/* Pagination */
.pagination-simple {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.p-btn {
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid #e2e8f0;
  background: white;
  border-radius: 6px;
  font-weight: 600;
}

.p-btn:disabled { opacity: 0.4; }

.p-info { font-size: 12px; color: #64748b; }

.text-right { text-align: right; }
.empty-msg { text-align: center; padding: 40px 0; color: #94a3b8; font-size: 14px; }
























.info-icon-charge {
  cursor: pointer;
}

.info-box-toggle {
  margin-top: 5px;
  padding: 8px 10px;
  background: #f7f7f7;
  border-radius: 6px;
  font-size: 13px;
  color: #444;
  line-height: 1.4;
}


.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    border-radius: 4px;
  }
  
  @keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
  }
  
  .opacity-60 {
    opacity: 0.6;
  }
  
  .pointer-events-none {
    pointer-events: none;
  }