/* Albert Sans - local woff2 */
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/albert-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/albert-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/albert-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/albert-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/albert-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/albert-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:700;font-display:swap;src:url(fonts/albert-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:700;font-display:swap;src:url(fonts/albert-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/albert-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/albert-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/albert-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/albert-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/albert-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/albert-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/albert-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/albert-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/albert-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/albert-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/albert-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/albert-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{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{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--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: rgb(59 130 246 / .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: rgb(59 130 246 / .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: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-0{bottom:-0px}.-bottom-1\/4{bottom:-25%}.-bottom-20{bottom:-5rem}.-bottom-28{bottom:-7rem}.-bottom-52{bottom:-13rem}.-bottom-\[25px\]{bottom:-25px}.-bottom-\[70px\]{bottom:-70px}.-bottom-\[9\.1rem\]{bottom:-9.1rem}.-bottom-full{bottom:-100%}.-left-1\/2{left:-50%}.-left-1\/4{left:-25%}.-left-2{left:-.5rem}.-left-5{left:-1.25rem}.-left-full{left:-100%}.-right-11{right:-2.75rem}.-right-20{right:-5rem}.-right-28{right:-7rem}.-right-80{right:-20rem}.-right-\[10px\]{right:-10px}.-right-\[13px\]{right:-13px}.-right-\[165px\]{right:-165px}.-right-\[23px\]{right:-23px}.-right-\[35px\]{right:-35px}.-right-\[60px\]{right:-60px}.-top-2{top:-.5rem}.-top-20{top:-5rem}.-top-28{top:-7rem}.-top-80{top:-20rem}.-top-\[35px\]{top:-35px}.-top-\[50px\]{top:-50px}.bottom-0{bottom:0}.bottom-1\/2{bottom:50%}.bottom-1\/4{bottom:25%}.bottom-10{bottom:2.5rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-\[2px\]{bottom:2px}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-16{left:4rem}.left-20{left:5rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-\[20\%\]{left:20%}.left-\[5\%\]{left:5%}.right-0{right:0}.right-10{right:2.5rem}.right-20{right:5rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-7{right:1.75rem}.right-8{right:2rem}.right-\[20\%\]{right:20%}.right-\[5\%\]{right:5%}.right-\[60px\]{right:60px}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-1\/4{top:25%}.top-10{top:2.5rem}.top-16{top:4rem}.top-2{top:.5rem}.top-20{top:5rem}.top-24{top:6rem}.top-32{top:8rem}.top-44{top:11rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-\[20\%\]{top:20%}.top-\[80\%\]{top:80%}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[99999\]{z-index:99999}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.m-auto{margin:auto}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.mx-\[15px\]{margin-left:15px;margin-right:15px}.mx-auto{margin-left:auto;margin-right:auto}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.-mb-1{margin-bottom:-.25rem}.-mb-\[204px\]{margin-bottom:-204px}.-mb-\[6rem\]{margin-bottom:-6rem}.-mb-\[70px\]{margin-bottom:-70px}.-ml-\[100px\]{margin-left:-100px}.-ml-\[18rem\]{margin-left:-18rem}.-ml-\[90px\]{margin-left:-90px}.-mr-3{margin-right:-.75rem}.-mt-0{margin-top:-0px}.-mt-1{margin-top:-.25rem}.-mt-10{margin-top:-2.5rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.-mt-5{margin-top:-1.25rem}.-mt-\[130px\]{margin-top:-130px}.-mt-\[42px\]{margin-top:-42px}.-mt-\[50px\]{margin-top:-50px}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[18px\]{margin-bottom:18px}.mb-\[22px\]{margin-bottom:22px}.mb-\[26px\]{margin-bottom:26px}.mb-\[30px\]{margin-bottom:30px}.mb-\[38px\]{margin-bottom:38px}.mb-\[50px\]{margin-bottom:50px}.mb-\[52px\]{margin-bottom:52px}.mb-\[60px\]{margin-bottom:60px}.mb-\[6px\]{margin-bottom:6px}.mb-\[90px\]{margin-bottom:90px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\[10px\]{margin-right:10px}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[108px\]{margin-top:108px}.mt-\[120px\]{margin-top:120px}.mt-\[14px\]{margin-top:14px}.mt-\[18px\]{margin-top:18px}.mt-\[40px\]{margin-top:40px}.mt-\[44px\]{margin-top:44px}.mt-\[46px\]{margin-top:46px}.mt-\[50px\]{margin-top:50px}.mt-\[52px\]{margin-top:52px}.mt-\[54px\]{margin-top:54px}.mt-\[56px\]{margin-top:56px}.mt-\[60px\]{margin-top:60px}.mt-\[62px\]{margin-top:62px}.mt-\[6px\]{margin-top:6px}.mt-\[70px\]{margin-top:70px}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.\!flex{display:flex!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-28{height:7rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[110px\]{height:110px}.h-\[140px\]{height:140px}.h-\[160px\]{height:160px}.h-\[18px\]{height:18px}.h-\[228px\]{height:228px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[35px\]{height:35px}.h-\[36px\]{height:36px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[46px\]{height:46px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[56px\]{height:56px}.h-\[58px\]{height:58px}.h-\[600px\]{height:600px}.h-\[60px\]{height:60px}.h-\[650px\]{height:650px}.h-\[65px\]{height:65px}.h-\[66px\]{height:66px}.h-\[70px\]{height:70px}.h-\[72px\]{height:72px}.h-\[750px\]{height:750px}.h-\[76px\]{height:76px}.h-\[80px\]{height:80px}.h-\[85px\]{height:85px}.h-\[88px\]{height:88px}.h-\[96px\]{height:96px}.h-\[inherit\]{height:inherit}.h-full{height:100%}.h-screen{height:100vh}.\!w-\[inherit\]{width:inherit!important}.\!w-full{width:100%!important}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-28{width:7rem}.w-4\/12{width:33.333333%}.w-4\/5{width:80%}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-9\/12{width:75%}.w-\[110px\]{width:110px}.w-\[18px\]{width:18px}.w-\[218px\]{width:218px}.w-\[240px\]{width:240px}.w-\[26px\]{width:26px}.w-\[30px\]{width:30px}.w-\[35px\]{width:35px}.w-\[36px\]{width:36px}.w-\[40px\]{width:40px}.w-\[45px\]{width:45px}.w-\[46px\]{width:46px}.w-\[50px\]{width:50px}.w-\[52px\]{width:52px}.w-\[56px\]{width:56px}.w-\[58px\]{width:58px}.w-\[65px\]{width:65px}.w-\[66px\]{width:66px}.w-\[70px\]{width:70px}.w-\[72px\]{width:72px}.w-\[76px\]{width:76px}.w-\[80px\]{width:80px}.w-\[85px\]{width:85px}.w-\[88px\]{width:88px}.w-\[96px\]{width:96px}.w-\[inherit\]{width:inherit}.w-full{width:100%}.max-w-\[inherit\]{max-width:inherit}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0\.5{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes dance2{0%{transform:translateZ(0)}50%{transform:translate3d(25px,-25px,0)}to{transform:translate3d(0,-25px,25px)}}.animate-dance2{animation:dance2 3s alternate infinite}@keyframes dance3{0%{transform:translate(0)}to{transform:translate(-35px)}}.animate-dance3{animation:dance3 2s alternate infinite}@keyframes movebtn{0%{transform:translateY(0)}50%{transform:translateY(20px)}}.animate-movebtn{animation:movebtn 3s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotate{animation:rotate 20s linear infinite}@keyframes rotational{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotational{animation:rotational 10s linear infinite}@keyframes zoomInOut{0%{transform:scale(.5)}to{transform:scale(1.2)}}.animate-zoomInOut{animation:zoomInOut 2s alternate infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-40{gap:10rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[100px\]{gap:100px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}.gap-\[30px\]{gap:30px}.gap-\[34px\]{gap:34px}.gap-\[60px\]{gap:60px}.gap-\[6px\]{gap:6px}.gap-\[70px\]{gap:70px}.gap-\[80px\]{gap:80px}.gap-\[92px\]{gap:92px}.gap-y-3{row-gap:.75rem}.gap-y-7{row-gap:1.75rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.\!rounded{border-radius:.25rem!important}.\!rounded-md{border-radius:.375rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-e-md{border-start-end-radius:.375rem;border-end-end-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-s-md{border-start-start-radius:.375rem;border-end-start-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-ee-\[30px\]{border-end-end-radius:30px}.rounded-ss-\[30px\]{border-start-start-radius:30px}.\!border{border-width:1px!important}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[10px\]{border-width:10px}.border-\[8px\]{border-width:8px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.border-b-\[5px\]{border-bottom-width:5px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-8,.border-l-\[8px\]{border-left-width:8px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-r-8{border-right-width:8px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-white{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.border-BorderColor-0{--tw-border-opacity: 1;border-color:rgb(36 63 56 / var(--tw-border-opacity))}.border-BorderColor2-0{--tw-border-opacity: 1;border-color:rgb(222 228 218 / var(--tw-border-opacity))}.border-BorderColor4-0{border-color:#ffffff1a}.border-PrimaryColor-0{--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity))}.border-SecondaryColor-0{--tw-border-opacity: 1;border-color:rgb(0 24 25 / var(--tw-border-opacity))}.border-\[\#94c933\]{--tw-border-opacity: 1;border-color:rgb(148 201 51 / var(--tw-border-opacity))}.border-\[\#D9DDEC\]{--tw-border-opacity: 1;border-color:rgb(217 221 236 / var(--tw-border-opacity))}.border-\[\#E1E4F0\]{--tw-border-opacity: 1;border-color:rgb(225 228 240 / var(--tw-border-opacity))}.border-\[\#bbdd7f\]{--tw-border-opacity: 1;border-color:rgb(187 221 127 / var(--tw-border-opacity))}.border-current{border-color:currentColor}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-b-BorderColor2-0{--tw-border-opacity: 1;border-bottom-color:rgb(222 228 218 / var(--tw-border-opacity))}.border-opacity-50{--tw-border-opacity: .5}.\!bg-HeadingColor-0{--tw-bg-opacity: 1 !important;background-color:rgb(0 24 25 / var(--tw-bg-opacity))!important}.\!bg-PrimaryColor-0{--tw-bg-opacity: 1 !important;background-color:rgb(121 185 0 / var(--tw-bg-opacity))!important}.\!bg-transparent{background-color:transparent!important}.bg-HeadingColor-0{--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity))}.bg-PrimaryColor-0{--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity))}.bg-SecondaryColor-0{--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity))}.bg-\[\#002526\]{--tw-bg-opacity: 1;background-color:rgb(0 37 38 / var(--tw-bg-opacity))}.bg-\[\#030804\]{--tw-bg-opacity: 1;background-color:rgb(3 8 4 / var(--tw-bg-opacity))}.bg-\[\#031f20\]{--tw-bg-opacity: 1;background-color:rgb(3 31 32 / var(--tw-bg-opacity))}.bg-\[\#0b2f21\]{--tw-bg-opacity: 1;background-color:rgb(11 47 33 / var(--tw-bg-opacity))}.bg-\[\#0b4ab1\]{--tw-bg-opacity: 1;background-color:rgb(11 74 177 / var(--tw-bg-opacity))}.bg-\[\#14292a\]{--tw-bg-opacity: 1;background-color:rgb(20 41 42 / var(--tw-bg-opacity))}.bg-\[\#1673ea\]{--tw-bg-opacity: 1;background-color:rgb(22 115 234 / var(--tw-bg-opacity))}.bg-\[\#355250\]{--tw-bg-opacity: 1;background-color:rgb(53 82 80 / var(--tw-bg-opacity))}.bg-\[\#38ceff\]{--tw-bg-opacity: 1;background-color:rgb(56 206 255 / var(--tw-bg-opacity))}.bg-\[\#78b9003b\]{background-color:#78b9003b}.bg-\[\#e6e7e9\]{--tw-bg-opacity: 1;background-color:rgb(230 231 233 / var(--tw-bg-opacity))}.bg-\[\#e92928\]{--tw-bg-opacity: 1;background-color:rgb(233 41 40 / var(--tw-bg-opacity))}.bg-\[\#e9ebea\]{--tw-bg-opacity: 1;background-color:rgb(233 235 234 / var(--tw-bg-opacity))}.bg-\[\#ebf5da\]{--tw-bg-opacity: 1;background-color:rgb(235 245 218 / var(--tw-bg-opacity))}.bg-\[\#f1f8e6\]{--tw-bg-opacity: 1;background-color:rgb(241 248 230 / var(--tw-bg-opacity))}.bg-\[\#f3f3f7\]{--tw-bg-opacity: 1;background-color:rgb(243 243 247 / var(--tw-bg-opacity))}.bg-\[\#f3f4f8\]{--tw-bg-opacity: 1;background-color:rgb(243 244 248 / var(--tw-bg-opacity))}.bg-\[\#f4f5f9\]{--tw-bg-opacity: 1;background-color:rgb(244 245 249 / var(--tw-bg-opacity))}.bg-\[\#f5f5f5\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.bg-\[\#f5f8ed\]{--tw-bg-opacity: 1;background-color:rgb(245 248 237 / var(--tw-bg-opacity))}.bg-\[\#f7f7f7\]{--tw-bg-opacity: 1;background-color:rgb(247 247 247 / var(--tw-bg-opacity))}.bg-\[\#fbfbfb\]{--tw-bg-opacity: 1;background-color:rgb(251 251 251 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-\[linear-gradient\(180deg\,_rgba\(245\,248\,237\,1\)_50\%\,_rgba\(255\,255\,255\,1\)_50\%\)\]{background-image:linear-gradient(180deg,#f5f8ed 50%,#fff 50%)}.bg-\[linear-gradient\(to_bottom\,_rgba\(121\,185\,0\,1\)_40\%\,_rgba\(255\,255\,255\,1\)_32\%\)\]{background-image:linear-gradient(to bottom,#79b900 40%,#fff 32%)}.bg-\[url\(\'\/images\/about-bg\.jpg\'\)\]{background-image:url(/echofy-images/about-bg.jpg)}.bg-\[url\(\'\/images\/address-bg\.png\'\)\]{background-image:url(/echofy-images/address-bg.png)}.bg-\[url\(\'\/images\/animal-video-bg\.jpg\'\)\]{background-image:url(/echofy-images/animal-video-bg.jpg)}.bg-\[url\(\'\/images\/banner-bg\.jpg\'\)\]{background-image:url(/echofy-images/banner-bg.jpg)}.bg-\[url\(\'\/images\/banner-bg2\.jpg\'\)\]{background-image:url(/echofy-images/banner-bg2.jpg)}.bg-\[url\(\'\/images\/benefits-bg\.png\'\)\]{background-image:url(/echofy-images/benefits-bg.png)}.bg-\[url\(\'\/images\/brand-bg\.jpg\'\)\]{background-image:url(/echofy-images/brand-bg.jpg)}.bg-\[url\(\'\/images\/breadcrumb-bg\.jpg\'\)\]{background-image:url(/echofy-images/breadcrumb-bg.jpg)}.bg-\[url\(\'\/images\/counter-bg\.png\'\)\]{background-image:url(/echofy-images/counter-bg.png)}.bg-\[url\(\'\/images\/donate-thumb-1\.png\'\)\]{background-image:url(/echofy-images/donate-thumb-1.png)}.bg-\[url\(\'\/images\/donate-thumb-2\.png\'\)\]{background-image:url(/echofy-images/donate-thumb-2.png)}.bg-\[url\(\'\/images\/faq-bg\.jpg\'\)\]{background-image:url(/echofy-images/faq-bg.jpg)}.bg-\[url\(\'\/images\/faqs-bg\.jpg\'\)\]{background-image:url(/echofy-images/faqs-bg.jpg)}.bg-\[url\(\'\/images\/footer-bg\.jpg\'\)\]{background-image:url(/echofy-images/footer-bg.jpg)}.bg-\[url\(\'\/images\/footer-social\.jpg\'\)\]{background-image:url(/echofy-images/footer-social.jpg)}.bg-\[url\(\'\/images\/footer4-bg\.jpg\'\)\]{background-image:url(/echofy-images/footer4-bg.jpg)}.bg-\[url\(\'\/images\/hero-bg-1\.jpg\'\)\]{background-image:url(/echofy-images/hero-bg-1.jpg)}.bg-\[url\(\'\/images\/hero-bg-2\.jpg\'\)\]{background-image:url(/echofy-images/hero-bg-2.jpg)}.bg-\[url\(\'\/images\/hero-bg\.jpg\'\)\]{background-image:url(/echofy-images/hero-bg.jpg)}.bg-\[url\(\'\/images\/hero2-bg\.png\'\)\]{background-image:url(/echofy-images/hero2-bg.png)}.bg-\[url\(\'\/images\/hero4-bg\.jpg\'\)\]{background-image:url(/echofy-images/hero4-bg.jpg)}.bg-\[url\(\'\/images\/project-bg\.jpg\'\)\]{background-image:url(/echofy-images/project-bg.jpg)}.bg-\[url\(\'\/images\/rating-bg\.jpg\'\)\]{background-image:url(/echofy-images/rating-bg.jpg)}.bg-\[url\(\'\/images\/service-bg\.jpg\'\)\]{background-image:url(/echofy-images/service-bg.jpg)}.bg-\[url\(\'\/images\/sidebar-bg\.jpg\'\)\]{background-image:url(/echofy-images/sidebar-bg.jpg)}.bg-\[url\(\'\/images\/team-bg\.jpg\'\)\]{background-image:url(/echofy-images/team-bg.jpg)}.bg-\[url\(\'\/images\/team-bg\.png\'\)\]{background-image:url(/echofy-images/team-bg.png)}.bg-\[url\(\'\/images\/testimonial-bg2\.jpg\'\)\]{background-image:url(/echofy-images/testimonial-bg2.jpg)}.bg-\[url\(\'\/images\/video-bg\.png\'\)\]{background-image:url(/echofy-images/video-bg.png)}.bg-\[url\(\'\/images\/why-choose-bg\.png\'\)\]{background-image:url(/echofy-images/why-choose-bg.png)}.bg-\[url\(\'\/images\/why-choose-us-bg\.jpg\'\)\]{background-image:url(/echofy-images/why-choose-us-bg.jpg)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-left{background-position:left}.bg-right{background-position:right}.bg-no-repeat{background-repeat:no-repeat}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[6px\]{padding:6px}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!px-7{padding-left:1.75rem!important;padding-right:1.75rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.px-\[10\%\]{padding-left:10%;padding-right:10%}.px-\[130px\]{padding-left:130px;padding-right:130px}.px-\[22px\]{padding-left:22px;padding-right:22px}.px-\[30px\]{padding-left:30px;padding-right:30px}.px-\[42px\]{padding-left:42px;padding-right:42px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[102px\]{padding-top:102px;padding-bottom:102px}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[120px\]{padding-top:120px;padding-bottom:120px}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[50px\]{padding-top:50px;padding-bottom:50px}.py-\[56px\]{padding-top:56px;padding-bottom:56px}.py-\[60px\]{padding-top:60px;padding-bottom:60px}.py-\[70px\]{padding-top:70px;padding-bottom:70px}.py-\[85px\]{padding-top:85px;padding-bottom:85px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[10px\]{padding-bottom:10px}.pb-\[120px\]{padding-bottom:120px}.pb-\[26px\]{padding-bottom:26px}.pb-\[72px\]{padding-bottom:72px}.pb-\[76px\]{padding-bottom:76px}.pb-\[80px\]{padding-bottom:80px}.pb-\[95px\]{padding-bottom:95px}.pl-10{padding-left:2.5rem}.pl-16{padding-left:4rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-\[18px\]{padding-left:18px}.pl-\[6px\]{padding-left:6px}.pl-\[80px\]{padding-left:80px}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-36{padding-top:9rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-\[120px\]{padding-top:120px}.pt-\[126px\]{padding-top:126px}.pt-\[144px\]{padding-top:144px}.pt-\[160px\]{padding-top:160px}.pt-\[22px\]{padding-top:22px}.pt-\[244px\]{padding-top:244px}.pt-\[26px\]{padding-top:26px}.pt-\[30px\]{padding-top:30px}.pt-\[320px\]{padding-top:320px}.pt-\[47px\]{padding-top:47px}.pt-\[48px\]{padding-top:48px}.pt-\[50px\]{padding-top:50px}.pt-\[70px\]{padding-top:70px}.pt-\[80px\]{padding-top:80px}.pt-\[88px\]{padding-top:88px}.pt-\[90px\]{padding-top:90px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-AlbertSans{font-family:Albert Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[150px\]{font-size:150px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[46px\]{font-size:46px}.text-\[50px\]{font-size:50px}.text-\[70px\]{font-size:70px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\!leading-5{line-height:1.25rem!important}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[15px\]{line-height:15px}.leading-\[26px\]{line-height:26px}.leading-\[36px\]{line-height:36px}.leading-\[38px\]{line-height:38px}.tracking-widest{letter-spacing:.1em}.\!text-PrimaryColor-0{--tw-text-opacity: 1 !important;color:rgb(121 185 0 / var(--tw-text-opacity))!important}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.text-HeadingColor-0{--tw-text-opacity: 1;color:rgb(0 24 25 / var(--tw-text-opacity))}.text-PrimaryColor-0{--tw-text-opacity: 1;color:rgb(121 185 0 / var(--tw-text-opacity))}.text-SecondaryColor-0{--tw-text-opacity: 1;color:rgb(0 24 25 / var(--tw-text-opacity))}.text-TextColor-0{--tw-text-opacity: 1;color:rgb(134 134 129 / var(--tw-text-opacity))}.text-TextColor2-0{--tw-text-opacity: 1;color:rgb(186 186 186 / var(--tw-text-opacity))}.text-\[\#7d7f8c\]{--tw-text-opacity: 1;color:rgb(125 127 140 / var(--tw-text-opacity))}.text-\[\#dedede\]{--tw-text-opacity: 1;color:rgb(222 222 222 / var(--tw-text-opacity))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-cases{--tw-shadow: 0px 10px 15px rgba(187, 187, 187, .2);--tw-shadow-colored: 0px 10px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-shade{--tw-shadow: 0px 0px 20px rgba(187, 187, 187, .2);--tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-shadow{--tw-shadow: 0px 30px 50px rgba(152,178,240,.5);--tw-shadow-colored: 0px 30px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-0{outline-width:0px}.brightness-0{--tw-brightness: brightness(0);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)}.brightness-100{--tw-brightness: brightness(1);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)}.invert-0{--tw-invert: invert(0);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)}.invert-\[1\]{--tw-invert: invert(1);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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;box-sizing:border-box}html,body{overflow-x:hidden}.Container{margin-left:auto;margin-right:auto;width:100%;padding-left:.5rem;padding-right:.5rem}@media (min-width: 576px){.Container{width:540px}}@media (min-width: 768px){.Container{width:720px;padding-left:.75rem;padding-right:.75rem}}@media (min-width: 992px){.Container{width:960px;padding-left:1rem;padding-right:1rem}}@media (min-width: 1200px){.Container{width:1140px;padding-left:1.25rem;padding-right:1.25rem}}@media (min-width: 1400px){.Container{width:1320px}}.header-btn{position:relative;z-index:10;display:inline-block;overflow:hidden;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity));padding:12px 30px;font-family:Albert Sans,sans-serif;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.header-btn:before{position:absolute;top:0;right:0;z-index:-10;height:100%;width:0px;--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);content:var(--tw-content);transition-duration:.5s}.header-btn:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.header-btn:hover:before{left:0;content:var(--tw-content);width:100%}.primary-btn{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;overflow:hidden;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity));padding-left:2.5rem;padding-right:2.5rem;padding-top:14px;padding-bottom:14px;font-family:Albert Sans,sans-serif;font-size:17px;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.primary-btn:before{position:absolute;top:0;right:0;z-index:-10;height:100%;width:0px;--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);content:var(--tw-content);transition-duration:.5s}.primary-btn:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.primary-btn:hover:before{left:0;content:var(--tw-content);width:100%}.primary-btn2{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;overflow:hidden;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity));padding:1rem 2.5rem;font-family:Albert Sans,sans-serif;font-size:17px;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.primary-btn2:before{position:absolute;top:0;right:0;z-index:-10;height:100%;width:0px;--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);content:var(--tw-content);transition-duration:.5s}.primary-btn2:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.primary-btn2:hover:before{left:0;content:var(--tw-content);width:100%}.primary-btn3{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity));padding:17px 36px;font-family:Albert Sans,sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.primary-btn3:before{position:absolute;top:0;right:0;z-index:-10;height:100%;width:0px;--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);content:var(--tw-content);transition-duration:.5s}.primary-btn3:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.primary-btn3:hover:before{left:0;content:var(--tw-content);width:100%}.is-sticky{position:fixed;top:0;left:0;z-index:99999;width:100%}.is-sticky{animation:.5s ease-in-out 0s normal none 1 running headerSlideDown;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.header-section4.is-sticky{position:fixed;top:0;left:0;z-index:99999;width:100%}@keyframes headerSlideDown{0%{margin:-150px 0 0}to{margin:0}}.header-section4.is-sticky{animation:.5s ease-in-out 0s normal none 1 running headerSlideDown;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.progress-bar-rect-wrap-container{position:relative;z-index:999}.rect-progress-bar-percent{position:absolute;left:88%;top:-28px;margin:0!important;font-family:Albert Sans,sans-serif;font-weight:500;line-height:10px;--tw-text-opacity: 1 !important;color:rgb(27 52 52 / var(--tw-text-opacity))!important}.skill2 .rect-progress-bar-percent{position:absolute;left:78%;top:-28px;margin:0!important;font-family:Albert Sans,sans-serif;font-weight:500;line-height:10px;--tw-text-opacity: 1 !important;color:rgb(27 52 52 / var(--tw-text-opacity))!important}.rect-progress-bar-percent{margin:0!important;line-height:10px}.react-tabs__tab--selected:before{width:20px!important}.swiper-slide:hover .project-thumb-title,.swiper-slide.swiper-slide-active .project-thumb-title{left:25px;opacity:1}.swiper-slide:hover .project-content,.swiper-slide.swiper-slide-active .project-content,.swiper-slide:hover .project-content3,.swiper-slide.swiper-slide-active .project-content3{bottom:0}.service .swiper-pagination,.testimonial .swiper-pagination,.project .swiper-pagination{bottom:6px!important;top:inherit!important;left:50%!important;flex-direction:row!important;justify-content:center}.faq-button[aria-expanded=true]{background:#79b900;border-radius:6px 6px 0 0}.faq-button:hover img,.faq-button[aria-expanded=true] img{filter:brightness(0) invert(1)}.faq2-button[aria-expanded=true]{border-color:transparent!important}.benefits .rect-progress-bar-percent{color:#fff!important;font-weight:400}.counter-stroke{-webkit-text-stroke:1px #000000}.animal-box.active:before{height:100%}.animal-box.active .animal-btn{transform:translateY(-50%) translate(-50%) scale(1)}.placeholder\:text-TextColor-0::-moz-placeholder{--tw-text-opacity: 1;color:rgb(134 134 129 / var(--tw-text-opacity))}.placeholder\:text-TextColor-0::placeholder{--tw-text-opacity: 1;color:rgb(134 134 129 / var(--tw-text-opacity))}.placeholder\:text-white::-moz-placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder\:text-white::placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-left-12:before{content:var(--tw-content);left:-3rem}.before\:-left-4:before{content:var(--tw-content);left:-1rem}.before\:-left-\[10px\]:before{content:var(--tw-content);left:-10px}.before\:-right-\[82px\]:before{content:var(--tw-content);right:-82px}.before\:-top-1:before{content:var(--tw-content);top:-.25rem}.before\:-top-2:before{content:var(--tw-content);top:-.5rem}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1:before{content:var(--tw-content);left:.25rem}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:left-2:before{content:var(--tw-content);left:.5rem}.before\:left-\[5px\]:before{content:var(--tw-content);left:5px}.before\:right-0:before{content:var(--tw-content);right:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:top-2:before{content:var(--tw-content);top:.5rem}.before\:top-4:before{content:var(--tw-content);top:1rem}.before\:-z-10:before{content:var(--tw-content);z-index:-10}.before\:-z-\[1\]:before{content:var(--tw-content);z-index:-1}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:h-0:before{content:var(--tw-content);height:0px}.before\:h-1:before{content:var(--tw-content);height:.25rem}.before\:h-1\/2:before{content:var(--tw-content);height:50%}.before\:h-2:before{content:var(--tw-content);height:.5rem}.before\:h-2\/3:before{content:var(--tw-content);height:66.666667%}.before\:h-3:before{content:var(--tw-content);height:.75rem}.before\:h-\[10px\]:before{content:var(--tw-content);height:10px}.before\:h-\[1px\]:before{content:var(--tw-content);height:1px}.before\:h-\[200px\]:before{content:var(--tw-content);height:200px}.before\:h-\[2px\]:before{content:var(--tw-content);height:2px}.before\:h-\[5px\]:before{content:var(--tw-content);height:5px}.before\:h-\[85\%\]:before{content:var(--tw-content);height:85%}.before\:h-\[90px\]:before{content:var(--tw-content);height:90px}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-0:before{content:var(--tw-content);width:0px}.before\:w-10:before{content:var(--tw-content);width:2.5rem}.before\:w-14:before{content:var(--tw-content);width:3.5rem}.before\:w-16:before{content:var(--tw-content);width:4rem}.before\:w-2:before{content:var(--tw-content);width:.5rem}.before\:w-2\/3:before{content:var(--tw-content);width:66.666667%}.before\:w-2\/4:before{content:var(--tw-content);width:50%}.before\:w-6:before{content:var(--tw-content);width:1.5rem}.before\:w-7:before{content:var(--tw-content);width:1.75rem}.before\:w-8:before{content:var(--tw-content);width:2rem}.before\:w-\[10px\]:before{content:var(--tw-content);width:10px}.before\:w-\[200px\]:before{content:var(--tw-content);width:200px}.before\:w-\[22px\]:before{content:var(--tw-content);width:22px}.before\:w-\[2px\]:before{content:var(--tw-content);width:2px}.before\:w-\[5px\]:before{content:var(--tw-content);width:5px}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:scale-0:before{content:var(--tw-content);--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:animate-ping:before{content:var(--tw-content);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes rotate{0%{content:var(--tw-content);transform:rotate(0)}to{content:var(--tw-content);transform:rotate(360deg)}}.before\:animate-rotate:before{content:var(--tw-content);animation:rotate 20s linear infinite}.before\:animate-rotational:before{content:var(--tw-content);animation:rotational 10s linear infinite}.before\:rounded:before{content:var(--tw-content);border-radius:.25rem}.before\:rounded-2xl:before{content:var(--tw-content);border-radius:1rem}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:rounded-md:before{content:var(--tw-content);border-radius:.375rem}.before\:rounded-xl:before{content:var(--tw-content);border-radius:.75rem}.before\:rounded-e:before{content:var(--tw-content);border-start-end-radius:.25rem;border-end-end-radius:.25rem}.before\:rounded-t-md:before{content:var(--tw-content);border-top-left-radius:.375rem;border-top-right-radius:.375rem}.before\:rounded-es:before{content:var(--tw-content);border-end-start-radius:.25rem}.before\:border:before{content:var(--tw-content);border-width:1px}.before\:border-\[2px\]:before{content:var(--tw-content);border-width:2px}.before\:border-dashed:before{content:var(--tw-content);border-style:dashed}.before\:border-PrimaryColor-0:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity))}.before\:border-white:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.before\:bg-HeadingColor-0:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity))}.before\:bg-PrimaryColor-0:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity))}.before\:bg-SecondaryColor-0:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity))}.before\:bg-\[\#041e15\]:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(4 30 21 / var(--tw-bg-opacity))}.before\:bg-\[\#355250\]:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(53 82 80 / var(--tw-bg-opacity))}.before\:bg-\[\#657977\]:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(101 121 119 / var(--tw-bg-opacity))}.before\:bg-\[\#f5f8ed\]:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(245 248 237 / var(--tw-bg-opacity))}.before\:bg-\[inherit\]:before{content:var(--tw-content);background-color:inherit}.before\:bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.before\:bg-opacity-40:before{content:var(--tw-content);--tw-bg-opacity: .4}.before\:bg-\[url\(\'\/images\/animal-1\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/animal-1.png)}.before\:bg-\[url\(\'\/images\/animal-2\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/animal-2.png)}.before\:bg-\[url\(\'\/images\/animal-3\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/animal-3.png)}.before\:bg-\[url\(\'\/images\/animal-4\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/animal-4.png)}.before\:bg-\[url\(\'\/images\/animal-5\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/animal-5.png)}.before\:bg-\[url\(\'\/images\/animal-6\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/animal-6.png)}.before\:bg-\[url\(\'\/images\/map\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/map.png)}.before\:bg-\[url\(\'\/images\/project-bg\.jpg\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/project-bg.jpg)}.before\:bg-\[url\(\'\/images\/service2-bg\.jpg\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/service2-bg.jpg)}.before\:bg-\[url\(\'\/images\/testi4-shape-1\.png\'\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/testi4-shape-1.png)}.before\:bg-\[url\(\/images\/cleaning-shapes2\.png\)\]:before{content:var(--tw-content);background-image:url(/echofy-images/cleaning-shapes2.png)}.before\:bg-cover:before{content:var(--tw-content);background-size:cover}.before\:bg-center:before{content:var(--tw-content);background-position:center}.before\:bg-no-repeat:before{content:var(--tw-content);background-repeat:no-repeat}.before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:opacity-50:before{content:var(--tw-content);opacity:.5}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-\[42px\]:after{content:var(--tw-content);bottom:-42px}.after\:-left-0:after{content:var(--tw-content);left:-0px}.after\:-left-2:after{content:var(--tw-content);left:-.5rem}.after\:-left-\[11px\]:after{content:var(--tw-content);left:-11px}.after\:-left-\[20px\]:after{content:var(--tw-content);left:-20px}.after\:-right-12:after{content:var(--tw-content);right:-3rem}.after\:-top-\[11px\]:after{content:var(--tw-content);top:-11px}.after\:-top-\[20px\]:after{content:var(--tw-content);top:-20px}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-\[0\]:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:top-2:after{content:var(--tw-content);top:.5rem}.after\:top-\[0\]:after{content:var(--tw-content);top:0}.after\:top-\[6px\]:after{content:var(--tw-content);top:6px}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:z-10:after{content:var(--tw-content);z-index:10}.after\:h-0:after{content:var(--tw-content);height:0px}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:h-\[102px\]:after{content:var(--tw-content);height:102px}.after\:h-\[120px\]:after{content:var(--tw-content);height:120px}.after\:h-\[18px\]:after{content:var(--tw-content);height:18px}.after\:h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:h-\[50px\]:after{content:var(--tw-content);height:50px}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-10:after{content:var(--tw-content);width:2.5rem}.after\:w-6:after{content:var(--tw-content);width:1.5rem}.after\:w-\[102px\]:after{content:var(--tw-content);width:102px}.after\:w-\[120px\]:after{content:var(--tw-content);width:120px}.after\:w-\[18px\]:after{content:var(--tw-content);width:18px}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:w-\[42px\]:after{content:var(--tw-content);width:42px}.after\:w-\[5px\]:after{content:var(--tw-content);width:5px}.after\:w-\[99\%\]:after{content:var(--tw-content);width:99%}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:scale-0:after{content:var(--tw-content);--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{content:var(--tw-content);transform:scale(2);opacity:0}}.after\:animate-ping:after{content:var(--tw-content);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes rotational{0%{content:var(--tw-content);transform:rotate(0)}to{content:var(--tw-content);transform:rotate(360deg)}}.after\:animate-rotational:after{content:var(--tw-content);animation:rotational 10s linear infinite}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:rounded-md:after{content:var(--tw-content);border-radius:.375rem}.after\:rounded-es:after{content:var(--tw-content);border-end-start-radius:.25rem}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-2:after{content:var(--tw-content);border-width:2px}.after\:border-\[21px\]:after{content:var(--tw-content);border-width:21px}.after\:border-dashed:after{content:var(--tw-content);border-style:dashed}.after\:border-PrimaryColor-0:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity))}.after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.after\:border-b-transparent:after{content:var(--tw-content);border-bottom-color:transparent}.after\:border-l-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-left-color:rgb(255 255 255 / var(--tw-border-opacity))}.after\:border-r-transparent:after{content:var(--tw-content);border-right-color:transparent}.after\:border-t-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}.after\:bg-PrimaryColor-0:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity))}.after\:bg-\[\#f1f8e6\]:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(241 248 230 / var(--tw-bg-opacity))}.after\:bg-\[inherit\]:after{content:var(--tw-content);background-color:inherit}.after\:bg-transparent:after{content:var(--tw-content);background-color:transparent}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:bg-\[url\(\/images\/cleaning-shapes2\.png\)\]:after{content:var(--tw-content);background-image:url(/echofy-images/cleaning-shapes2.png)}.after\:bg-gradient-to-t:after{content:var(--tw-content);background-image:linear-gradient(to top,var(--tw-gradient-stops))}.after\:from-PrimaryColor-0:after{content:var(--tw-content);--tw-gradient-from: #79b900 var(--tw-gradient-from-position);--tw-gradient-to: rgb(121 185 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.after\:bg-no-repeat:after{content:var(--tw-content);background-repeat:no-repeat}.after\:opacity-50:after{content:var(--tw-content);opacity:.5}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.hover\:ml-3:hover{margin-left:.75rem}.hover\:animate-none:hover{animation:none}.hover\:gap-1:hover{gap:.25rem}.hover\:border-solid:hover{border-style:solid}.hover\:border-PrimaryColor-0:hover{--tw-border-opacity: 1;border-color:rgb(121 185 0 / var(--tw-border-opacity))}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-b-BorderColor2-0:hover{--tw-border-opacity: 1;border-bottom-color:rgb(222 228 218 / var(--tw-border-opacity))}.hover\:bg-PrimaryColor-0:hover{--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity))}.hover\:bg-SecondaryColor-0:hover{--tw-bg-opacity: 1;background-color:rgb(0 24 25 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:\!text-SecondaryColor-0:hover{--tw-text-opacity: 1 !important;color:rgb(0 24 25 / var(--tw-text-opacity))!important}.hover\:\!text-white:hover{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.hover\:text-PrimaryColor-0:hover{--tw-text-opacity: 1;color:rgb(121 185 0 / var(--tw-text-opacity))}.hover\:text-SecondaryColor-0:hover{--tw-text-opacity: 1;color:rgb(0 24 25 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-cases:hover{--tw-shadow: 0px 10px 15px rgba(187, 187, 187, .2);--tw-shadow-colored: 0px 10px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:hue-rotate-\[360deg\]:hover{--tw-hue-rotate: hue-rotate(360deg);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)}.hover\:before\:left-0:hover:before{content:var(--tw-content);left:0}.hover\:before\:left-1\/2:hover:before{content:var(--tw-content);left:50%}.hover\:before\:top-0:hover:before{content:var(--tw-content);top:0}.hover\:before\:h-full:hover:before{content:var(--tw-content);height:100%}.hover\:before\:w-0:hover:before{content:var(--tw-content);width:0px}.hover\:before\:w-full:hover:before{content:var(--tw-content);width:100%}.hover\:before\:scale-100:hover:before{content:var(--tw-content);--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:before\:opacity-100:hover:before{content:var(--tw-content);opacity:1}.hover\:after\:h-full:hover:after{content:var(--tw-content);height:100%}.hover\:after\:scale-100:hover:after{content:var(--tw-content);--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:text-PrimaryColor-0:active{--tw-text-opacity: 1;color:rgb(121 185 0 / var(--tw-text-opacity))}.group:hover .group-hover\:-bottom-\[14px\]{bottom:-14px}.group:hover .group-hover\:-right-2{right:-.5rem}.group:hover .group-hover\:-right-\[190px\]{right:-190px}.group:hover .group-hover\:-top-\[180px\]{top:-180px}.group:hover .group-hover\:bottom-6{bottom:1.5rem}.group:hover .group-hover\:bottom-8{bottom:2rem}.group:hover .group-hover\:left-0{left:0}.group:hover .group-hover\:left-5{left:1.25rem}.group:hover .group-hover\:top-1\/2{top:50%}.group:hover .group-hover\:-mt-\[86px\]{margin-top:-86px}.group:hover .group-hover\:ml-0{margin-left:0}.group:hover .group-hover\:mt-0{margin-top:0}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:w-\[176px\]{width:176px}.group:hover .group-hover\:-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-BorderColor-0{--tw-border-opacity: 1;border-color:rgb(36 63 56 / var(--tw-border-opacity))}.group:hover .group-hover\:border-SecondaryColor-0{--tw-border-opacity: 1;border-color:rgb(0 24 25 / var(--tw-border-opacity))}.group:hover .group-hover\:border-transparent{border-color:transparent}.group:hover .group-hover\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.group:hover .group-hover\:bg-PrimaryColor-0{--tw-bg-opacity: 1;background-color:rgb(121 185 0 / var(--tw-bg-opacity))}.group:hover .group-hover\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.group:hover .group-hover\:pb-\[320px\]{padding-bottom:320px}.group:hover .group-hover\:text-PrimaryColor-0{--tw-text-opacity: 1;color:rgb(121 185 0 / var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:blur-\[2px\]{--tw-blur: blur(2px);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)}.group:hover .group-hover\:brightness-0{--tw-brightness: brightness(0);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)}.group:hover .group-hover\:invert-\[1\]{--tw-invert: invert(1);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)}.group:hover .group-hover\:invert-\[inherit\]{--tw-invert: invert(inherit);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)}.group:hover .group-hover\:before\:left-0:before{content:var(--tw-content);left:0}.group:hover .group-hover\:before\:top-0:before{content:var(--tw-content);top:0}.group:hover .group-hover\:before\:h-full:before{content:var(--tw-content);height:100%}.group:hover .group-hover\:before\:w-full:before{content:var(--tw-content);width:100%}.group:hover .group-hover\:before\:scale-100:before{content:var(--tw-content);--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:before\:opacity-0:before{content:var(--tw-content);opacity:0}.group:hover .group-hover\:after\:h-5\/6:after{content:var(--tw-content);height:83.333333%}@media (min-width: 576px){.sm\:right-10{right:2.5rem}.sm\:top-10{top:2.5rem}.sm\:-mt-3{margin-top:-.75rem}.sm\:-mt-4{margin-top:-1rem}.sm\:-mt-5{margin-top:-1.25rem}.sm\:-mt-\[70px\]{margin-top:-70px}.sm\:mr-8{margin-right:2rem}.sm\:mt-5{margin-top:1.25rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-\[530px\]{height:530px}.sm\:h-\[680px\]{height:680px}.sm\:h-\[700px\]{height:700px}.sm\:h-\[730px\]{height:730px}.sm\:w-2\/3{width:66.666667%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0px}.sm\:gap-4{gap:1rem}.sm\:gap-7{gap:1.75rem}.sm\:gap-y-0{row-gap:0px}.sm\:border-r-2{border-right-width:2px}.sm\:bg-\[linear-gradient\(to_bottom\,_rgba\(121\,185\,0\,1\)_41\.5\%\,_rgba\(255\,255\,255\,1\)_32\%\)\]{background-image:linear-gradient(to bottom,#79b900 41.5%,#fff 32%)}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:\!px-\[36px\]{padding-left:36px!important;padding-right:36px!important}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-11{padding-left:2.75rem;padding-right:2.75rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:px-\[30px\]{padding-left:30px;padding-right:30px}.sm\:px-\[60px\]{padding-left:60px;padding-right:60px}.sm\:px-\[62px\]{padding-left:62px;padding-right:62px}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:pl-10{padding-left:2.5rem}.sm\:pl-8{padding-left:2rem}.sm\:pt-\[180px\]{padding-top:180px}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-9xl{font-size:8rem;line-height:1}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[38px\]{font-size:38px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[46px\]{font-size:46px}.sm\:text-\[56px\]{font-size:56px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:leading-\[26px\]{line-height:26px}.sm\:leading-\[44px\]{line-height:44px}.sm\:leading-\[46px\]{line-height:46px}.sm\:leading-\[48px\]{line-height:48px}.sm\:leading-\[56px\]{line-height:56px}.sm\:leading-\[60px\]{line-height:60px}.sm\:before\:-left-\[38px\]:before{content:var(--tw-content);left:-38px}.sm\:after\:-left-\[28px\]:after{content:var(--tw-content);left:-28px}.group:hover .sm\:group-hover\:pb-\[200px\]{padding-bottom:200px}}@media (min-width: 768px){.md\:-left-\[23\%\]{left:-23%}.md\:left-1\/3{left:33.333333%}.md\:right-0{right:0}.md\:right-\[132px\]{right:132px}.md\:top-\[50\%\]{top:50%}.md\:col-span-6{grid-column:span 6 / span 6}.md\:-mb-\[11\.2rem\]{margin-bottom:-11.2rem}.md\:-mb-\[6\.2rem\]{margin-bottom:-6.2rem}.md\:-mt-6{margin-top:-1.5rem}.md\:-mt-7{margin-top:-1.75rem}.md\:ml-16{margin-left:4rem}.md\:mr-0{margin-right:0}.md\:mt-2{margin-top:.5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[650px\]{height:650px}.md\:h-\[750px\]{height:750px}.md\:h-\[800px\]{height:800px}.md\:w-\[inherit\]{width:inherit}.md\:w-full{width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-0{gap:0px}.md\:gap-16{gap:4rem}.md\:gap-4{gap:1rem}.md\:gap-40{gap:10rem}.md\:bg-\[linear-gradient\(to_top\,_rgba\(255\,255\,255\,1\)_52\.5\%\,_rgba\(121\,185\,0\,1\)_48\.5\%\)\]{background-image:linear-gradient(to top,#fff 52.5%,#79b900 48.5%)}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-\[80px\]{padding-bottom:80px}.md\:pl-7{padding-left:1.75rem}.md\:pl-\[74px\]{padding-left:74px}.md\:pl-\[90px\]{padding-left:90px}.md\:pr-6{padding-right:1.5rem}.md\:text-\[40px\]{font-size:40px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[46px\]{font-size:46px}.md\:text-\[66px\]{font-size:66px}.md\:text-\[70px\]{font-size:70px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[54px\]{line-height:54px}.md\:leading-\[80px\]{line-height:80px}.md\:text-\[68x\]{color:68x}.group:hover .md\:group-hover\:pb-\[160px\]{padding-bottom:160px}}@media (min-width: 992px){.lg\:-left-\[35\%\]{left:-35%}.lg\:-right-\[27rem\]{right:-27rem}.lg\:bottom-12{bottom:3rem}.lg\:left-10{left:2.5rem}.lg\:left-16{left:4rem}.lg\:right-0{right:0}.lg\:right-3{right:.75rem}.lg\:right-\[30px\]{right:30px}.lg\:top-10{top:2.5rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:my-2{margin-top:.5rem;margin-bottom:.5rem}.lg\:-mb-\[100px\]{margin-bottom:-100px}.lg\:-mb-\[90px\]{margin-bottom:-90px}.lg\:-ml-\[30em\]{margin-left:-30em}.lg\:-mt-5{margin-top:-1.25rem}.lg\:mb-0{margin-bottom:0}.lg\:mt-2{margin-top:.5rem}.lg\:mt-\[50px\]{margin-top:50px}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[100px\]{height:100px}.lg\:h-\[660px\]{height:660px}.lg\:h-\[700px\]{height:700px}.lg\:h-\[760px\]{height:760px}.lg\:h-\[90px\]{height:90px}.lg\:h-\[950px\]{height:950px}.lg\:h-\[960px\]{height:960px}.lg\:w-3\/5{width:60%}.lg\:w-52{width:13rem}.lg\:w-8\/12{width:66.666667%}.lg\:w-\[inherit\]{width:inherit}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:w-full{width:100%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-0{gap:0px}.lg\:gap-28{gap:7rem}.lg\:gap-4{gap:1rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-8{gap:2rem}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.lg\:border-b-0{border-bottom-width:0px}.lg\:bg-transparent{background-color:transparent}.lg\:bg-\[linear-gradient\(to_right\,_rgba\(121\,185\,0\,1\)_50\%\,_rgba\(255\,255\,255\,1\)_50\%\)\]{background-image:linear-gradient(to right,#79b900 50%,#fff 50%)}.lg\:bg-center{background-position:center}.lg\:p-6{padding:1.5rem}.lg\:px-1{padding-left:.25rem;padding-right:.25rem}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-\[15px\]{padding-left:15px;padding-right:15px}.lg\:px-\[2\%\]{padding-left:2%;padding-right:2%}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0{padding-left:0}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pl-\[218px\]{padding-left:218px}.lg\:pr-4{padding-right:1rem}.lg\:pt-8{padding-top:2rem}.lg\:pt-\[160px\]{padding-top:160px}.lg\:pt-\[90px\]{padding-top:90px}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-\[19px\]{font-size:19px}.lg\:text-\[22px\]{font-size:22px}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[30px\]{font-size:30px}.lg\:text-\[32px\]{font-size:32px}.lg\:text-\[50px\]{font-size:50px}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:leading-\[42px\]{line-height:42px}}@media (min-width: 1200px){.xl\:-left-\[16\%\]{left:-16%}.xl\:-left-\[32\%\]{left:-32%}.xl\:-left-\[55\%\]{left:-55%}.xl\:-right-\[18rem\]{right:-18rem}.xl\:-right-\[30px\]{right:-30px}.xl\:bottom-16{bottom:4rem}.xl\:right-10{right:2.5rem}.xl\:-ml-\[25rem\]{margin-left:-25rem}.xl\:ml-\[45px\]{margin-left:45px}.xl\:mr-10{margin-right:2.5rem}.xl\:mr-\[45px\]{margin-right:45px}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:h-\[802px\]{height:802px}.xl\:h-\[872px\]{height:872px}.xl\:h-\[950px\]{height:950px}.xl\:h-\[952px\]{height:952px}.xl\:h-\[960px\]{height:960px}.xl\:w-9\/12{width:75%}.xl\:w-\[inherit\]{width:inherit}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:gap-0{gap:0px}.xl\:gap-10{gap:2.5rem}.xl\:gap-20{gap:5rem}.xl\:gap-24{gap:6rem}.xl\:gap-5{gap:1.25rem}.xl\:gap-7{gap:1.75rem}.xl\:gap-8{gap:2rem}.xl\:gap-\[18px\]{gap:18px}.xl\:gap-\[26px\]{gap:26px}.xl\:gap-\[52px\]{gap:52px}.xl\:gap-\[60px\]{gap:60px}.xl\:p-8{padding:2rem}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.xl\:px-3{padding-left:.75rem;padding-right:.75rem}.xl\:px-5{padding-left:1.25rem;padding-right:1.25rem}.xl\:px-7{padding-left:1.75rem;padding-right:1.75rem}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[30px\]{padding-left:30px;padding-right:30px}.xl\:pl-7{padding-left:1.75rem}.xl\:pl-8{padding-left:2rem}.xl\:pl-\[66px\]{padding-left:66px}.xl\:pr-6{padding-right:1.5rem}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-\[22px\]{font-size:22px}.xl\:text-\[26px\]{font-size:26px}.xl\:text-\[35px\]{font-size:35px}.xl\:text-\[38px\]{font-size:38px}.xl\:text-\[40px\]{font-size:40px}.xl\:text-\[44px\]{font-size:44px}.xl\:text-\[60px\]{font-size:60px}.xl\:text-\[65px\]{font-size:65px}.xl\:text-\[74px\]{font-size:74px}.xl\:text-\[76px\]{font-size:76px}.xl\:text-base{font-size:1rem;line-height:1.5rem}.xl\:text-lg{font-size:1.125rem;line-height:1.75rem}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:leading-\[45px\]{line-height:45px}.xl\:leading-\[48px\]{line-height:48px}.xl\:leading-\[50px\]{line-height:50px}.xl\:leading-\[54px\]{line-height:54px}.xl\:leading-\[72px\]{line-height:72px}.xl\:leading-\[82px\]{line-height:82px}.xl\:leading-\[90px\]{line-height:90px}}@media (min-width: 1400px){.\32xl\:-left-\[23\%\]{left:-23%}.\32xl\:-left-\[50\%\]{left:-50%}.\32xl\:-left-\[80\%\]{left:-80%}.\32xl\:-right-\[195px\]{right:-195px}.\32xl\:left-7{left:1.75rem}.\32xl\:left-\[5\%\]{left:5%}.\32xl\:right-0{right:0}.\32xl\:right-\[60px\]{right:60px}.\32xl\:right-\[76px\]{right:76px}.\32xl\:top-20{top:5rem}.\32xl\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}.\32xl\:-ml-\[16rem\]{margin-left:-16rem}.\32xl\:-ml-\[20rem\]{margin-left:-20rem}.\32xl\:ml-\[19\.5rem\]{margin-left:19.5rem}.\32xl\:mr-16{margin-right:4rem}.\32xl\:mr-\[19\.5rem\]{margin-right:19.5rem}.\32xl\:block{display:block}.\32xl\:inline-block{display:inline-block}.\32xl\:w-3\/4{width:75%}.\32xl\:w-8\/12{width:66.666667%}.\32xl\:w-\[inherit\]{width:inherit}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:gap-0{gap:0px}.\32xl\:gap-12{gap:3rem}.\32xl\:gap-20{gap:5rem}.\32xl\:gap-28{gap:7rem}.\32xl\:gap-7{gap:1.75rem}.\32xl\:bg-center{background-position:center}.\32xl\:px-3{padding-left:.75rem;padding-right:.75rem}.\32xl\:px-7{padding-left:1.75rem;padding-right:1.75rem}.\32xl\:px-8{padding-left:2rem;padding-right:2rem}.\32xl\:px-\[30px\]{padding-left:30px;padding-right:30px}.\32xl\:px-\[5\%\]{padding-left:5%;padding-right:5%}.\32xl\:pb-11{padding-bottom:2.75rem}.\32xl\:pl-\[48px\]{padding-left:48px}.\32xl\:pt-\[140px\]{padding-top:140px}.\32xl\:pt-\[230px\]{padding-top:230px}.\32xl\:pt-\[240px\]{padding-top:240px}.\32xl\:text-2xl{font-size:1.5rem;line-height:2rem}.\32xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.\32xl\:text-\[22px\]{font-size:22px}.\32xl\:text-\[26px\]{font-size:26px}.\32xl\:text-\[44px\]{font-size:44px}.\32xl\:text-\[46px\]{font-size:46px}.\32xl\:text-\[50px\]{font-size:50px}.\32xl\:text-\[68px\]{font-size:68px}.\32xl\:text-\[76px\]{font-size:76px}.\32xl\:text-\[85px\]{font-size:85px}.\32xl\:text-lg{font-size:1.125rem;line-height:1.75rem}.\32xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.\32xl\:leading-\[54px\]{line-height:54px}.\32xl\:leading-\[56px\]{line-height:56px}.\32xl\:leading-\[66px\]{line-height:66px}.\32xl\:leading-\[82px\]{line-height:82px}.\32xl\:leading-\[92px\]{line-height:92px}.\32xl\:before\:h-\[54\.8\%\]:before{content:var(--tw-content);height:54.8%}.group:hover .\32xl\:group-hover\:pb-\[134px\]{padding-bottom:134px}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-share{transition-timing-function:ease;transition-duration:1s;transition-property:all;opacity:0}.swiper-slide-active .banner-content>.banner-share{opacity:1;top:50%}.swiper-pagination{bottom:inherit!important;top:50%!important;left:94%!important;transform:translate(-50%)!important;width:100%!important;display:flex!important;align-items:center!important;gap:16px!important;flex-direction:column!important}span.swiper-pagination-bullet{background:transparent!important;opacity:.7!important;border:2px solid #86ad42;border-radius:50%;height:14px!important;width:14px!important;position:relative}span.swiper-pagination-bullet:before{position:absolute;content:"";top:-10px;left:-10px;width:26px;height:26px;border-radius:50%;border:2px solid #86ad42;transition:.5s;transform:scale(0)}span.swiper-pagination-bullet.swiper-pagination-bullet-active:before{transform:scale(1)}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1!important;height:10px!important;width:10px!important;background:#86ad42!important}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.content-slider-section{padding:30px 0;background:#79b900;background-size:cover;position:relative;z-index:1;--duration: 30s;--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:50px}.content-slider{text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:50px;min-width:100%;animation:scroll 50s linear infinite}.content-slider-content{position:relative;--duration: 50s;--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:0px}.content-slider-content h1{font-size:30px;font-weight:600;text-transform:capitalize;color:#fff;font-family:Albert Sans,"sans-serif"}.content-slider-section2{padding:70px 0;background:#79b900;background-size:cover;position:relative;z-index:1;--duration: 30s;--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:50px}.content-slider2{text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:50px;min-width:100%;animation:scroll 50s linear infinite}.content-slider-content2{position:relative;--duration: 50s;--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:0px}.content-slider-content2 h1{font-size:100px;font-weight:600;text-transform:uppercase;font-family:Albert Sans,"sans-serif";color:transparent;-webkit-text-stroke:.8px #fff;-webkit-text-stroke-width:2px}@media (min-width: 320px) and (max-width: 767px){.content-slider2{gap:20px}.content-slider-content2 h1{font-size:30px;font-weight:500;-webkit-text-stroke:.5px #fff;-webkit-text-stroke-width:1px}}.banner-content>*:nth-child(n+1):nth-child(-n+4){transition-timing-function:ease;transition-duration:1s;transition-property:all;transform:translateY(100px);opacity:0}.swiper-slide-active .banner-content>*:nth-child(n+1):nth-child(-n+4){transform:translateY(0);opacity:1}.content-slider-section3{padding:70px 0;background:url(/echofy-images/content-slider3-bg.jpg);background-size:cover;position:relative;z-index:1;--duration: 30s;--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:50px}.content-slider3{text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:50px;min-width:100%;animation:scroll 50s linear infinite}.content-slider-content3{position:relative;--duration: 50s;--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:0px}.content-slider-content3 h1{font-size:85px;font-weight:600;text-transform:capitalize;font-family:Albert Sans,"sans-serif";color:transparent;-webkit-text-stroke:.8px #fff;-webkit-text-stroke-width:1px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}.banner5 .swiper{overflow:visible!important}.banner-content>*:nth-child(n+1):nth-child(-n+5){transition-timing-function:ease;transition-duration:1s;transition-property:all;transform:translate(-100px);opacity:0}.banner-content>*:nth-child(1){transition-delay:.5s}.banner-content>*:nth-child(2){transition-delay:.9s}.banner-content>*:nth-child(3){transition-delay:1.3s}.banner-content>*:nth-child(4){transition-delay:1.7s}.banner-content>*:nth-child(5){transition-delay:2s}.banner-content>*:nth-child(6){transition-delay:2s}.banner-contact{transition-timing-function:ease;transition-duration:1s;transition-property:all;opacity:0}.swiper-slide-active .banner-content>*:nth-child(n+1):nth-child(-n+5){transform:translate(0);opacity:1}.swiper-slide-active .banner-content>.banner-contact{opacity:1;top:50%}.banner5 .swiper-pagination{bottom:-40px!important;top:inherit!important;left:50%!important;padding:54px;width:268px!important;display:flex!important;align-items:center!important;gap:16px!important;flex-direction:row!important;justify-content:center;border-radius:5px;background:#00181a}.banner5 span.swiper-pagination-bullet{background:#86ad42!important;border-radius:50%;height:10px!important;width:10px!important;position:relative;opacity:1!important}.banner5 span.swiper-pagination-bullet:before{position:absolute;content:"";top:-9px;left:-9px;width:20px;height:20px;border-radius:50%;border:1px solid #86ad42;transition:.5s;transform:scale(0);opacity:1!important}.banner5 span.swiper-pagination-bullet.swiper-pagination-bullet-active:before{transform:scale(1)}.banner5 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1!important;height:6px!important;width:6px!important;background:#86ad42!important}

/* Prevent horizontal scroll (all pages) */
html, body { overflow-x: hidden; }
body { max-width: 100%; }

/* Motion tokens (kartice, progress, usklađeno sa premium hover ~400ms) */
:root {
  --zp-transition-duration: 400ms;
  --zp-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.zp-transition {
  transition-duration: var(--zp-transition-duration);
  transition-timing-function: var(--zp-ease);
}
.zp-category-card-ease {
  transition-duration: var(--zp-transition-duration);
  transition-timing-function: var(--zp-ease);
}

/* Reveal on scroll (Intersection Observer adds .is-visible) */
.reveal-on-scroll {
  opacity: 1;
  transform: none;
}
html.zp-js .reveal-on-scroll:not(.is-visible) {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
html.zp-js .reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Reveal + stagger: sekcija odmah u layoutu, deca se pojavljuju kaskadno */
.reveal-on-scroll.has-stagger {
  opacity: 1;
  transform: none;
  transition: none;
}
.reveal-on-scroll.has-stagger .reveal-stagger > * {
  opacity: 1;
  transform: none;
}
html.zp-js .reveal-on-scroll.has-stagger:not(.is-visible) .reveal-stagger > * {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.45s var(--zp-ease), transform 0.45s var(--zp-ease);
}
html.zp-js .reveal-on-scroll.has-stagger.is-visible .reveal-stagger > * {
  opacity: 1;
  transform: translateY(0);
}
.reveal-on-scroll.has-stagger.is-visible .reveal-stagger > *:nth-child(1) {
  transition-delay: 0.04s;
}
.reveal-on-scroll.has-stagger.is-visible .reveal-stagger > *:nth-child(2) {
  transition-delay: 0.1s;
}
.reveal-on-scroll.has-stagger.is-visible .reveal-stagger > *:nth-child(3) {
  transition-delay: 0.16s;
}
.reveal-on-scroll.has-stagger.is-visible .reveal-stagger > *:nth-child(4) {
  transition-delay: 0.22s;
}
.reveal-on-scroll.has-stagger.is-visible .reveal-stagger > *:nth-child(5) {
  transition-delay: 0.28s;
}
.reveal-on-scroll.has-stagger.is-visible .reveal-stagger > *:nth-child(6) {
  transition-delay: 0.34s;
}

/* Početna: sekcija „Naš tim“ — sakrivena, markup ostaje u Blade-u */
.zp-home-team-section {
  display: none;
}

/* Početna – sekcija kategorija: vertikalni padding u .zp-home (ispod) */
.zp-home-categories {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, #f9faf6 0%, #ffffff 38%);
}

/* Početna: usklađeni vertikalni razmaci sekcija */
:root {
  --zp-home-section-py: clamp(3.5rem, 6vw, 7rem);
  --zp-home-section-py-tight: clamp(2rem, 4vw, 3rem);
  --zp-home-title-gap: clamp(2rem, 5vw, 3.75rem);
}
.zp-home section.zp-section {
  padding-top: var(--zp-home-section-py);
  padding-bottom: var(--zp-home-section-py);
}
.zp-home .zp-home-categories {
  padding-top: var(--zp-home-section-py);
  padding-bottom: var(--zp-home-section-py);
}
.zp-home section.zp-section--values + section.zp-section--featured,
.zp-home section.zp-section--values + section.zp-section--testimonial {
  padding-top: var(--zp-home-section-py-tight);
}
.zp-home section.zp-section--featured + section.zp-section--testimonial {
  padding-top: var(--zp-home-section-py-tight);
}
.zp-home-featured-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem 2rem;
  margin-bottom: var(--zp-home-title-gap);
}
.zp-home-featured-head-text {
  flex: 1 1 18rem;
  min-width: 0;
}
.zp-home-featured-lead {
  margin: 0;
  line-height: 1.6;
}
.zp-home-featured-head-cta {
  flex: 0 0 auto;
  align-self: flex-start;
}
.zp-home-featured-head .primary-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: auto;
  height: auto;
  min-height: 0;
  max-width: 100%;
  white-space: nowrap;
  align-self: flex-start;
}
@media (max-width: 639px) {
  .zp-home-featured-head-cta {
    width: 100%;
  }
  .zp-home-featured-head .primary-btn {
    width: 100%;
    justify-content: center;
  }
}
.zp-home .zp-home-featured-grid {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .zp-home-featured-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .zp-home-featured-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.zp-home .zp-home-process-grid,
.zp-home .zp-home-blog-grid {
  margin-top: var(--zp-home-title-gap);
}
.zp-home .zp-home-process-grid {
  padding-bottom: 0;
}
.zp-home-categories > .Container > .reveal-stagger > div:first-child h5 {
  letter-spacing: 0.1em;
}
.zp-home-categories #home-categories-heading {
  letter-spacing: -0.025em;
}
.zp-home-categories .zp-home-categories-lead {
  opacity: 0.92;
  margin-bottom: 1.75rem;
}
@media (min-width: 640px) {
  .zp-home-categories .zp-home-categories-lead {
    margin-bottom: 2rem;
  }
}

/* Početna – blog kartice: jednaka visina, footer na dnu */
.zp-home-blog-grid > .grid {
  align-items: stretch;
}
.zp-home-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.zp-home-blog-card-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.zp-home-blog-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.zp-home-blog-card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  line-height: 1.35;
}
.zp-home-blog-card-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  line-height: 1.55;
  flex: 1 1 auto;
  min-height: 4.5rem;
  margin: 0;
  padding-bottom: 1.5rem;
}
.zp-home-blog-card-excerpt:empty {
  min-height: 4.5rem;
  padding-bottom: 1.5rem;
}
.zp-home-blog-card-footer {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
}
.zp-home-blog-card-more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 1.125rem;
  border-radius: 0.375rem;
  font-family: Albert Sans, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #fff;
  background-color: #79b900;
  transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.zp-home-blog-card-more:hover,
.zp-home-blog-card-more:focus-visible {
  background-color: #6aa300;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(121, 185, 0, 0.35);
}

/* Početna – 2 kategorije: puna širina kontejnera (2 × 50%) */
.zp-home-categories-grid {
  width: 100%;
}
.zp-home-categories-grid--two {
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .zp-home-categories-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zp-home-categories-grid--two .zp-category-card {
    width: 100%;
  }
  .zp-home-categories-grid--two .zp-category-card-media {
    aspect-ratio: 16 / 9;
  }
}

/* O nama: plutajući logotip umesto šablonske „nagrade“ */
.zp-about-overlay-logo {
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  max-height: 7rem;
  max-width: 12rem;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.12));
}
@media (max-width: 639px) {
  .zp-about-overlay-logo {
    display: none;
  }
}

/* Katalog: telo stranice – isti jezik kao sekcija kategorija na početnoj */
.zp-catalog-body {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, #f9faf6 0%, #ffffff 42%);
  padding-top: clamp(2rem, 4vw, 3.25rem);
  padding-bottom: clamp(2.25rem, 4.5vw, 3.75rem);
}
.zp-catalog-section-head {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.zp-catalog-section-head h5 {
  letter-spacing: 0.1em;
}
.zp-catalog-section-lead {
  max-width: 42rem;
  opacity: 0.92;
  line-height: 1.55;
  font-size: 0.9375rem;
}
/* Arhiva kategorije — jedan Blade šablon (catalog-category-archive) */
.zp-catalog-category-archive {
  width: 100%;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.zp-catalog-category-archive .zp-catalog-section-head {
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.zp-catalog-category-title {
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
}
.zp-catalog-category-lead-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.25rem, 3vw, 1.75rem);
  background: #f5f8ed;
  border-radius: 0.5rem;
  border: 1px solid rgba(121, 185, 0, 0.14);
  border-left: 4px solid #79b900;
}
.zp-catalog-category-lead {
  width: 100%;
  max-width: none;
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: #3d4846;
  text-wrap: pretty;
  hyphens: auto;
}
@media (min-width: 640px) {
  .zp-catalog-category-lead {
    font-size: 1.0625rem;
    line-height: 1.85;
  }
}

/* Stranica korpe */
.zp-cart-page {
  padding: clamp(3rem, 6vw, 7.5rem) 0;
  background: #f5f8ed;
}
.zp-cart-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: start;
}
@media (min-width: 1024px) {
  .zp-cart-layout {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
    gap: 2.5rem;
  }
}
.zp-cart-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.zp-cart-item {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  grid-template-areas:
    "thumb body"
    "actions actions";
  gap: 1rem 1.25rem;
  padding: 1rem 1.15rem;
  background: #fff;
  border: 1px solid #e8ebe3;
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(45, 74, 62, 0.05);
}
@media (min-width: 640px) {
  .zp-cart-item {
    grid-template-columns: 7.5rem minmax(0, 1fr) auto;
    grid-template-areas: "thumb body actions";
    align-items: center;
    padding: 1.15rem 1.25rem;
  }
}
.zp-cart-item-thumb {
  grid-area: thumb;
  display: block;
  width: 7rem;
  height: 7rem;
  flex-shrink: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #f5f8ed;
}
@media (min-width: 640px) {
  .zp-cart-item-thumb {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.zp-cart-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.zp-cart-item-thumb-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #657977;
}
.zp-cart-item-body {
  grid-area: body;
  min-width: 0;
}
.zp-cart-item-title {
  display: block;
  font-family: "Albert Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  color: #2d4a3e;
  text-decoration: none;
  line-height: 1.35;
}
.zp-cart-item-title:hover {
  color: #79b900;
}
.zp-cart-item-variant {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: #657977;
}
.zp-cart-item-unit {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: #657977;
}
.zp-cart-item-unit-qty {
  margin-left: 0.35rem;
}
.zp-cart-item-total {
  margin: 0.35rem 0 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #79b900;
}
.zp-cart-item-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
@media (min-width: 640px) {
  .zp-cart-item-actions {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.65rem;
  }
}
.zp-cart-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e8ebe3;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fff;
}
.zp-cart-qty-btn {
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  background: transparent;
  color: #2d4a3e;
  font-size: 1.125rem;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.zp-cart-qty-btn:hover:not(:disabled) {
  background: #f5f8ed;
  color: #79b900;
}
.zp-cart-qty-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.zp-cart-qty-value {
  min-width: 2.5rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-cart-item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #657977;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}
.zp-cart-item-remove:hover {
  color: #c0392b;
  background: rgba(192, 57, 43, 0.08);
}
.zp-cart-summary-card {
  background: #fff;
  border: 1px solid #e8ebe3;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 12px rgba(45, 74, 62, 0.05);
}
@media (min-width: 1024px) {
  .zp-cart-summary-card {
    position: sticky;
    top: 7rem;
    padding: 1.75rem;
  }
}
.zp-cart-summary-title {
  margin: 0 0 1.25rem;
  font-family: "Albert Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-cart-coupon-applied,
.zp-cart-coupon-form {
  margin-bottom: 1.25rem;
}
.zp-cart-coupon-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2d4a3e;
}
.zp-cart-coupon-row {
  display: flex;
  gap: 0.5rem;
}
.zp-cart-coupon-input {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 1rem;
  border: 1px solid #e8ebe3;
  border-radius: 0.75rem;
  font-size: 0.875rem;
}
.zp-cart-coupon-input:focus {
  outline: none;
  border-color: #79b900;
  box-shadow: 0 0 0 2px rgba(121, 185, 0, 0.2);
}
.zp-cart-coupon-btn {
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 0.75rem;
  background: #f5f8ed;
  color: #2d4a3e;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.zp-cart-coupon-btn:hover {
  background: #79b900;
  color: #fff;
}
.zp-cart-coupon-message {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
}
.zp-cart-coupon-message.is-error {
  color: #c0392b;
}
.zp-cart-coupon-message.is-success {
  color: #79b900;
}
.zp-cart-shipping-note,
.zp-cart-shipping-info {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  color: #657977;
}
.zp-cart-shipping-info {
  color: #79b900;
  margin-bottom: 1rem;
}
.zp-cart-totals {
  padding-top: 1rem;
  border-top: 1px solid #e8ebe3;
}
.zp-cart-totals-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.35rem 0;
  font-size: 0.875rem;
  color: #657977;
}
.zp-cart-totals-row.is-discount {
  color: #79b900;
}
.zp-cart-totals-row.is-total {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e8ebe3;
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-cart-totals-row.is-total span:last-child {
  color: #79b900;
}
.zp-cart-totals-muted {
  text-align: right;
  max-width: 11rem;
}
.zp-cart-min-order {
  margin: 1rem 0 0;
  padding: 0.65rem 0.85rem;
  border-radius: 0.75rem;
  background: #fffbeb;
  color: #b45309;
  font-size: 0.875rem;
}
.zp-cart-continue-link {
  display: block;
  margin-top: 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: #657977;
  text-decoration: none;
  transition: color 0.2s ease;
}
.zp-cart-continue-link:hover {
  color: #79b900;
}
.zp-cart-empty {
  max-width: 28rem;
  margin: 0 auto;
  padding: 2.5rem 2rem;
  text-align: center;
  background: #fff;
  border: 1px solid #e8ebe3;
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(45, 74, 62, 0.05);
}
.zp-cart-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 1.5rem;
  border-radius: 999px;
  background: #f5f8ed;
}
.zp-cart-empty-text {
  margin: 0 0 2rem;
  font-size: 1.0625rem;
  color: #657977;
}
.zp-cart-cross-sells {
  margin-top: clamp(2.5rem, 5vw, 4rem);
}
.zp-cart-cross-sells-title {
  margin: 0 0 1.5rem;
  font-family: "Albert Sans", sans-serif;
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 700;
  color: #2d4a3e;
}
.zp-cart-cross-sells-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .zp-cart-cross-sells-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.zp-cart-cross-sell-card {
  display: block;
  text-decoration: none;
}
.zp-cart-cross-sell-thumb {
  aspect-ratio: 1;
  margin-bottom: 0.75rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8ebe3;
  box-shadow: 0 2px 8px rgba(45, 74, 62, 0.05);
}
.zp-cart-cross-sell-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.zp-cart-cross-sell-card:hover .zp-cart-cross-sell-thumb img {
  transform: scale(1.04);
}
.zp-cart-cross-sell-name {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #2d4a3e;
  transition: color 0.2s ease;
}
.zp-cart-cross-sell-card:hover .zp-cart-cross-sell-name {
  color: #79b900;
}
.zp-cart-cross-sell-price {
  margin: 0.25rem 0 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #79b900;
}

/* Checkout */
.zp-checkout-page {
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(3.5rem, 6vw, 5rem);
  background: #f5f8ed;
}
.zp-checkout-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
}
.zp-checkout-step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Albert Sans", sans-serif;
  font-size: 0.875rem;
  color: #657977;
}
.zp-checkout-step.is-active .zp-checkout-step-num {
  background: #79b900;
  color: #fff;
}
.zp-checkout-step.is-current .zp-checkout-step-label {
  font-weight: 600;
  color: #2d4a3e;
}
.zp-checkout-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #e8ebe3;
  color: #657977;
  font-weight: 600;
  font-size: 0.875rem;
}
.zp-checkout-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: start;
}
@media (min-width: 1024px) {
  .zp-checkout-layout {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: 2.5rem;
  }
}
.zp-checkout-card {
  background: #fff;
  border: 1px solid #e8ebe3;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 12px rgba(45, 74, 62, 0.05);
}
@media (min-width: 640px) {
  .zp-checkout-card {
    padding: 1.75rem 2rem;
  }
}
.zp-checkout-card + .zp-checkout-card,
.zp-checkout-review .zp-checkout-card + .zp-checkout-card {
  margin-top: 1rem;
}
.zp-checkout-card-title {
  margin: 0 0 1.25rem;
  font-family: "Albert Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-checkout-card-subtitle {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-checkout-form-grid {
  display: grid;
  gap: 1rem;
}
.zp-checkout-form-grid--2 {
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .zp-checkout-form-grid--2 {
    grid-template-columns: 1fr 1fr;
  }
}
.zp-checkout-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.zp-checkout-field label,
.zp-checkout-field-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #2d4a3e;
}
.zp-checkout-input,
.zp-checkout-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e8ebe3;
  border-radius: 0.75rem;
  font-family: "Albert Sans", sans-serif;
  font-size: 0.9375rem;
  color: #2d4a3e;
  background: #fff;
  box-sizing: border-box;
}
.zp-checkout-input:focus,
.zp-checkout-textarea:focus {
  outline: none;
  border-color: #79b900;
  box-shadow: 0 0 0 2px rgba(121, 185, 0, 0.2);
}
.zp-checkout-textarea {
  resize: vertical;
  min-height: 5rem;
}
.zp-checkout-error {
  margin: 0.15rem 0 0;
  font-size: 0.8125rem;
  color: #c0392b;
}
.zp-checkout-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
  font-size: 0.9375rem;
  color: #2d4a3e;
  cursor: pointer;
}
.zp-checkout-shipping-block {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e8ebe3;
  animation: zp-checkout-shipping-in 0.25s ease;
}
@keyframes zp-checkout-shipping-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.zp-checkout-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.zp-checkout-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border: 2px solid #e8ebe3;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.zp-checkout-option:hover {
  border-color: rgba(121, 185, 0, 0.45);
}
.zp-checkout-option.is-selected,
.zp-checkout-option:has(input:checked) {
  border-color: #79b900;
  background: rgba(121, 185, 0, 0.06);
}
.zp-checkout-option input {
  flex-shrink: 0;
  accent-color: #79b900;
}
.zp-checkout-option-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.zp-checkout-option--stack {
  align-items: flex-start;
}
.zp-checkout-option-title {
  font-weight: 600;
  color: #2d4a3e;
}
.zp-checkout-option-desc {
  font-size: 0.8125rem;
  color: #657977;
}
.zp-checkout-option-price {
  font-weight: 600;
  color: #2d4a3e;
  white-space: nowrap;
}
.zp-checkout-option-price.is-free {
  color: #79b900;
}
.zp-checkout-review-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 640px) {
  .zp-checkout-review-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.zp-checkout-review-label {
  margin: 0 0 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #657977;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.zp-checkout-review-text {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: #2d4a3e;
}
.zp-checkout-summary {
  background: #fff;
  border: 1px solid #e8ebe3;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 12px rgba(45, 74, 62, 0.05);
}
@media (min-width: 1024px) {
  .zp-checkout-summary {
    position: sticky;
    top: 7rem;
  }
}
.zp-checkout-summary-title {
  margin: 0 0 1rem;
  font-family: "Albert Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-checkout-items {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 16rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.zp-checkout-item {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: start;
}
.zp-checkout-item-thumb {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #f5f8ed;
  flex-shrink: 0;
}
.zp-checkout-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.zp-checkout-item-name {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2d4a3e;
  line-height: 1.35;
}
.zp-checkout-item-variant,
.zp-checkout-item-meta {
  margin: 0.15rem 0 0;
  font-size: 0.8125rem;
  color: #657977;
}
.zp-checkout-item-price {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #79b900;
  white-space: nowrap;
}
.zp-checkout-totals {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e8ebe3;
}
.zp-checkout-totals-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.3rem 0;
  font-size: 0.875rem;
  color: #657977;
}
.zp-checkout-totals-row.is-discount {
  color: #79b900;
}
.zp-checkout-totals-row.is-total {
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e8ebe3;
  font-size: 1.0625rem;
  font-weight: 600;
  color: #2d4a3e;
}
.zp-checkout-totals-row.is-total span:last-child {
  color: #79b900;
}
.zp-checkout-nav {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 1.25rem;
}
.zp-checkout-btn {
  display: block;
  width: 100%;
  padding: 0.9rem 1.25rem;
  border-radius: 0.5rem;
  font-family: "Albert Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  border: 2px solid transparent;
}
.zp-checkout-btn--primary {
  background: #79b900;
  border-color: #79b900;
  color: #fff;
}
.zp-checkout-btn--primary:hover:not(:disabled) {
  background: #8fd600;
  border-color: #8fd600;
}
.zp-checkout-btn--primary:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.zp-checkout-btn--secondary {
  background: transparent;
  border-color: rgba(45, 74, 62, 0.35);
  color: #2d4a3e;
}
.zp-checkout-btn--secondary:hover {
  border-color: #79b900;
  color: #79b900;
}

/* Stranica proizvoda */
.zp-product-body {
  padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(3rem, 5vw, 4rem);
  background: linear-gradient(180deg, #f9faf6 0%, #fff 40%);
}
.zp-product-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.75rem, 4vw, 2.75rem);
  align-items: start;
}
@media (min-width: 1024px) {
  .zp-product-layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 2.5rem;
  }
}
.zp-product-gallery-main {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0.75rem;
  overflow: hidden;
  aspect-ratio: 1;
  background: #f5f8ed;
  cursor: zoom-in;
  position: relative;
}
.zp-product-gallery-main:hover .zp-product-gallery-zoom,
.zp-product-gallery-main:focus-visible .zp-product-gallery-zoom {
  opacity: 1;
}
.zp-product-gallery-main:focus-visible {
  outline: 2px solid #79b900;
  outline-offset: 2px;
}
.zp-product-gallery-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
.zp-product-gallery-zoom {
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #2d5a27;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  opacity: 0.85;
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.zp-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
}
.zp-lightbox.is-open {
  display: flex;
}
.zp-lightbox-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}
.zp-lightbox-dialog {
  position: relative;
  z-index: 1;
  width: min(92vw, 1100px);
  max-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zp-lightbox-figure {
  margin: 0;
  max-width: 100%;
  max-height: 92vh;
}
.zp-lightbox-img {
  display: block;
  max-width: min(92vw, 1100px);
  max-height: 92vh;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 0.5rem;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.zp-lightbox-close {
  position: absolute;
  top: -2.75rem;
  right: 0;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #1a1a1a;
  font-size: 1.125rem;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}
.zp-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: #2d5a27;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.zp-lightbox-prev {
  left: -3.25rem;
}
.zp-lightbox-next {
  right: -3.25rem;
}
.zp-lightbox-counter {
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}
@media (max-width: 900px) {
  .zp-lightbox-prev {
    left: 0.5rem;
  }
  .zp-lightbox-next {
    right: 0.5rem;
  }
  .zp-lightbox-close {
    top: 0.5rem;
    right: 0.5rem;
  }
  .zp-lightbox-counter {
    bottom: 0.75rem;
  }
}
.zp-product-gallery-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.85rem;
}
.zp-product-gallery-thumb {
  width: 4.5rem;
  height: 4.5rem;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  background: #f5f8ed;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.zp-product-gallery-thumb.is-active {
  border-color: #79b900;
  box-shadow: 0 0 0 1px rgba(121, 185, 0, 0.25);
}
.zp-product-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zp-product-category a {
  color: #79b900;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.zp-product-category a:hover {
  text-decoration: underline;
}
.zp-product-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: #1a1f16;
  margin: 0.35rem 0 1rem;
  line-height: 1.25;
}
.zp-product-excerpt {
  color: #4a5654;
  line-height: 1.75;
  margin-bottom: 1.25rem;
  font-size: 1rem;
}
.zp-product-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.zp-product-price {
  font-size: 1.75rem;
  font-weight: 700;
  color: #79b900;
}
.zp-product-price-compare {
  font-size: 1.125rem;
  color: #657977;
  text-decoration: line-through;
}
.zp-product-sku {
  font-size: 0.875rem;
  color: #657977;
  margin-bottom: 1rem;
}
.zp-product-sku span {
  font-weight: 600;
}
.zp-product-attributes {
  margin: 0 0 1.25rem;
  padding: 1rem 1.15rem;
  background: #f5f8ed;
  border-radius: 0.5rem;
  border: 1px solid rgba(121, 185, 0, 0.12);
}
.zp-product-attribute-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 1rem;
  font-size: 0.9375rem;
}
.zp-product-attribute-row dt {
  font-weight: 600;
  color: #1a1f16;
}
.zp-product-attribute-row dd {
  margin: 0;
  color: #4a5654;
}
.zp-product-qty {
  margin-bottom: 1.25rem;
}
.zp-product-qty-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #1a1f16;
}
.zp-product-qty-control {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e8ebe3;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fff;
}
.zp-product-qty-control button {
  width: 2.75rem;
  height: 2.75rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.125rem;
  color: #1a1f16;
}
.zp-product-qty-control button:hover {
  background: #f5f8ed;
  color: #79b900;
}
.zp-product-qty-control span {
  min-width: 2.5rem;
  text-align: center;
  font-weight: 600;
}
.zp-product-wishlist {
  margin: 0.25rem 0 1rem;
}
.zp-wishlist-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.55rem 1.15rem;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  color: #1a1f16;
  font-family: Albert Sans, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.zp-wishlist-btn:hover,
.zp-wishlist-btn:focus-visible {
  border-color: rgba(121, 185, 0, 0.45);
  color: #4a6b0a;
  background: #f7f9f2;
}
.zp-wishlist-btn.is-active {
  border-color: #79b900;
  background: rgba(121, 185, 0, 0.12);
  color: #4a6b0a;
}
.zp-wishlist-btn.is-active .zp-wishlist-btn-icon {
  color: #e85d6a;
}
.zp-wishlist-btn-icon {
  display: inline-flex;
  line-height: 0;
  color: #9aa89a;
}
.zp-wishlist-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}
.zp-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
.zp-product-cart-notice {
  margin: 0.75rem 0 0;
  padding: 0.65rem 1rem;
  border-radius: 8px;
  background: rgba(45, 90, 39, 0.1);
  color: #2d5a27;
  font-size: 0.9375rem;
  font-weight: 500;
}
.zp-header-cart-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 2;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--PrimaryColor-0, #79b530);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
}
.cart-offcanvas-toggle .zp-header-cart-badge {
  top: 4px;
  right: 4px;
}
.zp-header-cart-badge.is-hidden {
  display: none;
}

/* Nalog: bedž broja na tabu (lista želja) */
.zp-account-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.zp-account-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  background: #e5ebe8;
  color: #3d4a47;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.zp-account-tab-badge.is-active {
  background: var(--PrimaryColor-0, #79b530);
  color: #fff;
  box-shadow: 0 1px 3px rgba(121, 185, 0, 0.35);
}
.zp-account-tab-badge.is-empty {
  opacity: 0.55;
}

.zp-product-out-of-stock {
  color: #c0392b;
  font-weight: 600;
}
.zp-product-description {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  max-width: 100%;
}
.zp-product-excerpt .zp-product-desc {
  font-size: 1.0625rem;
  line-height: 1.65;
  color: #4a5654;
}
.zp-product-desc,
.zp-product-description .zp-product-desc {
  color: #4a5654;
  line-height: 1.7;
  font-size: 1rem;
}
/* RichEditor HTML (p, ul, ol, strong…) — nadjačava Tailwind reset */
.zp-product-desc :where(p, ul, ol, li, h2, h3, h4, blockquote, dl, dt, dd),
.zp-product-description :where(p, ul, ol, li, h2, h3, h4, blockquote, dl, dt, dd) {
  margin: revert;
  padding: revert;
  font-size: revert;
  font-weight: revert;
  list-style: revert;
}
.zp-product-desc :where(strong, b),
.zp-product-description :where(strong, b) {
  font-weight: 700;
  color: #1a1f16;
}
.zp-product-desc :where(p),
.zp-product-description :where(p) {
  margin-top: 0;
  margin-bottom: 1rem;
}
.zp-product-desc :where(ul, ol),
.zp-product-description :where(ul, ol) {
  margin-bottom: 1rem;
  padding-left: 1.35rem;
}
.zp-product-desc :where(ul),
.zp-product-description :where(ul) {
  list-style-type: disc;
}
.zp-product-desc :where(ol),
.zp-product-description :where(ol) {
  list-style-type: decimal;
}
.zp-product-desc :where(li),
.zp-product-description :where(li) {
  margin-bottom: 0.35rem;
}
.zp-product-desc :where(h2),
.zp-product-description :where(h2) {
  font-size: 1.375rem;
  font-weight: 700;
  color: #1a1f16;
  margin: 2rem 0 0.75rem;
  line-height: 1.3;
}
.zp-product-desc :where(h3, h4),
.zp-product-description :where(h3, h4) {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1a1f16;
  margin: 1.5rem 0 0.5rem;
  line-height: 1.35;
}
.zp-product-desc :where(a),
.zp-product-description :where(a) {
  color: #79b900;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.zp-product-desc :where(a:hover),
.zp-product-description :where(a:hover) {
  color: #5a8f00;
}
.zp-product-desc-lead {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #1a1f16;
  margin-bottom: 1.25rem;
}
.zp-product-desc-juice {
  margin: 1.5rem 0;
  padding: 1.25rem 1.35rem;
  background: #f5f8ed;
  border-radius: 0.5rem;
  border: 1px solid rgba(121, 185, 0, 0.12);
}
.zp-product-desc-juice--extra {
  background: #fff;
}
.zp-product-desc-when {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  color: #657977;
}
@media (min-width: 640px) {
  .zp-product-desc-when {
    display: inline;
    margin-left: 0.25rem;
  }
}
.zp-product-desc dl {
  display: grid;
  gap: 0.35rem 1rem;
  margin: 1rem 0;
}
@media (min-width: 480px) {
  .zp-product-desc dl {
    grid-template-columns: auto 1fr;
  }
}
.zp-product-desc dt {
  font-weight: 600;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #79b900;
}
.zp-product-desc dd {
  margin: 0;
}
.zp-product-desc-cta {
  margin: 2rem 0;
  padding: 1.5rem;
  background: linear-gradient(135deg, #f5f8ed 0%, #eef4e4 100%);
  border-radius: 0.5rem;
  border: 1px solid rgba(121, 185, 0, 0.2);
}
.zp-product-desc-note {
  margin-top: 2rem;
  padding: 1.25rem 1.35rem;
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.9375rem;
}

/* Proizvod: recenzije */
.zp-product-reviews {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.zp-product-reviews-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1f16;
  margin: 0 0 1.25rem;
}
.zp-product-reviews-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  margin-bottom: 1.5rem;
}
.zp-product-reviews-meta {
  margin: 0;
  color: #4a5654;
  font-size: 0.9375rem;
}
.zp-product-reviews-meta strong {
  color: #1a1f16;
  font-size: 1.125rem;
}
.zp-product-reviews-empty {
  margin: 0 0 1.5rem;
  color: #657977;
}
.zp-product-reviews-stars {
  display: inline-flex;
  gap: 0.15rem;
  line-height: 1;
}
.zp-product-reviews-stars--sm {
  font-size: 0.875rem;
}
.zp-product-reviews-star {
  color: #c5d0ce;
  font-size: 1.25rem;
}
.zp-product-reviews-star.is-filled {
  color: #79b900;
}
.zp-product-reviews-list {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  gap: 1.25rem;
}
.zp-product-reviews-item {
  padding: 1.25rem 1.35rem;
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.zp-product-reviews-item-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.zp-product-reviews-date {
  font-size: 0.8125rem;
  color: #657977;
}
.zp-product-reviews-item-title {
  margin: 0 0 0.35rem;
  font-size: 1.0625rem;
  font-weight: 700;
  color: #1a1f16;
}
.zp-product-reviews-author {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #79b900;
}
.zp-product-reviews-body {
  margin: 0;
  color: #4a5654;
  line-height: 1.65;
  white-space: pre-wrap;
}
.zp-product-reviews-form-wrap {
  padding: 1.5rem;
  background: #f5f8ed;
  border-radius: 0.5rem;
  border: 1px solid rgba(121, 185, 0, 0.15);
}
.zp-product-reviews-form-title {
  margin: 0 0 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1a1f16;
}
.zp-product-reviews-notice {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  background: #fff;
  border-radius: 0.375rem;
  border: 1px solid rgba(121, 185, 0, 0.35);
  color: #1a1f16;
  font-size: 0.9375rem;
}
.zp-product-reviews-login-hint {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  color: #657977;
}
.zp-product-reviews-form {
  display: grid;
  gap: 1rem;
}
.zp-product-reviews-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.zp-product-reviews-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.zp-product-reviews-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1a1f16;
}
.zp-product-reviews-rating-input {
  display: flex;
  gap: 0.25rem;
}
.zp-product-reviews-rating-btn {
  border: none;
  background: transparent;
  padding: 0.15rem;
  font-size: 1.75rem;
  line-height: 1;
  color: #c5d0ce;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.15s ease;
}
.zp-product-reviews-rating-btn:hover,
.zp-product-reviews-rating-btn.is-active {
  color: #79b900;
}
.zp-product-reviews-rating-btn:focus-visible {
  outline: 2px solid #79b900;
  outline-offset: 2px;
  border-radius: 0.25rem;
}
.zp-product-reviews-input,
.zp-product-reviews-textarea {
  width: 100%;
  padding: 0.65rem 0.85rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.375rem;
  background: #fff;
  font: inherit;
  color: #1a1f16;
}
.zp-product-reviews-textarea {
  resize: vertical;
  min-height: 7rem;
}
.zp-product-reviews-input:focus,
.zp-product-reviews-textarea:focus {
  outline: none;
  border-color: #79b900;
  box-shadow: 0 0 0 2px rgba(121, 185, 0, 0.2);
}
.zp-product-reviews-error {
  margin: 0.35rem 0 0;
  font-size: 0.8125rem;
  color: #c0392b;
}
.zp-product-reviews-submit {
  justify-self: start;
}

/* Katalog: 1 / 2 / 3 kolone (service-stil kartice) */
.zp-catalog-product-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-content: start;
}
@media (min-width: 640px) {
  .zp-catalog-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .zp-catalog-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.zp-catalog-product-grid > a.zp-catalog-service-card,
.zp-catalog-product-grid > .zp-catalog-service-card {
  height: 100%;
  min-height: 0;
}
/* Precrtana cena: bela na hover (Tailwind group-hover često nije u bundle-u za Blade) */
.zp-catalog-card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #e8ebe3;
}
.zp-catalog-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.zp-catalog-card-img--empty {
  min-height: 12rem;
  background: linear-gradient(135deg, #e8ebe3 0%, #d8ddd0 100%);
}
.zp-home-blog-card-photo-empty {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #e8ebe3 0%, #d8ddd0 100%);
}
.zp-product-gallery-main--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  background: #e8ebe3;
}
.zp-product-gallery-empty {
  font-size: 0.9375rem;
  opacity: 0.7;
}

.zp-catalog-service-card:hover .zp-catalog-card-compare-price {
  color: #fff;
}
.zp-catalog-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.65rem 1.25rem;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  color: #1a1f16;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.zp-catalog-btn-secondary:hover {
  background: #f7f9f2;
  border-color: rgba(121, 185, 0, 0.35);
}

/* Katalog /proizvodi – sort, paginacija */
.zp-catalog-pagination a,
.zp-catalog-pagination span.inline-flex,
.zp-catalog-pagination button.inline-flex,
.zp-catalog-pagination span.relative.inline-flex {
  border-color: #d5dec8 !important;
}
.zp-catalog-pagination a:hover,
.zp-catalog-pagination button:hover:not([disabled]) {
  border-color: rgba(121, 185, 0, 0.45) !important;
  color: #4a6b0a !important;
}
.zp-catalog-pagination [aria-current="page"] span.relative {
  background: #79b900 !important;
  border-color: #79b900 !important;
  color: #fff !important;
  z-index: 1;
}

/* Blog arhiva – /blog i /blog/kategorija/{slug} */
.zp-blog-body {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, #f9faf6 0%, #ffffff 42%);
  padding-top: clamp(2rem, 4vw, 3.25rem);
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
}
.zp-blog-layout {
  display: grid;
  gap: 2rem;
  align-items: start;
}
@media (min-width: 1024px) {
  .zp-blog-layout {
    grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr);
    gap: 2.5rem 3rem;
  }
}
.zp-blog-sidebar-block + .zp-blog-sidebar-block {
  margin-top: 1.5rem;
}
.zp-blog-sidebar-title {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #657977;
  margin: 0 0 0.75rem;
}
.zp-blog-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
@media (max-width: 1023px) {
  .zp-blog-category-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
.zp-blog-category-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.45rem 0.85rem;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  color: #1a1f16;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.zp-blog-category-link:hover {
  border-color: rgba(121, 185, 0, 0.35);
  color: #4a6b0a;
}
.zp-blog-category-link.is-active {
  background: #79b900;
  border-color: #79b900;
  color: #fff;
}
.zp-blog-category-link.is-active .zp-blog-category-count {
  opacity: 0.9;
}
.zp-blog-category-count {
  font-size: 0.8125rem;
  opacity: 0.65;
}
.zp-blog-search-input {
  width: 100%;
  padding: 0.65rem 1rem;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  font-family: Albert Sans, sans-serif;
  font-size: 0.9375rem;
  color: #1a1f16;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.zp-blog-search-input:focus {
  outline: none;
  border-color: rgba(121, 185, 0, 0.55);
  box-shadow: 0 0 0 3px rgba(121, 185, 0, 0.15);
}
.zp-blog-archive-head {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.zp-blog-archive-lead {
  max-width: 42rem;
  line-height: 1.6;
  font-size: 0.9375rem;
  opacity: 0.92;
}
.zp-blog-archive-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  align-items: stretch;
}
@media (min-width: 640px) {
  .zp-blog-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .zp-blog-archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.zp-blog-results--loading {
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.zp-blog-empty {
  text-align: center;
  padding: 3rem 1.5rem;
  border-radius: 14px;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  background: #f7f9f2;
}

/* Blog – pojedinačni članak */
.zp-blog-post-body {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, #f9faf6 0%, #ffffff 42%);
  padding-top: clamp(2rem, 4vw, 3.25rem);
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.zp-blog-post-hero-title {
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.zp-blog-post-crumb-current {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}
@media (min-width: 640px) {
  .zp-blog-post-crumb-current {
    max-width: none;
    white-space: normal;
  }
}
.zp-blog-post-article {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}
.zp-blog-post-hero {
  margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #f5f8ed;
  box-shadow: 0 12px 40px rgba(26, 31, 22, 0.08);
}
.zp-blog-post-hero-img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.zp-blog-post-header {
  margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.zp-blog-post-category {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.9rem;
  border-radius: 9999px;
  background: #79b900;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.zp-blog-post-category:hover {
  background: #6aa300;
  color: #fff;
}
.zp-blog-post-meta {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9375rem;
  color: #657977;
}
.zp-blog-post-meta li:not(:last-child)::after {
  content: "·";
  margin-left: 0.75rem;
  color: rgba(101, 121, 119, 0.65);
}
.zp-blog-post-excerpt {
  margin: 1.25rem 0 0;
  font-size: 1.125rem;
  line-height: 1.6;
  color: #1a1f16;
}
.zp-blog-post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}
.zp-blog-post-tag {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  font-size: 0.8125rem;
  color: #4a5654;
}
.zp-blog-post-content {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.zp-blog-post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.zp-blog-post-content a {
  color: #5a8a00;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.zp-blog-post-content a:hover {
  color: #4a6b0a;
}
.zp-blog-post-content blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 4px solid #79b900;
  background: #f5f8ed;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #1a1f16;
}
.zp-blog-post-footer {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.zp-blog-post-related {
  margin-top: clamp(3rem, 6vw, 4.5rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.zp-blog-post-related-head {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}
.zp-blog-post-related-title {
  margin: 0.75rem 0 0;
  font-size: clamp(1.375rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: #1a1f16;
  letter-spacing: -0.02em;
}

/* Katalog: toolbar (sort) */
.zp-catalog-toolbar {
  width: 100%;
}
.zp-catalog-toolbar-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  padding: 1rem 1.15rem;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #f7f9f2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
@media (min-width: 640px) {
  .zp-catalog-toolbar-inner {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem 1.5rem;
    padding: 1rem 1.35rem;
  }
}
.zp-catalog-toolbar-sort {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
@media (min-width: 480px) {
  .zp-catalog-toolbar-sort {
    flex-direction: row;
    align-items: center;
    gap: 0.65rem;
  }
}
.zp-catalog-toolbar-sort-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #657977;
  white-space: nowrap;
}
.zp-catalog-select,
.zp-catalog-toolbar-select {
  font-family: inherit;
  font-size: 0.9375rem;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  color: #1a1f16;
  padding: 0.6rem 0.85rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
@media (min-width: 640px) {
  .zp-catalog-toolbar-select {
    width: auto;
    min-width: 13.75rem;
  }
}
.zp-catalog-select:focus,
.zp-catalog-toolbar-select:focus {
  outline: none;
  border-color: rgba(121, 185, 0, 0.65);
  box-shadow: 0 0 0 3px rgba(121, 185, 0, 0.18);
}
@media (min-width: 1024px) {
  .zp-catalog-filters-desktop.zp-catalog-filters-panel {
    padding: 1.15rem;
  }
}

/* Katalog: učitavanje i prazan katalog (demo kartice) */
.zp-catalog-results-inner {
  position: relative;
  min-height: 28rem;
}
.zp-catalog-loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 3rem;
  background: linear-gradient(180deg, rgba(249, 250, 246, 0.92) 0%, rgba(255, 255, 255, 0.96) 100%);
  backdrop-filter: blur(2px);
}
.zp-catalog-loading-label {
  margin: 0;
  font-size: 0.9375rem;
  color: #3d4538;
}
.zp-catalog-empty-state {
  padding: 0;
  background: transparent;
  border: none;
  overflow: visible;
  min-height: 0;
}
/* Demo kartice: bez linka; eksplicitno dozvoljen izbor teksta (cena, naslov) */
.zp-catalog-demo-card {
  cursor: default;
  -webkit-user-select: text;
  user-select: text;
}
@media (prefers-reduced-motion: reduce) {
  .zp-catalog-loading-overlay {
    backdrop-filter: none;
    background: rgba(255, 255, 255, 0.97);
  }
}

/* Placeholder + fiksno 4:3 (bez Tailwind arbitrary klasa) */
.zp-category-card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #d8e0cf linear-gradient(148deg, #cdd6c2 0%, #f0f4ea 52%, #dce3d4 100%);
}
.zp-category-card-media img.zp-category-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.zp-category-card-media .zp-category-card-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8ebe3;
}

/* Početna – kartice kategorija */
.zp-category-card {
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #f7f9f2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 28px -6px rgba(0, 0, 0, 0.07);
  transition: box-shadow var(--zp-transition-duration) var(--zp-ease), transform var(--zp-transition-duration) var(--zp-ease), border-color var(--zp-transition-duration) var(--zp-ease);
}
.zp-category-card:hover .zp-category-card-img,
.zp-category-card:focus-visible .zp-category-card-img {
  transform: scale(1.04);
}
.zp-category-card-img {
  transition: transform var(--zp-transition-duration) var(--zp-ease);
}
.zp-category-card:hover,
.zp-category-card:focus-visible {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 22px 48px -14px rgba(0, 0, 0, 0.14);
  border-color: rgba(121, 185, 0, 0.22);
  transform: translateY(-3px);
}
.zp-category-card > div:last-of-type {
  padding: 1.125rem 1.375rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(247, 249, 242, 0.95) 100%);
}

/* Skeleton: za budući Livewire blok „Istaknuti proizvodi“ (index ili partial) */
.zp-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
}
.zp-skeleton-card {
  border-radius: 0.375rem;
  background: #e8ebe3;
  min-height: 280px;
  overflow: hidden;
}
.zp-skeleton-pulse {
  animation: zpSkeletonPulse 1.4s ease-in-out infinite;
}
@keyframes zpSkeletonPulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --zp-transition-duration: 0.01ms;
  }
  html.zp-js .reveal-on-scroll:not(.is-visible) {
    opacity: 1;
    transform: none;
    transition: none;
  }
  html.zp-js .reveal-on-scroll.has-stagger:not(.is-visible) .reveal-stagger > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
  html.zp-js .reveal-on-scroll.has-stagger.is-visible .reveal-stagger > * {
    transition-delay: 0s !important;
  }
  .zp-category-card,
  .zp-category-card-img {
    transition: none;
  }
  .zp-category-card:hover,
  .zp-category-card:focus-visible {
    transform: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }
  .zp-category-card:hover .zp-category-card-img,
  .zp-category-card:focus-visible .zp-category-card-img {
    transform: none;
  }
  .zp-skeleton-pulse {
    animation: none;
  }
}

/* Primary buttons – hover lift and shadow */
.primary-btn,
.primary-btn2 {
  transform-origin: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, background 0.25s ease;
}
.primary-btn:hover,
.primary-btn2:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(121, 185, 0, 0.35);
}

/* Nav link underline (desktop #navMenu) */
/* Underline samo ispod teksta – linija na .nav-link-text (širina = tekst) */
#navMenu .nav-link-text {
  position: relative;
  display: inline-block;
}
#navMenu .nav-link-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: #79b900;
  transition: width 0.3s ease;
}
#navMenu .nav-link:hover .nav-link-text::after,
#navMenu .nav-link.nav-link-active .nav-link-text::after {
  width: 100%;
}

/* Breadcrumb / unutrašnji hero: foto (lazy-bg) + tamni overlay iznad slike */
.zdravaprica-breadcrumb-banner {
  position: relative;
  isolation: isolate;
}
.zdravaprica-breadcrumb-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 1;
  pointer-events: none;
}
.zdravaprica-breadcrumb-banner .Container {
  position: relative;
  z-index: 2;
}

/* lazy-bg: pozicija kad JS učita background-image */
.lazy-bg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* Footer: pozadinska slika + tamni overlay (CSS rezerva ako lazy-bg JS zakasni) */
.zdravaprica-footer-main {
  position: relative;
  isolation: isolate;
  background-image: url(/zdravaprica-images/footer-bg.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.zdravaprica-footer-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
  pointer-events: none;
}
/* Social traka: bez foto-pozadine, samo brend zelena (Primary ~#79b900) */
.footer-social-strip {
  position: relative;
  isolation: isolate;
  background-color: #6d9e03;
}
.footer-social-strip-content {
  position: relative;
  z-index: 1;
}
.footer-social-strip-deco {
  z-index: 1;
}
.zp-footer-columns > .zp-footer-col {
  min-width: 0;
}
.zdravaprica-footer-main .Container {
  max-width: 100%;
}

/* Premium typography */
main p {
  line-height: 1.65;
}
main h1 {
  letter-spacing: 0.02em;
}

/* Hero: pozadinski slajdovi (ispod overlaya) */
.hero-banner-slides {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.hero-banner-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.75s ease;
}
.hero-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  display: block;
}
@media (min-width: 1024px) {
  .hero-banner-img {
    object-position: center center;
  }
}
@media (min-width: 1024px) {
  .hero-banner-slide {
    background-position: center center;
  }
}
.hero-banner-slide.is-active {
  opacity: 1;
}

/* Hero: crni overlay iznad slika, ispod sadržaja */
.hero-static.banner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
  pointer-events: none;
}

.hero-static .banner-content .zp-hero-title {
  letter-spacing: 0.04em;
  line-height: 1.1;
}
.hero-static .banner-content .zp-hero-tagline {
  max-width: 36rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.95);
}

/* Hero bez slajdera: animacija pri učitavanju */
@keyframes heroFadeIn {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-static .banner-content > * {
  opacity: 0;
  animation: heroFadeIn 0.65s ease-out both;
}
.hero-static .banner-content > *:nth-child(1) { animation-delay: 0.1s; }
.hero-static .banner-content > *:nth-child(2) { animation-delay: 0.2s; }
.hero-static .banner-content > *:nth-child(3) { animation-delay: 0.3s; }
.hero-static .banner-content > *:nth-child(4) { animation-delay: 0.4s; }
.hero-static .banner-content > *:nth-child(5) { animation-delay: 0.5s; }
.hero-static .banner-content > *:nth-child(6) { animation-delay: 0.6s; }
@keyframes heroFadeInBannerShare {
  from {
    opacity: 0;
    transform: rotate(-90deg) translateY(calc(-50% + 28px));
  }
  to {
    opacity: 1;
    transform: rotate(-90deg) translateY(-50%);
  }
}
.hero-static .banner-content > .banner-share {
  animation-name: heroFadeInBannerShare;
  animation-delay: 0.75s;
  animation-duration: 0.65s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  top: 50%;
  transform-origin: center center;
}

/* Offcanvas mobilni meni */
.offcanvas-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: rgba(245, 248, 237, 0.85);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  -webkit-tap-highlight-color: transparent;
}
.offcanvas-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}

.offcanvas-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 85%;
  max-width: 320px;
  height: 100vh;
  height: 100dvh;
  z-index: 100000;
  background: #eef5e4;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-family: "Albert Sans", sans-serif;
  padding-right: env(safe-area-inset-right, 0);
}
.offcanvas-panel.is-open {
  transform: translateX(0);
}

.offcanvas-inner {
  padding: 1.25rem 1.5rem;
  padding-right: max(1.5rem, env(safe-area-inset-right, 0));
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0));
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-height: min-content;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(45, 74, 62, 0.15);
  flex-shrink: 0;
}

.offcanvas-logo img {
  height: 50px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  display: block;
}

.offcanvas-close {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #2d4a3e;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: color 0.2s, background 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.offcanvas-close:hover,
.offcanvas-close:active {
  color: #79b900;
  background: rgba(121, 185, 0, 0.12);
}

.offcanvas-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.offcanvas-nav a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0.75rem 0;
  color: #2d4a3e;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.1rem;
  transition: color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.offcanvas-nav a:hover,
.offcanvas-nav a:active {
  color: #79b900;
}

.offcanvas-contact h4,
.offcanvas-social h4,
.offcanvas-contact .zp-offcanvas-label,
.offcanvas-social .zp-offcanvas-label {
  margin: 0 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5a7a6e;
}
.offcanvas-contact p,
.offcanvas-contact a {
  margin: 0 0 0.5rem;
  color: #2d4a3e;
  text-decoration: none;
  font-size: 0.95rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.offcanvas-contact a:hover {
  color: #79b900;
}

.offcanvas-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.offcanvas-social a {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2d4a3e;
  border: 2px solid rgba(45, 74, 62, 0.25);
  border-radius: 50%;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.offcanvas-social a:hover {
  color: #79b900;
  border-color: #79b900;
  background: rgba(121, 185, 0, 0.12);
}

/* Hamburger ikona → X kada je meni otvoren */
#navToggle .icon-menu { display: block; }
#navToggle .icon-close { display: none; }
#navToggle.is-open .icon-menu { display: none; }
#navToggle.is-open .icon-close { display: block; }

/* Shop offcanvas (korpa): otvara se klikom na ikonicu korpe */
.cart-offcanvas-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: rgba(245, 248, 237, 0.85);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cart-offcanvas-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}
.cart-offcanvas-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 90vw;
  height: 100vh;
  z-index: 99999;
  background: #eef5e4;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  font-family: "Albert Sans", sans-serif;
}
.cart-offcanvas-panel.is-open {
  transform: translateX(0);
}
.cart-offcanvas-inner {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 100%;
}
.cart-offcanvas-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-height: 0;
}
.cart-offcanvas-empty {
  margin: 0;
  padding: 1.25rem 0.5rem;
  text-align: center;
  color: #657977;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.cart-offcanvas-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  max-height: min(52vh, 520px);
  overflow-y: auto;
}
.cart-offcanvas-item {
  display: grid;
  grid-template-columns: 4.25rem 1fr auto;
  gap: 0.75rem;
  align-items: start;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid rgba(45, 74, 62, 0.12);
  border-radius: 0.75rem;
}
.cart-offcanvas-item-thumb {
  display: block;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #f5f8ed;
  flex-shrink: 0;
}
.cart-offcanvas-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cart-offcanvas-item-thumb-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #657977;
}
.cart-offcanvas-item-main {
  min-width: 0;
}
.cart-offcanvas-item-title {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #2d4a3e;
  text-decoration: none;
  line-height: 1.35;
}
.cart-offcanvas-item-title:hover {
  color: #79b900;
}
.cart-offcanvas-item-variant {
  margin: 0.2rem 0 0;
  font-size: 0.8125rem;
  color: #657977;
}
.cart-offcanvas-item-price {
  margin: 0.35rem 0 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #79b900;
}
.cart-offcanvas-item-qty {
  margin: 0.15rem 0 0;
  font-size: 0.8125rem;
  color: #657977;
}
.cart-offcanvas-item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 0.375rem;
  background: transparent;
  color: #657977;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}
.cart-offcanvas-item-remove:hover {
  color: #c0392b;
  background: rgba(192, 57, 43, 0.08);
}
.cart-offcanvas-summary {
  padding-top: 0.5rem;
  border-top: 1px solid rgba(45, 74, 62, 0.15);
}
.cart-offcanvas-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.9375rem;
  color: #2d4a3e;
}
.cart-offcanvas-summary-row strong {
  font-size: 1.0625rem;
  color: #79b900;
}
.cart-offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(45, 74, 62, 0.15);
}
.cart-offcanvas-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d4a3e;
}
.cart-offcanvas-close {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #2d4a3e;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: color 0.2s, background 0.2s;
}
.cart-offcanvas-close:hover {
  color: #79b900;
  background: rgba(121, 185, 0, 0.12);
}
.cart-offcanvas-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cart-offcanvas-btn {
  display: block;
  text-align: center;
  padding: 0.875rem 1.25rem;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 0.375rem;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
  font-family: "Albert Sans", sans-serif;
}
.cart-offcanvas-btn-primary {
  background: #79b900;
  color: #fff;
  border: 2px solid #79b900;
}
.cart-offcanvas-btn-primary:hover {
  background: #8fd600;
  border-color: #8fd600;
  color: #fff;
}
.cart-offcanvas-btn-secondary {
  background: transparent;
  color: #2d4a3e;
  border: 2px solid rgba(45, 74, 62, 0.35);
}
.cart-offcanvas-btn-secondary:hover {
  color: #79b900;
  border-color: #79b900;
}

/* Blade: scroll-to-top button #scrollTop */
button.scroll-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99998;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #79b900;
  color: #fff;
  border: none;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
button.scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
}
button.scroll-top:hover {
  background-color: #6b9e2d;
  color: #fff;
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

/* Sticky header – pastelna svetla pozadina */
.header-section.is-sticky {
  background-color: rgba(238, 245, 228, 0.98) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.header-section.is-sticky .header-btn,
.header-section.is-sticky a[href],
.header-section.is-sticky button {
  color: #2d4a3e !important;
}
.header-section.is-sticky a:hover,
.header-section.is-sticky button:hover {
  color: #79b900 !important;
}
.header-section.is-sticky .header-btn {
  background-color: #79b900 !important;
  border-color: #79b900 !important;
  color: #fff !important;
}
.header-section.is-sticky .header-btn:hover {
  color: #fff !important;
}

/* Icon sprite – jedan zahtev umesto 11 za male ikone */
.icon-sprite {
  display: inline-block;
  background-image: url(../zdravaprica-images/icons-sprite.webp);
  background-repeat: no-repeat;
  vertical-align: middle;
  flex-shrink: 0;
}
.icon-sprite.icon-counter { width: 113px; height: 113px; background-position: 0 0; }
.icon-sprite.icon-counter-2 { width: 113px; height: 113px; background-position: -115px 0; }
.icon-sprite.icon-counter-3 { width: 113px; height: 113px; background-position: -230px 0; }
.icon-sprite.icon-counter-4 { width: 113px; height: 113px; background-position: -345px 0; }
.icon-sprite.icon-process { width: 180px; height: 207px; background-position: -460px 0; }
.icon-sprite.icon-process-2 { width: 180px; height: 205px; background-position: -642px 0; }
.icon-sprite.icon-process-3 { width: 181px; height: 206px; background-position: -824px 0; }
.icon-sprite.icon-process-arrow { width: 139px; height: 26px; background-position: -1007px 0; }
.icon-sprite.icon-process-arrow-2 { width: 139px; height: 26px; background-position: -1148px 0; }
.icon-sprite.icon-button-shape { width: 14px; height: 14px; background-position: -1289px 0; }
.icon-sprite.icon-sub-title { width: 20px; height: 20px; background-position: -1305px 0; }

/* O nama – Counter, Process, Team, Testimonial, Brand */
.counter-section {
  position: relative;
  isolation: isolate;
  padding: 7rem 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.counter-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 0;
  pointer-events: none;
}
.counter-section .Container {
  position: relative;
  z-index: 1;
}
.counter-section .text-center {
  transition: transform 0.3s ease;
}
.counter-section .text-center:hover {
  transform: scale(1.05);
}
.process-section {
  padding-bottom: 2.5rem;
  padding-top: 7rem;
  position: relative;
  z-index: 10;
}
.process-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.75rem;
}
@media (min-width: 768px) {
  .process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.process-card {
  text-align: center;
}
.process-icon-wrap {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  transition: transform 0.3s ease;
}
.process-card:hover .process-icon-wrap {
  transform: scale(1.05);
}
.process-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -165px;
}
@media (min-width: 1400px) {
  .process-arrow {
    right: -195px;
  }
}
@media (max-width: 1199px) {
  .process-arrow {
    display: none;
  }
}
.team-section {
  margin-top: 0;
  padding-top: 5rem;
  padding-bottom: 7rem;
  position: relative;
}
.team-shape {
  position: absolute;
  z-index: -1;
  top: 2.5rem;
  left: 2.5rem;
  animation: dance2 3s alternate infinite;
}
@media (max-width: 1199px) {
  .team-shape {
    display: none;
  }
}
.project-card-photo {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.project-card-photo > img:first-of-type {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.blog-card-photo {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}
.blog-card-photo > img:first-of-type {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.team-card-img {
  position: relative;
  z-index: 10;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.team-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.team-card-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #f5f8ed;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  z-index: -1;
}
.team-card-body {
  background: #f5f8ed;
  text-align: center;
  padding-top: 26px;
  padding-bottom: 2.5rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  position: relative;
}
.team-card-body::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 5px;
  background: #79b900;
  border-radius: 0.375rem;
  transition: all 0.5s;
}
.team-card.group:hover .team-card-body::before {
  width: 100%;
  left: 0;
}
.team-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.team-card.group:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.testimonial-section {
  padding: 7rem 0;
  background: #f5f8ed;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.testimonial-section .testi-shape {
  position: absolute;
  z-index: -1;
  animation: zoomInOut 2s alternate infinite;
}
.testimonial-section .testi-shape.t1 {
  top: 11rem;
  right: 5%;
}
.testimonial-section .testi-shape.t2 {
  top: 4rem;
  right: 20%;
}
.testimonial-section .testi-shape.t3 {
  top: 11rem;
  left: 5%;
}
.testimonial-section .testi-shape.t4 {
  top: 4rem;
  left: 20%;
}
.testimonial-card {
  padding: 1rem 1.25rem;
  padding-top: 3rem;
  background: #fff;
  position: relative;
  border-radius: 0.75rem;
  z-index: 10;
  overflow: hidden;
}
.testimonial-inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .testimonial-inner {
    flex-direction: row;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .testimonial-inner {
    gap: 2rem;
  }
}
.testimonial-logo {
  position: absolute;
  bottom: 2.5rem;
  right: 2.5rem;
  transition: filter 0.5s;
}
@media (min-width: 992px) {
  .testimonial-logo {
    bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .testimonial-logo {
    bottom: 4rem;
  }
}
.testimonial-card.group:hover .testimonial-logo {
  filter: brightness(0) invert(1);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.testimonial-swiper .swiper-slide {
  height: auto;
  display: flex;
}
.testimonial-swiper .swiper-slide > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
/* Testimonial slide cards (index/about) */
.testimonial-swiper .testimonial-slide-card {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  min-height: 100%;
}
.testimonial-swiper .swiper-slide .testimonial-slide-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
  border-color: rgba(121, 185, 0, 0.35);
}
.testimonial-swiper-wrap {
  position: relative;
}
.brand-wrap {
  position: relative;
  z-index: 10;
}
.brand-inner {
  padding: 5rem 2.5rem 4.5rem;
  border-radius: 0.375rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}
.brand-shape {
  position: absolute;
  z-index: -1;
  top: -50px;
  right: -60px;
  animation: dance2 3s alternate infinite;
}
.brand-title {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  font-family: Albert Sans, sans-serif;
  margin-bottom: 0;
}
.brand-title::before,
.brand-title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 2.5rem;
  background: #fff;
}
.brand-title::before {
  left: -3rem;
}
.brand-title::after {
  right: -3rem;
}

/* --------------------------------------------------------------------------
   Mobile spacing – homepage swipers, sections, breadcrumbs
   -------------------------------------------------------------------------- */
:root {
  --zp-section-py-mobile: clamp(2.25rem, 6vw, 3rem);
  --zp-stack-gap-mobile: 1rem;
  --zp-title-gap-mobile: 1.25rem;
}

.zp-swiper-slide-inner {
  padding-top: 0;
}
@media (min-width: 768px) {
  .zp-swiper-slide-inner--service {
    padding-top: 7.5rem;
  }
  .zp-swiper-slide-inner--project {
    padding-top: 9rem;
  }
}
@media (min-width: 1280px) {
  .zp-swiper-slide-inner--service {
    padding-top: 11.25rem;
  }
}

@media (max-width: 767px) {
  section.zp-section {
    padding-top: var(--zp-section-py-mobile) !important;
    padding-bottom: var(--zp-section-py-mobile) !important;
  }
  section.zp-section--service,
  section.zp-section--testimonial {
    padding-top: var(--zp-section-py-mobile) !important;
    padding-bottom: var(--zp-section-py-mobile) !important;
  }
  section.zp-section--project {
    padding-top: var(--zp-section-py-mobile) !important;
    padding-bottom: 1.5rem !important;
  }
  section.zp-section--process {
    padding-top: var(--zp-section-py-mobile) !important;
    padding-bottom: var(--zp-section-py-mobile) !important;
  }

  .zp-home section.zp-section,
  .zp-home .zp-home-categories {
    padding-top: var(--zp-section-py-mobile) !important;
    padding-bottom: var(--zp-section-py-mobile) !important;
  }
  .zp-home section.zp-section--values + section.zp-section--testimonial {
    padding-top: var(--zp-home-section-py-tight) !important;
  }

  .service-swiper .swiper-slide > div,
  .project-swiper .swiper-slide > div {
    padding-top: 0 !important;
  }

  .zp-home-swiper-wrap {
    margin-top: var(--zp-title-gap-mobile) !important;
  }
  .zp-home .zp-home-process-grid {
    margin-top: var(--zp-title-gap-mobile) !important;
    padding-bottom: 0 !important;
  }
  .zp-home-testimonial-swiper {
    margin-top: var(--zp-title-gap-mobile) !important;
  }
  .zp-home .zp-home-blog-grid {
    margin-top: var(--zp-title-gap-mobile) !important;
  }

  .zp-home .zp-section--about .mt-12 {
    margin-top: 1.5rem !important;
  }
  .zp-home .zp-section--about .mt-9 {
    margin-top: 1.25rem !important;
  }
  .zp-home .zp-section--about .pb-9.mb-10 {
    margin-bottom: 1.25rem !important;
    padding-bottom: 1rem !important;
  }
  .zp-home .zp-section--about > .Container > .grid {
    gap: 2rem !important;
  }

  .zp-section--service h1.border-b {
    padding-bottom: 1.25rem !important;
  }

  .service-nav,
  .project-nav {
    margin-top: 1rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  #heroBanner.banner-hero {
    height: min(72vh, 520px) !important;
    min-height: 420px;
  }
  #heroBanner .pt-36 {
    padding-top: 5.5rem !important;
  }

  .zdravaprica-breadcrumb-banner {
    height: auto !important;
    min-height: 11.5rem;
    max-height: none;
    padding-top: 5rem !important;
    padding-bottom: 1.75rem !important;
    align-items: flex-end;
  }
  .zdravaprica-breadcrumb-banner h1 {
    font-size: 1.5rem !important;
    line-height: 1.25;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .zdravaprica-breadcrumb-banner ul {
    margin-top: 1rem !important;
    font-size: 0.8125rem;
    line-height: 1.35;
    gap: 0.25rem 0.5rem !important;
    padding: 0 0.5rem;
  }
  .zdravaprica-breadcrumb-banner ul li:last-child span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .zp-product-body {
    padding-top: 1.5rem !important;
  }
}

/* Početna: Google recenzije (bez profil slika) */
.zp-home-google-reviews-swiper .zp-google-review-card {
  min-height: 280px;
}
.zp-home-google-reviews-swiper .testimonial-slide-card:hover {
  border-color: rgba(74, 124, 89, 0.35);
  box-shadow: 0 12px 32px rgba(30, 50, 40, 0.08);
}

/* Paginacija ispod kartica, ne preko slajda */
.zp-home-testimonial-swiper {
  position: relative;
}
.zp-home-testimonial-swiper .zp-home-reviews-pagination {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 0;
}
.zp-home-testimonial-swiper .zp-home-reviews-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  opacity: 1;
}
.zp-home-testimonial-swiper .zp-home-reviews-pagination .swiper-pagination-bullet-active {
  background: #79b900;
}

/* Početna: lokacijski strip */
.zp-home-location {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.zp-home-location-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.zp-home-location-item {
  padding: 1.25rem 1.5rem;
  background: #fff;
  border-radius: 0.375rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.zp-home-location-label {
  display: block;
  letter-spacing: 0.08em;
}
.zp-home-hours-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 20rem;
}
.zp-home-hours-row {
  line-height: 1.45;
}
@media (max-width: 767px) {
  .zp-home-location .grid {
    gap: 2rem !important;
  }
  .zp-home-location-item {
    padding: 1rem 1.25rem;
  }
}

/* Nav – bez sive linije na vrhu stranice */
nav.zp-site-nav {
  margin: 0;
  padding: 0;
}
nav.zp-site-nav > header {
  margin-top: 0;
  border-top: none;
}
nav.zp-site-nav #mainHeader.header-section {
  border-top-width: 0;
}
@media (min-width: 768px) {
  nav.zp-site-nav > header.zp-site-top-bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
/* Hero: svetla body pozadina ne sme da se vidi iznad headera */
body:has(.banner-hero) {
  background-color: #1a221c;
}
body:has(.banner-hero) main {
  background-color: #f5f8ed;
}

.content-slider-content .content-slider-label {
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  font-family: var(--font-sans, "Albert Sans", sans-serif);
}

/* Vrednosti – badge kartice (Echofy skill-box) */
.zp-values-badges {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .zp-values-badges {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.zp-values-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.125rem;
  padding: 1.25rem 1.5rem;
  position: relative;
  z-index: 1;
  isolation: isolate;
  border-radius: 0.375rem;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .zp-values-badge {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.zp-values-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  width: 0;
  z-index: -1;
  background-color: #79b900;
  transition: width 0.5s, left 0.5s;
  left: auto;
  right: 0;
}
.zp-values-badge:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}
.zp-values-badge-icon {
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #79b900;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  margin: 0;
  /* optičko centriranje znaka ✓ u krugu */
  padding-bottom: 0.125rem;
  position: relative;
  z-index: 1;
  transition: background-color 0.5s, color 0.5s;
}
.zp-values-badge:hover .zp-values-badge-icon {
  background-color: #fff;
  color: #79b900;
}
.zp-values-badge-text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  color: #001819;
  transition: color 0.5s;
  overflow-wrap: break-word;
  hyphens: auto;
}
@media (min-width: 1200px) {
  .zp-values-badge-text {
    font-size: 1.25rem;
  }
}
.zp-values-badge:hover .zp-values-badge-text {
  color: #fff;
}

/* Cookie consent */
.zp-cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  padding: 1rem;
  pointer-events: none;
}
.zp-cookie-consent__inner {
  pointer-events: auto;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 12px 40px rgba(4, 30, 21, 0.18);
  border: 1px solid rgba(4, 30, 21, 0.08);
}
@media (min-width: 768px) {
  .zp-cookie-consent__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.zp-cookie-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  flex-shrink: 0;
}
.zp-cookie-consent__btn {
  font-family: 'Albert Sans', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 9999px;
  padding: 0.75rem 1.25rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.zp-cookie-consent__btn--primary {
  background: #79b530;
  color: #fff;
}
.zp-cookie-consent__btn--primary:hover {
  background: #041e15;
}
.zp-cookie-consent__btn--ghost {
  background: transparent;
  color: #041e15;
  border-color: rgba(4, 30, 21, 0.15);
}
.zp-cookie-consent__btn--ghost:hover {
  border-color: #79b530;
  color: #79b530;
}
.zp-cookie-consent-fab {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 99998;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  border: none;
  background: #fff;
  box-shadow: 0 8px 24px rgba(4, 30, 21, 0.15);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}
/* Bez treptaja pri učitavanju — ping prstenovi izgledaju kao linije fokusa */
.animate-ping,
.after\:animate-ping::after {
  animation: none !important;
}
.zp-legal-page-banner {
  min-height: 20rem;
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 640px) {
  .zp-legal-page-banner {
    min-height: 25rem;
  }
  .zp-legal-page-banner h1 {
    font-size: 2.875rem;
    line-height: 1.15;
  }
}
.zp-legal-page-body {
  padding-top: clamp(2.5rem, 5vw, 4rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}
.zp-legal-document {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.zp-legal-document .zp-product-desc > h2:first-child {
  display: none;
}
.zp-legal-document h2,
.zp-legal-document h3,
.zp-legal-document h4 {
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
}
.zp-legal-document p,
.zp-legal-document li {
  line-height: 1.75;
}
.zp-legal-document ul,
.zp-legal-document ol {
  padding-left: 1.25rem;
  margin: 0.75rem 0 1rem;
}
.zp-legal-document table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem;
  font-size: 0.9375rem;
}
.zp-legal-document th,
.zp-legal-document td {
  border: 1px solid #e4e9df;
  padding: 0.625rem 0.75rem;
  text-align: left;
  vertical-align: top;
}
.zp-legal-document th {
  background: #f5f8ed;
  font-weight: 600;
}