It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://oferteo.pl

  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Oferteo - Oferty od Firm</title>
  7. <link rel="preconnect" href="https://www.googletagmanager.com/">
  8. <link rel="preconnect" href="https://static.oferteo.pl">
  9. <!-- ▼ GTM -->
  10. <script>
  11. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KRC48JM');
  12. </script>
  13. <style>
  14. @media (max-width: 480px) {html {overflow-x: hidden;overflow-y: scroll;}}
  15. *,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}::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:Mulish,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:rgba(0,0,0,0)}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:-0.25em}sup{top:-0.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:rgba(0,0,0,0);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}:root{--orange: #E7760D;--accent: #E7760D;--accent-50: #FEF2E7;--accent-100: #FCE5D0;--accent-200: #F9CBA1;--accent-300: #F6B171;--accent-400: #F3963F;--accent-500: #E7760D;--accent-600: #C0640F;--accent-700: #904B0B;--accent-800: #603208;--accent-900: #301904;--accent-bg: #FFFCFA;--red: #DA291C;--danger: #DA291C;--danger-50: #FBEAE8;--danger-100: #F8D4D2;--danger-200: #F0A9A4;--danger-300: #E97F77;--danger-400: #E15449;--danger-500: #DA291C;--danger-600: #B8281A;--danger-700: #982517;--danger-800: #792115;--danger-900: #3E170E;--green: #0E875F;--success: #0E875F;--success-50: #E7F3EF;--success-100: #D0EEE4;--success-200: #9FCFBF;--success-300: #6EC29D;--success-400: #12A978;--success-500: #0E875F;--success-600: #157351;--success-700: #174C37;--success-800: #163A2b;--success-900: #13281F;--yellow: #FFBF3F;--warn: #FFBF3F;--warn-50: #FFF9EC;--warn-100: #FFEFCF;--warn-200: #FFE5B2;--warn-300: #FFD98C;--warn-400: #FFCC65;--warn-500: #FFBF3F;--warn-600: #D7A138;--warn-700: #B08431;--warn-800: #664E21;--warn-900: #251E11;--blue: #1462D3;--info: #1462D3;--info-50: #E8EFFB;--info-100: #D0E0F6;--info-200: #A1C0ED;--info-300: #72A1E5;--info-400: #5E93DB;--info-500: #1462D3;--info-600: #104EA9;--info-700: #0C3B7F;--info-800: #082754;--info-900: #04142A;--info-bg: #F8FBFF;--neutral: #767676;--neutral-50: #F2F2F2;--neutral-100: #E9E9E9;--neutral-200: #CCCCCC;--neutral-300: #B2B2B2;--neutral-400: #979797;--neutral-500: #767676;--neutral-600: #575756;--neutral-700: #4D4D4D;--neutral-800: #3E3E3E;--neutral-900: #1A1A1A;--neutral-bg: #F8F9FA;--overlay-70: rgb(0 0 0 / 0.7);--overlay-50: rgb(0 0 0 / 0.5);--white: #FFFFFF;--black: #1A1A1A;--intro-bg: var(--accent);--intro-fg: var(--white);--intro-b-bg: var(--white);--intro-b-fg: var(--accent)}html{scrollbar-color:var(--accent) var(--white);scrollbar-width:thin;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{cursor:default;overflow-x:hidden;overflow-y:scroll;--tw-bg-opacity: 1;background-color:rgb(233 233 233/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;line-height:1.5;--tw-text-opacity: 1;color:rgb(26 26 26/var(--tw-text-opacity));max-width:100vw}#o-app-layout{min-height:100vh;background:#fff}a{cursor:pointer}hr{border:none}input,select,textarea{min-height:52px;width:100%;border-radius:.25rem;border-width:1px;border-style:solid;border-color:rgb(26 26 26/var(--tw-border-opacity));--tw-border-opacity: 0.2;padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem}input:hover,select:hover,textarea:hover{--tw-border-opacity: 0.4}input:focus,select:focus,textarea:focus{--tw-border-opacity: 0.6;outline:2px solid rgba(0,0,0,0);outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{--tw-text-opacity: 1;color:rgb(118 118 118/var(--tw-text-opacity))}input::placeholder,textarea::placeholder{--tw-text-opacity: 1;color:rgb(118 118 118/var(--tw-text-opacity))}button{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px}button:focus{outline-color:#a1c0ed}button{-webkit-tap-highlight-color:rgba(0,0,0,0)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}progress{margin-left:0px;margin-right:0px;margin-top:.75rem;margin-bottom:.75rem;display:block;width:100%;border-radius:9999px;border-width:0px;border-style:none;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem}progress::-moz-progress-bar{border-radius:9999px;background-color:var(--accent-500)}progress::-webkit-progress-bar{background-color:rgba(0,0,0,0)}progress::-webkit-progress-value{border-radius:9999px;background-color:var(--accent-500)}@media screen and (-webkit-min-device-pixel-ratio: 0){progress{height:.75rem}}*,::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 / 0.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 / 0.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: }.\!container{width:100% !important}.container{width:100%}@media(min-width: 360px){.\!container{max-width:360px !important}.container{max-width:360px}}@media(min-width: 480px){.\!container{max-width:480px !important}.container{max-width:480px}}@media(min-width: 600px){.\!container{max-width:600px !important}.container{max-width:600px}}@media(min-width: 768px){.\!container{max-width:768px !important}.container{max-width:768px}}@media(min-width: 992px){.\!container{max-width:992px !important}.container{max-width:992px}}@media(min-width: 1024px){.\!container{max-width:1024px !important}.container{max-width:1024px}}@media(min-width: 1200px){.\!container{max-width:1200px !important}.container{max-width:1200px}}@media(min-width: 1440px){.\!container{max-width:1440px !important}.container{max-width:1440px}}.\!btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding-left:3rem;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;font-weight:700;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding-left:3rem;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;font-weight:700;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.btn-small{border-radius:9999px;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;line-height:1rem}.btn-medium{height:2.5rem;border-radius:9999px;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.btn-large{height:3rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:.5rem;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:400}.btn-accent,.btn-primary{background-color:var(--accent-500);--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-accent:hover,.btn-primary:hover{background-color:var(--accent-400);--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-danger{--tw-bg-opacity: 1;background-color:rgb(218 41 28/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-danger:hover{--tw-bg-opacity: 1;background-color:rgb(225 84 73/var(--tw-bg-opacity))}.btn-info{--tw-bg-opacity: 1;background-color:rgb(20 98 211/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-info:hover{--tw-border-opacity: 1;border-color:rgb(94 147 219/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(94 147 219/var(--tw-bg-opacity))}.btn-outline-accent{border-width:1px;border-color:currentColor;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:var(--accent-500)}.btn-outline-accent:hover{color:var(--accent-400)}.btn-outline-info{border-width:1px;border-color:currentColor;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}.btn-outline-info:hover{--tw-text-opacity: 1;color:rgb(94 147 219/var(--tw-text-opacity))}.\!btn:disabled{cursor:default;--tw-bg-opacity: 1;background-color:rgb(108 108 108/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn:disabled{cursor:default;--tw-bg-opacity: 1;background-color:rgb(108 108 108/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.form-input-checkbox{display:flex;align-items:center}.form-input-checkbox .input-control{margin-right:.5rem}.form-input-checkbox .input-control:has(:focus)>div{outline:2px solid var(--accent-300)}.input-control input[type=checkbox]:focus+div{outline:2px solid var(--accent-300)}.input-control{position:relative;display:inline-block;height:1.25rem;width:1.25rem;flex:none}.input-control input{position:absolute;inset:0px;height:100%;min-height:auto;width:100%;opacity:0}.input-control>div:first-child,.input-control input+div{pointer-events:none;position:absolute;inset:0px;display:flex;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgb(178 178 178/var(--tw-border-opacity));font-size:1rem;line-height:1.5rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.input-control div:first-child.is-disabled,.input-control input:disabled+div{--tw-grayscale: grayscale(100%);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)}.input-control:not(.input-control-toggle) input[type=checkbox]:disabled+div{pointer-events:none;--tw-bg-opacity: 1 !important;background-color:rgb(242 242 242/var(--tw-bg-opacity)) !important;--tw-shadow-color: #979797 !important;--tw-shadow: var(--tw-shadow-colored) !important}.input-control input[type=radio]+div{border-radius:9999px;border-width:1px;transition-property:none}.input-control input[type=radio]:hover:not(:checked)+div{border-width:2px;border-color:var(--accent-500)}.input-control input[type=radio]:focus+div{outline-width:0px}.input-control input[type=radio]:checked+div{border-width:6px;border-color:var(--accent-500)}.input-control.is-invalid input[type=radio]+div{box-shadow:0 0 0 1px var(--danger)}.input-control.is-redesigned input[type=radio]+div{box-shadow:none !important;border:1px solid var(--neutral)}.input-control.is-redesigned input[type=radio]:hover:not(:checked)+div{border-color:var(--neutral-700)}.input-control.is-redesigned input[type=radio]:checked+div{border-color:var(--accent);background-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 0 0 2px #fff inset !important}.input-control.is-redesigned.is-invalid input[type=radio]+div{border-color:var(--danger)}.input-control div.is-checkbox:hover:not(.is-checked),.input-control input[type=checkbox]:hover:not(:checked)+div{--tw-shadow-color: #575756;--tw-shadow: var(--tw-shadow-colored)}.input-control div.is-checkbox,.input-control:not(.input-control-toggle) input[type=checkbox]+div{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:rgba(0,0,0,0)}.input-control div.is-checkbox::after,.input-control:not(.input-control-toggle) input[type=checkbox]+div::after{height:100%;width:100%;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:currentColor;--tw-content: "";content:var(--tw-content);-webkit-clip-path:polygon(88% 16%, 100% 29%, 35% 85%, 0 52%, 11% 40%, 34% 62%);clip-path:polygon(88% 16%, 100% 29%, 35% 85%, 0 52%, 11% 40%, 34% 62%)}.input-control div.is-checkbox.is-checked,.input-control:not(.input-control-toggle) input[type=checkbox]:checked+div{background-color:var(--accent-500);--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow-color: var(--accent-500);--tw-shadow: var(--tw-shadow-colored)}.input-control.is-info div.is-checkbox.is-checked,.input-control.is-info:not(.input-control-toggle) input[type=checkbox]:checked+div{--tw-bg-opacity: 1;background-color:rgb(20 98 211/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow-color: #1462D3;--tw-shadow: var(--tw-shadow-colored)}.input-control:not(.input-control-toggle) input[type=checkbox]:disabled:checked+div::after{--tw-bg-opacity: 1;background-color:rgb(151 151 151/var(--tw-bg-opacity))}.form-input-required .form-input-label:before{content:"* ";color:var(--danger);font-weight:bold;margin-right:.25rem}.o-link{color:var(--accent-500)}.o-link .o-link_label{text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:4px}.o-link:hover,.o-link:active{background-color:var(--accent-50)}.o-link:active{color:var(--accent-400)}.o-link:focus{outline-width:4px;outline-color:#a1c0ed}.o-link:visited{color:var(--accent-700)}.o-link .o-link_icon{margin-left:.25rem;margin-right:.25rem;vertical-align:text-bottom;width:1em !important;height:1em !important}.o-link[data-color=info]{--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}.o-link[data-color=info] :hover,.o-link[data-color=info] :active{--tw-bg-opacity: 1;background-color:rgb(232 239 251/var(--tw-bg-opacity))}.o-link[data-color=info] :active{--tw-text-opacity: 1;color:rgb(94 147 219/var(--tw-text-opacity))}.o-link[data-color=info] :not([data-no-visited=true]):visited{--tw-text-opacity: 1;color:rgb(12 59 127/var(--tw-text-opacity))}.o-link[data-color=orange]{--tw-text-opacity: 1;color:rgb(192 100 15/var(--tw-text-opacity))}.o-link[data-color=orange]:hover,.o-link[data-color=orange]:active{--tw-bg-opacity: 1;background-color:rgb(254 242 231/var(--tw-bg-opacity))}.o-link[data-color=orange]:active{--tw-text-opacity: 1;color:rgb(231 118 13/var(--tw-text-opacity))}.o-link[data-color=orange]:not([data-no-visited=true]):visited{--tw-text-opacity: 1;color:rgb(96 50 8/var(--tw-text-opacity))}.o-link[data-color=gray]{--tw-text-opacity: 1;color:rgb(87 87 86/var(--tw-text-opacity))}.o-link[data-color=gray]:hover,.o-link[data-color=gray]:active{--tw-bg-opacity: 1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.o-link[data-color=gray]:active{--tw-text-opacity: 1;color:rgb(118 118 118/var(--tw-text-opacity))}.o-link[data-color=gray]:not([data-no-visited=true]):visited{--tw-text-opacity: 1;color:rgb(62 62 62/var(--tw-text-opacity))}.o-link[data-color=white]{--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.o-link[data-color=white]:hover,.o-link[data-color=white]:active{--tw-bg-opacity: 1;background-color:rgb(62 62 62/var(--tw-bg-opacity))}.o-link[data-color=white]:active{--tw-text-opacity: 1;color:rgb(233 233 233/var(--tw-text-opacity))}.o-link[data-color=white]:not([data-no-visited=true]):visited{--tw-text-opacity: 1;color:rgb(204 204 204/var(--tw-text-opacity))}.o-link[data-color=white][data-no-visited=true]:active{--tw-text-opacity: 1;color:rgb(204 204 204/var(--tw-text-opacity))}.o-link[data-color=disabled]{pointer-events:none !important;--tw-text-opacity: 1 !important;color:rgb(151 151 151/var(--tw-text-opacity)) !important}.o-link[data-size=lg]{font-size:1rem;line-height:1.5rem}.o-link[data-size=lg].o-link_icon{width:1.25rem !important;height:1.25rem !important}.o-link[data-size=md]{font-size:.875rem;line-height:1.25rem}.o-link[data-size=md] .o-link_icon{width:1rem !important;height:1rem !important}.o-link[data-size=sm]{font-size:.75rem;line-height:1rem}.o-link[data-size=sm] .o-link_icon{width:.75rem !important;height:.75rem !important}.o-link[data-variant=footer]{background-color:rgba(0,0,0,0) !important}.o-link .o-link_label{text-decoration-color:rgba(0,0,0,0)}.o-link:hover .o-link_label{text-decoration-color:currentColor}.o-link[data-definition=true] .o-link_label{text-decoration-style:dashed}.tag{display:inline-flex;height:18px;align-items:center;justify-content:center;border-radius:100px;padding-left:.5rem;padding-right:.5rem;padding-top:.125rem;padding-bottom:.125rem;font-size:.75rem;line-height:1rem;font-weight:700;line-height:18px;--tw-text-opacity: 1;color:rgb(87 87 86/var(--tw-text-opacity))}.tag.tag-truncate{display:inline-grid !important;grid-auto-flow:column;align-items:center;white-space:nowrap}.tag.tag-truncate>*:first-child{display:inline-block;min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.tag-default{border-width:1px;--tw-border-opacity: 1;border-color:rgb(233 233 233/var(--tw-border-opacity))}.tag:focus{border-width:2px;--tw-border-opacity: 1;border-color:rgb(161 192 237/var(--tw-border-opacity));outline:2px solid rgba(0,0,0,0);outline-offset:2px}.tag.tag-desktop{height:1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;line-height:1.25}.tag.tag-mobile{font-size:.75rem;line-height:1rem;font-weight:700;line-height:18px}.tag.tag-dark-gray{--tw-bg-opacity: 1;background-color:rgb(204 204 204/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(87 87 86/var(--tw-text-opacity))}.tag.tag-gray{--tw-bg-opacity: 1;background-color:rgb(242 242 242/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(87 87 86/var(--tw-text-opacity))}.tag.tag-blue{--tw-bg-opacity: 1;background-color:rgb(208 224 246/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(16 78 169/var(--tw-text-opacity))}.tag.tag-green{--tw-bg-opacity: 1;background-color:rgb(208 238 228/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(14 135 95/var(--tw-text-opacity))}.tag.tag-red{--tw-bg-opacity: 1;background-color:rgb(251 234 232/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(184 40 26/var(--tw-text-opacity))}.tag.tag-yellow{--tw-bg-opacity: 1;background-color:rgb(255 249 236/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(102 78 33/var(--tw-text-opacity))}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.\!absolute{position:absolute !important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.inset-y-0{top:0px;bottom:0px}.-bottom-1{bottom:-0.25rem}.-left-4{left:-1rem}.-right-1{right:-0.25rem}.-top-1{top:-0.25rem}.-top-10{top:-2.5rem}.-top-\[7px\]{top:-7px}.-top-\[8px\]{top:-8px}.-top-px{top:-1px}.bottom-0{bottom:0px}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.left-0{left:0px}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-\[var\(--pointer-x\)\]{left:var(--pointer-x)}.right-0{right:0px}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-\[117px\]{right:117px}.top-0{top:0px}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-48{top:12rem}.top-\[84px\]{top:84px}.top-full{top:100%}.top-px{top:1px}.isolate{isolation:isolate}.-z-1{z-index:-1}.z-1{z-index:1}.z-10{z-index:10}.z-16{z-index:16}.z-2{z-index:2}.z-2048{z-index:2048}.z-32{z-index:32}.z-4{z-index:4}.z-48{z-index:48}.z-50{z-index:50}.z-64{z-index:64}.z-\[1000\]{z-index:1000}.z-\[101\]{z-index:101}.z-\[102\]{z-index:102}.z-\[1060\]{z-index:1060}.z-\[15\]{z-index:15}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.row-span-2{grid-row:span 2/span 2}.row-span-4{grid-row:span 4/span 4}.float-right{float:right}.clear-both{clear:both}.-m-1{margin:-0.25rem}.-m-2{margin:-0.5rem}.-m-4{margin:-1rem}.m-0{margin:0px}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-auto{margin:auto}.\!mx-0{margin-left:0px !important;margin-right:0px !important}.-mx-3{margin-left:-0.75rem;margin-right:-0.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.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-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.\!mb-0{margin-bottom:0px !important}.\!mt-0{margin-top:0px !important}.\!mt-0\.5{margin-top:.125rem !important}.-mb-2{margin-bottom:-0.5rem}.-mb-3{margin-bottom:-0.75rem}.-ml-1{margin-left:-0.25rem}.-ml-2{margin-left:-0.5rem}.-ml-3{margin-left:-0.75rem}.-ml-6{margin-left:-1.5rem}.-mr-2{margin-right:-0.5rem}.-mr-6{margin-right:-1.5rem}.-mt-1{margin-top:-0.25rem}.-mt-16{margin-top:-4rem}.-mt-2{margin-top:-0.5rem}.-mt-3{margin-top:-0.75rem}.-mt-4{margin-top:-1rem}.-mt-6{margin-top:-1.5rem}.-mt-8{margin-top:-2rem}.mb-0{margin-bottom:0px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.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-\[2px\]{margin-bottom:2px}.mb-auto{margin-bottom:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-\[2px\]{margin-right:2px}.mr-auto{margin-right:auto}.mr-px{margin-right:1px}.mt-0{margin-top:0px}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.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-\[112px\]{margin-top:112px}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex !important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none !important}.hidden{display:none}.aspect-\[120\/35\]{aspect-ratio:120/35}.aspect-\[130\/97\]{aspect-ratio:130/97}.aspect-\[243\.43\/428\.53\]{aspect-ratio:243.43/428.53}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-\[72px\]{width:72px;height:72px}.\!h-10{height:2.5rem !important}.\!h-12{height:3rem !important}.\!h-auto{height:auto !important}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\/4{height:75%}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[100px\]{height:100px}.h-\[101px\]{height:101px}.h-\[115px\]{height:115px}.h-\[120\%\]{height:120%}.h-\[137px\]{height:137px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[238px\]{height:238px}.h-\[245px\]{height:245px}.h-\[252px\]{height:252px}.h-\[256px\]{height:256px}.h-\[260px\]{height:260px}.h-\[34px\]{height:34px}.h-\[4\.5rem\]{height:4.5rem}.h-\[47px\]{height:47px}.h-\[48px\]{height:48px}.h-\[5\.25rem\]{height:5.25rem}.h-\[50vh\]{height:50vh}.h-\[52px\]{height:52px}.h-\[780px\]{height:780px}.h-\[7px\]{height:7px}.h-\[84px\]{height:84px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-\[713px\]{max-height:713px !important}.max-h-16{max-height:4rem}.max-h-\[1440px\]{max-height:1440px}.max-h-\[768px\]{max-height:768px}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[280px\]{min-height:280px}.min-h-\[28px\]{min-height:28px}.min-h-\[84px\]{min-height:84px}.\!w-full{width:100% !important}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[10\.5rem\]{width:10.5rem}.w-\[100px\]{width:100px}.w-\[103px\]{width:103px}.w-\[106px\]{width:106px}.w-\[114px\]{width:114px}.w-\[115px\]{width:115px}.w-\[117px\]{width:117px}.w-\[120px\]{width:120px}.w-\[260px\]{width:260px}.w-\[268px\]{width:268px}.w-\[312px\]{width:312px}.w-\[313px\]{width:313px}.w-\[358px\]{width:358px}.w-\[4\.5rem\]{width:4.5rem}.w-\[70px\]{width:70px}.w-\[81px\]{width:81px}.w-\[95px\]{width:95px}.w-\[99px\]{width:99px}.w-\[calc\(100\%\+3rem\)\]{width:calc(100% + 3rem)}.w-\[calc\(312px-5rem\)\]{width:calc(312px - 5rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[303px\]{min-width:303px}.min-w-\[34px\]{min-width:34px}.\!max-w-\[1200px\]{max-width:1200px !important}.\!max-w-\[40rem\]{max-width:40rem !important}.\!max-w-container{max-width:56rem !important}.\!max-w-container-xl{max-width:87.5rem !important}.\!max-w-full{max-width:100% !important}.max-w-16{max-width:4rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[22\.5rem\]{max-width:22.5rem}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.max-w-\[336px\]{max-width:336px}.max-w-\[36rem\]{max-width:36rem}.max-w-\[43\.75rem\]{max-width:43.75rem}.max-w-\[564px\]{max-width:564px}.max-w-\[6rem\]{max-width:6rem}.max-w-\[960px\]{max-width:960px}.max-w-\[none\]{max-width:none}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-1\/4{flex-basis:25%}.basis-3\/6{flex-basis:50%}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[180deg\]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-proximity{--tw-scroll-snap-strictness: proximity}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.scroll-m-16{scroll-margin:4rem}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.scroll-mt-\[45px\]{scroll-margin-top:45px}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-\[minmax\(80vw\,1fr\)\]{grid-auto-columns:minmax(80vw, 1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-\[70\%_70\%_70\%\]{grid-template-columns:70% 70% 70%}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[minmax\(40rem\,_60rem\)_minmax\(20rem\,_24rem\)\]{grid-template-columns:minmax(40rem, 60rem) minmax(20rem, 24rem)}.grid-cols-\[repeat\(auto-fill\,minmax\(80vw\,1fr\)\)\]{grid-template-columns:repeat(auto-fill, minmax(80vw, 1fr))}.grid-rows-subgrid{grid-template-rows:subgrid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!justify-between{justify-content:space-between !important}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-\[2px\]{gap:2px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-neutral-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(233 233 233/var(--tw-divide-opacity))}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-full{border-radius:9999px !important}.\!rounded-lg{border-radius:.5rem !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-none{border-radius:0px}.rounded-xl{border-radius:.75rem}.rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tl-2xl{border-top-left-radius:1rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-accent{border-color:var(--accent-500)}.border-black{--tw-border-opacity: 1;border-color:rgb(26 26 26/var(--tw-border-opacity))}.border-black\/15{border-color:rgba(26,26,26,.15)}.border-current{border-color:currentColor}.border-info{--tw-border-opacity: 1;border-color:rgb(20 98 211/var(--tw-border-opacity))}.border-info-500{--tw-border-opacity: 1;border-color:rgb(20 98 211/var(--tw-border-opacity))}.border-neutral-100{--tw-border-opacity: 1;border-color:rgb(233 233 233/var(--tw-border-opacity))}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(204 204 204/var(--tw-border-opacity))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(178 178 178/var(--tw-border-opacity))}.border-neutral-50{--tw-border-opacity: 1;border-color:rgb(242 242 242/var(--tw-border-opacity))}.border-neutral-800{--tw-border-opacity: 1;border-color:rgb(62 62 62/var(--tw-border-opacity))}.border-neutral-border{--tw-border-opacity: 1;border-color:rgb(222 226 230/var(--tw-border-opacity))}.border-success-200{--tw-border-opacity: 1;border-color:rgb(159 207 191/var(--tw-border-opacity))}.border-success-400{--tw-border-opacity: 1;border-color:rgb(18 169 120/var(--tw-border-opacity))}.border-b-accent{border-bottom-color:var(--accent-500)}.border-b-neutral-100{--tw-border-opacity: 1;border-bottom-color:rgb(233 233 233/var(--tw-border-opacity))}.border-b-neutral-bg{--tw-border-opacity: 1;border-bottom-color:rgb(248 249 250/var(--tw-border-opacity))}.border-r-neutral-bg{--tw-border-opacity: 1;border-right-color:rgb(248 249 250/var(--tw-border-opacity))}.border-t-neutral-100{--tw-border-opacity: 1;border-top-color:rgb(233 233 233/var(--tw-border-opacity))}.\!border-opacity-20{--tw-border-opacity: 0.2 !important}.border-opacity-10{--tw-border-opacity: 0.1}.bg-\[#eef4fc\]{--tw-bg-opacity: 1;background-color:rgb(238 244 252/var(--tw-bg-opacity))}.bg-accent{background-color:var(--accent-500)}.bg-accent-50{background-color:var(--accent-50)}.bg-accent-500{background-color:var(--accent-500)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(26 26 26/var(--tw-bg-opacity))}.bg-black\/50{background-color:rgba(26,26,26,.5)}.bg-black\/70{background-color:rgba(26,26,26,.7)}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(218 41 28/var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity: 1;background-color:rgb(52 58 64/var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity: 1;background-color:rgb(20 98 211/var(--tw-bg-opacity))}.bg-info-100{--tw-bg-opacity: 1;background-color:rgb(208 224 246/var(--tw-bg-opacity))}.bg-info-50{--tw-bg-opacity: 1;background-color:rgb(232 239 251/var(--tw-bg-opacity))}.bg-info-600{--tw-bg-opacity: 1;background-color:rgb(16 78 169/var(--tw-bg-opacity))}.bg-info-700{--tw-bg-opacity: 1;background-color:rgb(12 59 127/var(--tw-bg-opacity))}.bg-info-800{--tw-bg-opacity: 1;background-color:rgb(8 39 84/var(--tw-bg-opacity))}.bg-info-bg{--tw-bg-opacity: 1;background-color:rgb(248 251 255/var(--tw-bg-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(233 233 233/var(--tw-bg-opacity))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(204 204 204/var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgb(178 178 178/var(--tw-bg-opacity))}.bg-neutral-400{--tw-bg-opacity: 1;background-color:rgb(151 151 151/var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.bg-neutral-600{--tw-bg-opacity: 1;background-color:rgb(87 87 86/var(--tw-bg-opacity))}.bg-neutral-700{--tw-bg-opacity: 1;background-color:rgb(77 77 77/var(--tw-bg-opacity))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(26 26 26/var(--tw-bg-opacity))}.bg-neutral-900\/50{background-color:rgba(26,26,26,.5)}.bg-neutral-bg{--tw-bg-opacity: 1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.bg-neutral-border{--tw-bg-opacity: 1;background-color:rgb(222 226 230/var(--tw-bg-opacity))}.bg-orange{--tw-bg-opacity: 1;background-color:rgb(231 118 13/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(252 229 208/var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(254 242 231/var(--tw-bg-opacity))}.bg-orange-bg{--tw-bg-opacity: 1;background-color:rgb(255 252 250/var(--tw-bg-opacity))}.bg-success-100{--tw-bg-opacity: 1;background-color:rgb(208 238 228/var(--tw-bg-opacity))}.bg-success-400{--tw-bg-opacity: 1;background-color:rgb(18 169 120/var(--tw-bg-opacity))}.bg-success-50{--tw-bg-opacity: 1;background-color:rgb(231 243 239/var(--tw-bg-opacity))}.bg-transparent{background-color:rgba(0,0,0,0)}.bg-warn{--tw-bg-opacity: 1;background-color:rgb(255 191 63/var(--tw-bg-opacity))}.bg-warn-100{--tw-bg-opacity: 1;background-color:rgb(255 239 207/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/85{background-color:rgba(255,255,255,.85)}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-black\/0{--tw-gradient-from: rgb(26 26 26 / 0) var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-black\/80{--tw-gradient-to: rgb(26 26 26 / 0.8) var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.\!fill-accent{fill:var(--accent-500) !important}.fill-black{fill:#1a1a1a}.fill-current{fill:currentColor}.fill-white{fill:#fff}.stroke-accent{stroke:var(--accent-500)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-top{-o-object-position:top;object-position:top}.\!p-0{padding:0px !important}.p-0{padding:0px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-0{padding-left:0px !important;padding-right:0px !important}.\!px-6{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-0{padding-left:0px;padding-right:0px}.px-1{padding-left:.25rem;padding-right:.25rem}.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}.py-0{padding-top:0px;padding-bottom:0px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.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-\[2px\]{padding-top:2px;padding-bottom:2px}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0px}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.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-\[5\.5rem\]{padding-bottom:5.5rem}.pl-0{padding-left:0px}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-\[70\%\]{padding-left:70%}.pl-\[75\%\]{padding-left:75%}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-\[calc\(117px\+2\.75rem\)\]{padding-right:calc(117px + 2.75rem)}.pt-0{padding-top:0px}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-\[82px\]{padding-top:82px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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-5xl{font-size:3rem;line-height:1}.text-\[0\.625rem\]{font-size:.625rem}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.text-\[18px\]{font-size:18px}.text-\[24px\]{font-size:24px}.text-\[2rem\]{font-size:2rem}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-base{font-size:1rem;line-height:1.5rem}.text-body-lg{font-size:1rem;line-height:1.5rem}.text-body-xs{font-size:.625rem;line-height:.875rem}.text-heading-lg{font-size:2rem;line-height:2.5rem}.text-heading-md{font-size:1.5rem;line-height:2rem}.text-heading-sm{font-size:1.25rem;line-height:1.75rem}.text-heading-xs{font-size:1.125rem;line-height:1.625rem}.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-10{line-height:2.5rem !important}.\!leading-snug{line-height:1.375 !important}.\!leading-tight{line-height:1.25 !important}.leading-10{line-height:2.5rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[1\.125rem\]{line-height:1.125rem}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-accent{color:var(--accent-500)}.text-black{--tw-text-opacity: 1;color:rgb(26 26 26/var(--tw-text-opacity))}.text-current{color:currentColor}.text-danger{--tw-text-opacity: 1;color:rgb(218 41 28/var(--tw-text-opacity))}.text-dark{--tw-text-opacity: 1;color:rgb(52 58 64/var(--tw-text-opacity))}.text-info{--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}.text-info-100{--tw-text-opacity: 1;color:rgb(208 224 246/var(--tw-text-opacity))}.text-info-200{--tw-text-opacity: 1;color:rgb(161 192 237/var(--tw-text-opacity))}.text-info-400{--tw-text-opacity: 1;color:rgb(94 147 219/var(--tw-text-opacity))}.text-info-50{--tw-text-opacity: 1;color:rgb(232 239 251/var(--tw-text-opacity))}.text-info-500{--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}.text-info-700{--tw-text-opacity: 1;color:rgb(12 59 127/var(--tw-text-opacity))}.text-info-800{--tw-text-opacity: 1;color:rgb(8 39 84/var(--tw-text-opacity))}.text-info-900{--tw-text-opacity: 1;color:rgb(4 20 42/var(--tw-text-opacity))}.text-neutral{--tw-text-opacity: 1;color:rgb(108 108 108/var(--tw-text-opacity))}.text-neutral-100{--tw-text-opacity: 1;color:rgb(233 233 233/var(--tw-text-opacity))}.text-neutral-200{--tw-text-opacity: 1;color:rgb(204 204 204/var(--tw-text-opacity))}.text-neutral-300{--tw-text-opacity: 1;color:rgb(178 178 178/var(--tw-text-opacity))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(151 151 151/var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(118 118 118/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(87 87 86/var(--tw-text-opacity))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(77 77 77/var(--tw-text-opacity))}.text-neutral-800{--tw-text-opacity: 1;color:rgb(62 62 62/var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(26 26 26/var(--tw-text-opacity))}.text-orange{--tw-text-opacity: 1;color:rgb(231 118 13/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity: 1;color:rgb(246 177 113/var(--tw-text-opacity))}.text-success{--tw-text-opacity: 1;color:rgb(14 135 95/var(--tw-text-opacity))}.text-success-400{--tw-text-opacity: 1;color:rgb(18 169 120/var(--tw-text-opacity))}.text-success-600{--tw-text-opacity: 1;color:rgb(21 115 81/var(--tw-text-opacity))}.text-warn-800{--tw-text-opacity: 1;color:rgb(102 78 33/var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.\!no-underline{text-decoration-line:none !important}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-\[0\.5px_3px_4px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0.5px 3px 4px 0px rgba(0,0,0,0.08);--tw-shadow-colored: 0.5px 3px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-\[0px_1px_4px_2px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow: 0px 1px 4px 2px rgba(0,0,0,0.04);--tw-shadow-colored: 0px 1px 4px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-\[0px_2px_8px_4px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0px 2px 8px 4px rgba(0,0,0,0.05);--tw-shadow-colored: 0px 2px 8px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-md{--tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07), 1px 6px 8px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color), 1px 6px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05), 0.5px 3px 4px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color), 0.5px 3px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-top{--tw-shadow: 0px -1px 8px rgba(0, 0, 0, 0.05), 0.5px -1.5px 4px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px -1px 8px var(--tw-shadow-color), 0.5px -1.5px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0.25px 1.5px 2px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color), 0.25px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.outline{outline-style:solid}.outline-transparent{outline-color:rgba(0,0,0,0)}.blur{--tw-blur: blur(8px);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)}.blur-sm{--tw-blur: blur(4px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));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{--tw-invert: invert(100%);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)}.sepia{--tw-sepia: sepia(100%);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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-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)}.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(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.col-3{flex-grow:0;flex-shrink:0;flex-basis:25%;width:25%}.col-4{flex-grow:0;flex-shrink:0;flex-basis:33.3333333333%;width:33.3333333333%}.col-12{flex-grow:0;flex-shrink:0;flex-basis:100%;width:100%}.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.center{left:50%;top:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.heading-lg{font-size:1.75rem;line-height:2rem;font-weight:700}@media(min-width: 768px){.heading-lg{font-size:2rem;line-height:2.5rem}}.heading-md{font-size:1.5rem;line-height:2rem;font-weight:700}.heading-sm{font-size:1.25rem;line-height:1.75rem;font-weight:700}.heading-xs{font-size:1.125rem;line-height:1.625rem;font-weight:700}.a-loaded{transform-origin:top}@keyframes section-in{0%{opacity:0}100%{opacity:1}}.a-loaded{animation:section-in .6s ease .15s backwards}.line-clamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:break-word}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-10{-webkit-line-clamp:10}.\[scrollbar-width\:none\]{scrollbar-width:none}@media(max-width: 480px){body{overflow-x:hidden;overflow-y:scroll;overflow-y:auto !important}}@layer transitions{.opacity-enter-active,.opacity-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.opacity-enter-from,.opacity-leave-to{opacity:0}.expand-enter-active,.expand-leave-active{transform-origin:top;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.expand-leave-active{position:absolute}.expand-enter-from,.expand-leave-to{opacity:0;transform:scaleY(0)}.expand-enter-to,.expand-leave-from{opacity:1;transform:scaleY(100%)}}.container{margin-left:auto;margin-right:auto;width:100%;max-width:72rem}.customer-profile-view .customer-profile-card .form-input{margin:0 !important;padding:0 !important}.customer-profile-view .customer-profile-card .form-group{display:flex !important;flex-direction:column !important;padding:0 !important;margin:0 !important;gap:1rem}.customer-profile-view .customer-profile-card .form-heading{margin:0 !important;padding:0 !important}.customer-profile-view .customer-profile-card .form-input-validation:empty{display:none}.customer-profile-view .customer-profile-card{margin-bottom:4rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@media(min-width: 992px){.customer-profile-view .customer-profile-card{border-radius:.5rem;--tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07), 1px 6px 8px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color), 1px 6px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}}.customer-profile-view .customer-profile-card-header{position:sticky;top:0px;z-index:4}@media(min-width: 992px){.customer-profile-view .customer-profile-card-header{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.customer-profile-view .customer-profile-card-body{padding-left:1rem;padding-right:1rem}@media(min-width: 992px){.customer-profile-view .customer-profile-card-body{padding-left:1.5rem;padding-right:1.5rem}}.customer-profile-view .customer-profile-card-footer{position:fixed;bottom:0px;left:0px;right:0px;z-index:16;margin-top:1rem;display:flex;justify-content:center;gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / 0.25) var(--tw-gradient-to-position);padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;--tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07), 1px 6px 8px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color), 1px 6px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}@media(min-width: 992px){.customer-profile-view .customer-profile-card-footer{position:sticky;border-radius:.5rem;background-color:rgba(0,0,0,0);background-image:linear-gradient(to top, var(--tw-gradient-stops));padding:1.5rem;padding-top:0px;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}}.customer-profile-view .customer-profile-card-divider{margin-left:-1rem;margin-right:-1rem;margin-top:1.5rem;margin-bottom:1.5rem;height:1rem;flex-basis:1rem !important;border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(233 233 233/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}@media(min-width: 992px){.customer-profile-view .customer-profile-card-divider{margin-left:0px;margin-right:0px;margin-top:2.5rem;margin-bottom:2.5rem;height:1px;flex-basis:1px !important;border-style:none;--tw-bg-opacity: 1;background-color:rgb(204 204 204/var(--tw-bg-opacity))}}.customer-profile-view .form-group .customer-profile-card-divider{margin-top:1rem;margin-bottom:1rem}@media(min-width: 992px){.customer-profile-view .form-group .customer-profile-card-divider{margin-top:1rem;margin-bottom:1rem}}.customer-profile-view .customer-profile-card-divider.is-start{margin-top:0px;border-top-width:0px}@media(min-width: 992px){.customer-profile-view .customer-profile-card-divider.is-start{display:none}}.customer-profile-view .customer-profile-card-divider.is-end{margin-bottom:0px;border-bottom-width:0px}@media(min-width: 992px){.customer-profile-view .customer-profile-card-divider.is-end{display:none}}.customer-profile-view .customer-profile-card-divider.is-subdivider{margin-left:0px;margin-right:0px;margin-top:1.5rem;margin-bottom:1.5rem;height:1px;flex-basis:1px !important;border-style:none;--tw-bg-opacity: 1;background-color:rgb(204 204 204/var(--tw-bg-opacity))}@media(min-width: 992px){.customer-profile-view .customer-profile-card-divider.is-subdivider{margin-top:2.5rem;margin-bottom:2.5rem}}.customer-profile-view-onboarding .customer-profile-card .form-input{margin:0 !important;padding:0 !important}.customer-profile-view-onboarding .form-group.is-editable.is-multicolumn:not(.is-dialog-form)>*{margin:0 !important;padding:0 !important}.customer-profile-view-onboarding .customer-profile-card .form-group{display:flex !important;flex-direction:column !important;padding:0 !important;margin:0 !important;gap:1rem}.customer-profile-view-onboarding .customer-profile-card .form-heading{margin:0 !important;padding:0 !important}.customer-profile-view-onboarding .customer-profile-card .form-input-validation:empty{display:none}.customer-profile-view-onboarding .customer-profile-card{margin-bottom:4rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05), 0.5px 3px 4px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color), 0.5px 3px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.customer-profile-view-onboarding .customer-profile-card-header{margin-bottom:-2rem;padding-left:1rem;padding-right:1rem;padding-top:1.5rem}@media(min-width: 992px){.customer-profile-view-onboarding .customer-profile-card-header{margin-bottom:0px;padding-left:1.5rem;padding-right:1.5rem}}.customer-profile-view-onboarding .customer-profile-card-body{padding-left:1rem;padding-right:1rem}@media(min-width: 992px){.customer-profile-view-onboarding .customer-profile-card-body{padding-left:1.5rem;padding-right:1.5rem}}.customer-profile-view-onboarding .customer-profile-card-footer{margin-left:1rem;margin-right:1rem;margin-top:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(233 233 233/var(--tw-border-opacity));padding-top:1rem;padding-bottom:1rem}@media(min-width: 768px){.customer-profile-view-onboarding .customer-profile-card-footer{flex-direction:row-reverse}}@media(min-width: 992px){.customer-profile-view-onboarding .customer-profile-card-footer{margin-left:1.5rem;margin-right:1.5rem;margin-top:2.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.customer-profile-view-onboarding .customer-profile-card-divider{margin-left:-1rem;margin-right:-1rem;margin-top:1.5rem;margin-bottom:1.5rem;height:1rem;flex-basis:1rem !important;border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(233 233 233/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}@media(min-width: 992px){.customer-profile-view-onboarding .customer-profile-card-divider{margin-left:0px;margin-right:0px;margin-top:2.5rem;margin-bottom:2.5rem;height:1px;flex-basis:1px !important;border-style:none;--tw-bg-opacity: 1;background-color:rgb(204 204 204/var(--tw-bg-opacity))}}.customer-profile-view-onboarding .form-group .customer-profile-card-divider{margin-top:1rem;margin-bottom:1rem}@media(min-width: 992px){.customer-profile-view-onboarding .form-group .customer-profile-card-divider{margin-top:1rem;margin-bottom:1rem}}.customer-profile-view-onboarding .customer-profile-card-divider.is-start{display:none}.customer-profile-view-onboarding .customer-profile-card-divider.is-end{display:none}.customer-profile-view .customer-profile-card-divider.is-subdivider{margin-left:0px;margin-right:0px;margin-top:1.5rem;margin-bottom:1.5rem;height:1px;flex-basis:1px !important;border-style:none;--tw-bg-opacity: 1;background-color:rgb(204 204 204/var(--tw-bg-opacity))}@media(min-width: 992px){.customer-profile-view .customer-profile-card-divider.is-subdivider{margin-top:2.5rem;margin-bottom:2.5rem}}@media(max-width: 479px){#o-base-app[data-is-virtual-keyboard-visible=true] .hide-if-virtual-keyboard-visible{display:none !important}}.scroll-gray{scrollbar-color:var(--neutral-700) #fff}.scroll-info{scrollbar-color:#1462d3 #fff}.is-required:before,.label-is-required label:before{content:"*";color:var(--danger);font-weight:bold;margin-right:.25rem}.bullet-points{display:flex;flex-direction:column;margin-bottom:.75rem;margin-top:.5rem}.bullet-points>*{position:relative;margin-bottom:.25rem;padding-left:1rem}.bullet-points>*:before{content:"";border-radius:100%;width:.25rem;height:.25rem;background:currentColor;display:block;position:absolute;left:0;top:.625rem}.input-control-tw-box{margin-top:.25rem;margin-bottom:.25rem}.input-control-tw-box,.input-control-tw-box .input-control-tw-label{position:relative;display:block;width:100%}.input-control-tw-box input[type=radio],.input-control-tw-box input[type=checkbox]{position:absolute;top:0px;left:0px;height:1px !important;min-height:1px;width:1px !important;min-width:1px;opacity:0}.input-control-tw-box .input-control-tw-label{min-height:1.5rem;padding-left:1.5rem}.input-control-tw-box .input-control-tw-label>span{margin-top:.25rem;display:inline-block;line-height:1.25}.input-control-tw-box .input-control-tw-label::before,.input-control-tw-box .input-control-tw-label::after{content:"";position:absolute;display:block}.input-control-tw-box .input-control-tw-label::before{top:.25rem;left:0px;height:1rem;width:1rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-color:#adb5bd}.input-control-tw-box .input-control-tw-label::after{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.input-control-tw-box input[type=radio]:focus-visible~.input-control-tw-label,.input-control-tw-box input[type=checkbox]:focus-visible~.input-control-tw-label{border-radius:.25rem;outline-style:solid;outline-width:2px;outline-offset:4px;outline-color:#a1c0ed}.input-control-tw-box input[type=radio]:checked~.input-control-tw-label::before,.input-control-tw-box input[type=checkbox]:checked~.input-control-tw-label::before{border-color:var(--accent-700);background-color:var(--accent-500)}.input-control-tw-box input[type=radio]:checked~.input-control-tw-label::after,.input-control-tw-box input[type=checkbox]:checked~.input-control-tw-label::after{opacity:1}.input-control-tw-checkbox .input-control-tw-label::before{border-radius:.25rem}.input-control-tw-checkbox .input-control-tw-label::after{top:8px;left:6px;height:7px;width:4px;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255/var(--tw-border-opacity));border-width:0 2px 2px 0}.input-control-tw-radio .input-control-tw-label::after{top:9px;left:5px;height:6px;width:6px;--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.input-control-tw-radio .input-control-tw-label::before,.input-control-tw-radio .input-control-tw-label::after{border-radius:9999px}.theme-customer,.theme-customer *,.theme-customer :before,.theme-customer :after{--accent: #1462D3;--accent-50: #E8EFFB;--accent-100: #D0E0F6;--accent-200: #A1C0ED;--accent-300: #72A1E5;--accent-400: #5E93DB;--accent-500: #1462D3;--accent-600: #104EA9;--accent-700: #0C3B7F;--accent-800: #082754;--accent-900: #04142A;--accent-bg: #F8FBFF}@media(min-width: 768px){.md\:btn-accent{background-color:var(--accent-500);--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.md\:btn-accent:hover{background-color:var(--accent-400);--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}}.backdrop\:backdrop-blur::backdrop{--tw-backdrop-blur: blur(8px);-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)}.before\:\!bg-neutral-bg::before{content:var(--tw-content);--tw-bg-opacity: 1 !important;background-color:rgb(248 249 250/var(--tw-bg-opacity)) !important}.before\:bg-neutral-bg::before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.focus-within\:bg-info:focus-within{--tw-bg-opacity: 1;background-color:rgb(20 98 211/var(--tw-bg-opacity))}.hover\:bg-info:hover{--tw-bg-opacity: 1;background-color:rgb(20 98 211/var(--tw-bg-opacity))}.hover\:bg-info-400:hover{--tw-bg-opacity: 1;background-color:rgb(94 147 219/var(--tw-bg-opacity))}.hover\:bg-info-50:hover{--tw-bg-opacity: 1;background-color:rgb(232 239 251/var(--tw-bg-opacity))}.hover\:text-accent:hover{color:var(--accent-500)}.hover\:text-accent-400:hover{color:var(--accent-400)}.hover\:text-info:hover{--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}.hover\:text-info-400:hover{--tw-text-opacity: 1;color:rgb(94 147 219/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-4:hover{text-underline-offset:4px}.hover\:shadow-md:hover{--tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07), 1px 6px 8px rgba(0, 0, 0, 0.08);--tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color), 1px 6px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.focus\:top-4:focus{top:1rem}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-info-700:focus{outline-color:#0c3b7f}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-info-200:focus-visible{outline-color:#a1c0ed}.active\:bg-info:active{--tw-bg-opacity: 1;background-color:rgb(20 98 211/var(--tw-bg-opacity))}.enabled\:active\:text-info-600:active:enabled{--tw-text-opacity: 1;color:rgb(16 78 169/var(--tw-text-opacity))}.enabled\:active\:shadow-inner:active:enabled{--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10) inset;--tw-shadow-colored: inset 0px 4px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.disabled\:bg-neutral-50:disabled{--tw-bg-opacity: 1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.disabled\:text-neutral-400:disabled{--tw-text-opacity: 1;color:rgb(151 151 151/var(--tw-text-opacity))}.group:hover .group-hover\:bg-info-50{--tw-bg-opacity: 1;background-color:rgb(232 239 251/var(--tw-bg-opacity))}.group:hover .group-hover\:text-info{--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:underline-offset-4{text-underline-offset:4px}.peer:hover~.peer-hover\:text-info{--tw-text-opacity: 1;color:rgb(20 98 211/var(--tw-text-opacity))}@media(min-width: 480px){.xs\:left-0{left:0px}.xs\:hidden{display:none}.xs\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 600px){.sm\:static{position:static}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:order-4{order:4}.sm\:\!-mx-4{margin-left:-1rem !important;margin-right:-1rem !important}.sm\:-mx-2{margin-left:-0.5rem;margin-right:-0.5rem}.sm\:mx-0{margin-left:0px;margin-right:0px}.sm\:my-6{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-0{margin-top:0px}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:\!grid{display:grid !important}.sm\:hidden{display:none}.sm\:h-\[420px\]{height:420px}.sm\:w-52{width:13rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:basis-1\/3{flex-basis:33.333333%}.sm\:rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-normal{justify-content:normal}.sm\:justify-between{justify-content:space-between}.sm\:\!gap-4{gap:1rem !important}.sm\:gap-0{gap:0px}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:self-end{align-self:flex-end}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pb-14{padding-bottom:3.5rem}.sm\:pl-40{padding-left:10rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:\!text-xs{font-size:.75rem !important;line-height:1rem !important}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-heading-2xl{font-size:4rem;line-height:5rem}.sm\:text-heading-lg{font-size:2rem;line-height:2.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-neutral-500{--tw-text-opacity: 1;color:rgb(118 118 118/var(--tw-text-opacity))}}@media(min-width: 768px){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:-bottom-2{bottom:-0.5rem}.md\:bottom-\[1px\]{bottom:1px}.md\:left-\[15\%\]{left:15%}.md\:right-0{right:0px}.md\:z-1{z-index:1}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:order-5{order:5}.md\:order-6{order:6}.md\:order-7{order:7}.md\:col-span-2{grid-column:span 2/span 2}.md\:float-left{float:left}.md\:clear-none{clear:none}.md\:-mx-4{margin-left:-1rem;margin-right:-1rem}.md\:-mx-8{margin-left:-2rem;margin-right:-2rem}.md\:mx-0{margin-left:0px;margin-right:0px}.md\:my-12{margin-top:3rem;margin-bottom:3rem}.md\:my-4{margin-top:1rem;margin-bottom:1rem}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:\!ml-3{margin-left:.75rem !important}.md\:-ml-32{margin-left:-8rem}.md\:-mt-7{margin-top:-1.75rem}.md\:mb-0{margin-bottom:0px}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-12{margin-bottom:3rem}.md\:mb-2{margin-bottom:.5rem}.md\:mb-24{margin-bottom:6rem}.md\:mb-3{margin-bottom:.75rem}.md\:mb-4{margin-bottom:1rem}.md\:ml-3{margin-left:.75rem}.md\:ml-8{margin-left:2rem}.md\:ml-auto{margin-left:auto}.md\:mr-0{margin-right:0px}.md\:mr-8{margin-right:2rem}.md\:mr-\[132px\]{margin-right:132px}.md\:mt-0{margin-top:0px}.md\:mt-12{margin-top:3rem}.md\:mt-20{margin-top:5rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-8{margin-top:2rem}.md\:mt-\[84px\]{margin-top:84px}.md\:line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:\!grid{display:grid !important}.md\:\!hidden{display:none !important}.md\:hidden{display:none}.md\:aspect-\[4\/3\]{aspect-ratio:4/3}.md\:h-10{height:2.5rem}.md\:h-12{height:3rem}.md\:h-24{height:6rem}.md\:h-4{height:1rem}.md\:h-40{height:10rem}.md\:h-48{height:12rem}.md\:h-5{height:1.25rem}.md\:h-7{height:1.75rem}.md\:h-\[168px\]{height:168px}.md\:h-\[218px\]{height:218px}.md\:h-\[301px\]{height:301px}.md\:h-\[320px\]{height:320px}.md\:h-\[340px\]{height:340px}.md\:h-\[480px\]{height:480px}.md\:h-\[52px\]{height:52px}.md\:h-full{height:100%}.md\:max-h-\[800px\]{max-height:800px}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-10{width:2.5rem}.md\:w-12{width:3rem}.md\:w-14{width:3.5rem}.md\:w-28{width:7rem}.md\:w-4{width:1rem}.md\:w-40{width:10rem}.md\:w-44{width:11rem}.md\:w-7{width:1.75rem}.md\:w-\[135px\]{width:135px}.md\:w-\[200px\]{width:200px}.md\:w-\[218px\]{width:218px}.md\:w-\[227px\]{width:227px}.md\:w-\[23rem\]{width:23rem}.md\:w-\[299px\]{width:299px}.md\:w-\[320px\]{width:320px}.md\:w-auto{width:auto}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:w-full{width:100%}.md\:w-max{width:-moz-max-content;width:max-content}.md\:min-w-\[40px\]{min-width:40px}.md\:max-w-6xl{max-width:72rem}.md\:max-w-\[10rem\]{max-width:10rem}.md\:max-w-\[300px\]{max-width:300px}.md\:max-w-\[800px\]{max-width:800px}.md\:max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.md\:shrink{flex-shrink:1}.md\:shrink-0{flex-shrink:0}.md\:basis-1\/5{flex-basis:20%}.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\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:grid-cols-\[1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr}.md\:grid-cols-\[1fr_56px_1fr_56px_1fr\]{grid-template-columns:1fr 56px 1fr 56px 1fr}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0px}.md\:gap-1{gap:.25rem}.md\:gap-12{gap:3rem}.md\:gap-16{gap:4rem}.md\:gap-20{gap:5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-9{gap:2.25rem}.md\:gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-y-3{row-gap:.75rem}.md\:self-end{align-self:flex-end}.md\:overflow-visible{overflow:visible}.md\:whitespace-normal{white-space:normal}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px}.md\:border-x{border-left-width:1px;border-right-width:1px}.md\:object-cover{-o-object-fit:cover;object-fit:cover}.md\:p-0{padding:0px}.md\:p-10{padding:2.5rem}.md\:p-3{padding:.75rem}.md\:p-6{padding:1.5rem}.md\:px-0{padding-left:0px;padding-right:0px}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-top:0px;padding-bottom:0px}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-0{padding-bottom:0px}.md\:pb-12{padding-bottom:3rem}.md\:pb-2{padding-bottom:.5rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-32{padding-bottom:8rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-1{padding-left:.25rem}.md\:pl-\[3\.75rem\]{padding-left:3.75rem}.md\:pl-\[60\%\]{padding-left:60%}.md\:pr-\[calc\(135px\+0\.75rem\)\]{padding-right:calc(135px + .75rem)}.md\:pt-0{padding-top:0px}.md\:pt-10{padding-top:2.5rem}.md\:pt-20{padding-top:5rem}.md\:pt-32{padding-top:8rem}.md\:pt-6{padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:\!text-base{font-size:1rem !important;line-height:1.5rem !important}.md\:\!text-sm{font-size:.875rem !important;line-height:1.25rem !important}.md\:\!text-xl{font-size:1.25rem !important;line-height:1.75rem !important}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[2rem\]{font-size:2rem}.md\:text-\[4rem\]{font-size:4rem}.md\:text-\[56px\]{font-size:56px}.md\:text-\[64px\]{font-size:64px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-heading-lg{font-size:2rem;line-height:2.5rem}.md\:text-heading-md{font-size:1.5rem;line-height:2rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.md\:\!leading-\[3\.75rem\]{line-height:3.75rem !important}.md\:\!leading-\[80px\]{line-height:80px !important}.md\:leading-9{line-height:2.25rem}.md\:leading-\[3\.75rem\]{line-height:3.75rem}.md\:leading-\[5rem\]{line-height:5rem}.md\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.md\:opacity-0{opacity:0}.md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.md\:duration-300{transition-duration:300ms}.md\:line-clamp-5{-webkit-line-clamp:5}.md\:line-clamp-7{-webkit-line-clamp:7}.md\:hover\:text-accent:hover{color:var(--accent-500)}}@media(min-width: 992px){.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:-left-12{left:-3rem}.lg\:-right-28{right:-7rem}.lg\:-right-5{right:-1.25rem}.lg\:-top-5{top:-1.25rem}.lg\:top-32{top:8rem}.lg\:top-40{top:10rem}.lg\:top-5{top:1.25rem}.lg\:-m-5{margin:-1.25rem}.lg\:mx-0{margin-left:0px;margin-right:0px}.lg\:my-0{margin-top:0px;margin-bottom:0px}.lg\:my-20{margin-top:5rem;margin-bottom:5rem}.lg\:-ml-16{margin-left:-4rem}.lg\:-mr-16{margin-right:-4rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:ml-0{margin-left:0px}.lg\:ml-8{margin-left:2rem}.lg\:ml-auto{margin-left:auto}.lg\:mr-8{margin-right:2rem}.lg\:mr-auto{margin-right:auto}.lg\:mt-10{margin-top:2.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:\!grid{display:grid !important}.lg\:hidden{display:none}.lg\:\!h-\[48px\]{height:48px !important}.lg\:h-10{height:2.5rem}.lg\:h-14{height:3.5rem}.lg\:h-28{height:7rem}.lg\:h-80{height:20rem}.lg\:h-\[320px\]{height:320px}.lg\:h-\[51px\]{height:51px}.lg\:h-auto{height:auto}.lg\:h-fit{height:-moz-fit-content;height:fit-content}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-10{width:2.5rem}.lg\:w-28{width:7rem}.lg\:w-40{width:10rem}.lg\:w-44{width:11rem}.lg\:w-auto{width:auto}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:w-full{width:100%}.lg\:w-px{width:1px}.lg\:\!max-w-\[60rem\]{max-width:60rem !important}.lg\:max-w-6xl{max-width:72rem}.lg\:max-w-\[564px\]{max-width:564px}.lg\:max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.lg\:max-w-full{max-width:100%}.lg\:max-w-xl{max-width:36rem}.lg\:shrink{flex-shrink:1}.lg\:shrink-0{flex-shrink:0}.lg\:scroll-mt-\[49px\]{scroll-margin-top:49px}.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\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-0{gap:0px}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-14{gap:3.5rem}.lg\:gap-20{gap:5rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-9{gap:2.25rem}.lg\:overflow-visible{overflow:visible}.lg\:rounded-2xl{border-radius:1rem}.lg\:border-0{border-width:0px}.lg\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.lg\:object-none{-o-object-fit:none;object-fit:none}.lg\:p-0{padding:0px}.lg\:p-10{padding:2.5rem}.lg\:p-16{padding:4rem}.lg\:p-4{padding:1rem}.lg\:p-5{padding:1.25rem}.lg\:p-6{padding:1.5rem}.lg\:px-0{padding-left:0px;padding-right:0px}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0px;padding-bottom:0px}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:pb-0{padding-bottom:0px}.lg\:pb-12{padding-bottom:3rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-12{padding-top:3rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-32{padding-top:8rem}.lg\:pt-5{padding-top:1.25rem}.lg\:pt-6{padding-top:1.5rem}.lg\:text-left{text-align:left}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[32px\]{font-size:32px}.lg\:text-\[64px\]{font-size:64px}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-heading-sm{font-size:1.25rem;line-height:1.75rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}}@media(min-width: 1024px){.xl\:left-0{left:0px}.xl\:mx-0{margin-left:0px;margin-right:0px}.xl\:my-0{margin-top:0px;margin-bottom:0px}.xl\:-mb-5{margin-bottom:-1.25rem}.xl\:mb-10{margin-bottom:2.5rem}.xl\:mb-12{margin-bottom:3rem}.xl\:mb-6{margin-bottom:1.5rem}.xl\:ml-\[1\.4rem\]{margin-left:1.4rem}.xl\:mr-6{margin-right:1.5rem}.xl\:mt-10{margin-top:2.5rem}.xl\:mt-20{margin-top:5rem}.xl\:mt-28{margin-top:7rem}.xl\:mt-5{margin-top:1.25rem}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:w-24{width:6rem}.xl\:w-72{width:18rem}.xl\:max-w-\[270px\]{max-width:270px}.xl\:max-w-\[28\.125rem\]{max-width:28.125rem}.xl\:rotate-\[-100deg\]{--tw-rotate: -100deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:items-start{align-items:flex-start}.xl\:justify-start{justify-content:flex-start}.xl\:gap-0{gap:0px}.xl\:gap-14{gap:3.5rem}.xl\:gap-16{gap:4rem}.xl\:gap-5{gap:1.25rem}.xl\:gap-9{gap:2.25rem}.xl\:p-16{padding:4rem}.xl\:px-0{padding-left:0px;padding-right:0px}.xl\:px-\[3\.75rem\]{padding-left:3.75rem;padding-right:3.75rem}.xl\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.xl\:py-20{padding-top:5rem;padding-bottom:5rem}.xl\:pb-20{padding-bottom:5rem}.xl\:pb-32{padding-bottom:8rem}.xl\:pl-\[75\%\]{padding-left:75%}.xl\:pl-\[87\%\]{padding-left:87%}.xl\:pt-24{padding-top:6rem}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:\!leading-\[3\.75rem\]{line-height:3.75rem !important}}@media(min-width: 1200px){.\32 xl\:-mr-20{margin-right:-5rem}.\32 xl\:mr-24{margin-right:6rem}.\32 xl\:mt-24{margin-top:6rem}.\32 xl\:flex{display:flex}.\32 xl\:max-w-\[320px\]{max-width:320px}.\32 xl\:justify-start{justify-content:flex-start}.\32 xl\:gap-6{gap:1.5rem}.\32 xl\:gap-8{gap:2rem}.\32 xl\:px-0{padding-left:0px;padding-right:0px}.\32 xl\:px-3{padding-left:.75rem;padding-right:.75rem}.\32 xl\:py-20{padding-top:5rem;padding-bottom:5rem}}@media(min-width: 1440px){.\33 xl\:-left-12{left:-3rem}.\33 xl\:ml-0{margin-left:0px}.\33 xl\:ml-\[3\.25rem\]{margin-left:3.25rem}.\33 xl\:mr-\[4\.5rem\]{margin-right:4.5rem}.\33 xl\:mr-\[5\.5rem\]{margin-right:5.5rem}.\33 xl\:block{display:block}.\33 xl\:max-w-\[35\.25rem\]{max-width:35.25rem}.\33 xl\:pl-20{padding-left:5rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&_svg\]\:transition-transform svg{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.\[\&_svg\]\:duration-300 svg{transition-duration:300ms}.\[\&_svg\]\:ease-in-out svg{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.\[\&_svg\]\:open\:-rotate-180[open] svg{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_svg\]\:open\:rotate-0[open] svg{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}</style>
  16. <style>
  17. .lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px}.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){animation:lds-ellipsis1 .6s infinite;left:6px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:6px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:26px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:45px}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(19px, 0)}}dialog:not([open]){display:none !important}dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}.dialog-modal{position:fixed;width:100%;height:100%;max-width:100%;max-height:100%;top:0}.dialog-modal::backdrop{background:rgba(0,0,0,.15)}.dialog-modal+.backdrop{background:rgba(0,0,0,.15)}@media(min-width: 768px){.dialog-modal{max-width:600px;max-height:600px;top:0;bottom:0}}@-moz-document url-prefix(){@media(min-width: 768px){.dialog-modal{top:calc(50% - 300px)}}}.none{display:none}@media(min-width: 757px){.none-desktop{display:none}}@media(max-width: 756px){.none-tablet{display:none}}@media(max-width: 480px){.none-mobile{display:none}}@media(max-width: 480px){.show-mobile{display:block}}@media(max-width: 767px){.hide-mobile{display:none}}@media(min-width: 768px){.hide-desktop{display:none}}.i{width:1em;height:1em;fill:currentColor}@keyframes hold{0%{opacity:1}100%{opacity:1}}@media(max-width: 767px){.cva{content-visibility:auto}}</style>
  18. <link rel="dns-prefetch" href="https://www.googletagmanager.com/">
  19. <!-- ▼ META -->
  20.  <meta name="description"         content="Dodaj bezpłatne ogłoszenie kupię lub zlecę, porównaj oferty od firm i wybierz najlepszą. Zlecenia i zamówienia dla firm, instytucji i osób prywatnych!">
  21.  <meta property="og:title"        content="Oferteo - Oferty od Firm">
  22.  <meta property="og:site_name"    content="Oferteo">
  23.  <meta property="og:description"  content="Dodaj bezpłatne ogłoszenie kupię lub zlecę, porównaj oferty od firm i wybierz najlepszą. Zlecenia i zamówienia dla firm, instytucji i osób prywatnych!">
  24.  <meta name="thumbnail"           content="https://www.oferteo.pl/images/logo/logo-fb-share.png">
  25.  
  26.  <meta property="og:url"          content="https://www.oferteo.pl/">
  27.    <meta property="og:type"         content="article">
  28.    <meta property="og:image"        content="https://www.oferteo.pl/images/logo/logo-fb-share.png">
  29.    <meta property="og:image:width"  content="226">
  30.    <meta property="og:image:height" content="226">
  31.    <meta property="og:image:type"   content="image/png">
  32.  <!-- ▼ META | IMAGES -->
  33.  <link rel="shortcut icon" href="https://static.oferteo.pl/images/favicon.ico"/>
  34.  <link rel="apple-touch-icon" sizes="180x180" href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-180x180.png">
  35.  <link rel="apple-touch-icon" sizes="120x120" href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-120x120.png">
  36.  <link rel="apple-touch-icon" sizes="152x152" href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-152x152.png">
  37.  <link rel="apple-touch-icon" sizes="76x76"   href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-76x76.png">
  38.  <link rel="apple-touch-icon-precomposed"     href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-precomposed.png">
  39.  <!-- ▼ META | OTHER -->
  40.  <meta name="google-site-verification" content="lnbTB8hkWzIIMZUB_qa0-03jiLBkQ3Z2OUcTJvOs4mw"/>
  41.  <meta name="theme-color" content="#ffffff">
  42.  <link rel="manifest" href="https://www.oferteo.pl/scripts/manifest/manifest.js">
  43.  
  44.  <!-- ▼ PRELOADS -->
  45.  
  46.  <script defer src="https://cdn.tagcommander.com/6939/tc_oferteopl_20.js" fetchpriority="high"></script><meta name="decorator" content="gradual">
  47. <link rel="canonical" href="https://www.oferteo.pl"/>
  48. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  49.  <meta name="robots" content="index,follow">
  50.  <link rel="preload" href="https://static.oferteo.pl/images/oferteo/o-hero.xs.webp" as="image" media="(max-width: 360px)">
  51. <link rel="preload" href="https://static.oferteo.pl/images/oferteo/o-hero.s.webp" as="image" media="(min-width: 361px) and (max-width: 480px)"><meta name="facebook-domain-verification" content="4x70eksnu4aecch5nq5qy968nyx6p3" />
  52. </head>
  53.  
  54. <body class="">
  55. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KRC48JM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  56. <script id="script-global-main">
  57. var O={},_jsp={www:"https://www.oferteo.pl",user:{UserId:0,CustomerId:0},error:{Count:0,Limit:5}};_jsp.scripts=new Set,_jsp.rev=_jsp.rev||window.rev||"1",window._AutofillCallbackHandler=window._AutofillCallbackHandler||function(){},O.Error=window.onerror=(o,e,t)=>{var r=document.createElement("script");if("noModule"in r&&!(_jsp.error.Count>_jsp.error.Limit++)){var n=_jsp.user.CustomerId,r=_jsp.user.UserId;o="[C="+n+"] "+(r?"[U="+r+"] ":"")+o,"undefined"!=typeof wrapee&&(async()=>{var e=await wrapee.getMobileMetrics();console.log("metrics",e);e=" appVersion="+e.appVersion+", "+e.deviceType+"-"+e.appType+", deviceInfo="+e.deviceInfo.phoneModel;o+=e})();const a=new FormData;a.append("href",window.location.href),a.append("url",e),a.append("line",t),a.append("msg",o);try{-1<o.indexOf("NS_ERROR_STORAGE_CONSTRAINT")&&(localStorage.clear(),sessionStorage.clear())}catch(e){o+="storage.clear() failed"}fetch(_jsp.www+"/".concat("common","/","util","/","jscripterror",".ofer"),{method:"POST",body:a})}},O.Log=(o,e,t)=>{try{t=t||5;const r=window.localStorage,n=Number(r.LogSave)||5,a=Number(r.LogShow)||7,i=document.location.href.replace(document.location.origin,""),s=(new Date).toTimeString().split(" ")[0];if(log="%c⏱️ "+s+" ⚪ #"+(e||"General")+" 📄 "+i+"\n%O",a<=t&&console.log(log,"font-family:Tahoma;font-size:11px;color:gray",o),n<=t){log=log.replace("%O",JSON.stringify(o)).replace("%c","")+"<|>";let e=r.Log||"";r.Log=e.substr(e.length-131072)+log}}catch(e){}},O.Track=function(e){let o=[...arguments];o.shift(),O.Log(JSON.stringify(o),"track-"+e,3),window[e].apply(null,o)},O.Load=e=>{if(e+="?rev="+_jsp.rev,!_jsp.scripts.has(e)){_jsp.scripts.add(e);const o=document.createElement("script");o.src=e,document.body.appendChild(o)}},O.Fetch=async(i,s={},c="GET")=>new Promise((o,e)=>{const t={method:c,mode:"no-cors",credentials:"include"};if(s&&Object.keys(s).length){const n=new FormData;for(var r in s){const a=-1<r.indexOf("|")?r.split("|")[0]:r;Array.isArray(s[r])?s[r].forEach(e=>{n.append(a,e)}):n.append(a,s[r])}t.method="POST",t.body=n}fetch(i,t).then(e=>e.json()).then(e=>{o("string"==typeof e?JSON.parse(e):e)}).catch(e=>{console.log(e),o({})})}),O.Decode=e=>{const o=e.target.closest("[data-href]")||e.target;e=window.atob(o.getAttribute("data-href")||"");e&&(document.location.href=e)},O._=(e,t,r,o)=>{const n=e?(o||document).querySelectorAll(e):[o];return t?(n.forEach(o=>{r?o.addEventListener(r,e=>{t(e,o)}):t(o)}),n):n[0]},HTMLElement.prototype._=function(e,o,t){return O._(e,o,t,this)},O.Cookie={Get(e){for(var o=decodeURIComponent(document.cookie).split(";"),t="",r=0;r<o.length;r++){for(var n=o[r];" "===n.charAt(0);)n=n.substring(1);0===n.indexOf(e)&&(t=n.substring(e.length,n.length).substring(1))}return t},Set(e,o,t){var r=new Date;r.setTime(r.getTime()+24*(t||365)*60*60*1e3),document.cookie=e+"="+o+";expires="+r.toUTCString()+";path=/;"}},O.FormModalATF={Show(e){const o=_._(".dialog-modal");if(!o.showModal)return O.Load(_jsp.www+"/public/gradual/commons/global.polyfill.dialog.js"),void window.setTimeout(()=>{this.Show(e)},300);o.hasAttribute("open")||e.static||o.showModal(),O.FormModalATF.FormModalShow=e,O.Load(_jsp.www+"/public/gradual/commons/global.form-modal.js")}};const _=document.body;window._=_,window.O=O;
  58. </script>
  59.  
  60. <script id="script-check-app">
  61. window.setTimeout(()=>{!document.referrer.includes("android-app://")&&"undefined"==typeof getFCMtoken||(window.localStorage.IsApp="yes")},5e3);
  62. </script>
  63.  
  64. <script id="script-has-tracking-permission">
  65. "undefined"==typeof hasTrackingPermission&&(window.hasTrackingPermission=()=>!1);
  66. </script>
  67.  
  68.  
  69. <script id="script-global-vars">
  70. var _jsp={sessionId:"1773C4A0BC653F230669FF1A52E6F7E9.host2",env:"prd",www:"https://www.oferteo.pl",rev:"2d69e93",staticWww:"https://www.oferteo.pl",analytics:{UA:"",Domain:"oferteo.pl",isUABot:/bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent)},analyticsGA4:{user_type:"buyer",has_points:"",id:"",page_type:"HomePage"},pageType:"MainPage",pageTypeForGA:"HomePage",pageTypeLabel:"",pageUrl:window.location.pathname,ab:"",isLogged:!1,isSubdomain:!1,category:{AnalyticsCategoryId:"1",AnalyticsCategoryName:"".replace("&oacute;","ó"),CurrentCategoryId:"",CurrentCategoryName:"".replace("&oacute;","ó"),FormSearchCategory:"false"},error:{Count:0,Limit:50},user:{UserId:Number("-1"),CustomerId:Number(""),Name:``,FirstName:``,LastName:``,CompanyName:``,Email:``,Phone:``,Mobile:``,Nip:``,NipCountry:``,IsOperator:!1,Type:"",Vocative:``,Balance:"",BalanceRechargeDate:"",SentRfpCount:""},scripts:new Set,wss:"wss://wss.oferteo.pl",logoutUrl:'https://www.oferteo.pl/j_acegi_logout'};
  71. </script>
  72.  
  73. <script id="script-global-ga" type="module">
  74. let disableAnalytics=-1<navigator.userAgent.indexOf("appstore.oferteo")&&"yes"!==window.localStorage.CordovaEnableTracking;window.addEventListener("RequestTrackingEvent",e=>{window.localStorage.CordovaEnableTracking=e.detail?"yes":"no"},!1),"true"===window.localStorage.getItem("isBuyerApp")&&(_jsp.pageTypeForGA="BuyerApp"),window.dataLayer.push({event:"ga_dims",event_params:_jsp.analyticsGA4});
  75. </script>
  76.  
  77. <script id="script-global-scroll" type="module">
  78. window.addEventListener("scroll",l=>{_.classList.toggle("is-scrolled",100<window.scrollY),_.classList.toggle("is-scrolled-more",300<window.scrollY)});
  79. </script>
  80.  
  81. <script id="script-global-ga4-localstorage">
  82. ""!==_jsp.category.CurrentCategoryId&&window.localStorage.setItem("lastVisitedCustomerListCategoryId",''),""!==_jsp.category.CurrentCategoryName&&window.localStorage.setItem("lastVisitedCustomerListCategoryName",''.replace(/&oacute;/g,"ó"));
  83. </script>
  84.  
  85. <script id="script-global-analytics">
  86. (()=>{let t=!1;const _=/bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent),n=()=>window._jsp&&window._jsp.www?window._jsp.www:"",a=(e,t)=>Array.prototype.slice.call(e.querySelectorAll(t||"*")),r=(e,t)=>e&&e.closest?e.closest(t):null,v={userScrolled:!1,firedSet:new WeakSet,observed:new Map},h=()=>{var e;v._guardsAttached||(v._guardsAttached=!0,e=()=>{v.userScrolled=!0},window.addEventListener("scroll",e,{passive:!0,once:!0}),window.addEventListener("wheel",e,{passive:!0,once:!0}),window.addEventListener("touchmove",e,{passive:!0,once:!0}),window.addEventListener("keydown",e,{passive:!0,once:!0}),window.addEventListener("mouseup",e,{passive:!0,once:!0}))},j=o=>{if(!o||!o.selector||!o.events&&!o.eventName)return;if(_)return;!o.events&&o.eventName&&(o.events=[{name:o.eventName,params:o.params||{},delay:0}]);const{selector:a,events:s=[],onlyOnScroll:e=!1,rootMargin:t="0px",defaultThreshold:i=.05}=o;v.firedMap=v.firedMap||new WeakMap,v.timers=v.timers||new WeakMap,h();const p=(e,t)=>{var a=e.getBoundingClientRect(),o=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight,r=Math.max(0,a.width),e=Math.max(0,a.height);if(!r||!e)return!1;o=Math.max(0,Math.min(a.right,o)-Math.max(a.left,0)),a=Math.max(0,Math.min(a.bottom,n)-Math.max(a.top,0)),e*=r;return(e?o*a/e:0)>=(t??i)},g=e=>{let t=v.firedMap.get(e);return t||(t=new Set,v.firedMap.set(e,t)),t},m=e=>{let t=v.timers.get(e);return t||(t=new Map,v.timers.set(e,t)),t},y=(e,t)=>{const a=m(e);e=a.get(t);e&&(clearTimeout(e),a.delete(t))},u=(e,t,a,o)=>{const n=g(e);if(!n.has(t.name)&&(f("ga_event",t.name,a,o,t.params||{}),n.add(t.name),s.every(e=>n.has(e.name)))){const r=v.observed.get(e);if(r?.observer)try{r.observer.unobserve(e)}catch(e){}v.observed.delete(e)}},n=(e,t)=>{const{events:a,onlyOnScroll:o,defaultThreshold:n}=t;if(!o||v.userScrolled){const s=window._jsp?.category?.CurrentCategoryId??window._jsp?.category?.AnalyticsCategoryId,i=window._jsp?.category?.CurrentCategoryName??window._jsp?.category?.AnalyticsCategoryName;for(const c of a){const d="number"==typeof c.threshold?c.threshold:n;if(p(e,d)){const l=g(e);if(!l.has(c.name)){var r=Math.max(0,c.delay||0);if(0===r)u(e,c,s,i);else{const w=m(e);w.has(c.name)||(r=setTimeout(()=>{v&&v.observed.has(e)&&(o&&!v.userScrolled||(p(e,d)&&u(e,c,s,i),y(e,c.name)))},r),w.set(c.name,r))}}}else y(e,c.name)}}},r=new Set([0]);(s||[]).forEach(e=>{e="number"==typeof e.threshold?e.threshold:i;0<=e&&e<=1&&r.add(e)});var c=Array.from(r).sort((e,t)=>e-t);const d=new IntersectionObserver(e=>{e.forEach(e=>{var t=e.target,a=v.observed.get(t)?.config||o;(e.isIntersecting&&0<e.intersectionRatio?n:(e,t)=>{var{events:t=[]}=t||{};for(const a of t)y(e,a.name)})(t,a)})},{root:null,rootMargin:t,threshold:c}),l=e=>{const t=e||document;Array.prototype.slice.call(t.querySelectorAll(a)).forEach(e=>{e&&(v.observed?.has(e)||(d.observe(e),v.observed.set(e,{observer:d,config:o})))})};if(l(document),!j._mo){const w=new MutationObserver(e=>{for(const t of e)"childList"===t.type&&t.addedNodes?.length&&t.addedNodes.forEach(e=>{e instanceof HTMLElement&&(e.matches?.(a)||e.querySelector?.(a))&&l(e)})});w.observe(document.documentElement,{childList:!0,subtree:!0}),j._mo=w}e&&(v._tickBound||(v._tickBound=!0,c=()=>{v.userScrolled=!0,v.observed&&v.observed.forEach((e,t)=>{try{if(!(t instanceof HTMLElement))return;n(t,e?.config||o)}catch(e){}})},window.addEventListener("scroll",c,{passive:!0,once:!0}),window.addEventListener("wheel",c,{passive:!0,once:!0}),window.addEventListener("touchmove",c,{passive:!0,once:!0}),window.addEventListener("keydown",c,{passive:!0,once:!0}),window.addEventListener("mouseup",c,{passive:!0,once:!0})))};const f=(e,t,a,o,n={})=>{var r;t&&null!=a&&(r="string"==typeof a?parseInt(a,10):a,a=Object.assign({category_id:r,category_name:o},n),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:e,event_name:t,event_params:a}),console.log("GA4",e,t,r,o,n))};const o=(e,t,a)=>{var o;_||(o=window._jsp&&window._jsp.www?window._jsp.www:"https://www.oferteo.pl",fetch(o+"/promotion/note-promoted-customer-click.ofer",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({idCustomer:e,idCategory:t,idLocation:a||"location"})}))},s=(e,t,a,o,n,r,s)=>{if(!_){var i=window._jsp&&window._jsp.www?window._jsp.www:"https://www.oferteo.pl";const c={idAction:e,idCategory:t,idCustomer:a,pageUrl:o,customerPos:n,listType:r,idLocation:s},d={};Object.keys(c).forEach(e=>{var t=c[e];null!=t&&(d[e]=t)}),fetch(i+"/customer/stat/save-advanced-list-stat.ofer",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams(d)})}};window.O=window.O||{},window.O.AnalyticsATF={init:(e=document)=>{t||((e=>{e=e||document;a(e,".analytics").forEach(o=>{o.addEventListener("click",e=>{const t=e.target;var a;t&&t.classList&&(t.classList.contains("card-title")||t.classList.contains("card-thumbnail-holder")||t.classList.contains("btn-add-rfp")||t.classList.contains("btn-show-more")||t.classList.contains("redirect")||t.classList.contains("btn-direct"))||t&&("A"===t.tagName||"IMG"===t.tagName)||_||"CustomerSearch"!==window._jsp.pageType||(a=o.dataset.idCust,e=o.dataset.pos,s("clickBox",window._jsp.category.CurrentCategoryId,a,window._jsp.pageUrl,e,window._jsp.pageTypeLabel,window._jsp.activeLoc),f("ga_event","click_box",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),console.log("clickBox ","Lista firm - Boks"),window._jsp.creationButton="boks")})}),a(e,".analytics-a").forEach(a=>{a.addEventListener("click",()=>{var e,t;!_&&"CustomerSearch"===window._jsp.pageType&&a.classList.contains("analytics-a")&&(e=(t=r(a,".card-customer-list"))?t.dataset.idCust:void 0,t=t?t.dataset.pos:void 0,s("clickAvatar",window._jsp.category.CurrentCategoryId,e,window._jsp.pageUrl,t,window._jsp.pageTypeLabel,window._jsp.activeLoc),f("ga_event","click_avatar",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),console.log("clickAvatar ","Lista firm - Avatar"),window._jsp.creationButton="avatar")})}),a(e,".analytics-b").forEach(a=>{a.addEventListener("click",e=>{var t;!_&&"CustomerSearch"===window._jsp.pageType&&a.classList.contains("analytics-b")&&(e.stopPropagation(),e=(t=r(a,".card-customer-list"))?t.dataset.idCust:void 0,t=t?t.dataset.pos:void 0,s("clickTitle",window._jsp.category.CurrentCategoryId,e,window._jsp.pageUrl,t,window._jsp.pageTypeLabel,window._jsp.activeLoc),f("ga_event","click_companyName",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),f("ga_event","click_goToBusinessCard",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),console.log("clickTitle ","Lista firm - Nazwa firmy"),window._jsp.creationButton="nazwa_firmy")})}),a(e,".analytics-d").forEach(o=>{o.addEventListener("click",e=>{var t,a;!_&&"CustomerSearch"===window._jsp.pageType&&o.classList.contains("analytics-d")&&e.isTrusted&&(t=(a=r(o,".card-customer-list"))?a.dataset.idCust:void 0,a=a?a.dataset.pos:void 0,s("clickBtn",window._jsp.category.CurrentCategoryId,t,window._jsp.pageUrl,a,window._jsp.pageTypeLabel,window._jsp.activeLoc),f("ga_event","click_askForOffer",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),console.log("clickBtn ","Lista firm - Zapytaj o ofertę"),window._jsp.creationButton="zapytaj_o_oferte",e.target&&e.target.dataset&&e.target.dataset.buttonforga&&(window._jsp.creationButtonExtended=e.target.dataset.buttonforga),e.target&&e.target.dataset&&e.target.dataset.companytype&&(window._jsp.companyTypeForGA=e.target.dataset.companytype))})}),a(e,".analytics-e").forEach(e=>{e.addEventListener("click",t=>{if(!_&&"CustomerSearch"===window._jsp.pageType&&e.classList.contains("analytics-e")&&!window._jsp.ModalFromMenu){s("clickDalej",window._jsp.category.CurrentCategoryId,0,window._jsp.pageUrl,0,window._jsp.pageTypeLabel,window._jsp.activeLoc),console.log("clickDalej"," Lista firm - Dalej"),window._jsp.creationButton="main_button";let e="MainButtonHeroImage";t.target&&t.target.dataset&&t.target.dataset.buttonforga&&(window._jsp.creationButtonExtended=t.target.dataset.buttonforga,e=t.target.dataset.buttonforga),f("ga_event","click_open_modalForm",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName,{creation_button:e})}})}),a(e,".analytics-f").forEach(a=>{a.addEventListener("click",()=>{var e,t;!_&&"CustomerSearch"===window._jsp.pageType&&a.classList.contains("analytics-f")&&(e=(t=r(a,".card-customer-list"))?t.dataset.idCust:void 0,t=t?t.dataset.pos:void 0,s("clickGallery",window._jsp.category.CurrentCategoryId,e,window._jsp.pageUrl,t,window._jsp.pageTypeLabel,window._jsp.activeLoc),f("ga_event","click_galleryCustomerBox",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),console.log("clickGallery ","Lista firm - Galeria"),window._jsp.creationButton="galeria")})}),a(e,".analytics-g").forEach(a=>{a.addEventListener("click",()=>{var e,t;!_&&"CustomerSearch"===window._jsp.pageType&&a.classList.contains("analytics-g")&&(e=(t=r(a,".card-customer-list"))?t.dataset.idCust:void 0,t=t?t.dataset.pos:void 0,s("clickMarks",window._jsp.category.CurrentCategoryId,e,window._jsp.pageUrl,t,window._jsp.pageTypeLabel,window._jsp.activeLoc),f("ga_event","click_marksCustomerBox",window._jsp.category.CurrentCategoryId,window._jsp.category.CurrentCategoryName),console.log("clickMarks ","Lista firm - Opinie"),window._jsp.creationButton="opinie")})}),a(e,'.card-customer-list[data-cust-promoted="true"]').forEach(t=>{t.addEventListener("click",()=>{var e=t.dataset.idCust;o(e,window._jsp.category.CurrentCategoryId,window._jsp.activeLoc)})})})(e),[{selector:"#h2_0_header",events:[{name:"scroll_h2_0_header"},{name:"scroll_h2_0_header_3s",delay:3e3}]},{selector:"#jak-znalezc",events:[{name:"scroll_jakZnalezcSection"},{name:"scroll_jakZnalezcSection_3s",delay:3e3}]},{selector:"#jakie-opinie",events:[{name:"scroll_jakieOpinieSection"},{name:"scroll_jakieOpinieSection_3s",delay:3e3}]},{selector:"#jakie-zlecenia",events:[{name:"scroll_jakieZleceniaSection"},{name:"scroll_jakieZleceniaSection_3s",delay:3e3}]},{selector:".seoContentLead",events:[{name:"scroll_seoContentLead"},{name:"scroll_seoContentLead_3s",delay:3e3}]},{selector:"#wiecej-poradnikow",events:[{name:"scroll_wiecejPoradnikowSection"},{name:"scroll_wiecejPoradnikowSection_3s",delay:3e3}]}].forEach(e=>j(e)),t=!0)},GTM:(e,t,a={})=>{t&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:e,event_name:t,event_params:a}),console.log("GTM",e,t,a))},GA4:f,ER:(e,t,a)=>{try{e&&e.indexOf&&-1<e.indexOf("NS_ERROR_STORAGE_CONSTRAINT")&&(localStorage.clear(),sessionStorage.clear())}catch(e){}fetch(n()+"/common/util/jscripterror.ofer",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({href:location.href,url:t,line:a,msg:e})})},SSR:(e,t,a)=>{const o={"searchSleepResult.idSearcher":e,"searchSleepResult.phrase":t};a&&(o["searchSleepResult.source"]=a),fetch(n()+"/common/index/saveSearchSleepResult.ofer",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams(o)})},statsPromotionCL:o,statsCounterCL:s,registerScrollGA4:j}})(),window.addEventListener("load",()=>{window.O&&window.O.AnalyticsATF&&window.O.AnalyticsATF.init(document)}),document.addEventListener("DOMContentLoaded",()=>{"noModule"in document.createElement("script")&&(window.onerror=(...e)=>window.O&&window.O.AnalyticsATF?window.O.AnalyticsATF.ER.apply(null,e):void 0)});
  87. </script><script>
  88.    var _jsp = _jsp || {};
  89.    _jsp.flags = {
  90.        enableWebVitals: 'false',
  91.    }
  92. </script>
  93.  
  94.  
  95.  
  96.  
  97.  
  98.    <style id="rebranding-style">
  99. .is-rebranding-hidden .rebrandeo{display:none !important}.rebrandeo .rebrandeo-image img{max-width:100%;display:block;margin:auto}.rebrandeo .rebrandeo-close{cursor:pointer;position:absolute;top:0;right:0;width:24px;height:24px;padding:4px;margin:4px;color:#fff;background:#ee7d13;border-radius:100%}.rebrandeo .rebrandeo-container{cursor:pointer;position:relative;margin:24px auto;width:max-content;max-width:100%}.rebrandeo .rebrandeo-dialog{cursor:pointer;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.25);align-items:center;justify-content:center;z-index:4096;box-shadow:0 0 16px 0 rgba(0,0,0,.25);display:none}.rebrandeo .rebrandeo-dialog-content{height:100%;position:relative;overflow:hidden;background:#fff}.rebrandeo .rebrandeo-dialog-image img{display:block;margin:auto}.is-rebranding-dialog .rebrandeo .rebrandeo-dialog{cursor:pointer;display:flex;width:100vw;height:100%}@media(min-width: 640px){.rebrandeo .rebrandeo-dialog .rebrandeo-dialog-content{width:600px;height:600px;border-radius:4px}}.rebrandeo-dialog-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;overflow:auto;background:#fff;font-size:16px;height:100%}.rebrandeo-dialog-text div{font-weight:700;margin-top:24px}.rebrandeo-dialog-text div:first-child{font-size:20px;margin:0 auto 20px;max-width:512px}.rebrandeo-dialog-video{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#fff;transition:opacity .3s}.rebrandeo .rebrandeo-close{z-index:1}@media(max-width: 640px){.rebrandeo-dialog-text{height:100%}}.rebrandeo-navbar .rebrandeo-container{width:100%;margin:0;position:absolute;left:0;right:0;top:0;z-index:1;background:#fff}.rebrandeo.rebrandeo-content{display:none}.rebrandeo .rebrandeo-image img{width:344px;height:50px}@media(min-width: 760px){.rebrandeo.rebrandeo-navbar{display:none}.rebrandeo.rebrandeo-content{display:block}.rebrandeo .rebrandeo-image img{width:752px;height:200px}}@media(min-width: 1160px){.rebrandeo .rebrandeo-image img{width:1140px;height:300px}}#app-download-bar{margin-left:-0.75rem !important}</style>
  100.  
  101.     <script id="oferteo-jobs-hide">
  102. var _jsp=_jsp||{};window.localStorage.OferteoJobsHide&&document.body.classList.add("is-rebranding-hidden");
  103. </script>
  104.      <a href="#main-content" class="skip-link | fixed -top-10 left-4 z-[999] bg-white text-info py-1 px-2 underline rounded shadow focus:outline focus:outline-2 focus:top-4 focus:outline-info-700" title="Przejdź do treści głównej">Przejdź do treści głównej</a>
  105.     <style id="style-global-navbar">
  106. .i{width:1em;height:1em;fill:currentColor}.dropdown-menu>.dropdown-menu-items{display:none;right:8px;top:calc(100% - 24px);width:232px}.dropdown-menu>.dropdown-menu-items a:hover .i{color:inherit}.dropdown-menu.is-open>.dropdown-menu-items{display:block}.navbar .dropdown-home{display:none}@media(min-width: 768px){.dropdown-menu.is-hoverable:hover>.dropdown-menu-items{display:block !important}.dropdown-menu-toggle{display:none !important}}@media(max-width: 767px){.navbar-menu{position:fixed;opacity:0;pointer-events:none;position:fixed;left:auto;top:0;right:0;background:var(--neutral-100);color:var(--black);height:100%;max-height:auto;width:280px;overflow:auto;display:none;z-index:2048}.navbar.is-menu-visible .navbar-menu{pointer-events:all;display:flex;flex-direction:column;align-items:stretch;opacity:1;box-shadow:-280px 0 0 150vw rgba(0,0,0,.5);animation:menu-mobile .25s ease}.navbar .dropdown-home{order:-2;display:flex}.navbar .dropdown-primary{order:-1}.navbar-menu .dropdown-menu-button{display:flex;padding:8px 12px !important;border-top:1px solid rgba(0,0,0,.05)}.dropdown-menu>.dropdown-menu-items{position:static;box-shadow:none;width:100%;margin:0}.navbar.is-menu-visible .dropdown-menu-toggle:before{position:fixed;left:0;right:0;bottom:0;top:0;content:""}}.navbar .container,.navbar-scroll .container{height:60px}.navbar-scroll .form-search{flex:0 0 400px}.navbar-scroll .form-search input{border:1px solid rgba(0,0,0,.3);border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0}.navbar-scroll .form-search .autocomplete.is-open input{border-bottom-left-radius:0}.form-searchCta{border:0;flex:0 0 400px}@media(max-width: 759px){.navbar .i-oferteo,.navbar-scroll .i-oferteo{width:108px;margin-left:8px}.navbar-scroll .container>a{display:none}.navbar-scroll .form-search{flex:1 1 100%}.navbar-scroll .autocomplete-list{margin-top:-2px;width:calc(100% + 58px);z-index:4;padding-top:0}}.navbar-scroll{display:none}#o-rfp-list .navbar-scroll{display:none !important}@keyframes navbar{0%{transform:translateY(-100%);opacity:.5}100%{transform:translateY(0);opacity:1}}@keyframes menu-mobile{0%{transform:translateX(100%);opacity:0}100%{transform:translateY(0);opacity:1}}body.is-scrolled-more .navbar-scroll{display:block;animation:navbar .5s ease-out;animation-fill-mode:both}.navbar{background:linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)}.navbar.navbar--black{background:unset}@media(max-width: 756px){.navbar.navbar--black{border-bottom:1px solid #e8e8e8}}.topnav-always-visible .navbar{background:#858585}.navbar[data-no-hero=true]{position:relative;background:#fff !important;color:var(--neutral-700);box-shadow:.5px 3px 4px rgba(0,0,0,.08),0px 2px 8px 4px rgba(0,0,0,.05)}.navbar[data-no-hero=true] .i-oferteo{color:var(--black)}</style>
  107.  
  108.  
  109. <header style="" class="navbar  | 🟡 absolute top-0 p-3 w-full text-sm text-white z-16" data-is-static="false" data-no-hero="">
  110.  
  111. <style id="styles-app-download-bar">
  112. #app-download-bar{width:100vw;display:flex;align-items:center;margin:-12px -12px 0;height:52px;padding:0 16px;background:#e7effb;border-bottom:1px solid rgba(0,0,0,.15);box-shadow:0px 2px 8px 4px rgba(0,0,0,.05),.5px 3px 4px 0px rgba(0,0,0,.08)}#app-download-bar p{margin-bottom:0;font-size:12px;line-height:18px}#app-download-bar .app-download-bar-close{display:flex;width:24px;height:24px;align-items:center;justify-content:center;margin-right:16px}#app-download-bar img{border-radius:.5rem;width:32px;height:32px;padding:2px;background-color:#fff;box-shadow:1px 4px 2px rgba(0,0,0,.04),.25px 1.5px 2px 0px rgba(0,0,0,.08);margin-right:12px}#app-download-bar .customer-logo{display:none}#app-download-bar .app-download-bar-button{background-color:#1463d2;color:#fff;border-radius:9999px;height:32px;width:100px;font-size:14px;line-height:1rem;margin-left:auto}#app-download-bar[data-page-type=CustomerSearch].scrolled{position:fixed;margin-top:0;top:0;z-index:100}@media(min-width: 1024px){#app-download-bar{display:none !important}}</style>
  113.  
  114. <div id="app-download-bar" class="text-black lg:hidden">
  115. <div class="app-download-bar-close">
  116. <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  117. <path d="M1 1L9 9M9 1L1 9" stroke="#333333" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
  118. </svg>
  119. </div>
  120. <img class="buyer-logo" fetchpriority="high"  loading="lazy" width="56" height="56" alt="Oferteo" src="https://www.oferteo.pl/images/apple-web-clip/apple-touch-icon-76x76.png" />
  121. <img class="customer-logo" fetchpriority="high"  loading="lazy" width="56" height="56" alt="Oferteo" src="https://www.oferteo.pl/images/oferteo-black-square-logo.png" />
  122. <p class="app-download-bar-label">
  123. <span class="font-bold">Aplikacja Oferteo</span><br><span class="app-download-bar-label-replace">Znajdź Wykonawcę!</span>
  124. </p>
  125. <button class="app-download-bar-button | btn text-white font-bold">Pobierz</button>
  126. </div>
  127.  
  128. <script id="scripts-app-download-bar">
  129. const getAppBarType=()=>{var e=localStorage.getItem("isShowAppBar"),t="true"===localStorage.getItem("IsApp")||-1<navigator.userAgent.indexOf("appstore.oferteo"),o=window._jsp?.pageType,a=window._jsp?.user?.UserId??-1,p=!!window._jsp?.isBuyerApp;if(void 0===o)return null;var r="undefined"!=typeof pageTypeForClick&&"rfp-search"===pageTypeForClick(),r=["RfpSearch","rfpView"].includes(o)||r;return!(["MainPage","CustomerSearch"].includes(o)&&-1===a)&&!r||(p||t||"false"===e)?"":r?"Customer":"Buyer"},appBar=document.querySelector("#app-download-bar"),initAppBar=(e=20)=>{if(appBar){const p=getAppBarType();if(null!==p)if(p){var t=window._jsp?.pageType??"";if("Customer"===p)appBar.querySelector(".app-download-bar-label-replace").innerHTML="Znajdź zlecenia!",appBar.setAttribute("data-page-type","RfpSearch"),document.querySelector(".buyer-logo")?.style&&(document.querySelector(".buyer-logo").style.display="none"),document.querySelector(".customer-logo")?.style&&(document.querySelector(".customer-logo").style.background="#212121",document.querySelector(".customer-logo").style.display="block");else{appBar.setAttribute("data-page-type",t);const a=Number('52')||52;t=()=>{window.scrollY>a?appBar.classList.add("scrolled"):appBar.classList.remove("scrolled")};window.addEventListener("scroll",t,{passive:!0}),t()}const o=(e,t={})=>{var o,a;null!==p&&(o=window._jsp?.category?.CurrentCategoryId,a=window._jsp?.category?.CurrentCategoryName,O.AnalyticsATF&&(eventName=e+"_"+getAppBarType()+"App",O.AnalyticsATF.GA4("ga_event",eventName,o,a,{...t})))};appBar.querySelector(".app-download-bar-close")?.addEventListener("click",()=>{localStorage.setItem("isShowAppBar","false"),appBar.classList.add("!hidden"),o("click_not_now")}),appBar.querySelector(".app-download-bar-button")?.addEventListener("click",()=>{var e=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)?"AppStore":"GooglePlay",t="Buyer"===p?{GooglePlay:'https://play.google.com/store/apps/details?id=pl.epoint.oferteo.buyers.oferteo_ordering',AppStore:'https://apps.apple.com/pl/app/oferteo-znajd%C5%BA-wykonawc%C4%99/id1621301704'}:{GooglePlay:"https://play.google.com/store/apps/details?id=pl.oferteo.twa",AppStore:"https://apps.apple.com/pl/app/oferteo-dla-specjalist%C3%B3w/id1585161508"};o("click_download",{redirect:e}),window.open(t[e],"_blank")})}else appBar.classList.add("!hidden");else 0<e&&setTimeout(()=>initAppBar(e-1),100)}};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>initAppBar()):initAppBar();
  130. </script>
  131. <div class="container flex items-center lg:px-3">
  132. <div style="position:relative;">
  133. <a data-test="nav__logo" href="https://www.oferteo.pl/" title="Oferteo.pl - Oferty od Firm">
  134. <svg class="i-oferteo | fill-white text-white h-10 w-32"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-oferteo-redesign"></use></svg>
  135. </a>
  136. </div>
  137.  
  138. <div class="flex-auto"></div>
  139.  
  140. <button class="dropdown-menu-toggle dropdown-menu-button  | px-3 relative" aria-label="Menu główne">
  141. <svg class="w-6 h-6 text white"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-bars"></use></svg>
  142. <div class="navbar-counter" data-type="total"></div>
  143. </button>
  144.  
  145. <nav class="navbar-menu | flex items-center">
  146. <div class="dropdown-home dropdown-menu-button | p-3 flex items-center" href="https://www.oferteo.pl">
  147. <svg class="mr-2 w-5 h-5 text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-home"></use></svg>
  148. Strona główna
  149. </div>
  150.  
  151. <!-- ◽ Firmy  -->
  152. <div class="dropdown-menu | relative | is-hoverable cursor-pointer z-4">
  153. <div data-test="nav__companies" class="dropdown-menu-button | px-3 py-5 items-center justify-between flex md:text-white">Firmy <svg class="ml-1 w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-caret-down"></use></svg> </div>
  154. <div class="dropdown-menu-items | absolute bg-white text-black bg-white text-base border border-black border-opacity-10 rounded shadow-large mt-3 py-1">
  155. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/firmy-budowlane"           title="Firmy budowlane">           <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-renovation-guy"></use></svg> Firmy budowlane           </a>
  156. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/firmy-budujace-domy"       title="Budowa domów">              <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-home"></use></svg> Budowa domów              </a>
  157. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/fotowoltaika"              title="Fotowoltaika">              <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-sun"></use></svg> Fotowoltaika              </a>
  158. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/pompy-ciepla"              title="Pompy ciepła">              <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-pump"></use></svg> Pompy ciepła              </a>
  159. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/ukladanie-kostki-brukowej" title="Układanie kostki brukowej"> <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-brick-alt"></use></svg> Układanie kostki brukowej </a>
  160. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/elewacje"                  title="Elewacje">                  <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-building-o"></use></svg> Elewacje                  </a>
  161. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/remonty"                   title="Remonty">                   <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-trowel"></use></svg> Remonty                   </a>
  162. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/remonty-mieszkan"          title="Remonty mieszkań">          <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-renovation"></use></svg> Remonty mieszkań          </a>
  163. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/elektrycy"                 title="Elektryk">                  <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-plug"></use></svg> Elektryk                  </a>
  164. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/malarze"                   title="Malarz">                    <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-paint-roller"></use></svg> Malarz                    </a>
  165. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/glazurnik"                 title="Glazurnik">                 <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-square-menu"></use></svg> Glazurnik                 </a>
  166. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/klimatyzacja"              title="Klimatyzacja">              <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-air-conditioner"></use></svg> Klimatyzacja              </a>
  167. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/okna-pcv"                  title="Okna PCV">                  <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-window"></use></svg> Okna PCV                  </a>
  168. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/biuro-rachunkowe"          title="Biuro rachunkowe">          <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calculator"></use></svg> Biuro rachunkowe          </a>
  169. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/kredyt-hipoteczny"         title="Kredyt hipoteczny">         <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-money"></use></svg> Kredyt hipoteczny         </a>
  170. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/leasing-samochodu"         title="Leasing samochodu">         <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-automobile"></use></svg> Leasing samochodu         </a>
  171. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/ubezpieczenie-na-zycie"    title="Ubezpieczenie na życie">    <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-umbrella"></use></svg> Ubezpieczenie na życie    </a>
  172. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/adwokaci"                  title="Adwokat">                   <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-scale-weight"></use></svg> Adwokat                   </a>
  173. <div class="my-1 border-t border-black border-opacity-10"></div>
  174. <a class="flex items-center hover:text-accent px-2 py-1 transition-none" href="https://www.oferteo.pl/firmy"                     title="Firmy">                     <svg class="mr-2 i text-neutral-600"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-handshake-o"></use></svg> Firmy                     </a>
  175. </div>
  176. </div>
  177. <a data-test="navbar-rfps" class="btn-register dropdown-menu-button | p-3 " href="https://www.oferteo.pl/zlecenia" title="Zlecenia">Zlecenia</a>
  178. <a data-test="navbar-guides" class="btn-register dropdown-menu-button | p-3 " href="https://www.oferteo.pl/porady" title="Porady">Porady</a>
  179. <a data-test="navbar-register" rel="nofollow" class="btn-register dropdown-menu-button | p-3 " href="https://www.oferteo.pl/rejestracja/wybierz-klientow">Dołącz do firm</a>
  180. <a data-test="navbar-login" rel="nofollow" class="dropdown-menu-button | p-3 " href="https://www.oferteo.pl/logowanie">Zaloguj się</a>
  181. <!-- ◽ Sprzedawca  -->
  182. <!-- ◽ Kupujący  -->
  183. </nav>
  184.  
  185. </div>
  186. </header>
  187. <div class="navbar-scroll | fixed top-0 p-3 w-full bg-white z-32 shadow-default">
  188. <div class="container | flex items-center ">
  189. <a href="https://www.oferteo.pl/" title="Oferteo.pl - Oferty od Firm"> <svg class="i-oferteo | fill-black text-black h-10 w-32"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-oferteo-redesign"></use></svg>  </a>
  190. <form class="form-search | flex items-center ml-auto" data-pid="17024" data-pid-choose="17024" data-ssr="MainPage">
  191. <div class="autocomplete | relative flex-auto">
  192. <input type="text" placeholder="Jakiej usługi / produktu szukasz?" autocomplete="nope" required><div class="autocomplete-list dropdown-menu | absolute bg-white !w-full border border-black border-opacity-10 text-left flex flex-col fg-dark"></div>
  193. </div>
  194. <button type="submit" class="btn btn-primary btn-large"><svg class="w-5 h-5"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-search"></use></svg></button>
  195. </form>
  196. </div>
  197. </div>
  198. <script id="script-global-navbar" type="module">
  199. if("undefined"==typeof _){O._=(e,t,a,n)=>{const o=e?(n||document).querySelectorAll(e):[n];return t?(o.forEach(n=>{a?n.addEventListener(a,e=>{t(e,n)}):t(n)}),o):o[0]},HTMLElement.prototype._=function(e,n,t){return O._(e,n,t,this)};const _=document.body;window._=_;let n='https://www.oferteo.pl/j_acegi_logout';_._(".navbar .oferteo-logout",async e=>{e.preventDefault(),await fetch(n),document.location.href="/"},"click")}const navbar=_._(".navbar");navbar&&(navbar._(".dropdown-menu .dropdown-menu-button",e=>{e.preventDefault(),e.target.classList.toggle("is-menu-visible")},"click"),navbar._(".dropdown-menu .dropdown-menu-button",e=>{const n=e.target.classList;(n.contains("is-menu-visible")?_._(".dropdown-menu-toggle"):e.target).focus()},"mouseup"),navbar._(".dropdown-menu-toggle",e=>{e.preventDefault(),_._(".navbar").classList.toggle("is-menu-visible")},"click"),navbar._(".navbar-menu .dropdown-menu-button",e=>{if(!(767<window.innerWidth)){const n=e.target.closest(".dropdown-menu");n&&n.classList.toggle("is-open")}},"click"),navbar._(".dropdown-menu-items",e=>{e.stopPropagation()},"click"),navbar._(".dropdown-menu [data-href]",e=>{(!e.target.matches(".dropdown-menu-button")||767<window.innerWidth)&&O.Decode(e)},"click"),navbar._(".btn-register",e=>{O.Decode(e)},"click"),navbar._(".btn-buyerView",e=>{window.dataLayer.push({event:"ga_event",event_name:"click_rfpList"}),O.Decode(e)},"click"),_._(".navbar-scroll .btn-primary.btn-large",e=>{window.dataLayer.push({event:"ga_dims",event_name:"click_magnifier",event_params:{category_id:_._(".is-selected")?parseInt(_._(".is-selected").dataset.cid):"",category_name:_._(".is-selected")?_._(".is-selected").innerHTML:""}})},"click"));
  200. </script>
  201. <script type="application/ld+json">{
  202.    "@context": "https://schema.org",
  203.    "@type": "Organization",
  204.    "name": "Oferteo",
  205.    "url": "https://www.oferteo.pl",
  206.    "logo": "https://static.oferteo.pl/images/logo/logo-fb-share.png",
  207.    "alternateName": ["oferto","ofeteo","ofereo","ofero","ofeto","oferio","Oferteo S.A.","Oferteo sp. z o.o.","oferteo.pl"],
  208.    "foundingDate":"2008",
  209.    "address":{
  210.        "@type":"PostalAddress",
  211.        "addressRegion":"Dolnośląskie",
  212.        "addressLocality":"Wrocław",
  213.        "postalCode":"50-559",
  214.        "streetAddress":"Świeradowska 51-57/102A",
  215.        "addressCountry":{"@type":"Country","name":"PL"}
  216.    },
  217.    "contactPoint": [
  218.        {
  219.            "@type": "ContactPoint",
  220.            "telephone": "+48718898770",
  221.            "contactType": "customer service"
  222.        }
  223.    ],
  224.    "sameAs": [
  225.        "https://www.facebook.com/Oferteo/",
  226.        "https://www.youtube.com/channel/UCpvwEL4qhSPnW132hYbifmA",
  227.        "https://pl.linkedin.com/company/oferteo",
  228.        "https://pl.trustpilot.com/review/oferteo.pl",
  229.        "https://www.instagram.com/oferteo.pl_/",
  230.        "https://play.google.com/store/apps/details?id=pl.epoint.oferteo.buyers.oferteo_ordering&hl=pl",
  231.        "https://apps.apple.com/pl/app/oferteo-znajd%C5%BA-wykonawc%C4%99/id1621301704?l=pl"
  232.    ]
  233. }</script>
  234.  
  235. <main class="main-content" id="main-content">
  236.        <style id="style-global-hero">
  237. :root{--btn-submit-width-desktop: 179px}.mainButton{pointer-events:none}.hero{height:640px;background:#000}.hero img{width:100vw;height:100%;object-fit:cover}.hero h1{font-size:60px;letter-spacing:1px;text-shadow:0 .25rem .5rem rgba(0,0,0,.5);font-weight:800}.hero-lead>span{font-weight:bold}.hero-lead{border-radius:.5rem;background:rgba(243,244,247,.9);box-shadow:0 1.25rem 1.25rem 0 rgba(0,0,0,.25);max-width:44rem}.form-search{background:var(--white);border-radius:4px;border-radius:16rem}.form-search.has-items:focus-within{border-bottom-left-radius:0}.form-search button{box-shadow:0 0 0 1px var(--accent)}.form-search input{border:none;min-height:40px;padding:0 24px;font-size:16px;border-radius:8rem}.hero .form-search input{border:1px solid rgba(0,0,0,.3);font-size:18px;padding:8px calc(var(--btn-submit-width-desktop) + 24px) 8px 24px;height:52px}.hero .form-search input:focus{box-shadow:0 0 0 .2rem rgba(255,127,0,.25);transition:box-shadow .15s ease-in-out}.form-search button{border-radius:0 8rem 8rem 0;height:40px;z-index:1}.hero .form-search button{height:50px;font-size:18px;font-weight:bold;width:var(--btn-submit-width-desktop);white-space:nowrap}.autocomplete-list{border:1px solid var(--neutral);border-top:none;max-height:325px;overflow:auto;margin-top:-4px;width:calc(100% - var(--btn-submit-width-desktop));padding-top:2px;overscroll-behavior:contain;scrollbar-color:auto}.autocomplete-list,.form-search:focus-within .autocomplete-list{display:none !important}.autocomplete.is-open .autocomplete-list,.form-search:focus-within .autocomplete.is-open .autocomplete-list{display:flex !important}.autocomplete-list a.is-selected,.autocomplete-list a:hover{color:var(--white);background:var(--accent);font-weight:bold}.autocomplete-list a:not(.is-selected,:hover) .oex-badge{color:#1462d3;background:#e7effb}.autocomplete-list .oex-badge{border-radius:4px;padding:2px 8px;font-weight:700;font-size:14px;line-height:1;flex-shrink:0}.autocomplete-list .is-first-popular{position:relative;padding-top:48px}.autocomplete-list .is-first-popular:before{content:"Popularne kategorie";display:block;color:var(--neutral-700);font-weight:normal;font-size:14px;padding:8px 12px;border:1px solid rgba(0,0,0,.15);border-left:none;border-right:none;background:#f2f2f2;position:absolute;top:0;left:0;width:100%;height:40px}.hero .dropdown-menu .dropdown-item{color:#212529}.hero .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.hero .dropdown-menu .dropdown-item.is-selected{background-color:var(--accent) !important;color:#fff}.hero .dropdown-menu .dropdown-item .text-muted{color:#5c5e66;font-size:.75rem}.hero .dropdown-menu .dropdown-item.active,.hero .dropdown-menu .dropdown-item:active,.hero .dropdown-menu .dropdown-item.active span,.hero .dropdown-menu .dropdown-item:active span{background-color:var(--accent) !important;color:#fff !important}.form-search-close{display:none}#reminder-bar{max-width:44rem}@media(max-width: 767px){.hero h1:not(.spreaderHeading){font-family:Arial,sans-serif;font-size:32px;height:80px}.hero-lead{font-size:16px;margin:auto;padding:20px 16px}.hero-lead>.heading-sm{font-family:Arial,sans-serif;font-size:16px}.hero .form-search{display:block;background:0 0;border:none}.hero .form-search button,.hero .form-search input{font-size:16px;width:100%;padding:8px 24px;height:52px}.hero .form-search button{font-family:Arial,sans-serif;box-shadow:none;margin-top:12px;border-radius:8rem}.hero .form-search input{border-color:var(--neutral)}.hero{height:600px}.hero picture{opacity:.75}.hero .form-search input:focus-within,.hero .form-search:focus-within{border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:0;border-bottom-right-radius:0}.hero .form-search.is-mobile-fullscreen:focus-within{position:fixed;z-index:2048;left:0;right:0;top:0;bottom:0;margin:0}.hero .form-search.is-mobile-fullscreen:focus-within .autocomplete-list{display:flex !important;border:none;max-height:none;flex:1 1 100%;width:100%;position:static;border-top:1px solid var(--neutral) !important}.hero .form-search.is-mobile-fullscreen:focus-within input{border:none;border-radius:0 !important;flex:0 0 52px;margin-bottom:1px;padding-left:12px}.hero .form-search.is-mobile-fullscreen:focus-within .autocomplete{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column}.hero .form-search.is-mobile-fullscreen:focus-within .autocomplete-list .is-first-popular:before{border-top:none}.hero .form-search.is-mobile-fullscreen:focus-within .form-search-close{display:block;position:fixed;right:0;top:0;width:48px;height:48px;padding:12px;color:var(--neutral)}}@media(max-width: 1199px){.container{max-width:960px}}@media(min-width: 768px){.hero .form-search .autocomplete.is-open input{border-bottom-left-radius:0}}</style>
  238.  
  239. <section class="hero | relative flex items-center justify-center text-white text-center px-4 | is-homepage" data-test="home__hero">
  240. <picture class="absolute inset-0" style="background: transparent; opacity: 0.5;">
  241. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.xs.webp" type="image/webp" media="(max-width: 360px)">
  242. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.s.webp"  type="image/webp" media="(min-width: 361px) and (max-width: 480px)">
  243. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.m.webp"  type="image/webp" media="(min-width: 481px) and (max-width: 1279px)">
  244. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.l.webp"  type="image/webp" media="(min-width: 1280px)">
  245. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.l.jpg"   type="image/jpeg">
  246. <img fetchpriority="high" alt="Oferteo" onload="this.style.opacity = 1">
  247. </picture>
  248.  
  249. <div class="relative">
  250. <h1>Otrzymaj oferty <span class="hide-mobile">od&nbsp;firm</span></h1>
  251. <div class="hero-lead | block text-black mt-7 mx-auto p-7 shadow-large rounded">
  252. <span class="heading-sm leading-snug">Od budowy domu po usługi dla firmy, finanse, urodę i&nbsp;edukację. Pomożemy&nbsp;Ci w&nbsp;każdym temacie.</span>
  253. <form class="form-search | is-mobile-fullscreen | md:relative flex items-center mt-5 mx-auto" data-pid="17113" data-pid-choose="17092" data-ssr="MainPage" autocomplete="off">
  254. <div class="autocomplete | relative flex-auto">
  255. <input type="text" required maxlength="50" autocomplete="nope" placeholder="Jakiej usługi / produktu szukasz?" data-test="hero__service_search__input">
  256. <div class="autocomplete-list dropdown-menu | absolute bg-white border border-black border-opacity-10 text-left text-base flex flex-col text-black"></div>
  257. </div>
  258.        <button type="submit" class="btn btn-primary btn-large mainButton | md:absolute md:right-0" data-test="hero__service_search__btn">Porównaj oferty</button>
  259. <svg class="form-search-close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
  260. </form>
  261. </div>
  262. <style id="style-rfp-reminder">
  263. .reminder-bar__container{background:rgba(243,244,247,.9);box-shadow:0 1.25rem 1.25rem 0 rgba(0,0,0,.25)}</style>
  264.  
  265. <div id="reminder-bar" class="mx-auto"></div>
  266.  
  267. <script id="script-rfp-reminder">
  268. (()=>{const i={get(t){try{return window.localStorage?window.localStorage.getItem(t):null}catch(e){throw new Error('[script-rfp-reminder] localStorage.getItem access denied for key="'+t+'" (orig: '+(e&&e.message)+")")}},remove(t){try{window.localStorage&&window.localStorage.removeItem(t)}catch(e){throw new Error('[script-rfp-reminder] localStorage.removeItem access denied for key="'+t+'" (orig: '+(e&&e.message)+")")}}};var e=({category:r,categoryName:n,city:e})=>{const t=document.getElementById("reminder-bar");if(t){t.classList.add("flex","flex-col"),t.innerHTML=`
  269.      <span class="mt-3 text-base text-white text-left">Ostatnie wyszukiwania:</span>
  270.      <div class="reminder-bar__container | w-full flex items-center justify-between gap-3 text-black mt-1 px-4 py-2 md:py-3 shadow-sm rounded-lg">
  271.        <div id="reminder-message" class="flex flex-col">
  272.          <span class="category | text-base text-left font-bold"></span>
  273.          <div class="city | flex items-center mt-1">
  274.            <svg class="w-5 h-5 text-accent stroke-accent"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-location-pin"></use></svg>
  275.            <span class="text-neutral-600 text-xs"></span>
  276.          </div>
  277.        </div>
  278.        <button id="finish-query-btn" class="text-sm md:text-base text-accent hover:text-accent-400 transition-colors duration-300 ease-in-out underline text-nowrap">
  279.          Dokończ
  280.        </button>
  281.      </div>
  282.    `;const a=t.querySelector("#reminder-message");if(a){const o=a.querySelector(".category");if(o&&(o.textContent=n),e){const c=a.querySelector(".city span");c&&(c.textContent=e)}else a.querySelector(".city")?.remove()}t.addEventListener("click",e=>{var t,a;e.target.closest("#finish-query-btn")&&(t=r,a=n,O.FormModalATF.Show({mode:"category",category:t,categoryName:a,creationButton:"abandonedRfpBar"}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"ga_event",event_name:"click_completeRfp_abandonedRfpBar",event_params:{category_id:t,category_name:a,creation_button:"abandonedRfpBar"}})),e.target.closest("#close-reminder-btn")&&(a=r,e=n,document.getElementById("reminder-bar")?.remove(),i.remove("unfinishedQuery"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"ga_event",event_name:"click_exit_abandonedRfpBar",event_params:{category_id:a,category_name:e}}))}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"ga_event",event_name:"view_abandonedRfpBar",event_params:{category_id:r,category_name:n}})}};var t=(()=>{var t=i.get("unfinishedQuery");if(!t)return null;try{var e=JSON.parse(t);return e?.category&&e?.categoryName?e:null}catch(e){return console.error("[RfpReminder::getQueryData] Błąd parsowania JSON:",e,"raw:",t),null}})();t&&e(t)})();
  283. </script></div>
  284. </section>
  285.  
  286. <script id="script-global-hero" type="module">
  287. O._(".form-search",(o,a)=>{o.preventDefault(),_._(".dialog-modal").hasAttribute("open")||(_._(".dialog-modal").showModal(),(_jsp.FormSearchSubmit=a)._("input",o=>o.blur()))},"submit"),_._(".form-search input",o=>{window.setTimeout(()=>{o.value=""},150)}),_._(".form-search",(o,a)=>{O.Load(_jsp.www+"/public/gradual/commons/global.form-search.js")},"click"),_._(".form-search input",(o,a)=>{O.Load(_jsp.www+"/public/gradual/commons/global.form-search.js")},"focus"),_._(".autocomplete-list",(o,a)=>{o.preventDefault(),o.stopPropagation()},"mousedown"),_._(".autocomplete-list",(o,a)=>{a.previousElementSibling.blur()},"click"),window.onload=o=>{_._(".mainButton").style.pointerEvents="all"};
  288. </script>
  289. <section class="top-categories__section | text-center bg-white px-4  py-6 md:py-8" data-test="home__top_categories">
  290.  <div class="container">
  291.    <div class="mb-8">
  292.      <h2 class="heading-md mb-4">Znajdź Wykonawcę do Twojego zlecenia</h2>
  293.      <p class="text-neutral-600">Przeglądaj profile Wykonawców, czytaj opinie i&nbsp;wybierz sprawdzonego specjalistę.</p>
  294.    </div>
  295.    <div id="topcat-grid" class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-2 md:gap-y-3 md:gap-x-6 text-base mt-8">
  296.      <div data-role="card" class="flex items-center justify-between w-full">
  297.          <a href="https://www.oferteo.pl/agencje-nieruchomosci" title="Agencja nieruchomości" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  298.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  299.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-agencje-nieruchomosci"></use></svg>
  300.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Agencja nieruchomości</span>
  301.          </a>
  302.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-0"></div>
  303.            <button
  304.              type="button"
  305.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  306.              aria-expanded="false"
  307.              aria-controls="panel-cat-0"
  308.              data-target="panel-cat-0"
  309.            >
  310.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  311.              <span class="sr-only">Pokaż podkategorie</span>
  312.            </button>
  313.          </div>
  314.        <div id="panel-cat-0" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-0-label">
  315.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  316.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  317.            </button>
  318.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  319.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  320.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  321.              </span>
  322.              <div id="panel-cat-0-label" class="font-bold text-lg mb-5">Agencja nieruchomości</div>
  323.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  324.                <a href="https://www.oferteo.pl/kupno-nieruchomosci" title="Kupno mieszkania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kupno mieszkania</a>
  325.                <a href="https://www.oferteo.pl/sprzedaz-nieruchomosci" title="Sprzedaż mieszkania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sprzedaż mieszkania</a>
  326.                <a href="https://www.oferteo.pl/wycena-nieruchomosci" title="Wycena nieruchomości" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wycena nieruchomości</a>
  327.                <a href="https://www.oferteo.pl/wynajem" title="Wynajem" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wynajem</a>
  328.                </div>
  329.            </div>
  330.          </div>
  331.        <div data-role="card" class="flex items-center justify-between w-full">
  332.          <a href="https://www.oferteo.pl/dostawcy-do-domu-i-ogrodu" title="Dla domu" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  333.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  334.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-dostawcy-do-domu-i-ogrodu"></use></svg>
  335.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Dla domu</span>
  336.          </a>
  337.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-1"></div>
  338.            <button
  339.              type="button"
  340.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  341.              aria-expanded="false"
  342.              aria-controls="panel-cat-1"
  343.              data-target="panel-cat-1"
  344.            >
  345.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  346.              <span class="sr-only">Pokaż podkategorie</span>
  347.            </button>
  348.          </div>
  349.        <div id="panel-cat-1" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-1-label">
  350.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  351.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  352.            </button>
  353.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  354.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  355.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  356.              </span>
  357.              <div id="panel-cat-1-label" class="font-bold text-lg mb-5">Dla domu</div>
  358.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  359.                <a href="https://www.oferteo.pl/antresole" title="Antresole" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Antresole</a>
  360.                <a href="https://www.oferteo.pl/balustrady" title="Balustrady" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Balustrady</a>
  361.                <a href="https://www.oferteo.pl/blaty-kuchenne" title="Blaty kuchenne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Blaty kuchenne</a>
  362.                <a href="https://www.oferteo.pl/drzwi" title="Drzwi" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Drzwi</a>
  363.                <a href="https://www.oferteo.pl/kominiarze" title="Kominiarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kominiarz</a>
  364.                <a href="https://www.oferteo.pl/meble-na-wymiar" title="Meble na wymiar" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Meble na wymiar</a>
  365.                <a href="https://www.oferteo.pl/okna" title="Okna" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Okna</a>
  366.                <a href="https://www.oferteo.pl/oswietlenie" title="Oświetlenie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Oświetlenie</a>
  367.                <a href="https://www.oferteo.pl/parapety" title="Parapety" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Parapety</a>
  368.                <a href="https://www.oferteo.pl/podlogi-panele" title="Podłogi drewniane, panele" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Podłogi drewniane, panele</a>
  369.                <a href="https://www.oferteo.pl/rolety" title="Rolety" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Rolety</a>
  370.                <a href="https://www.oferteo.pl/rzeczoznawca-budowlany" title="Rzeczoznawca budowlany" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Rzeczoznawca budowlany</a>
  371.                <a href="https://www.oferteo.pl/schody" title="Schody" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Schody</a>
  372.                <a href="https://www.oferteo.pl/tapicerzy" title="Tapicer" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Tapicer</a>
  373.                <a href="https://www.oferteo.pl/wykladziny" title="Wykładziny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wykładziny</a>
  374.                <a href="https://www.oferteo.pl/zdun" title="Zdun" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Zdun</a>
  375.                <a href="https://www.oferteo.pl/swiadectwa-energetyczne" title="Świadectwa energetyczne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Świadectwa energetyczne</a>
  376.                <a href="https://www.oferteo.pl/zaluzje" title="Żaluzje" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Żaluzje</a>
  377.                </div>
  378.            </div>
  379.          </div>
  380.        <div data-role="card" class="flex items-center justify-between w-full">
  381.          <a href="https://www.oferteo.pl/dostawcy-dla-firmy-i-biura" title="Dostawcy do firmy, biura" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  382.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  383.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-dostawcy-dla-firmy-i-biura"></use></svg>
  384.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Dostawcy do firmy, biura</span>
  385.          </a>
  386.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-2"></div>
  387.            <button
  388.              type="button"
  389.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  390.              aria-expanded="false"
  391.              aria-controls="panel-cat-2"
  392.              data-target="panel-cat-2"
  393.            >
  394.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  395.              <span class="sr-only">Pokaż podkategorie</span>
  396.            </button>
  397.          </div>
  398.        <div id="panel-cat-2" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-2-label">
  399.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  400.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  401.            </button>
  402.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  403.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  404.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  405.              </span>
  406.              <div id="panel-cat-2-label" class="font-bold text-lg mb-5">Dostawcy do firmy, biura</div>
  407.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  408.                <a href="https://www.oferteo.pl/centrale-telefoniczne" title="Centrale telefoniczne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Centrale telefoniczne</a>
  409.                <a href="https://www.oferteo.pl/dostawy-wody" title="Dostawy wody" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Dostawy wody</a>
  410.                <a href="https://www.oferteo.pl/ekspresy-do-kawy" title="Ekspresy do Kawy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ekspresy do Kawy</a>
  411.                <a href="https://www.oferteo.pl/kamery-termowizyjne" title="Kamery termowizyjne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kamery termowizyjne</a>
  412.                <a href="https://www.oferteo.pl/kosze-prezentowe" title="Kosze prezentowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kosze prezentowe</a>
  413.                <a href="https://www.oferteo.pl/kserokopiarki" title="Kserokopiarki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kserokopiarki</a>
  414.                <a href="https://www.oferteo.pl/maszyny-budowlane" title="Maszyny budowlane" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Maszyny budowlane</a>
  415.                <a href="https://www.oferteo.pl/opakowania" title="Opakowania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Opakowania</a>
  416.                <a href="https://www.oferteo.pl/regaly-magazynowe" title="Regały magazynowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Regały magazynowe</a>
  417.                <a href="https://www.oferteo.pl/windy-i-dzwigi-budownictwo-firmy" title="Windy i dźwigi" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Windy i dźwigi</a>
  418.                <a href="https://www.oferteo.pl/wozki-widlowe" title="W&oacute;zki widłowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">W&oacute;zki widłowe</a>
  419.                </div>
  420.            </div>
  421.          </div>
  422.        <div data-role="card" class="flex items-center justify-between w-full">
  423.          <a href="https://www.oferteo.pl/finanse" title="Finanse" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  424.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  425.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-finanse"></use></svg>
  426.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Finanse</span>
  427.          </a>
  428.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-3"></div>
  429.            <button
  430.              type="button"
  431.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  432.              aria-expanded="false"
  433.              aria-controls="panel-cat-3"
  434.              data-target="panel-cat-3"
  435.            >
  436.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  437.              <span class="sr-only">Pokaż podkategorie</span>
  438.            </button>
  439.          </div>
  440.        <div id="panel-cat-3" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-3-label">
  441.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  442.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  443.            </button>
  444.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  445.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  446.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  447.              </span>
  448.              <div id="panel-cat-3-label" class="font-bold text-lg mb-5">Finanse</div>
  449.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  450.                <a href="https://www.oferteo.pl/zarzadzanie-nieruchomosciami" title="Administrator nieruchomości" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Administrator nieruchomości</a>
  451.                <a href="https://www.oferteo.pl/biuro-rachunkowe" title="Biuro rachunkowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Biuro rachunkowe</a>
  452.                <a href="https://www.oferteo.pl/faktoring" title="Faktoring" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Faktoring</a>
  453.                <a href="https://www.oferteo.pl/kosztorysy-ekspertyzy-firmy" title="Kosztorysy, ekspertyzy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kosztorysy, ekspertyzy</a>
  454.                <a href="https://www.oferteo.pl/kredyt" title="Kredyt" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kredyt</a>
  455.                <a href="https://www.oferteo.pl/leasing" title="Leasing" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Leasing</a>
  456.                <a href="https://www.oferteo.pl/skup-dlugow" title="Skup dług&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Skup dług&oacute;w</a>
  457.                <a href="https://www.oferteo.pl/agent-ubezpieczeniowy" title="Ubezpieczenia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ubezpieczenia</a>
  458.                <a href="https://www.oferteo.pl/windykacja" title="Windykacja" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Windykacja</a>
  459.                </div>
  460.            </div>
  461.          </div>
  462.        <div data-role="card" class="flex items-center justify-between w-full">
  463.          <a href="https://www.oferteo.pl/firma-it" title="Firma IT" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  464.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  465.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-firma-it"></use></svg>
  466.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Firma IT</span>
  467.          </a>
  468.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-4"></div>
  469.            <button
  470.              type="button"
  471.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  472.              aria-expanded="false"
  473.              aria-controls="panel-cat-4"
  474.              data-target="panel-cat-4"
  475.            >
  476.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  477.              <span class="sr-only">Pokaż podkategorie</span>
  478.            </button>
  479.          </div>
  480.        <div id="panel-cat-4" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-4-label">
  481.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  482.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  483.            </button>
  484.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  485.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  486.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  487.              </span>
  488.              <div id="panel-cat-4-label" class="font-bold text-lg mb-5">Firma IT</div>
  489.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  490.                <a href="https://www.oferteo.pl/bazy-danych" title="Bazy danych" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Bazy danych</a>
  491.                <a href="https://www.oferteo.pl/druk-3d" title="Druk 3D" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Druk 3D</a>
  492.                <a href="https://www.oferteo.pl/graficy-komputerowi" title="Grafik komputerowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Grafik komputerowy</a>
  493.                <a href="https://www.oferteo.pl/instalacja-konfiguracja-firmy" title="Instalacja, konfiguracja komputer&oacute;w i sieci" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Instalacja, konfiguracja komputer&oacute;w i sieci</a>
  494.                <a href="https://www.oferteo.pl/integracja-systemow-it-firmy" title="Integracja system&oacute;w IT" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Integracja system&oacute;w IT</a>
  495.                <a href="https://www.oferteo.pl/internet" title="Internet" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Internet</a>
  496.                <a href="https://www.oferteo.pl/serwisy-komputerowe" title="Naprawa komputer&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Naprawa komputer&oacute;w</a>
  497.                <a href="https://www.oferteo.pl/odzyskiwanie-danych-firmy" title="Odzyskiwanie danych" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odzyskiwanie danych</a>
  498.                <a href="https://www.oferteo.pl/outsourcing-it-firmy" title="Outsourcing IT" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Outsourcing IT</a>
  499.                <a href="https://www.oferteo.pl/programista" title="Programista" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Programista</a>
  500.                <a href="https://www.oferteo.pl/projektowanie-cad-cam-cae-firmy" title="Projektowanie CAD/CAM/CAE" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Projektowanie CAD/CAM/CAE</a>
  501.                <a href="https://www.oferteo.pl/sieci-komputerowe" title="Sieci komputerowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sieci komputerowe</a>
  502.                </div>
  503.            </div>
  504.          </div>
  505.        <div data-role="card" class="flex items-center justify-between w-full">
  506.          <a href="https://www.oferteo.pl/firmy-budowlane" title="Firma budowlana" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  507.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  508.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-firmy-budowlane"></use></svg>
  509.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Firma budowlana</span>
  510.          </a>
  511.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-5"></div>
  512.            <button
  513.              type="button"
  514.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  515.              aria-expanded="false"
  516.              aria-controls="panel-cat-5"
  517.              data-target="panel-cat-5"
  518.            >
  519.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  520.              <span class="sr-only">Pokaż podkategorie</span>
  521.            </button>
  522.          </div>
  523.        <div id="panel-cat-5" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-5-label">
  524.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  525.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  526.            </button>
  527.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  528.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  529.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  530.              </span>
  531.              <div id="panel-cat-5-label" class="font-bold text-lg mb-5">Firma budowlana</div>
  532.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  533.                <a href="https://www.oferteo.pl/firmy-budujace-domy" title="Budowa dom&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Budowa dom&oacute;w</a>
  534.                <a href="https://www.oferteo.pl/budowa-drog" title="Budowa dr&oacute;g" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Budowa dr&oacute;g</a>
  535.                <a href="https://www.oferteo.pl/dekarz" title="Dekarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Dekarz</a>
  536.                <a href="https://www.oferteo.pl/elewacje" title="Elewacje" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Elewacje</a>
  537.                <a href="https://www.oferteo.pl/fundamenty" title="Fundamenty" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Fundamenty</a>
  538.                <a href="https://www.oferteo.pl/geodeta" title="Geodeta" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Geodeta</a>
  539.                <a href="https://www.oferteo.pl/geolog" title="Geolog" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Geolog</a>
  540.                <a href="https://www.oferteo.pl/kamieniarstwo" title="Kamieniarstwo" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kamieniarstwo</a>
  541.                <a href="https://www.oferteo.pl/konstrukcje-stalowe" title="Konstrukcje stalowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Konstrukcje stalowe</a>
  542.                <a href="https://www.oferteo.pl/murarz" title="Murarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Murarz</a>
  543.                <a href="https://www.oferteo.pl/nadzor-budowlany" title="Nadz&oacute;r budowlany" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Nadz&oacute;r budowlany</a>
  544.                <a href="https://www.oferteo.pl/ocieplanie-budynkow" title="Ocieplanie budynk&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ocieplanie budynk&oacute;w</a>
  545.                <a href="https://www.oferteo.pl/podnosnik-koszowy" title="Podnośnik koszowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Podnośnik koszowy</a>
  546.                <a href="https://www.oferteo.pl/posadzki" title="Posadzki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Posadzki</a>
  547.                <a href="https://www.oferteo.pl/roboty-ziemne" title="Roboty ziemne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Roboty ziemne</a>
  548.                <a href="https://www.oferteo.pl/dzwigi" title="Usługi dźwigowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Usługi dźwigowe</a>
  549.                <a href="https://www.oferteo.pl/wyburzenia" title="Wyburzenia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wyburzenia</a>
  550.                <a href="https://www.oferteo.pl/wylewka" title="Wylewka" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wylewka</a>
  551.                <a href="https://www.oferteo.pl/zbrojarz" title="Zbrojarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Zbrojarz</a>
  552.                </div>
  553.            </div>
  554.          </div>
  555.        <div data-role="card" class="flex items-center justify-between w-full">
  556.          <a href="https://www.oferteo.pl/firmy-odziezowe" title="Firma odzieżowa" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  557.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  558.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-firmy-odziezowe"></use></svg>
  559.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Firma odzieżowa</span>
  560.          </a>
  561.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-6"></div>
  562.            <button
  563.              type="button"
  564.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  565.              aria-expanded="false"
  566.              aria-controls="panel-cat-6"
  567.              data-target="panel-cat-6"
  568.            >
  569.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  570.              <span class="sr-only">Pokaż podkategorie</span>
  571.            </button>
  572.          </div>
  573.        <div id="panel-cat-6" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-6-label">
  574.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  575.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  576.            </button>
  577.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  578.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  579.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  580.              </span>
  581.              <div id="panel-cat-6-label" class="font-bold text-lg mb-5">Firma odzieżowa</div>
  582.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  583.                <a href="https://www.oferteo.pl/hafciarnie" title="Haftowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Haftowanie</a>
  584.                <a href="https://www.oferteo.pl/hurtownie-tkanin" title="Hurtownia Tkanin" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Hurtownia Tkanin</a>
  585.                <a href="https://www.oferteo.pl/kaletnik" title="Kaletnik" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kaletnik</a>
  586.                <a href="https://www.oferteo.pl/krawcy" title="Krawiec" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Krawiec</a>
  587.                <a href="https://www.oferteo.pl/koszulki-z-nadrukiem" title="Nadruki na koszulkach" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Nadruki na koszulkach</a>
  588.                <a href="https://www.oferteo.pl/odziez-damska" title="Odzież damska" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odzież damska</a>
  589.                <a href="https://www.oferteo.pl/odziez-meska" title="Odzież męska" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odzież męska</a>
  590.                <a href="https://www.oferteo.pl/odziez-robocza" title="Odzież robocza" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odzież robocza</a>
  591.                <a href="https://www.oferteo.pl/odziez-uzywana" title="Odzież używana" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odzież używana</a>
  592.                <a href="https://www.oferteo.pl/szwalnia" title="Szwalnia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Szwalnia</a>
  593.                </div>
  594.            </div>
  595.          </div>
  596.        <div data-role="card" class="flex items-center justify-between w-full">
  597.          <a href="https://www.oferteo.pl/transport" title="Firma transportowa" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  598.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  599.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-transport"></use></svg>
  600.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Firma transportowa</span>
  601.          </a>
  602.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-7"></div>
  603.            <button
  604.              type="button"
  605.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  606.              aria-expanded="false"
  607.              aria-controls="panel-cat-7"
  608.              data-target="panel-cat-7"
  609.            >
  610.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  611.              <span class="sr-only">Pokaż podkategorie</span>
  612.            </button>
  613.          </div>
  614.        <div id="panel-cat-7" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-7-label">
  615.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  616.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  617.            </button>
  618.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  619.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  620.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  621.              </span>
  622.              <div id="panel-cat-7-label" class="font-bold text-lg mb-5">Firma transportowa</div>
  623.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  624.                <a href="https://www.oferteo.pl/kontenery-na-gruz" title="Kontenery na gruz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kontenery na gruz</a>
  625.                <a href="https://www.oferteo.pl/laweta" title="Laweta" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Laweta</a>
  626.                <a href="https://www.oferteo.pl/przeprowadzki" title="Przeprowadzki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Przeprowadzki</a>
  627.                <a href="https://www.oferteo.pl/przeprowadzki-miedzynarodowe" title="Przeprowadzki międzynarodowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Przeprowadzki międzynarodowe</a>
  628.                <a href="https://www.oferteo.pl/przewoz-osob" title="Przew&oacute;z os&oacute;b" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Przew&oacute;z os&oacute;b</a>
  629.                <a href="https://www.oferteo.pl/transport-busem" title="Transport busem" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Transport busem</a>
  630.                <a href="https://www.oferteo.pl/transport-ciezarowy" title="Transport ciężarowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Transport ciężarowy</a>
  631.                <a href="https://www.oferteo.pl/transport-miedzynarodowy" title="Transport międzynarodowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Transport międzynarodowy</a>
  632.                <a href="https://www.oferteo.pl/miedzynarodowy-transport-samochodow" title="Transport samochod&oacute;w z zagranicy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Transport samochod&oacute;w z zagranicy</a>
  633.                <a href="https://www.oferteo.pl/wywoz-gruzu" title="Wyw&oacute;z gruzu" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wyw&oacute;z gruzu</a>
  634.                </div>
  635.            </div>
  636.          </div>
  637.        <div data-role="card" class="flex items-center justify-between w-full">
  638.          <a href="https://www.oferteo.pl/imprezy-i-uroczystosci" title="Imprezy i uroczystości" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  639.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  640.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-imprezy-i-uroczystosci"></use></svg>
  641.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Imprezy i uroczystości</span>
  642.          </a>
  643.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-8"></div>
  644.            <button
  645.              type="button"
  646.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  647.              aria-expanded="false"
  648.              aria-controls="panel-cat-8"
  649.              data-target="panel-cat-8"
  650.            >
  651.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  652.              <span class="sr-only">Pokaż podkategorie</span>
  653.            </button>
  654.          </div>
  655.        <div id="panel-cat-8" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-8-label">
  656.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  657.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  658.            </button>
  659.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  660.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  661.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  662.              </span>
  663.              <div id="panel-cat-8-label" class="font-bold text-lg mb-5">Imprezy i uroczystości</div>
  664.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  665.                <a href="https://www.oferteo.pl/agencja-eventowa" title="Agencja Eventowa" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Agencja Eventowa</a>
  666.                <a href="https://www.oferteo.pl/animator-dla-dzieci" title="Animator dla dzieci" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Animator dla dzieci</a>
  667.                <a href="https://www.oferteo.pl/dmuchance" title="Dmuchańce" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Dmuchańce</a>
  668.                <a href="https://www.oferteo.pl/fotobudka" title="Fotobudka" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Fotobudka</a>
  669.                <a href="https://www.oferteo.pl/fotograf" title="Fotograf" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Fotograf</a>
  670.                <a href="https://www.oferteo.pl/gastronomia" title="Gastronomia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Gastronomia</a>
  671.                <a href="https://www.oferteo.pl/hurtownia-alkoholi" title="Hurtownia Alkoholi" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Hurtownia Alkoholi</a>
  672.                <a href="https://www.oferteo.pl/iluzjonisci" title="Iluzjoniści" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Iluzjoniści</a>
  673.                <a href="https://www.oferteo.pl/malarstwo-artystyczne-firmy" title="Malarstwo artystyczne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Malarstwo artystyczne</a>
  674.                <a href="https://www.oferteo.pl/muzycy-piosenkarze-firmy" title="Muzycy, piosenkarze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Muzycy, piosenkarze</a>
  675.                <a href="https://www.oferteo.pl/naglosnienie-oswietlenie" title="Nagłośnienie, oświetlenie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Nagłośnienie, oświetlenie</a>
  676.                <a href="https://www.oferteo.pl/pirotechnika" title="Pirotechnika" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pirotechnika</a>
  677.                <a href="https://www.oferteo.pl/studio-nagran" title="Studio nagrań" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Studio nagrań</a>
  678.                <a href="https://www.oferteo.pl/wideo-filmowanie-firmy" title="Wideofilmowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wideofilmowanie</a>
  679.                <a href="https://www.oferteo.pl/wynajem-namiotow" title="Wynajem namiot&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wynajem namiot&oacute;w</a>
  680.                <a href="https://www.oferteo.pl/wypozyczalnia-strojow" title="Wypożyczalnia stroj&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wypożyczalnia stroj&oacute;w</a>
  681.                <a href="https://www.oferteo.pl/zespol-muzyczny" title="Zesp&oacute;ł muzyczny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Zesp&oacute;ł muzyczny</a>
  682.                </div>
  683.            </div>
  684.          </div>
  685.        <div data-role="card" class="flex items-center justify-between w-full">
  686.          <a href="https://www.oferteo.pl/instalacje" title="Instalacje" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  687.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  688.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-instalacje"></use></svg>
  689.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Instalacje</span>
  690.          </a>
  691.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-9"></div>
  692.            <button
  693.              type="button"
  694.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  695.              aria-expanded="false"
  696.              aria-controls="panel-cat-9"
  697.              data-target="panel-cat-9"
  698.            >
  699.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  700.              <span class="sr-only">Pokaż podkategorie</span>
  701.            </button>
  702.          </div>
  703.        <div id="panel-cat-9" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-9-label">
  704.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  705.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  706.            </button>
  707.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  708.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  709.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  710.              </span>
  711.              <div id="panel-cat-9-label" class="font-bold text-lg mb-5">Instalacje</div>
  712.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  713.                <a href="https://www.oferteo.pl/alarmy" title="Alarmy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Alarmy</a>
  714.                <a href="https://www.oferteo.pl/chlodnictwo" title="Chłodnictwo" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Chłodnictwo</a>
  715.                <a href="https://www.oferteo.pl/domofony-wideodomofony" title="Domofony, wideofony" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Domofony, wideofony</a>
  716.                <a href="https://www.oferteo.pl/elektrycy" title="Elektryk" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Elektryk</a>
  717.                <a href="https://www.oferteo.pl/gazownik" title="Gazownik" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Gazownik</a>
  718.                <a href="https://www.oferteo.pl/hydraulicy" title="Hydraulik" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Hydraulik</a>
  719.                <a href="https://www.oferteo.pl/instalacje-grzewcze" title="Instalacje grzewcze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Instalacje grzewcze</a>
  720.                <a href="https://www.oferteo.pl/instalacje-sanitarne" title="Instalacje sanitarne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Instalacje sanitarne</a>
  721.                <a href="https://www.oferteo.pl/energetyczne-cieplownicze-firmy" title="Instalatorstwo energetyczne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Instalatorstwo energetyczne</a>
  722.                <a href="https://www.oferteo.pl/telekomunikacyjne-firmy" title="Instalatorstwo telekomunikacyjne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Instalatorstwo telekomunikacyjne</a>
  723.                <a href="https://www.oferteo.pl/inteligentny-dom" title="Inteligentny dom" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Inteligentny dom</a>
  724.                <a href="https://www.oferteo.pl/klimatyzacja" title="Klimatyzacja" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Klimatyzacja</a>
  725.                <a href="https://www.oferteo.pl/urzadzenia-materialy-instalacyjne-firmy" title="Materiały instalacyjne grzewcze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Materiały instalacyjne grzewcze</a>
  726.                <a href="https://www.oferteo.pl/monitoring" title="Monitoring" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Monitoring</a>
  727.                <a href="https://www.oferteo.pl/montaz-anten" title="Montaż anten" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Montaż anten</a>
  728.                <a href="https://www.oferteo.pl/odkurzacze-centralne" title="Odkurzacze centralne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odkurzacze centralne</a>
  729.                <a href="https://www.oferteo.pl/piece-i-kotly-co" title="Piece i kotły co" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Piece i kotły co</a>
  730.                <a href="https://www.oferteo.pl/projektowanie-instalacji-sanitarnych" title="Projektowanie instalacji sanitarnych" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Projektowanie instalacji sanitarnych</a>
  731.                <a href="https://www.oferteo.pl/wentylacja" title="Wentylacja" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wentylacja</a>
  732.                <a href="https://www.oferteo.pl/windy" title="Windy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Windy</a>
  733.                </div>
  734.            </div>
  735.          </div>
  736.        <div data-role="card" class="flex items-center justify-between w-full">
  737.          <a href="https://www.oferteo.pl/kancelarie-prawne" title="Kancelaria prawna" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  738.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  739.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-kancelarie-prawne"></use></svg>
  740.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Kancelaria prawna</span>
  741.          </a>
  742.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-10"></div>
  743.            <button
  744.              type="button"
  745.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  746.              aria-expanded="false"
  747.              aria-controls="panel-cat-10"
  748.              data-target="panel-cat-10"
  749.            >
  750.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  751.              <span class="sr-only">Pokaż podkategorie</span>
  752.            </button>
  753.          </div>
  754.        <div id="panel-cat-10" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-10-label">
  755.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  756.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  757.            </button>
  758.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  759.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  760.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  761.              </span>
  762.              <div id="panel-cat-10-label" class="font-bold text-lg mb-5">Kancelaria prawna</div>
  763.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  764.                <a href="https://www.oferteo.pl/adwokaci" title="Adwokat" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Adwokat</a>
  765.                <a href="https://www.oferteo.pl/adwokat-od-rozwodu" title="Adwokat rozwodowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Adwokat rozwodowy</a>
  766.                <a href="https://www.oferteo.pl/biegli-i-rzeczoznawcy" title="Biegli i rzeczoznawcy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Biegli i rzeczoznawcy</a>
  767.                <a href="https://www.oferteo.pl/kancelaria-frankowa" title="Kancelaria frankowa" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kancelaria frankowa</a>
  768.                <a href="https://www.oferteo.pl/kancelarie-odszkodowawcze" title="Kancelarie odszkodowawcze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kancelarie odszkodowawcze</a>
  769.                <a href="https://www.oferteo.pl/notariusze" title="Notariusz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Notariusz</a>
  770.                <a href="https://www.oferteo.pl/obsluga-prawna-firm" title="Obsługa prawna firm" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Obsługa prawna firm</a>
  771.                <a href="https://www.oferteo.pl/pisma-wnioski-podania" title="Pisma wnioski podania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pisma wnioski podania</a>
  772.                <a href="https://www.oferteo.pl/prawnik-rodzinny" title="Prawnik rodzinny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawnik rodzinny</a>
  773.                <a href="https://www.oferteo.pl/prawo-budowlane" title="Prawo budowlane" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo budowlane</a>
  774.                <a href="https://www.oferteo.pl/prawo-cywilne" title="Prawo cywilne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo cywilne</a>
  775.                <a href="https://www.oferteo.pl/prawo-gospodarcze" title="Prawo gospodarcze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo gospodarcze</a>
  776.                <a href="https://www.oferteo.pl/prawnik-nieruchomosci" title="Prawo nieruchomości" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo nieruchomości</a>
  777.                <a href="https://www.oferteo.pl/prawo-pracy" title="Prawo pracy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo pracy</a>
  778.                <a href="https://www.oferteo.pl/prawo-spoldzielcze" title="Prawo sp&oacute;łdzielcze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo sp&oacute;łdzielcze</a>
  779.                <a href="https://www.oferteo.pl/prawo-spolek" title="Prawo sp&oacute;łek" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo sp&oacute;łek</a>
  780.                <a href="https://www.oferteo.pl/prawo-ubezpieczeniowe" title="Prawo ubezpieczeniowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prawo ubezpieczeniowe</a>
  781.                <a href="https://www.oferteo.pl/radcy-prawni" title="Radca prawny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Radca prawny</a>
  782.                <a href="https://www.oferteo.pl/upadlosc-konsumencka" title="Upadłość konsumencka" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Upadłość konsumencka</a>
  783.                </div>
  784.            </div>
  785.          </div>
  786.        <div data-role="card" class="flex items-center justify-between w-full">
  787.          <a href="https://www.oferteo.pl/energia-odnawialna" title="Odnawialne źr&oacute;dła energii" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  788.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  789.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-energia-odnawialna"></use></svg>
  790.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Odnawialne źr&oacute;dła energii</span>
  791.          </a>
  792.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-11"></div>
  793.            <button
  794.              type="button"
  795.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  796.              aria-expanded="false"
  797.              aria-controls="panel-cat-11"
  798.              data-target="panel-cat-11"
  799.            >
  800.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  801.              <span class="sr-only">Pokaż podkategorie</span>
  802.            </button>
  803.          </div>
  804.        <div id="panel-cat-11" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-11-label">
  805.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  806.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  807.            </button>
  808.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  809.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  810.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  811.              </span>
  812.              <div id="panel-cat-11-label" class="font-bold text-lg mb-5">Odnawialne źr&oacute;dła energii</div>
  813.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  814.                <a href="https://www.oferteo.pl/czyste-powietrze" title="Czyste Powietrze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Czyste Powietrze</a>
  815.                <a href="https://www.oferteo.pl/fotowoltaika" title="Fotowoltaika" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Fotowoltaika</a>
  816.                <a href="https://www.oferteo.pl/kolektory-sloneczne" title="Kolektory słoneczne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kolektory słoneczne</a>
  817.                <a href="https://www.oferteo.pl/magazyny-energii" title="Magazyny energii" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Magazyny energii</a>
  818.                <a href="https://www.oferteo.pl/pompy-ciepla" title="Pompy ciepła" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pompy ciepła</a>
  819.                <a href="https://www.oferteo.pl/serwis-fotowoltaiki" title="Serwis fotowoltaiki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Serwis fotowoltaiki</a>
  820.                <a href="https://www.oferteo.pl/serwis-pomp-ciepla" title="Serwis pomp ciepła" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Serwis pomp ciepła</a>
  821.                <a href="https://www.oferteo.pl/turbiny-wiatrowe" title="Turbiny wiatrowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Turbiny wiatrowe</a>
  822.                </div>
  823.            </div>
  824.          </div>
  825.        <div data-role="card" class="flex items-center justify-between w-full">
  826.          <a href="https://www.oferteo.pl/sklady-i-hurtownie-budowlane" title="Produkty budowlane" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  827.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  828.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-sklady-i-hurtownie-budowlane"></use></svg>
  829.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Produkty budowlane</span>
  830.          </a>
  831.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-12"></div>
  832.            <button
  833.              type="button"
  834.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  835.              aria-expanded="false"
  836.              aria-controls="panel-cat-12"
  837.              data-target="panel-cat-12"
  838.            >
  839.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  840.              <span class="sr-only">Pokaż podkategorie</span>
  841.            </button>
  842.          </div>
  843.        <div id="panel-cat-12" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-12-label">
  844.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  845.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  846.            </button>
  847.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  848.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  849.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  850.              </span>
  851.              <div id="panel-cat-12-label" class="font-bold text-lg mb-5">Produkty budowlane</div>
  852.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  853.                <a href="https://www.oferteo.pl/betoniarnia" title="Betoniarnia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Betoniarnia</a>
  854.                <a href="https://www.oferteo.pl/materialy-ociepleniowe" title="Materiały ociepleniowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Materiały ociepleniowe</a>
  855.                <a href="https://www.oferteo.pl/pokrycia-dachowe" title="Pokrycia dachowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pokrycia dachowe</a>
  856.                <a href="https://www.oferteo.pl/prefabrykaty-betonowe" title="Prefabrykaty Betonowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prefabrykaty Betonowe</a>
  857.                <a href="https://www.oferteo.pl/sklad-budowlany" title="Skład budowlany" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Skład budowlany</a>
  858.                <a href="https://www.oferteo.pl/sklad-drewna" title="Skład drewna" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Skład drewna</a>
  859.                <a href="https://www.oferteo.pl/stal-zbrojeniowa" title="Stal zbrojeniowa" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Stal zbrojeniowa</a>
  860.                <a href="https://www.oferteo.pl/tarcica-budowlana" title="Tarcica budowlana" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Tarcica budowlana</a>
  861.                <a href="https://www.oferteo.pl/tartak" title="Tartak" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Tartak</a>
  862.                </div>
  863.            </div>
  864.          </div>
  865.        <div data-role="card" class="flex items-center justify-between w-full">
  866.          <a href="https://www.oferteo.pl/projektowanie" title="Projektowanie" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  867.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  868.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-projektowanie"></use></svg>
  869.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Projektowanie</span>
  870.          </a>
  871.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-13"></div>
  872.            <button
  873.              type="button"
  874.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  875.              aria-expanded="false"
  876.              aria-controls="panel-cat-13"
  877.              data-target="panel-cat-13"
  878.            >
  879.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  880.              <span class="sr-only">Pokaż podkategorie</span>
  881.            </button>
  882.          </div>
  883.        <div id="panel-cat-13" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-13-label">
  884.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  885.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  886.            </button>
  887.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  888.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  889.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  890.              </span>
  891.              <div id="panel-cat-13-label" class="font-bold text-lg mb-5">Projektowanie</div>
  892.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  893.                <a href="https://www.oferteo.pl/aranzacja-wnetrz" title="Aranżacja wnętrz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Aranżacja wnętrz</a>
  894.                <a href="https://www.oferteo.pl/architekt" title="Architekt" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Architekt</a>
  895.                <a href="https://www.oferteo.pl/architektura-krajobrazu" title="Architekt krajobrazu" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Architekt krajobrazu</a>
  896.                <a href="https://www.oferteo.pl/architekci-wnetrz" title="Architekt wnętrz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Architekt wnętrz</a>
  897.                <a href="https://www.oferteo.pl/projektowanie-inzynieryjne" title="Projektowanie inżynieryjne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Projektowanie inżynieryjne</a>
  898.                </div>
  899.            </div>
  900.          </div>
  901.        <div data-role="card" class="flex items-center justify-between w-full">
  902.          <a href="https://www.oferteo.pl/wykonawcy-do-domu-i-ogrodu" title="Przed domem" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  903.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  904.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-wykonawcy-do-domu-i-ogrodu"></use></svg>
  905.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Przed domem</span>
  906.          </a>
  907.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-14"></div>
  908.            <button
  909.              type="button"
  910.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  911.              aria-expanded="false"
  912.              aria-controls="panel-cat-14"
  913.              data-target="panel-cat-14"
  914.            >
  915.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  916.              <span class="sr-only">Pokaż podkategorie</span>
  917.            </button>
  918.          </div>
  919.        <div id="panel-cat-14" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-14-label">
  920.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  921.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  922.            </button>
  923.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  924.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  925.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  926.              </span>
  927.              <div id="panel-cat-14-label" class="font-bold text-lg mb-5">Przed domem</div>
  928.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  929.                <a href="https://www.oferteo.pl/altany" title="Altany" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Altany</a>
  930.                <a href="https://www.oferteo.pl/bramy" title="Bramy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Bramy</a>
  931.                <a href="https://www.oferteo.pl/brukarz" title="Brukarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Brukarz</a>
  932.                <a href="https://www.oferteo.pl/garaze-blaszane" title="Garaże blaszane" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Garaże blaszane</a>
  933.                <a href="https://www.oferteo.pl/malowanie-proszkowe" title="Malowanie proszkowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Malowanie proszkowe</a>
  934.                <a href="https://www.oferteo.pl/nawierzchnie" title="Nawierzchnie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Nawierzchnie</a>
  935.                <a href="https://www.oferteo.pl/oczka-wodne" title="Oczka wodne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Oczka wodne</a>
  936.                <a href="https://www.oferteo.pl/ogrodnik" title="Ogrodnik" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ogrodnik</a>
  937.                <a href="https://www.oferteo.pl/ogrodzenia" title="Ogrodzenia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ogrodzenia</a>
  938.                <a href="https://www.oferteo.pl/pergole" title="Pergole" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pergole</a>
  939.                <a href="https://www.oferteo.pl/piaskowanie" title="Piaskowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Piaskowanie</a>
  940.                <a href="https://www.oferteo.pl/place-zabaw" title="Place zabaw" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Place zabaw</a>
  941.                <a href="https://www.oferteo.pl/prace-wysokosciowe" title="Prace wysokościowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prace wysokościowe</a>
  942.                <a href="https://www.oferteo.pl/ogrod-i-rosliny-firmy" title="Rośliny i podłoża" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Rośliny i podłoża</a>
  943.                <a href="https://www.oferteo.pl/sauny" title="Sauny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sauny</a>
  944.                <a href="https://www.oferteo.pl/tarasy" title="Tarasy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Tarasy</a>
  945.                <a href="https://www.oferteo.pl/wiercenie-studni" title="Wiercenie studni" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wiercenie studni</a>
  946.                </div>
  947.            </div>
  948.          </div>
  949.        <div data-role="card" class="flex items-center justify-between w-full">
  950.          <a href="https://www.oferteo.pl/remonty" title="Remonty" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  951.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  952.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-remonty"></use></svg>
  953.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Remonty</span>
  954.          </a>
  955.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-15"></div>
  956.            <button
  957.              type="button"
  958.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  959.              aria-expanded="false"
  960.              aria-controls="panel-cat-15"
  961.              data-target="panel-cat-15"
  962.            >
  963.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  964.              <span class="sr-only">Pokaż podkategorie</span>
  965.            </button>
  966.          </div>
  967.        <div id="panel-cat-15" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-15-label">
  968.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  969.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  970.            </button>
  971.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  972.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  973.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  974.              </span>
  975.              <div id="panel-cat-15-label" class="font-bold text-lg mb-5">Remonty</div>
  976.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  977.                <a href="https://www.oferteo.pl/cyklinowanie" title="Cyklinowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Cyklinowanie</a>
  978.                <a href="https://www.oferteo.pl/glazurnik" title="Glazurnik" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Glazurnik</a>
  979.                <a href="https://www.oferteo.pl/gladzie" title="Gładzie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Gładzie</a>
  980.                <a href="https://www.oferteo.pl/konserwator-zabytkow" title="Konserwator zabytk&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Konserwator zabytk&oacute;w</a>
  981.                <a href="https://www.oferteo.pl/malarze" title="Malowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Malowanie</a>
  982.                <a href="https://www.oferteo.pl/montaz-drzwi" title="Montaż drzwi" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Montaż drzwi</a>
  983.                <a href="https://www.oferteo.pl/montaz-mebli" title="Montaż mebli" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Montaż mebli</a>
  984.                <a href="https://www.oferteo.pl/montaz-wykladzin" title="Montaż wykładzin" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Montaż wykładzin</a>
  985.                <a href="https://www.oferteo.pl/osuszanie" title="Osuszanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Osuszanie</a>
  986.                <a href="https://www.oferteo.pl/plyta-karton-gips" title="Płyta karton gips" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Płyta karton gips</a>
  987.                <a href="https://www.oferteo.pl/remont-kuchni" title="Remont kuchni" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Remont kuchni</a>
  988.                <a href="https://www.oferteo.pl/remont-lazienki" title="Remont łazienki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Remont łazienki</a>
  989.                <a href="https://www.oferteo.pl/remonty-biur" title="Remonty biur" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Remonty biur</a>
  990.                <a href="https://www.oferteo.pl/remonty-domow-i-kamienic" title="Remonty dom&oacute;w i kamienic" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Remonty dom&oacute;w i kamienic</a>
  991.                <a href="https://www.oferteo.pl/remonty-mieszkan" title="Remonty mieszkań" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Remonty mieszkań</a>
  992.                <a href="https://www.oferteo.pl/stolarz" title="Stolarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Stolarz</a>
  993.                <a href="https://www.oferteo.pl/sufity-napinane" title="Sufity napinane" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sufity napinane</a>
  994.                <a href="https://www.oferteo.pl/szklarze" title="Szklarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Szklarz</a>
  995.                <a href="https://www.oferteo.pl/szpachlowanie" title="Szpachlowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Szpachlowanie</a>
  996.                <a href="https://www.oferteo.pl/tapetowanie" title="Tapetowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Tapetowanie</a>
  997.                <a href="https://www.oferteo.pl/ukladanie-paneli" title="Układanie paneli" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Układanie paneli</a>
  998.                <a href="https://www.oferteo.pl/wykonczenia-wnetrz" title="Wykończenia wnętrz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wykończenia wnętrz</a>
  999.                <a href="https://www.oferteo.pl/wykonczenia-lazienek" title="Wykończenia łazienek" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wykończenia łazienek</a>
  1000.                <a href="https://www.oferteo.pl/zlota-raczka" title="Złota rączka" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Złota rączka</a>
  1001.                </div>
  1002.            </div>
  1003.          </div>
  1004.        <div data-role="card" class="flex items-center justify-between w-full">
  1005.          <a href="https://www.oferteo.pl/sklad-opalu" title="Skład opału" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  1006.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  1007.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-sklad-opalu"></use></svg>
  1008.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Skład opału</span>
  1009.          </a>
  1010.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-16"></div>
  1011.            <button
  1012.              type="button"
  1013.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  1014.              aria-expanded="false"
  1015.              aria-controls="panel-cat-16"
  1016.              data-target="panel-cat-16"
  1017.            >
  1018.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  1019.              <span class="sr-only">Pokaż podkategorie</span>
  1020.            </button>
  1021.          </div>
  1022.        <div id="panel-cat-16" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-16-label">
  1023.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  1024.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  1025.            </button>
  1026.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  1027.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  1028.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  1029.              </span>
  1030.              <div id="panel-cat-16-label" class="font-bold text-lg mb-5">Skład opału</div>
  1031.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  1032.                <a href="https://www.oferteo.pl/agropellet" title="Agropellet" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Agropellet</a>
  1033.                <a href="https://www.oferteo.pl/brykiet-drzewny" title="Brykiet drzewny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Brykiet drzewny</a>
  1034.                <a href="https://www.oferteo.pl/brykiet-weglowy" title="Brykiet węglowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Brykiet węglowy</a>
  1035.                <a href="https://www.oferteo.pl/drewno-kominkowe" title="Drewno kominkowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Drewno kominkowe</a>
  1036.                <a href="https://www.oferteo.pl/ekogroszek" title="Ekogroszek" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ekogroszek</a>
  1037.                <a href="https://www.oferteo.pl/dostawca-gazu-opalowego" title="Gaz opałowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Gaz opałowy</a>
  1038.                <a href="https://www.oferteo.pl/olej-napedowy" title="Olej napędowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Olej napędowy</a>
  1039.                <a href="https://www.oferteo.pl/olej-opalowy" title="Olej opałowy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Olej opałowy</a>
  1040.                <a href="https://www.oferteo.pl/producent-pelletu" title="Producent pelletu" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Producent pelletu</a>
  1041.                <a href="https://www.oferteo.pl/sklady-wegla" title="Skład węgla" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Skład węgla</a>
  1042.                <a href="https://www.oferteo.pl/trociny-zrebki-drzewne" title="Trociny i zrębki drzewne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Trociny i zrębki drzewne</a>
  1043.                </div>
  1044.            </div>
  1045.          </div>
  1046.        <div data-role="card" class="flex items-center justify-between w-full">
  1047.          <a href="https://www.oferteo.pl/sprzatanie" title="Sprzątanie" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  1048.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  1049.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-sprzatanie"></use></svg>
  1050.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Sprzątanie</span>
  1051.          </a>
  1052.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-17"></div>
  1053.            <button
  1054.              type="button"
  1055.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  1056.              aria-expanded="false"
  1057.              aria-controls="panel-cat-17"
  1058.              data-target="panel-cat-17"
  1059.            >
  1060.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  1061.              <span class="sr-only">Pokaż podkategorie</span>
  1062.            </button>
  1063.          </div>
  1064.        <div id="panel-cat-17" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-17-label">
  1065.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  1066.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  1067.            </button>
  1068.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  1069.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  1070.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  1071.              </span>
  1072.              <div id="panel-cat-17-label" class="font-bold text-lg mb-5">Sprzątanie</div>
  1073.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  1074.                <a href="https://www.oferteo.pl/czyszczenie-przemyslowe-firmy" title="Czyszczenie przemysłowe" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Czyszczenie przemysłowe</a>
  1075.                <a href="https://www.oferteo.pl/dezynsekcja-i-deratyzacja" title="Dezynsekcja i deratyzacja" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Dezynsekcja i deratyzacja</a>
  1076.                <a href="https://www.oferteo.pl/mycie-kostki-brukowej" title="Mycie kostki brukowej" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Mycie kostki brukowej</a>
  1077.                <a href="https://www.oferteo.pl/mycie-okien" title="Mycie okien" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Mycie okien</a>
  1078.                <a href="https://www.oferteo.pl/mycie-okien-na-wysokosci" title="Mycie okien na wysokości" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Mycie okien na wysokości</a>
  1079.                <a href="https://www.oferteo.pl/oproznianie-mieszkan" title="Opr&oacute;żnianie mieszkań" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Opr&oacute;żnianie mieszkań</a>
  1080.                <a href="https://www.oferteo.pl/pranie-dywanow" title="Pranie dywan&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pranie dywan&oacute;w</a>
  1081.                <a href="https://www.oferteo.pl/pranie-kanap" title="Pranie kanap" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pranie kanap</a>
  1082.                <a href="https://www.oferteo.pl/pranie-materacy" title="Pranie materacy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pranie materacy</a>
  1083.                <a href="https://www.oferteo.pl/pranie-tapicerki" title="Pranie tapicerki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pranie tapicerki</a>
  1084.                <a href="https://www.oferteo.pl/sprzatanie-biur" title="Sprzątanie biur" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sprzątanie biur</a>
  1085.                <a href="https://www.oferteo.pl/sprzatanie-domu" title="Sprzątanie mieszkań" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sprzątanie mieszkań</a>
  1086.                <a href="https://www.oferteo.pl/sprzatanie-po-remontach" title="Sprzątanie po remontach" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sprzątanie po remontach</a>
  1087.                <a href="https://www.oferteo.pl/srodki-czystosci-firmy" title="Środki czystości" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Środki czystości</a>
  1088.                </div>
  1089.            </div>
  1090.          </div>
  1091.        <div data-role="card" class="flex items-center justify-between w-full">
  1092.          <a href="https://www.oferteo.pl/wykonawcy-dla-firmy-i-biura" title="Usługi dla firmy, biura" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  1093.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  1094.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-wykonawcy-dla-firmy-i-biura"></use></svg>
  1095.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Usługi dla firmy, biura</span>
  1096.          </a>
  1097.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-18"></div>
  1098.            <button
  1099.              type="button"
  1100.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  1101.              aria-expanded="false"
  1102.              aria-controls="panel-cat-18"
  1103.              data-target="panel-cat-18"
  1104.            >
  1105.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  1106.              <span class="sr-only">Pokaż podkategorie</span>
  1107.            </button>
  1108.          </div>
  1109.        <div id="panel-cat-18" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-18-label">
  1110.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  1111.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  1112.            </button>
  1113.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  1114.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  1115.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  1116.              </span>
  1117.              <div id="panel-cat-18-label" class="font-bold text-lg mb-5">Usługi dla firmy, biura</div>
  1118.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  1119.                <a href="https://www.oferteo.pl/agencja-interaktywna" title="Agencja interaktywna" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Agencja interaktywna</a>
  1120.                <a href="https://www.oferteo.pl/agencja-marketingowa" title="Agencja marketingowa" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Agencja marketingowa</a>
  1121.                <a href="https://www.oferteo.pl/doradztwo-personalne" title="Agencja rekrutacyjna" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Agencja rekrutacyjna</a>
  1122.                <a href="https://www.oferteo.pl/call-center" title="Call Center" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Call Center</a>
  1123.                <a href="https://www.oferteo.pl/dotacje-unijne" title="Dotacje unijne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Dotacje unijne</a>
  1124.                <a href="https://www.oferteo.pl/drukarnia" title="Drukarnia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Drukarnia</a>
  1125.                <a href="https://www.oferteo.pl/audyt" title="Firma audytorska" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Firma audytorska</a>
  1126.                <a href="https://www.oferteo.pl/agencje-ochrony" title="Firma ochroniarska" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Firma ochroniarska</a>
  1127.                <a href="https://www.oferteo.pl/imprezy-firmowe" title="Imprezy integracyjne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Imprezy integracyjne</a>
  1128.                <a href="https://www.oferteo.pl/magazynowanie-i-przechowywanie-firmy" title="Magazynowanie i przechowywanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Magazynowanie i przechowywanie</a>
  1129.                <a href="https://www.oferteo.pl/monitoring-gps-pojazdow" title="Monitoring GPS pojazd&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Monitoring GPS pojazd&oacute;w</a>
  1130.                <a href="https://www.oferteo.pl/moj-prad-6-0" title="M&oacute;j Prąd 6.0" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">M&oacute;j Prąd 6.0</a>
  1131.                <a href="https://www.oferteo.pl/odsniezanie" title="Odśnieżanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Odśnieżanie</a>
  1132.                <a href="https://www.oferteo.pl/outsourcing-pracownikow" title="Outsourcing pracownik&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Outsourcing pracownik&oacute;w</a>
  1133.                <a href="https://www.oferteo.pl/pakowanie-i-konfekcjonowanie-firmy" title="Pakowanie i konfekcjonowanie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pakowanie i konfekcjonowanie</a>
  1134.                <a href="https://www.oferteo.pl/serwis-sprzetu-biurowego-firmy" title="Serwis sprzętu biurowego" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Serwis sprzętu biurowego</a>
  1135.                <a href="https://www.oferteo.pl/szkolenia" title="Szkolenia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Szkolenia</a>
  1136.                <a href="https://www.oferteo.pl/tlumacze" title="Tłumacze" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Tłumacze</a>
  1137.                <a href="https://www.oferteo.pl/wirtualne-biuro" title="Wirtualne biuro" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wirtualne biuro</a>
  1138.                <a href="https://www.oferteo.pl/wysylka-i-archiwizacja-dokumentow-firmy" title="Wysyłka i archiwizacja dokument&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wysyłka i archiwizacja dokument&oacute;w</a>
  1139.                </div>
  1140.            </div>
  1141.          </div>
  1142.        <div data-role="card" class="flex items-center justify-between w-full">
  1143.          <a href="https://www.oferteo.pl/wykonawcy-pozostali" title="Usługi inne" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  1144.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  1145.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-wykonawcy-pozostali"></use></svg>
  1146.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Usługi inne</span>
  1147.          </a>
  1148.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-19"></div>
  1149.            <button
  1150.              type="button"
  1151.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  1152.              aria-expanded="false"
  1153.              aria-controls="panel-cat-19"
  1154.              data-target="panel-cat-19"
  1155.            >
  1156.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  1157.              <span class="sr-only">Pokaż podkategorie</span>
  1158.            </button>
  1159.          </div>
  1160.        <div id="panel-cat-19" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-19-label">
  1161.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  1162.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  1163.            </button>
  1164.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  1165.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  1166.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  1167.              </span>
  1168.              <div id="panel-cat-19-label" class="font-bold text-lg mb-5">Usługi inne</div>
  1169.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  1170.                <a href="https://www.oferteo.pl/biuro-podrozy" title="Biuro podr&oacute;ży" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Biuro podr&oacute;ży</a>
  1171.                <a href="https://www.oferteo.pl/detektywi" title="Detektyw" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Detektyw</a>
  1172.                <a href="https://www.oferteo.pl/zaopatrzenie-w-gaz-pozostale-firmy" title="Gaz w butlach" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Gaz w butlach</a>
  1173.                <a href="https://www.oferteo.pl/gielda-rolnicza" title="Giełda rolnicza" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Giełda rolnicza</a>
  1174.                <a href="https://www.oferteo.pl/kolonie" title="Kolonie, obozy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Kolonie, obozy</a>
  1175.                <a href="https://www.oferteo.pl/edukacja-nauka-firmy" title="Nauka i edukacja" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Nauka i edukacja</a>
  1176.                <a href="https://www.oferteo.pl/niania" title="Niania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Niania</a>
  1177.                <a href="https://www.oferteo.pl/obrobka-metali" title="Obr&oacute;bka metali" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Obr&oacute;bka metali</a>
  1178.                <a href="https://www.oferteo.pl/ochrona-srodowiska-firmy" title="Ochrona środowiska" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ochrona środowiska</a>
  1179.                <a href="https://www.oferteo.pl/pomoc-domowa" title="Pomoc domowa" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pomoc domowa</a>
  1180.                <a href="https://www.oferteo.pl/pozyczki-bez-bik" title="Pożyczki bez BIK" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Pożyczki bez BIK</a>
  1181.                <a href="https://www.oferteo.pl/serwis-i-naprawa-uslugi-firmy" title="Serwisanci" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Serwisanci</a>
  1182.                <a href="https://www.oferteo.pl/motoryzacja-firmy" title="Usługi motoryzacyjne" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Usługi motoryzacyjne</a>
  1183.                <a href="https://www.oferteo.pl/wycieczki-i-wczasy" title="Wycieczki i wczasy" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wycieczki i wczasy</a>
  1184.                <a href="https://www.oferteo.pl/wyprowadzanie-psow" title="Wyprowadzanie ps&oacute;w" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Wyprowadzanie ps&oacute;w</a>
  1185.                <a href="https://www.oferteo.pl/zaopatrzenie-w-energie-elektryczna-firmy" title="Zaopatrzenie w energię elektryczną" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Zaopatrzenie w energię elektryczną</a>
  1186.                </div>
  1187.            </div>
  1188.          </div>
  1189.        <div data-role="card" class="flex items-center justify-between w-full">
  1190.          <a href="https://www.oferteo.pl/zdrowie-i-uroda-uslugi-firmy" title="Zdrowie i uroda" class="group flex items-center px-4 py-2 gap-3 text-left hover:text-info focus-visible:outline-2 focus-visible:outline-info-200 | js-category-link">
  1191.            <svg class="w-8 h-8 fill-current transition-colors duration-150">
  1192.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-zdrowie-i-uroda-uslugi-firmy"></use></svg>
  1193.            <span class="text-info group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">Zdrowie i uroda</span>
  1194.          </a>
  1195.          <div class="flex-1 min-w-0 h-full cursor-pointer peer | js-expand-trigger" data-target="panel-cat-20"></div>
  1196.            <button
  1197.              type="button"
  1198.              class="h-full p-2 rounded hover:text-info peer-hover:text-info | js-topcat-toggle"
  1199.              aria-expanded="false"
  1200.              aria-controls="panel-cat-20"
  1201.              data-target="panel-cat-20"
  1202.            >
  1203.              <svg class="w-6 h-6 transition-all duration-300 | js-topcat-angle"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-angle-down"></use></svg>
  1204.              <span class="sr-only">Pokaż podkategorie</span>
  1205.            </button>
  1206.          </div>
  1207.        <div id="panel-cat-20" class="col-span-full hidden relative | js-topcat-panel" role="region" aria-labelledby="panel-cat-20-label">
  1208.            <button type="button" class="absolute top-2 right-2 p-2 rounded focus-visible:outline-2 focus-visible:outline-info-200 text-neutral-600 hover:text-info transition-colors duration-150 z-1 | js-topcat-close" aria-label="Zamknij panel">
  1209.              <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-close"></use></svg>
  1210.            </button>
  1211.            <div class="relative text-left bg-neutral-bg border border-neutral-200 rounded pb-6 pt-5 px-4 | js-topcat-inner">
  1212.              <span aria-hidden="true" class="absolute -top-[8px] left-[var(--pointer-x)] -translate-x-1/2 | js-topcat-pointer">
  1213.                <span class="block w-4 h-4 rotate-45 bg-neutral-bg border border-neutral-200 border-r-neutral-bg border-b-neutral-bg rounded-tl"></span>
  1214.              </span>
  1215.              <div id="panel-cat-20-label" class="font-bold text-lg mb-5">Zdrowie i uroda</div>
  1216.              <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-x-6 gap-y-3">
  1217.                <a href="https://www.oferteo.pl/joga" title="Joga" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Joga</a>
  1218.                <a href="https://www.oferteo.pl/lekarze-specjalisci" title="Lekarze specjaliści" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Lekarze specjaliści</a>
  1219.                <a href="https://www.oferteo.pl/niekonwencjonalne-firmy" title="Medycyna niekonwencjonalna" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Medycyna niekonwencjonalna</a>
  1220.                <a href="https://www.oferteo.pl/nauka-plywania" title="Nauka pływania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Nauka pływania</a>
  1221.                <a href="https://www.oferteo.pl/ochrona-zdrowia-firmy" title="Ochrona zdrowia" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Ochrona zdrowia</a>
  1222.                <a href="https://www.oferteo.pl/prywatne-kliniki" title="Prywatne kliniki" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Prywatne kliniki</a>
  1223.                <a href="https://www.oferteo.pl/sporty-walki" title="Sporty walki, treningi" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Sporty walki, treningi</a>
  1224.                <a href="https://www.oferteo.pl/trener-biegania" title="Trener biegania" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Trener biegania</a>
  1225.                <a href="https://www.oferteo.pl/trenerzy-personalni" title="Trener personalny" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Trener personalny</a>
  1226.                <a href="https://www.oferteo.pl/kosmetyczne-i-fryzjerskie-firmy" title="Usługi kosmetyczne i fryzjerskie" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Usługi kosmetyczne i fryzjerskie</a>
  1227.                <a href="https://www.oferteo.pl/weterynarze" title="Weterynarz" class="text-neutral-600 hover:text-info hover:underline hover:underline-offset-4 transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-info-200">Weterynarz</a>
  1228.                </div>
  1229.            </div>
  1230.          </div>
  1231.        </div>
  1232.  </div>
  1233. </section>
  1234.  
  1235. <script id="script-homepage-top-categories" type="module">
  1236. const grid=document.getElementById("topcat-grid"),panels=Array.from(grid.querySelectorAll(".js-topcat-panel")),SELECTORS={toggle:".js-topcat-toggle",close:".js-topcat-close",link:".js-category-link",trigger:".js-expand-trigger",angle:".js-topcat-angle",inner:".js-topcat-inner"},panelById=panels.reduce((e,t)=>(e.set(t.id,t),e),new Map);let cards=Array.from(grid.querySelectorAll('[data-role="card"]')),activeBtn=null,activePanel=null,rafTick=null,scrollTick=!1,openedViaKeyboard=!1;const ACTIVE_CARD_CLASSES=["text-info"],clamp=(e,t,a)=>Math.max(t,Math.min(e,a)),FOCUSABLE_SEL=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]','[role="button"]'].join(","),getFocusable=e=>Array.from(e.querySelectorAll(FOCUSABLE_SEL)).filter(e=>null!==e.offsetParent||e===document.activeElement),focusNextCard=()=>{if(!activeBtn)return!1;var e=activeBtn.closest('[data-role="card"]'),e=cards.indexOf(e);if(-1===e)return!1;const t=cards[e+1];if(!t)return!1;const a=t.querySelector('a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])');return!!a&&(a.focus({preventScroll:!0}),!0)},focusFirst=e=>{const t=getFocusable(e);(t[0]||e).focus({preventScroll:!0})},getCols=()=>{const e=getComputedStyle(grid);let t=e.gridTemplateColumns.replace(/,\s*/g,",").replace(/repeat\((\d+),[^\)]+\)/g,(e,t)=>" ".concat("1fr ".repeat(Number(t))).trim());return Math.max(1,t.trim().split(/\s+/).length)},movePanelBelowRow=(e,t)=>{var a=getCols();const n=cards;t=n.indexOf(t);-1!==t&&(a=Math.min((Math.floor(t/a)+1)*a-1,n.length-1),(a=n[a]).nextSibling!==e&&grid.insertBefore(e,a.nextSibling))},closeAll=({restoreFocus:e=!1}={})=>{if(activeBtn||activePanel){if(activeBtn){activeBtn.setAttribute("aria-expanded","false");const n=activeBtn.querySelector(SELECTORS.angle);n&&n.classList.remove("rotate-180");const o=activeBtn.closest('[data-role="card"]');o&&o.classList.remove(...ACTIVE_CARD_CLASSES)}activePanel&&activePanel.classList.add("hidden");const a=activeBtn;var t=openedViaKeyboard;activeBtn=null,activePanel=null,openedViaKeyboard=!1,e&&t&&a&&a.focus({preventScroll:!0})}},positionPointer=(e,t)=>{const n=t.querySelector(SELECTORS.inner);if(n){const a=e.closest('[data-role="card"]');if(a){const o=a.querySelector("a svg")??a;rafTick&&cancelAnimationFrame(rafTick),rafTick=requestAnimationFrame(()=>{var e,t=n.getBoundingClientRect(),a=o.getBoundingClientRect();t.width?(e=a.left+a.width/2-t.left,a=t.width-16-8,t=clamp(e,24,a)/t.width*100,n.style.setProperty("--pointer-x",t+"%")):n.style.setProperty("--pointer-x","50%")})}}},openPanel=(e,t,{focus:a=!0,viaKeyboard:n=!1}={})=>{activePanel&&t!==activePanel&&closeAll();const o=e.closest('[data-role="card"]');movePanelBelowRow(t,o),t.classList.remove("hidden"),t.setAttribute("tabindex","-1"),positionPointer(e,t),o&&o.classList.add(...ACTIVE_CARD_CLASSES),e.setAttribute("aria-expanded","true");const r=e.querySelector(SELECTORS.angle);r&&r.classList.add("rotate-180"),activeBtn=e,activePanel=t,openedViaKeyboard=n,a&&n&&requestAnimationFrame(()=>focusFirst(t))};grid.addEventListener("click",e=>{const t=e.target;if(t instanceof Element&&!t.closest(SELECTORS.link)){const n=t.closest(SELECTORS.toggle);if(n){e.preventDefault();var a=n.dataset.target;const r=panelById.get(a);return r?void(r===activePanel&&!r.classList.contains("hidden")?closeAll({restoreFocus:!0}):openPanel(n,r)):void 0}const o=t.closest(SELECTORS.trigger);if(o){e.preventDefault();a=o.dataset.target;const l=panelById.get(a);if(!l)return;const i=o.closest('[data-role="card"]'),n=i?.querySelector(SELECTORS.toggle);return n?void(l===activePanel&&!l.classList.contains("hidden")?closeAll({restoreFocus:!0}):openPanel(n,l)):void 0}t.closest(SELECTORS.close)&&(e.preventDefault(),closeAll({restoreFocus:!0}))}},{passive:!1}),grid.addEventListener("keydown",e=>{var t;activePanel?activePanel.contains(e.target)&&("Tab"!==e.key||e.shiftKey||(t=(t=getFocusable(activePanel))[t.length-1]||activePanel,document.activeElement===t&&focusNextCard()&&e.preventDefault())):"Enter"!==e.key&&" "!==e.key||(t=e.target.closest(SELECTORS.toggle))&&(e.preventDefault(),e=t.dataset.target,(e=panelById.get(e))&&openPanel(t,e,{focus:!0,viaKeyboard:!0}))});const handleEscape=e=>{"Escape"===e.key&&closeAll({restoreFocus:!0})},handleTab=e=>{var t,a;activePanel&&!activePanel.classList.contains("hidden")&&(t=activePanel.contains(document.activeElement),a=document.activeElement===activeBtn,t||a||"Tab"!==e.key||e.shiftKey||(e.preventDefault(),focusFirst(activePanel),openedViaKeyboard=!0))};document.addEventListener("keydown",handleEscape),document.addEventListener("keydown",handleTab);const ro=new ResizeObserver(()=>{activeBtn&&activePanel&&!activePanel.classList.contains("hidden")&&(movePanelBelowRow(activePanel,activeBtn.closest('[data-role="card"]')),positionPointer(activeBtn,activePanel))});ro.observe(grid);const onScroll=()=>{scrollTick||(scrollTick=!0,requestAnimationFrame(()=>{scrollTick=(activeBtn&&activePanel&&!activePanel.classList.contains("hidden")&&positionPointer(activeBtn,activePanel),!1)}))};window.addEventListener("scroll",onScroll,{passive:!0}),window.addEventListener("resize",onScroll,{passive:!0});const mo=new MutationObserver(()=>{cards=Array.from(grid.querySelectorAll('[data-role="card"]'))});mo.observe(grid,{childList:!0,subtree:!1});
  1237. </script><style id="styles-homepage-counters">
  1238. .homepage-counters .container{padding-top:64px;padding-bottom:64px}@media(max-width: 767px){.homepage-counters .container{display:block;padding-top:64px;padding-bottom:0;border:none}.homepage-counters .container>div{width:100%;padding:0 0 32px}}@media(max-width: 767px)and (max-width: 767px){.homepage-counters .container>div .text-info.heading-lg,.homepage-counters .container>div{font-family:Arial,sans-serif;font-weight:600}}</style>
  1239.  
  1240. <section class="homepage-counters | homepage-section bg-white text-center px-7 border-t border-black border-opacity-10 relative" data-test="home__counters" aria-label="Statystyki Oferteo" role="presentation">
  1241. <div class="container | flex items-center text-center text-base font-bold text-lg pb-7" style="max-width: 960px;">
  1242. <div class="col-4 flex flex-col px-3 relative">
  1243. <div class="text-info heading-lg">21 900 933</div>
  1244. ofert złożonych Zlecającym
  1245. </div>
  1246. <div class="col-4 flex flex-col px-3 relative">
  1247. <div class="text-info heading-lg">12 212 694</div>
  1248. Zlecających osób&nbsp;i&nbsp;firm
  1249. </div>
  1250. <div class="col-4 flex flex-col px-3 relative">
  1251. <div class="text-info heading-lg">731 539</div>
  1252. Oferujących usługi i&nbsp;produkty
  1253. </div>
  1254. </div>
  1255. </section><style id="style-homepage-how-do-we-work">
  1256. .homepage-how-do-we-work .how-do-we-work-img{display:none}.homepage-how-do-we-work svg{display:block;width:100%;height:192px}.how-do-we-work-content>div{width:100%;max-width:320px}.homepage-how-do-we-work h2{font-size:24px}.homepage-how-do-we-work .how-do-we-work-content{display:flex;flex-wrap:wrap}.homepage-profits{padding-top:96px;padding-bottom:96px}.homepage-profits svg{width:232px;height:232px}@media(max-width: 767px){.homepage-how-do-we-work .how-do-we-work-content{display:block}}@media(max-width: 959px){.how-do-we-work-content>div{border-bottom:1px solid #e8e8e8;font-size:16px;padding-bottom:32px}.homepage-profits .flex items-center{flex-wrap:wrap}.homepage-profits .container svg{order:1;width:calc(50% - 16px);height:auto;margin:auto;max-width:256px;margin-bottom:16px}}@media(max-width: 768px){.homepage-how-do-we-work{padding:15px}}@media(min-width: 960px){.homepage-how-do-we-work h2{font-size:32px;margin-top:24px;margin-bottom:48px}.homepage-how-do-we-work .how-do-we-work-img{display:block;width:100%;height:228px}.homepage-how-do-we-work svg{display:none}.homepage-profits{padding-top:48px;padding-bottom:48px}.homepage-profits .btn{margin-top:64px;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}.homepage-profits .homepage-section-title{margin-bottom:128px}}.youtube{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer}.youtube img{width:100%;top:-16.84%;left:0;opacity:.7}.youtube .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,.6);z-index:1;opacity:.8;border-radius:6px}.youtube .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.youtube img,.youtube .play-button{cursor:pointer}.youtube img,.youtube iframe,.youtube .play-button,.youtube .play-button:before{position:absolute}.youtube .play-button,.youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.youtube iframe{height:100%;width:100%;top:0;left:0}@media(min-width: 960px){.youtube{margin:auto;width:750px;height:422px;padding-top:0}}</style>
  1257. <section class="homepage-how-do-we-work homepage-section bg-neutral-50 text-center py-7 px-7 border-t border-black border-opacity-10  cva" data-test="home__video">
  1258.    <div class="youtube" data-embed="E2XSOeJ1J_Y">
  1259.      <button class="play-button" aria-label="Odtwórz film na YouTube"></button>
  1260.    </div>
  1261. </section>
  1262. <section class="homepage-how-do-we-work | homepage-section bg-neutral-50 text-center py-7 px-7 border-t border-black border-opacity-10  cva" data-test="home__how_do_we_work" style="contain-intrinsic-size:884px">
  1263. <div class="container">
  1264. <h2 class="heading-md mb-7 mt-2">Jak działamy?</h2>
  1265. <svg class="how-do-we-work-img | w-full"> <use xlink:href="/images/how-do-we-work.svg#d"></use></svg>
  1266. <div class="how-do-we-work-content | text-lg font-bold">
  1267. <div class="col-4 px-3 mx-auto">
  1268. <svg> <use xlink:href="/images/how-do-we-work.svg#a"></use></svg>
  1269. Powiedz nam, <span class="text-info">jakiej usługi lub&nbsp;produktu&nbsp;szukasz</span>
  1270. </div>
  1271. <div class="col-4 px-3 mx-auto">
  1272. <svg> <use xlink:href="/images/how-do-we-work.svg#b"></use></svg>
  1273. <span class="text-info">Poinformujemy Firmy</span>, które spełniają Twoje&nbsp;wymagania
  1274. </div>
  1275. <div class="col-4 mx-auto">
  1276. <svg> <use xlink:href="/images/how-do-we-work.svg#c"></use></svg>
  1277. Zainteresowane
  1278. <span class="text-info">
  1279. <a target="_blank" href="https://www.oferteo.pl/rejestracja/wybierz-klientow?pid=17156" title="Kliknij, jeśli chcesz obsługiwać Klientów z Oferteo">Firmy</a>
  1280. same złożą&nbsp;Ci oferty</span> bezpłatnie i&nbsp;niezobowiązująco
  1281. </div>
  1282. </div>
  1283. <div class="pb-7"></div>
  1284. </div>
  1285. </section>
  1286.  
  1287. <script type="module" id="youtube-video-thumbnail-handler">
  1288. (function () {
  1289.    const youtube = document.querySelectorAll(".youtube");
  1290.  
  1291.    const observerOptions = {
  1292.        root: null,
  1293.        rootMargin: "0px",
  1294.        threshold: 0.1,
  1295.    };
  1296.  
  1297.    const observerCallback = (entries) => {
  1298.        entries.forEach((entry) => {
  1299.            if (entry.isIntersecting) {
  1300.                const source = "https://img.youtube.com/vi_webp/" + entry.target.dataset.embed + "/sddefault.webp";
  1301.                const image = new Image();
  1302.                image.src = source;
  1303.                image.setAttribute('alt', 'youtube thumbnail')
  1304.                image.setAttribute('fetchpriority', 'low')
  1305.  
  1306.                image.addEventListener("load", function () {
  1307.                    entry.target.appendChild(image);
  1308.                });
  1309.  
  1310.                entry.target.addEventListener("click", function () {
  1311.                    const iframe = document.createElement("iframe");
  1312.  
  1313.                    iframe.setAttribute("frameborder", "0");
  1314.                    iframe.setAttribute("allowfullscreen", "");
  1315.                    iframe.setAttribute("src", "https://www.youtube.com/embed/" + this.dataset.embed + "?rel=0&showinfo=0&autoplay=1");
  1316.  
  1317.                    this.innerHTML = "";
  1318.                    this.appendChild(iframe);
  1319.                });
  1320.  
  1321.                observer.unobserve(entry.target);
  1322.            }
  1323.        });
  1324.    };
  1325.    const observer = new IntersectionObserver(observerCallback, observerOptions);
  1326.    youtube.forEach((video) => {
  1327.        observer.observe(video);
  1328.    });
  1329. })();
  1330. </script>
  1331. <style id="style-homepage-reviews">
  1332. @keyframes slider-enter{0%{transform:translateX(2rem);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slider-leave{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-2rem);opacity:0}}.reviews-slider-content{display:flex;overflow:hidden;position:relative}.reviews-slider-content:before,.reviews-slider-content>li{display:block;flex:0 0 100%;content:""}.reviews-slider-content>li{margin-left:-100%}.reviews-slider-content>li.is-enter{animation:slider-enter .5s}.reviews-slider-content>li.is-hold{animation:hold 5s}.reviews-slider-content>li.is-leave{animation:slider-leave .5s}.reviews-slider-content>li:not(.is-enter,.is-hold,.is-leave){visibility:hidden}.reviews-slider-navigation li{width:12px;height:12px;margin:2px 8px;font-size:0;border-radius:100%;background:var(--neutral-100);cursor:pointer}.reviews-slider-navigation li.is-active{background:var(--accent)}.homepage-section .homepage-section-title,.homepage-section h2{min-height:40px;font-weight:800;font-size:20px}.reviews-slider-item{max-width:52rem}.reviews-slider-item .i{font-size:20px}@media(max-width: 767px){.homepage-section .homepage-section-title,.homepage-section h2{margin:0px 0px 16px}.reviews-slider{font-size:14px;margin-left:-16px;margin-right:-16px;padding-bottom:0}.reviews-slider-item{padding:16px 24px}.reviews-slider-item>div:first-child{color:var(--neutral-700);flex-direction:column-reverse;align-items:flex-start}.reviews-slider-item .i{font-size:16px;margin-top:8px}}@media(min-width: 768px){.homepage-section .homepage-section-title,.homepage-section h2{font-size:24px}}</style>
  1333.  
  1334. <section class="homepage-reviews | homepage-section bg-white text-center py-7 px-7 cva border-t border-black border-opacity-10  border-b border-black border-opacity-10 " data-test="home__reviews" style="contain-intrinsic-size:464px">
  1335. <div class="container">
  1336. <h2 class="heading-md mb-5 mt-2">Opinie o firmach</h2>
  1337. <div class="reviews-slider | mx-auto pb-5 text-base">
  1338. <ol class="reviews-slider-content">
  1339. <li class="bg-white is-hold">
  1340. <h4 class="uppercase mb-5">Elektroinstall OU</h4>
  1341. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1342. <div class="flex items-center flex-wrap justify-between my-3">
  1343. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1344. Zbigniew 1951, 2 dni temu</div>
  1345. <p class="text-left mx-auto mb-3">Obsługa perfekcyjna, sympatyczny właściciel, dokładnie wyjaśniał co w danym momencie robi, Przybył punktualnie w ustalonym terminie(dzień i godzina).Stosuje ceny ustalone z klientem(korzystniejsze od innych sprawdzanych przeze mnie firm...</p>
  1346. </div>
  1347. </li>
  1348. <li class="bg-white ">
  1349. <h4 class="uppercase mb-5">Elektroinstall OU</h4>
  1350. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1351. <div class="flex items-center flex-wrap justify-between my-3">
  1352. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1353. Ak, 3 dni temu</div>
  1354. <p class="text-left mx-auto mb-3">Pełen profesjonalizm Pana Michała.Punktualność i rzetelność .Polecam wszystkim.</p>
  1355. </div>
  1356. </li>
  1357. <li class="bg-white ">
  1358. <h4 class="uppercase mb-5">Agava</h4>
  1359. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1360. <div class="flex items-center flex-wrap justify-between my-3">
  1361. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1362. Wojciech, 3 dni temu</div>
  1363. <p class="text-left mx-auto mb-3">Świetny kontakt i porządnie wykonana usługa sadzenia drzew, cena również rozsądna. Polecam.</p>
  1364. </div>
  1365. </li>
  1366. <li class="bg-white ">
  1367. <h4 class="uppercase mb-5">FHU Pluta Aleksandra</h4>
  1368. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1369. <div class="flex items-center flex-wrap justify-between my-3">
  1370. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1371. Fabian, 3 dni temu</div>
  1372. <p class="text-left mx-auto mb-3">Przepyszne jedzenie, dobry kontakt z właścicielami.</p>
  1373. </div>
  1374. </li>
  1375. <li class="bg-white ">
  1376. <h4 class="uppercase mb-5">Janicki Coach</h4>
  1377. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1378. <div class="flex items-center flex-wrap justify-between my-3">
  1379. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1380. Kejti, 3 dni temu</div>
  1381. <p class="text-left mx-auto mb-3">Polecam bardzo! Pan wie co robi,można mu zaufać i oddać się w jego ręcę. Ogrom wiedzy,doświadczenie i profesjonalizm. </p>
  1382. </div>
  1383. </li>
  1384. <li class="bg-white ">
  1385. <h4 class="uppercase mb-5">Dyjax</h4>
  1386. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1387. <div class="flex items-center flex-wrap justify-between my-3">
  1388. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1389. Grzegorz, 3 dni temu</div>
  1390. <p class="text-left mx-auto mb-3">⭐️⭐️⭐️⭐️⭐️
  1391. Jestem bardzo zadowolony ze współpracy! Wszystko przebiegło sprawnie, szybko i bez żadnych problemów. Fachowe podejście, terminowość i pełen profesjonalizm – widać, że Pan zna się na swojej pracy. Stare rzeczy zostały wyniesione...</p>
  1392. </div>
  1393. </li>
  1394. <li class="bg-white ">
  1395. <h4 class="uppercase mb-5">Dyjax</h4>
  1396. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  1397. <div class="flex items-center flex-wrap justify-between my-3">
  1398. <div class="flex items-center text-accent"><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-star"></use></svg></div>
  1399. F.K, 3 dni temu</div>
  1400. <p class="text-left mx-auto mb-3">Dobra konkretna robota, cena warta wykonanej usługi </p>
  1401. </div>
  1402. </li>
  1403. </ol>
  1404. <ol class="reviews-slider-navigation | flex items-center flex items-center justify-center mt-3">
  1405. <li class="is-active"></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>
  1406. </ol>
  1407. </div>
  1408.  
  1409. </div>
  1410. </section>
  1411.  
  1412. <script id="script-homepage-reviews" type="module">
  1413. _._(".reviews-slider",(e,s)=>{const t=e.target;if("slider-leave"===e.animationName){const l=t.nextElementSibling||s._(".reviews-slider-content > li");l.classList.add("is-enter"),t.classList.remove("is-leave");let i=0;const a=s.querySelectorAll(".reviews-slider-navigation > li");s._(".reviews-slider-content > li",e=>{a[i].classList.toggle("is-active",e===l),i++})}else e.target.classList.replace("is-hold","is-leave"),e.target.classList.replace("is-enter","is-hold")},"animationend"),_._(".reviews-slider",(s,e)=>{if(s.target.matches(".reviews-slider-navigation li")){let i=0;const t=e.querySelectorAll(".reviews-slider-content > li");e._(".reviews-slider-navigation > li",e=>{t[i].classList.remove("is-leave","is-hold","is-enter"),e===s.target&&t[i].classList.add("is-hold"),e.classList.toggle("is-active",e===s.target),i++})}},"click");
  1414. </script>
  1415. <section class="home-orders | text-center bg-neutral-50 px-4 py-6" data-test="home__orders">
  1416.  <div class="container">
  1417.    <div class="mb-8">
  1418.      <h2 class="heading-md mb-4">Sprawdź aktualne zlecenia</h2>
  1419.      <p class="text-neutral-600">Przeglądaj dostępne zlecenia w swojej branży, złóż ofertę i&nbsp;zdobądź nowego klienta.</p>
  1420.    </div>
  1421.  
  1422.    <div id="home-orders-grid" class="md:relative md:opacity-0 md:transition-opacity md:duration-300">
  1423.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1424.          <a href="https://www.oferteo.pl/zlecenia-it" title="Zlecenia IT" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1425.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1426.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-firma-it"></use></svg>
  1427.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1428.              Zlecenia IT</span>
  1429.          </a>
  1430.  
  1431.          <ul class="space-y-3">
  1432.              <li><a href="https://www.oferteo.pl/zlecenia-dla-dostawcow-internetu" title="Zlecenia dla dostawc&oacute;w Internetu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w Internetu</a></li>
  1433.                <li><a href="https://www.oferteo.pl/zlecenia-dla-grafikow-komputerowych" title="Zlecenia dla grafik&oacute;w komputerowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla grafik&oacute;w komputerowych</a></li>
  1434.                </ul>
  1435.  
  1436.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1437.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-0" data-target="orders-more-0">
  1438.                  Pokaż więcej (10)
  1439.                </button>
  1440.              </div>
  1441.  
  1442.              <div id="orders-more-0" class="home-orders__more hidden">
  1443.                <ul class="mt-3 space-y-3">
  1444.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-programistow" title="Zlecenia dla programist&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla programist&oacute;w</a></li>
  1445.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-serwisow-komputerowych" title="Zlecenia dla serwis&oacute;w komputerowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla serwis&oacute;w komputerowych</a></li>
  1446.                    <li><a href="https://www.oferteo.pl/zlecenia-na-bazy-danych" title="Zlecenia na bazy danych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na bazy danych</a></li>
  1447.                    <li><a href="https://www.oferteo.pl/zlecenia-na-druk-3d" title="Zlecenia na druk 3d" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na druk 3d</a></li>
  1448.                    <li><a href="https://www.oferteo.pl/integracja-systemow-it" title="Zlecenia na integrację system&oacute;w IT" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na integrację system&oacute;w IT</a></li>
  1449.                    <li><a href="https://www.oferteo.pl/instalacja-konfiguracja" title="Zlecenia na konfigurację komputer&oacute;w i sieci" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na konfigurację komputer&oacute;w i sieci</a></li>
  1450.                    <li><a href="https://www.oferteo.pl/odzyskiwanie-danych" title="Zlecenia na odzyskiwanie danych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na odzyskiwanie danych</a></li>
  1451.                    <li><a href="https://www.oferteo.pl/outsourcing-it" title="Zlecenia na outsourcing IT" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na outsourcing IT</a></li>
  1452.                    <li><a href="https://www.oferteo.pl/projektowanie-cad-cam-cae" title="Zlecenia na projektowanie CAD, CAM, CAE" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na projektowanie CAD, CAM, CAE</a></li>
  1453.                    <li><a href="https://www.oferteo.pl/zlecenia-na-sieci-komputerowe" title="Zlecenia na sieci komputerowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sieci komputerowe</a></li>
  1454.                    </ul>
  1455.              </div>
  1456.            </div>
  1457.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1458.          <a href="https://www.oferteo.pl/zlecenia-budowlane" title="Zlecenia budowlane" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1459.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1460.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-firmy-budowlane"></use></svg>
  1461.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1462.              Zlecenia budowlane</span>
  1463.          </a>
  1464.  
  1465.          <ul class="space-y-3">
  1466.              <li><a href="https://www.oferteo.pl/zlecenia-betoniarskie" title="Zlecenia betoniarskie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia betoniarskie</a></li>
  1467.                <li><a href="https://www.oferteo.pl/zlecenia-dekarskie" title="Zlecenia dekarskie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dekarskie</a></li>
  1468.                </ul>
  1469.  
  1470.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1471.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-1" data-target="orders-more-1">
  1472.                  Pokaż więcej (17)
  1473.                </button>
  1474.              </div>
  1475.  
  1476.              <div id="orders-more-1" class="home-orders__more hidden">
  1477.                <ul class="mt-3 space-y-3">
  1478.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-geodetow" title="Zlecenia dla geodet&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla geodet&oacute;w</a></li>
  1479.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-geologow" title="Zlecenia dla geolog&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla geolog&oacute;w</a></li>
  1480.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-kamieniarzy" title="Zlecenia dla kamieniarzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla kamieniarzy</a></li>
  1481.                    <li><a href="https://www.oferteo.pl/szukam-murarza" title="Zlecenia dla murarzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla murarzy</a></li>
  1482.                    <li><a href="https://www.oferteo.pl/zlece-budowe-domu" title="Zlecenia na budowę dom&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na budowę dom&oacute;w</a></li>
  1483.                    <li><a href="https://www.oferteo.pl/zlece-budowe-drogi-ni1" title="Zlecenia na budowę drogi" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na budowę drogi</a></li>
  1484.                    <li><a href="https://www.oferteo.pl/zlecenia-na-elewacje-ocieplenia-izolacje" title="Zlecenia na elewacje" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na elewacje</a></li>
  1485.                    <li><a href="https://www.oferteo.pl/zlecenia-na-fundamenty-ni1" title="Zlecenia na fundamenty" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na fundamenty</a></li>
  1486.                    <li><a href="https://www.oferteo.pl/zlece-wykonanie-konstrukcji-stalowej-ni1" title="Zlecenia na konstrukcje stalowe i aluminiowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na konstrukcje stalowe i aluminiowe</a></li>
  1487.                    <li><a href="https://www.oferteo.pl/zlece-nadzor-budowlany" title="Zlecenia na nadz&oacute;r budowlany" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na nadz&oacute;r budowlany</a></li>
  1488.                    <li><a href="https://www.oferteo.pl/zlecenia-na-ocieplanie-budynkow" title="Zlecenia na ocieplanie budynk&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na ocieplanie budynk&oacute;w</a></li>
  1489.                    <li><a href="https://www.oferteo.pl/zlecenia-na-posadzki" title="Zlecenia na posadzki" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na posadzki</a></li>
  1490.                    <li><a href="https://www.oferteo.pl/zlece-roboty-ziemne-ni1" title="Zlecenia na roboty ziemne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na roboty ziemne</a></li>
  1491.                    <li><a href="https://www.oferteo.pl/zlece-roboty-zelbetowe" title="Zlecenia na roboty żelbetowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na roboty żelbetowe</a></li>
  1492.                    <li><a href="https://www.oferteo.pl/zlecenia-na-uslugi-dzwigowe-ni1" title="Zlecenia na usługi dźwigowe i pokrewne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na usługi dźwigowe i pokrewne</a></li>
  1493.                    <li><a href="https://www.oferteo.pl/zlecenia-na-podnosnik-koszowy" title="Zlecenia na usługi podnośnikiem koszowym" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na usługi podnośnikiem koszowym</a></li>
  1494.                    <li><a href="https://www.oferteo.pl/zlece-rozbiorke-ni1" title="Zlecenia na wyburzenia" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wyburzenia</a></li>
  1495.                    </ul>
  1496.              </div>
  1497.            </div>
  1498.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1499.          <a href="https://www.oferteo.pl/zlecenia-dla-agencji-nieruchomosci" title="Zlecenia dla agencji nieruchomości" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1500.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1501.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-agencje-nieruchomosci"></use></svg>
  1502.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1503.              Zlecenia dla agencji nieruchomości</span>
  1504.          </a>
  1505.  
  1506.          <ul class="space-y-3">
  1507.              <li><a href="https://www.oferteo.pl/zlecenia-na-sprzedaz-nieruchomosci" title="Zlecenia na sprzedaż nieruchomości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sprzedaż nieruchomości</a></li>
  1508.                <li><a href="https://www.oferteo.pl/zlecenia-na-wycene-nieruchomosci" title="Zlecenia na wycenę nieruchomości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wycenę nieruchomości</a></li>
  1509.                </ul>
  1510.  
  1511.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1512.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-2" data-target="orders-more-2">
  1513.                  Pokaż więcej (2)
  1514.                </button>
  1515.              </div>
  1516.  
  1517.              <div id="orders-more-2" class="home-orders__more hidden">
  1518.                <ul class="mt-3 space-y-3">
  1519.                  <li><a href="https://www.oferteo.pl/zlecenia-na-wynajem-nieruchomosci" title="Zlecenia na wynajem nieruchomości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wynajem nieruchomości</a></li>
  1520.                    <li><a href="https://www.oferteo.pl/zlecenia-na-kupno-nieruchomosci" title="Zlecenia na zakup nieruchomości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na zakup nieruchomości</a></li>
  1521.                    </ul>
  1522.              </div>
  1523.            </div>
  1524.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1525.          <a href="https://www.oferteo.pl/zlecenia-dla-skladow-opalu" title="Zlecenia dla skład&oacute;w opału" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1526.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1527.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-sklad-opalu"></use></svg>
  1528.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1529.              Zlecenia dla skład&oacute;w opału</span>
  1530.          </a>
  1531.  
  1532.          <ul class="space-y-3">
  1533.              <li><a href="https://www.oferteo.pl/kupie-agropellet" title="Zlecenia dla dostawc&oacute;w agropelletu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w agropelletu</a></li>
  1534.                <li><a href="https://www.oferteo.pl/kupie-brykiet-drzewny" title="Zlecenia dla dostawc&oacute;w brykiet&oacute;w drzewnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w brykiet&oacute;w drzewnych</a></li>
  1535.                </ul>
  1536.  
  1537.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1538.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-3" data-target="orders-more-3">
  1539.                  Pokaż więcej (9)
  1540.                </button>
  1541.              </div>
  1542.  
  1543.              <div id="orders-more-3" class="home-orders__more hidden">
  1544.                <ul class="mt-3 space-y-3">
  1545.                  <li><a href="https://www.oferteo.pl/kupie-brykiet-weglowy" title="Zlecenia dla dostawc&oacute;w brykiet&oacute;w węglowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w brykiet&oacute;w węglowych</a></li>
  1546.                    <li><a href="https://www.oferteo.pl/kupie-drewno-kominkowe-ni1" title="Zlecenia dla dostawc&oacute;w drewna kominkowego" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w drewna kominkowego</a></li>
  1547.                    <li><a href="https://www.oferteo.pl/kupie-ekogroszek" title="Zlecenia dla dostawc&oacute;w ekogroszku" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w ekogroszku</a></li>
  1548.                    <li><a href="https://www.oferteo.pl/kupie-gaz-opalowy" title="Zlecenia dla dostawc&oacute;w gazu opałowego" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w gazu opałowego</a></li>
  1549.                    <li><a href="https://www.oferteo.pl/kupie-olej-opalowy" title="Zlecenia dla dostawc&oacute;w oleju opałowego" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w oleju opałowego</a></li>
  1550.                    <li><a href="https://www.oferteo.pl/kupie-olej-napedowy" title="Zlecenia dla dostawc&oacute;w paliw i smar&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w paliw i smar&oacute;w</a></li>
  1551.                    <li><a href="https://www.oferteo.pl/kupie-trociny" title="Zlecenia dla dostawc&oacute;w trocin i zrębk&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w trocin i zrębk&oacute;w</a></li>
  1552.                    <li><a href="https://www.oferteo.pl/kupie-pellet" title="Zlecenia dla producent&oacute;w i dostawc&oacute;w pelletu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla producent&oacute;w i dostawc&oacute;w pelletu</a></li>
  1553.                    <li><a href="https://www.oferteo.pl/kupie-wegiel" title="Zlecenia dla skład&oacute;w węgla" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla skład&oacute;w węgla</a></li>
  1554.                    </ul>
  1555.              </div>
  1556.            </div>
  1557.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1558.          <a href="https://www.oferteo.pl/zdrowie-i-uroda-uslugi" title="Zlecenia dla zdrowia i urody" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1559.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1560.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-zdrowie-i-uroda-uslugi-firmy"></use></svg>
  1561.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1562.              Zlecenia dla zdrowia i urody</span>
  1563.          </a>
  1564.  
  1565.          <ul class="space-y-3">
  1566.              <li><a href="https://www.oferteo.pl/zlecenia-dla-lekarzy-specjalistow-ni1" title="Zlecenia dla lekarzy specjalist&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla lekarzy specjalist&oacute;w</a></li>
  1567.                <li><a href="https://www.oferteo.pl/zlecenia-prywatne-kliniki" title="Zlecenia dla prywatnych klinik" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla prywatnych klinik</a></li>
  1568.                </ul>
  1569.  
  1570.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1571.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-4" data-target="orders-more-4">
  1572.                  Pokaż więcej (9)
  1573.                </button>
  1574.              </div>
  1575.  
  1576.              <div id="orders-more-4" class="home-orders__more hidden">
  1577.                <ul class="mt-3 space-y-3">
  1578.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-trenerow-biegania" title="Zlecenia dla trener&oacute;w biegania" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla trener&oacute;w biegania</a></li>
  1579.                    <li><a href="https://www.oferteo.pl/szukam-trenera-personalnego" title="Zlecenia dla trener&oacute;w personalnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla trener&oacute;w personalnych</a></li>
  1580.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-weterynarzy" title="Zlecenia dla weterynarzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla weterynarzy</a></li>
  1581.                    <li><a href="https://www.oferteo.pl/kosmetyczne-i-fryzjerskie" title="Zlecenia kosmetyczne i fryzjerskie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia kosmetyczne i fryzjerskie</a></li>
  1582.                    <li><a href="https://www.oferteo.pl/joga-i-pokrewne" title="Zlecenia na jogę i pokrewne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na jogę i pokrewne</a></li>
  1583.                    <li><a href="https://www.oferteo.pl/zlecenia-na-nauke-plywania" title="Zlecenia na naukę pływania" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na naukę pływania</a></li>
  1584.                    <li><a href="https://www.oferteo.pl/ochrona-zdrowia" title="Zlecenia na ochronę zdrowia" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na ochronę zdrowia</a></li>
  1585.                    <li><a href="https://www.oferteo.pl/zlecenia-sporty-walki" title="Zlecenia na treningi sport&oacute;w walki" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na treningi sport&oacute;w walki</a></li>
  1586.                    <li><a href="https://www.oferteo.pl/niekonwencjonalne" title="Zlecenia na zabiegi niekonwencjonalne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na zabiegi niekonwencjonalne</a></li>
  1587.                    </ul>
  1588.              </div>
  1589.            </div>
  1590.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1591.          <a href="https://www.oferteo.pl/zlecenia-finansowe" title="Zlecenia finansowe" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1592.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1593.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-finanse"></use></svg>
  1594.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1595.              Zlecenia finansowe</span>
  1596.          </a>
  1597.  
  1598.          <ul class="space-y-3">
  1599.              <li><a href="https://www.oferteo.pl/zlecenia-dla-biur-rachunkowych" title="Zlecenia dla biur rachunkowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla biur rachunkowych</a></li>
  1600.                <li><a href="https://www.oferteo.pl/zlecenia-na-faktoring" title="Zlecenia na faktoring" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na faktoring</a></li>
  1601.                </ul>
  1602.  
  1603.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1604.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-5" data-target="orders-more-5">
  1605.                  Pokaż więcej (7)
  1606.                </button>
  1607.              </div>
  1608.  
  1609.              <div id="orders-more-5" class="home-orders__more hidden">
  1610.                <ul class="mt-3 space-y-3">
  1611.                  <li><a href="https://www.oferteo.pl/kosztorysy-ekspertyzy" title="Zlecenia na kosztorysy, ekspertyzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na kosztorysy, ekspertyzy</a></li>
  1612.                    <li><a href="https://www.oferteo.pl/szukam-kredytu-ni1" title="Zlecenia na kredyty" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na kredyty</a></li>
  1613.                    <li><a href="https://www.oferteo.pl/szukam-leasingu" title="Zlecenia na leasing" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na leasing</a></li>
  1614.                    <li><a href="https://www.oferteo.pl/sprzedam-dlug" title="Zlecenia na skup dług&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na skup dług&oacute;w</a></li>
  1615.                    <li><a href="https://www.oferteo.pl/zlecenia-na-ubezpieczenia-ni1" title="Zlecenia na ubezpieczenia" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na ubezpieczenia</a></li>
  1616.                    <li><a href="https://www.oferteo.pl/zlece-windykacje" title="Zlecenia na windykację należności" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na windykację należności</a></li>
  1617.                    <li><a href="https://www.oferteo.pl/zlecenia-na-zarzadzanie-nieruchomosciami" title="Zlecenia na zarządzanie nieruchomościami" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na zarządzanie nieruchomościami</a></li>
  1618.                    </ul>
  1619.              </div>
  1620.            </div>
  1621.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1622.          <a href="https://www.oferteo.pl/zlecenia-na-imprezy-i-uroczystosci" title="Zlecenia na imprezy i uroczystości" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1623.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1624.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-imprezy-i-uroczystosci"></use></svg>
  1625.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1626.              Zlecenia na imprezy i uroczystości</span>
  1627.          </a>
  1628.  
  1629.          <ul class="space-y-3">
  1630.              <li><a href="https://www.oferteo.pl/zlecenia-dla-agencji-eventowej" title="Zlecenia dla agencji eventowej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla agencji eventowej</a></li>
  1631.                <li><a href="https://www.oferteo.pl/zlecenia-dla-animatora" title="Zlecenia dla animatora" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla animatora</a></li>
  1632.                </ul>
  1633.  
  1634.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1635.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-6" data-target="orders-more-6">
  1636.                  Pokaż więcej (15)
  1637.                </button>
  1638.              </div>
  1639.  
  1640.              <div id="orders-more-6" class="home-orders__more hidden">
  1641.                <ul class="mt-3 space-y-3">
  1642.                  <li><a href="https://www.oferteo.pl/kupie-alkohole" title="Zlecenia dla dostawc&oacute;w alkoholu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w alkoholu</a></li>
  1643.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-iluzjonistow" title="Zlecenia dla iluzjonist&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla iluzjonist&oacute;w</a></li>
  1644.                    <li><a href="https://www.oferteo.pl/muzycy-piosenkarze" title="Zlecenia dla muzyk&oacute;w, piosenkarzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla muzyk&oacute;w, piosenkarzy</a></li>
  1645.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-studia-nagran" title="Zlecenia dla studia nagrań" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla studia nagrań</a></li>
  1646.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-wypozyczalni-strojow" title="Zlecenia dla wypożyczalni stroj&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla wypożyczalni stroj&oacute;w</a></li>
  1647.                    <li><a href="https://www.oferteo.pl/szukam-zespolu-muzycznego" title="Zlecenia dla zespoł&oacute;w muzycznych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla zespoł&oacute;w muzycznych</a></li>
  1648.                    <li><a href="https://www.oferteo.pl/zlecenia-fotograficzne" title="Zlecenia fotograficzne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia fotograficzne</a></li>
  1649.                    <li><a href="https://www.oferteo.pl/zlecenia-gastronomiczne" title="Zlecenia gastronomiczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia gastronomiczne</a></li>
  1650.                    <li><a href="https://www.oferteo.pl/wynajme-fotobudke" title="Zlecenia na Wynajem Fotobudek" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na Wynajem Fotobudek</a></li>
  1651.                    <li><a href="https://www.oferteo.pl/malarstwo-artystyczne" title="Zlecenia na malarstwo artystyczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na malarstwo artystyczne</a></li>
  1652.                    <li><a href="https://www.oferteo.pl/zlecenia-na-naglosnienie-oswietlenie" title="Zlecenia na nagłośnienie i oświetlenie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na nagłośnienie i oświetlenie</a></li>
  1653.                    <li><a href="https://www.oferteo.pl/wideo-filmowanie" title="Zlecenia na wideofilmowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wideofilmowanie</a></li>
  1654.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wynajem-dmuchancow" title="Zlecenia na wynajem dmuchańc&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wynajem dmuchańc&oacute;w</a></li>
  1655.                    <li><a href="https://www.oferteo.pl/zlecenia-pirotechniczne" title="Zlecenia pirotechniczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia pirotechniczne</a></li>
  1656.                    <li><a href="https://www.oferteo.pl/zlecenia-wynajmu-namiotow" title="Zlecenia wynajmu namiot&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia wynajmu namiot&oacute;w</a></li>
  1657.                    </ul>
  1658.              </div>
  1659.            </div>
  1660.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1661.          <a href="https://www.oferteo.pl/zlece-wykonanie-instalacji" title="Zlecenia na instalacje" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1662.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1663.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-instalacje"></use></svg>
  1664.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1665.              Zlecenia na instalacje</span>
  1666.          </a>
  1667.  
  1668.          <ul class="space-y-3">
  1669.              <li><a href="https://www.oferteo.pl/urzadzenia-materialy-instalacyjne" title="Zlecenia dla dostawc&oacute;w urządzeń i materiał&oacute;w instalacyjnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w urządzeń i materiał&oacute;w instalacyjnych</a></li>
  1670.                <li><a href="https://www.oferteo.pl/zlecenia-gazownicze" title="Zlecenia dla gazownik&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla gazownik&oacute;w</a></li>
  1671.                </ul>
  1672.  
  1673.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1674.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-7" data-target="orders-more-7">
  1675.                  Pokaż więcej (18)
  1676.                </button>
  1677.              </div>
  1678.  
  1679.              <div id="orders-more-7" class="home-orders__more hidden">
  1680.                <ul class="mt-3 space-y-3">
  1681.                  <li><a href="https://www.oferteo.pl/kupie-chlodnie" title="Zlecenia dla sprzedawc&oacute;w chłodni" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w chłodni</a></li>
  1682.                    <li><a href="https://www.oferteo.pl/kupie-odkurzacz-centralny" title="Zlecenia dla sprzedawc&oacute;w odkurzaczy centralnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w odkurzaczy centralnych</a></li>
  1683.                    <li><a href="https://www.oferteo.pl/zlecenia-elektryczne" title="Zlecenia elektryczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia elektryczne</a></li>
  1684.                    <li><a href="https://www.oferteo.pl/zlecenia-hydrauliczne" title="Zlecenia hydrauliczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia hydrauliczne</a></li>
  1685.                    <li><a href="https://www.oferteo.pl/zlecenia-na-alarmy-ni1" title="Zlecenia na alarmy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na alarmy</a></li>
  1686.                    <li><a href="https://www.oferteo.pl/zlecenia-na-domofony-wideodomofony" title="Zlecenia na domofony, wideodomofony" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na domofony, wideodomofony</a></li>
  1687.                    <li><a href="https://www.oferteo.pl/zlecenia-na-instalacje-grzewcze-ni1" title="Zlecenia na instalacje grzewcze" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na instalacje grzewcze</a></li>
  1688.                    <li><a href="https://www.oferteo.pl/zlecenia-na-instalacje-sanitarne-ni1" title="Zlecenia na instalacje sanitarne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na instalacje sanitarne</a></li>
  1689.                    <li><a href="https://www.oferteo.pl/energetyczne-cieplownicze" title="Zlecenia na instalatorstwo energetyczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na instalatorstwo energetyczne</a></li>
  1690.                    <li><a href="https://www.oferteo.pl/zlecenia-na-inteligentne-domy-ni1" title="Zlecenia na inteligentny dom" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na inteligentny dom</a></li>
  1691.                    <li><a href="https://www.oferteo.pl/zlecenia-na-klimatyzacje" title="Zlecenia na klimatyzacje" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na klimatyzacje</a></li>
  1692.                    <li><a href="https://www.oferteo.pl/kupie-piec-co" title="Zlecenia na kotły i piece co" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na kotły i piece co</a></li>
  1693.                    <li><a href="https://www.oferteo.pl/zlecenia-na-monitoring-ni1" title="Zlecenia na monitoring" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na monitoring</a></li>
  1694.                    <li><a href="https://www.oferteo.pl/zlecenia-na-montaz-anten" title="Zlecenia na montaż anten" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na montaż anten</a></li>
  1695.                    <li><a href="https://www.oferteo.pl/zlece-projekt-instalacji-sanitarnej" title="Zlecenia na projekt instalacji sanitarnej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na projekt instalacji sanitarnej</a></li>
  1696.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wentylacje" title="Zlecenia na wentylacje" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wentylacje</a></li>
  1697.                    <li><a href="https://www.oferteo.pl/zlecenia-na-windy" title="Zlecenia na windy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na windy</a></li>
  1698.                    <li><a href="https://www.oferteo.pl/telekomunikacyjne" title="Zlecenia telekomunikacyjne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia telekomunikacyjne</a></li>
  1699.                    </ul>
  1700.              </div>
  1701.            </div>
  1702.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1703.          <a href="https://www.oferteo.pl/kupie-odnawialne-zrodla-energii" title="Zlecenia na instalacje OZE" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1704.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1705.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-energia-odnawialna"></use></svg>
  1706.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1707.              Zlecenia na instalacje OZE</span>
  1708.          </a>
  1709.  
  1710.          <ul class="space-y-3">
  1711.              <li><a href="https://www.oferteo.pl/kupie-kolektory-sloneczne" title="Zlecenia dla sprzedawc&oacute;w kolektor&oacute;w słonecznych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w kolektor&oacute;w słonecznych</a></li>
  1712.                <li><a href="https://www.oferteo.pl/kupie-panele-fotowoltaiczne" title="Zlecenia na fotowoltaikę" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na fotowoltaikę</a></li>
  1713.                </ul>
  1714.  
  1715.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1716.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-8" data-target="orders-more-8">
  1717.                  Pokaż więcej (6)
  1718.                </button>
  1719.              </div>
  1720.  
  1721.              <div id="orders-more-8" class="home-orders__more hidden">
  1722.                <ul class="mt-3 space-y-3">
  1723.                  <li><a href="https://www.oferteo.pl/kupie-magazyn-energii" title="Zlecenia na magazyny energii" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na magazyny energii</a></li>
  1724.                    <li><a href="https://www.oferteo.pl/kupie-pompe-ciepla" title="Zlecenia na pompy ciepła" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pompy ciepła</a></li>
  1725.                    <li><a href="https://www.oferteo.pl/zlecenia-na-serwis-fotowoltaiki-ni1" title="Zlecenia na serwis fotowoltaiki" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na serwis fotowoltaiki</a></li>
  1726.                    <li><a href="https://www.oferteo.pl/zlecenia-na-serwis-pomp-ciepla-ni1" title="Zlecenia na serwis pomp ciepła" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na serwis pomp ciepła</a></li>
  1727.                    <li><a href="https://www.oferteo.pl/zlecenia-na-turbiny-wiatrowe" title="Zlecenia na turbiny wiatrowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na turbiny wiatrowe</a></li>
  1728.                    <li><a href="https://www.oferteo.pl/zlecenia-na-czyste-powietrze" title="Zlecenia z programu Czyste Powietrze" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia z programu Czyste Powietrze</a></li>
  1729.                    </ul>
  1730.              </div>
  1731.            </div>
  1732.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1733.          <a href="https://www.oferteo.pl/kupie-produkty-dla-budownictwa" title="Zlecenia na produkty budowlane" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1734.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1735.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-sklady-i-hurtownie-budowlane"></use></svg>
  1736.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1737.              Zlecenia na produkty budowlane</span>
  1738.          </a>
  1739.  
  1740.          <ul class="space-y-3">
  1741.              <li><a href="https://www.oferteo.pl/kupie-betonowe-prefabrykaty" title="Zlecenia dla dostawc&oacute;w betonowych prefabrykat&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w betonowych prefabrykat&oacute;w</a></li>
  1742.                <li><a href="https://www.oferteo.pl/kupie-beton" title="Zlecenia dla dostawc&oacute;w betonu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w betonu</a></li>
  1743.                </ul>
  1744.  
  1745.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1746.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-9" data-target="orders-more-9">
  1747.                  Pokaż więcej (7)
  1748.                </button>
  1749.              </div>
  1750.  
  1751.              <div id="orders-more-9" class="home-orders__more hidden">
  1752.                <ul class="mt-3 space-y-3">
  1753.                  <li><a href="https://www.oferteo.pl/kupie-drewno-konstrukcyjne-wiezbe" title="Zlecenia dla dostawc&oacute;w drewna konstrukcyjnego" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w drewna konstrukcyjnego</a></li>
  1754.                    <li><a href="https://www.oferteo.pl/kupie-materialy-ociepleniowe" title="Zlecenia dla dostawc&oacute;w materiał&oacute;w ociepleniowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w materiał&oacute;w ociepleniowych</a></li>
  1755.                    <li><a href="https://www.oferteo.pl/kupie-pokrycie-dachowe-ni1" title="Zlecenia dla dostawc&oacute;w pokryć dachowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w pokryć dachowych</a></li>
  1756.                    <li><a href="https://www.oferteo.pl/kupie-tarcice-budowlana-i-osb-ni1" title="Zlecenia dla dostawc&oacute;w tarcicy i osb" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w tarcicy i osb</a></li>
  1757.                    <li><a href="https://www.oferteo.pl/kupie-materialy-budowlane" title="Zlecenia dla skład&oacute;w budowlanych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla skład&oacute;w budowlanych</a></li>
  1758.                    <li><a href="https://www.oferteo.pl/kupie-zbrojenia-budowlane" title="Zlecenia dla specjalist&oacute;w od zbrojeń budowlanych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla specjalist&oacute;w od zbrojeń budowlanych</a></li>
  1759.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-tartakow" title="Zlecenia dla tartak&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla tartak&oacute;w</a></li>
  1760.                    </ul>
  1761.              </div>
  1762.            </div>
  1763.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1764.          <a href="https://www.oferteo.pl/kupie-produkty-do-domu-ogrodu" title="Zlecenia na produkty dla domu" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1765.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1766.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-dostawcy-do-domu-i-ogrodu"></use></svg>
  1767.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1768.              Zlecenia na produkty dla domu</span>
  1769.          </a>
  1770.  
  1771.          <ul class="space-y-3">
  1772.              <li><a href="https://www.oferteo.pl/kupie-oswietlenie" title="Zlecenia dla dostawc&oacute;w oświetlenia" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w oświetlenia</a></li>
  1773.                <li><a href="https://www.oferteo.pl/kupie-podloge-panele" title="Zlecenia dla dostawc&oacute;w podł&oacute;g i paneli" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w podł&oacute;g i paneli</a></li>
  1774.                </ul>
  1775.  
  1776.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1777.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-10" data-target="orders-more-10">
  1778.                  Pokaż więcej (16)
  1779.                </button>
  1780.              </div>
  1781.  
  1782.              <div id="orders-more-10" class="home-orders__more hidden">
  1783.                <ul class="mt-3 space-y-3">
  1784.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-kominiarzy" title="Zlecenia dla kominiarzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla kominiarzy</a></li>
  1785.                    <li><a href="https://www.oferteo.pl/kupie-drzwi" title="Zlecenia dla sprzedawc&oacute;w drzwi" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w drzwi</a></li>
  1786.                    <li><a href="https://www.oferteo.pl/kupie-okna" title="Zlecenia dla sprzedawc&oacute;w okien" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w okien</a></li>
  1787.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-zdunow" title="Zlecenia dla zdun&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla zdun&oacute;w</a></li>
  1788.                    <li><a href="https://www.oferteo.pl/zlecenia-na-antresole-ni1" title="Zlecenia na antresole" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na antresole</a></li>
  1789.                    <li><a href="https://www.oferteo.pl/zlecenia-na-balustrady-ni1" title="Zlecenia na balustrady" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na balustrady</a></li>
  1790.                    <li><a href="https://www.oferteo.pl/zlecenia-na-blaty-kuchenne-ni1" title="Zlecenia na blaty kuchenne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na blaty kuchenne</a></li>
  1791.                    <li><a href="https://www.oferteo.pl/zlecenia-na-kosztorysowanie-ekspertyzy" title="Zlecenia na kosztorysowanie ekspertyzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na kosztorysowanie ekspertyzy</a></li>
  1792.                    <li><a href="https://www.oferteo.pl/zlecenia-na-meble" title="Zlecenia na meble" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na meble</a></li>
  1793.                    <li><a href="https://www.oferteo.pl/kupie-parapety" title="Zlecenia na parapety" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na parapety</a></li>
  1794.                    <li><a href="https://www.oferteo.pl/zlecenia-na-rolety" title="Zlecenia na rolety" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na rolety</a></li>
  1795.                    <li><a href="https://www.oferteo.pl/zlecenia-na-schody" title="Zlecenia na schody" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na schody</a></li>
  1796.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wykladziny-podlogowe" title="Zlecenia na wykładziny podłogowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wykładziny podłogowe</a></li>
  1797.                    <li><a href="https://www.oferteo.pl/zlecenia-na-swiadectwa-energetyczne" title="Zlecenia na świadectwa energetyczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na świadectwa energetyczne</a></li>
  1798.                    <li><a href="https://www.oferteo.pl/zlecenia-na-zaluzje" title="Zlecenia na żaluzje" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na żaluzje</a></li>
  1799.                    <li><a href="https://www.oferteo.pl/zlecenia-tapicerskie" title="Zlecenia tapicerskie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia tapicerskie</a></li>
  1800.                    </ul>
  1801.              </div>
  1802.            </div>
  1803.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1804.          <a href="https://www.oferteo.pl/kupie-produkty-do-firmy-biura" title="Zlecenia na produkty do firmy, biura" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1805.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1806.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-dostawcy-dla-firmy-i-biura"></use></svg>
  1807.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1808.              Zlecenia na produkty do firmy, biura</span>
  1809.          </a>
  1810.  
  1811.          <ul class="space-y-3">
  1812.              <li><a href="https://www.oferteo.pl/kupie-maszyne-budowlana" title="Zlecenia dla dostawc&oacute;w maszyn budowlanych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w maszyn budowlanych</a></li>
  1813.                <li><a href="https://www.oferteo.pl/windy-i-dzwigi-budownictwo" title="Zlecenia dla dostawc&oacute;w wind i dźwig&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w wind i dźwig&oacute;w</a></li>
  1814.                </ul>
  1815.  
  1816.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1817.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-11" data-target="orders-more-11">
  1818.                  Pokaż więcej (9)
  1819.                </button>
  1820.              </div>
  1821.  
  1822.              <div id="orders-more-11" class="home-orders__more hidden">
  1823.                <ul class="mt-3 space-y-3">
  1824.                  <li><a href="https://www.oferteo.pl/kupie-opakowania" title="Zlecenia dla producent&oacute;w opakowań" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla producent&oacute;w opakowań</a></li>
  1825.                    <li><a href="https://www.oferteo.pl/kupie-ekspres-do-kawy" title="Zlecenia dla sprzedawc&oacute;w ekspres&oacute;w do kawy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w ekspres&oacute;w do kawy</a></li>
  1826.                    <li><a href="https://www.oferteo.pl/kupie-kamere-termowizyjna" title="Zlecenia dla sprzedawc&oacute;w kamer termowizyjnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w kamer termowizyjnych</a></li>
  1827.                    <li><a href="https://www.oferteo.pl/kupie-kserokopiarke" title="Zlecenia dla sprzedawc&oacute;w kserokopiarek" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w kserokopiarek</a></li>
  1828.                    <li><a href="https://www.oferteo.pl/kupie-regaly-magazynowe" title="Zlecenia dla sprzedawc&oacute;w regał&oacute;w magazynowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w regał&oacute;w magazynowych</a></li>
  1829.                    <li><a href="https://www.oferteo.pl/kupie-wozek-widlowy" title="Zlecenia dla sprzedawc&oacute;w w&oacute;zk&oacute;w widłowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w w&oacute;zk&oacute;w widłowych</a></li>
  1830.                    <li><a href="https://www.oferteo.pl/zlecenia-na-centrale-telefoniczne" title="Zlecenia na centrale telefoniczne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na centrale telefoniczne</a></li>
  1831.                    <li><a href="https://www.oferteo.pl/zlecenia-na-dostawy-wody" title="Zlecenia na dostawy wody" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na dostawy wody</a></li>
  1832.                    <li><a href="https://www.oferteo.pl/zlecenia-na-kosze-prezentowe" title="Zlecenia na kosze prezentowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na kosze prezentowe</a></li>
  1833.                    </ul>
  1834.              </div>
  1835.            </div>
  1836.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1837.          <a href="https://www.oferteo.pl/zlecenia-na-projektowanie" title="Zlecenia na projektowanie" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1838.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1839.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-projektowanie"></use></svg>
  1840.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1841.              Zlecenia na projektowanie</span>
  1842.          </a>
  1843.  
  1844.          <ul class="space-y-3">
  1845.              <li><a href="https://www.oferteo.pl/zlecenia-dla-architektow" title="Zlecenia dla architekt&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla architekt&oacute;w</a></li>
  1846.                <li><a href="https://www.oferteo.pl/zlecenia-dla-architektow-krajobrazu" title="Zlecenia dla architekt&oacute;w krajobrazu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla architekt&oacute;w krajobrazu</a></li>
  1847.                </ul>
  1848.  
  1849.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1850.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-12" data-target="orders-more-12">
  1851.                  Pokaż więcej (3)
  1852.                </button>
  1853.              </div>
  1854.  
  1855.              <div id="orders-more-12" class="home-orders__more hidden">
  1856.                <ul class="mt-3 space-y-3">
  1857.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-architektow-wnetrz" title="Zlecenia dla architekt&oacute;w wnętrz" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla architekt&oacute;w wnętrz</a></li>
  1858.                    <li><a href="https://www.oferteo.pl/zlecenia-na-aranzacje-wnetrz" title="Zlecenia na aranżacje wnętrz" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na aranżacje wnętrz</a></li>
  1859.                    <li><a href="https://www.oferteo.pl/zlecenia-na-projektowanie-inzynieryjne-ni1" title="Zlecenia na projektowanie inżynieryjne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na projektowanie inżynieryjne</a></li>
  1860.                    </ul>
  1861.              </div>
  1862.            </div>
  1863.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1864.          <a href="https://www.oferteo.pl/zlece-sprzatanie-ni1" title="Zlecenia na sprzątanie" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1865.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1866.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-sprzatanie"></use></svg>
  1867.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1868.              Zlecenia na sprzątanie</span>
  1869.          </a>
  1870.  
  1871.          <ul class="space-y-3">
  1872.              <li><a href="https://www.oferteo.pl/srodki-czystosci" title="Zlecenia dla dostawc&oacute;w środk&oacute;w czystości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w środk&oacute;w czystości</a></li>
  1873.                <li><a href="https://www.oferteo.pl/czyszczenie-przemyslowe" title="Zlecenia na czyszczenie przemysłowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na czyszczenie przemysłowe</a></li>
  1874.                </ul>
  1875.  
  1876.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1877.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-13" data-target="orders-more-13">
  1878.                  Pokaż więcej (12)
  1879.                </button>
  1880.              </div>
  1881.  
  1882.              <div id="orders-more-13" class="home-orders__more hidden">
  1883.                <ul class="mt-3 space-y-3">
  1884.                  <li><a href="https://www.oferteo.pl/zlecenia-na-dezynsekcje-i-deratyzacje" title="Zlecenia na dezynsekcję i deratyzację" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na dezynsekcję i deratyzację</a></li>
  1885.                    <li><a href="https://www.oferteo.pl/zlecenia-na-mycie-kostki-brukowej" title="Zlecenia na mycie kostki brukowej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na mycie kostki brukowej</a></li>
  1886.                    <li><a href="https://www.oferteo.pl/zlecenia-na-mycie-okien" title="Zlecenia na mycie okien" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na mycie okien</a></li>
  1887.                    <li><a href="https://www.oferteo.pl/zlecenia-na-mycie-okien-na-wysokosci" title="Zlecenia na mycie okien na wysokości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na mycie okien na wysokości</a></li>
  1888.                    <li><a href="https://www.oferteo.pl/zlecenia-na-oproznianie-mieszkan" title="Zlecenia na opr&oacute;żnianie mieszkań" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na opr&oacute;żnianie mieszkań</a></li>
  1889.                    <li><a href="https://www.oferteo.pl/zlecenia-na-pranie-dywanow" title="Zlecenia na pranie dywan&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pranie dywan&oacute;w</a></li>
  1890.                    <li><a href="https://www.oferteo.pl/zlecenia-na-pranie-kanap" title="Zlecenia na pranie kanap" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pranie kanap</a></li>
  1891.                    <li><a href="https://www.oferteo.pl/zlecenia-na-pranie-materacy" title="Zlecenia na pranie materacy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pranie materacy</a></li>
  1892.                    <li><a href="https://www.oferteo.pl/zlecenia-na-pranie-tapicerki" title="Zlecenia na pranie tapicerki samochodowej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pranie tapicerki samochodowej</a></li>
  1893.                    <li><a href="https://www.oferteo.pl/zlece-sprzatanie-biura" title="Zlecenia na sprzątanie Biur" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sprzątanie Biur</a></li>
  1894.                    <li><a href="https://www.oferteo.pl/zlecenia-na-sprzatanie-domu" title="Zlecenia na sprzątanie mieszkań" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sprzątanie mieszkań</a></li>
  1895.                    <li><a href="https://www.oferteo.pl/zlecenia-na-sprzatanie-po-remontach" title="Zlecenia na sprzątanie po remontach" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sprzątanie po remontach</a></li>
  1896.                    </ul>
  1897.              </div>
  1898.            </div>
  1899.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1900.          <a href="https://www.oferteo.pl/zlecenia-na-uslugi-pozostale" title="Zlecenia na usługi inne" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1901.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1902.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-wykonawcy-pozostali"></use></svg>
  1903.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1904.              Zlecenia na usługi inne</span>
  1905.          </a>
  1906.  
  1907.          <ul class="space-y-3">
  1908.              <li><a href="https://www.oferteo.pl/zlecenia-dla-biur-podrozy" title="Zlecenia dla biur podr&oacute;ży" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla biur podr&oacute;ży</a></li>
  1909.                <li><a href="https://www.oferteo.pl/szukam-detektywa" title="Zlecenia dla detektyw&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla detektyw&oacute;w</a></li>
  1910.                </ul>
  1911.  
  1912.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1913.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-14" data-target="orders-more-14">
  1914.                  Pokaż więcej (14)
  1915.                </button>
  1916.              </div>
  1917.  
  1918.              <div id="orders-more-14" class="home-orders__more hidden">
  1919.                <ul class="mt-3 space-y-3">
  1920.                  <li><a href="https://www.oferteo.pl/szukam-niani" title="Zlecenia dla niań" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla niań</a></li>
  1921.                    <li><a href="https://www.oferteo.pl/edukacja-nauka" title="Zlecenia edukacyjne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia edukacyjne</a></li>
  1922.                    <li><a href="https://www.oferteo.pl/motoryzacja" title="Zlecenia motoryzacyjne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia motoryzacyjne</a></li>
  1923.                    <li><a href="https://www.oferteo.pl/szukam-kolonii-obozu" title="Zlecenia na obozy i kolonie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na obozy i kolonie</a></li>
  1924.                    <li><a href="https://www.oferteo.pl/zlecenia-na-obrobke-metali" title="Zlecenia na obr&oacute;bkę metali" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na obr&oacute;bkę metali</a></li>
  1925.                    <li><a href="https://www.oferteo.pl/ochrona-srodowiska" title="Zlecenia na ochronę środowiska" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na ochronę środowiska</a></li>
  1926.                    <li><a href="https://www.oferteo.pl/szukam-pozyczki-bez-bik-ni1" title="Zlecenia na pożyczki bez BIK" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pożyczki bez BIK</a></li>
  1927.                    <li><a href="https://www.oferteo.pl/szukam-pomocy-domowej" title="Zlecenia na pranie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pranie</a></li>
  1928.                    <li><a href="https://www.oferteo.pl/szukam-wycieczki-wczasow" title="Zlecenia na wycieczki, wczasy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wycieczki, wczasy</a></li>
  1929.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wyprowadzanie-psow" title="Zlecenia na wyprowadzanie ps&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wyprowadzanie ps&oacute;w</a></li>
  1930.                    <li><a href="https://www.oferteo.pl/zaopatrzenie-w-energie-elektryczna" title="Zlecenia na zaopatrzenie w energię elektryczną" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na zaopatrzenie w energię elektryczną</a></li>
  1931.                    <li><a href="https://www.oferteo.pl/zaopatrzenie-w-gaz-pozostale" title="Zlecenia na zaopatrzenie w gaz" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na zaopatrzenie w gaz</a></li>
  1932.                    <li><a href="https://www.oferteo.pl/serwis-i-naprawa-uslugi" title="Zlecenia naprawcze" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia naprawcze</a></li>
  1933.                    <li><a href="https://www.oferteo.pl/ogloszenia-rolnicze" title="Zlecenia rolnicze" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia rolnicze</a></li>
  1934.                    </ul>
  1935.              </div>
  1936.            </div>
  1937.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1938.          <a href="https://www.oferteo.pl/zlecenia-uslug-dla-domu-ogrodu" title="Zlecenia na usługi przed domem" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1939.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1940.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-wykonawcy-do-domu-i-ogrodu"></use></svg>
  1941.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1942.              Zlecenia na usługi przed domem</span>
  1943.          </a>
  1944.  
  1945.          <ul class="space-y-3">
  1946.              <li><a href="https://www.oferteo.pl/zlecenia-brukarskie" title="Zlecenia brukarskie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia brukarskie</a></li>
  1947.                <li><a href="https://www.oferteo.pl/zlecenia-na-bramy" title="Zlecenia dla dostawc&oacute;w bram" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w bram</a></li>
  1948.                </ul>
  1949.  
  1950.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1951.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-15" data-target="orders-more-15">
  1952.                  Pokaż więcej (15)
  1953.                </button>
  1954.              </div>
  1955.  
  1956.              <div id="orders-more-15" class="home-orders__more hidden">
  1957.                <ul class="mt-3 space-y-3">
  1958.                  <li><a href="https://www.oferteo.pl/kostka-krawezniki-nawierzchnie" title="Zlecenia dla dostawc&oacute;w kostki i nawierzchni" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w kostki i nawierzchni</a></li>
  1959.                    <li><a href="https://www.oferteo.pl/ogrod-i-rosliny" title="Zlecenia dla dostawc&oacute;w roślin i produkt&oacute;w ogrodniczych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w roślin i produkt&oacute;w ogrodniczych</a></li>
  1960.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-ogrodnikow-ni1" title="Zlecenia dla ogrodnika" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla ogrodnika</a></li>
  1961.                    <li><a href="https://www.oferteo.pl/kupie-garaz-blaszany" title="Zlecenia dla sprzedawc&oacute;w garaży blaszanych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla sprzedawc&oacute;w garaży blaszanych</a></li>
  1962.                    <li><a href="https://www.oferteo.pl/zlecenia-na-oczka-wodne-ni1" title="Zlecenia na Oczka Wodne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na Oczka Wodne</a></li>
  1963.                    <li><a href="https://www.oferteo.pl/zlecenia-na-altany-ni1" title="Zlecenia na altany" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na altany</a></li>
  1964.                    <li><a href="https://www.oferteo.pl/zlecenia-na-malowanie-proszkowe" title="Zlecenia na malowanie proszkowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na malowanie proszkowe</a></li>
  1965.                    <li><a href="https://www.oferteo.pl/zlecenia-na-ogrodzenia" title="Zlecenia na ogrodzenia" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na ogrodzenia</a></li>
  1966.                    <li><a href="https://www.oferteo.pl/zlecenia-na-pergole-ni1" title="Zlecenia na pergole" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pergole</a></li>
  1967.                    <li><a href="https://www.oferteo.pl/zlece-piaskowanie" title="Zlecenia na piaskowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na piaskowanie</a></li>
  1968.                    <li><a href="https://www.oferteo.pl/zlece-wykonanie-placu-zabaw" title="Zlecenia na place zabaw" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na place zabaw</a></li>
  1969.                    <li><a href="https://www.oferteo.pl/zlecenia-na-prace-wysokosciowe" title="Zlecenia na prace wysokościowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na prace wysokościowe</a></li>
  1970.                    <li><a href="https://www.oferteo.pl/zlecenia-na-sauny" title="Zlecenia na sauny" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sauny</a></li>
  1971.                    <li><a href="https://www.oferteo.pl/zlecenia-na-tarasy-ni1" title="Zlecenia na tarasy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na tarasy</a></li>
  1972.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wiercenie-studni-ni1" title="Zlecenia na wiercenie studni" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wiercenie studni</a></li>
  1973.                    </ul>
  1974.              </div>
  1975.            </div>
  1976.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  1977.          <a href="https://www.oferteo.pl/zlecenia-odziezowe" title="Zlecenia odzieżowe" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  1978.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  1979.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-firmy-odziezowe"></use></svg>
  1980.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  1981.              Zlecenia odzieżowe</span>
  1982.          </a>
  1983.  
  1984.          <ul class="space-y-3">
  1985.              <li><a href="https://www.oferteo.pl/kupie-odziez-damska" title="Zlecenia dla dostawc&oacute;w odzieży damskiej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w odzieży damskiej</a></li>
  1986.                <li><a href="https://www.oferteo.pl/kupie-odziez-meska" title="Zlecenia dla dostawc&oacute;w odzieży męskiej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w odzieży męskiej</a></li>
  1987.                </ul>
  1988.  
  1989.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  1990.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-16" data-target="orders-more-16">
  1991.                  Pokaż więcej (8)
  1992.                </button>
  1993.              </div>
  1994.  
  1995.              <div id="orders-more-16" class="home-orders__more hidden">
  1996.                <ul class="mt-3 space-y-3">
  1997.                  <li><a href="https://www.oferteo.pl/kupie-odziez-robocza" title="Zlecenia dla dostawc&oacute;w odzieży roboczej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w odzieży roboczej</a></li>
  1998.                    <li><a href="https://www.oferteo.pl/kupie-odziez-uzywana" title="Zlecenia dla dostawc&oacute;w odzieży używanej" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla dostawc&oacute;w odzieży używanej</a></li>
  1999.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-hurtowni-tkanin" title="Zlecenia dla hurtowni tkanin" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla hurtowni tkanin</a></li>
  2000.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-kaletnikow-i-kusnierzy-ni1" title="Zlecenia dla kaletnik&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla kaletnik&oacute;w</a></li>
  2001.                    <li><a href="https://www.oferteo.pl/zlecenia-krawieckie" title="Zlecenia dla krawc&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla krawc&oacute;w</a></li>
  2002.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-szwalni" title="Zlecenia dla szwalni" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla szwalni</a></li>
  2003.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-hafciarni-ni1" title="Zlecenia na haftowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na haftowanie</a></li>
  2004.                    <li><a href="https://www.oferteo.pl/zlecenia-na-koszulki-z-nadrukiem-ni1" title="Zlecenia na nadruki na koszulkach" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na nadruki na koszulkach</a></li>
  2005.                    </ul>
  2006.              </div>
  2007.            </div>
  2008.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  2009.          <a href="https://www.oferteo.pl/zlecenia-dla-kancelarii-prawnych" title="Zlecenia prawne" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  2010.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  2011.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-kancelarie-prawne"></use></svg>
  2012.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  2013.              Zlecenia prawne</span>
  2014.          </a>
  2015.  
  2016.          <ul class="space-y-3">
  2017.              <li><a href="https://www.oferteo.pl/zlecenia-dla-adwokatow" title="Zlecenia dla adwokat&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla adwokat&oacute;w</a></li>
  2018.                <li><a href="https://www.oferteo.pl/zlecenia-dla-adwokatow-rozwodowych" title="Zlecenia dla adwokat&oacute;w rozwodowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla adwokat&oacute;w rozwodowych</a></li>
  2019.                </ul>
  2020.  
  2021.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  2022.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-17" data-target="orders-more-17">
  2023.                  Pokaż więcej (17)
  2024.                </button>
  2025.              </div>
  2026.  
  2027.              <div id="orders-more-17" class="home-orders__more hidden">
  2028.                <ul class="mt-3 space-y-3">
  2029.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-bieglych-i-rzeczoznawcow-ni1" title="Zlecenia dla biegłych i rzeczoznawc&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla biegłych i rzeczoznawc&oacute;w</a></li>
  2030.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-kancelarii-frankowych" title="Zlecenia dla kancelarii frankowych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla kancelarii frankowych</a></li>
  2031.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-kancelarii-odszkodowawczych" title="Zlecenia dla kancelarii odszkodowawczych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla kancelarii odszkodowawczych</a></li>
  2032.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-notariuszy" title="Zlecenia dla notariuszy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla notariuszy</a></li>
  2033.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-prawnika-rodzinnego-ni1" title="Zlecenia dla prawnika rodzinnego" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla prawnika rodzinnego</a></li>
  2034.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-radcow-prawnych-ni1" title="Zlecenia dla radc&oacute;w prawnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla radc&oacute;w prawnych</a></li>
  2035.                    <li><a href="https://www.oferteo.pl/zlecenia-na-obsluge-prawna-firm-ni1" title="Zlecenia na obsługę prawną firm" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na obsługę prawną firm</a></li>
  2036.                    <li><a href="https://www.oferteo.pl/zlecenia-na-pisma-wnioski-i-podania-ni1" title="Zlecenia na pisma, wnioski i podania" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pisma, wnioski i podania</a></li>
  2037.                    <li><a href="https://www.oferteo.pl/zlecenia-na-upadlosc-konsumencka" title="Zlecenia na upadłość konsumencką" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na upadłość konsumencką</a></li>
  2038.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-budowlane-ni1" title="Zlecenia prawo budowlane" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo budowlane</a></li>
  2039.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-cywilne-ni1" title="Zlecenia prawo cywilne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo cywilne</a></li>
  2040.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-gospodarcze-ni1" title="Zlecenia prawo gospodarcze" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo gospodarcze</a></li>
  2041.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-nieruchomosci-ni1" title="Zlecenia prawo nieruchomości" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo nieruchomości</a></li>
  2042.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-pracy-ni1" title="Zlecenia prawo pracy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo pracy</a></li>
  2043.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-spoldzielcze-ni1" title="Zlecenia prawo sp&oacute;łdzielcze" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo sp&oacute;łdzielcze</a></li>
  2044.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-spolek" title="Zlecenia prawo sp&oacute;łek" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo sp&oacute;łek</a></li>
  2045.                    <li><a href="https://www.oferteo.pl/zlecenia-prawo-ubezpieczeniowe-ni1" title="Zlecenia prawo ubezpieczeniowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia prawo ubezpieczeniowe</a></li>
  2046.                    </ul>
  2047.              </div>
  2048.            </div>
  2049.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  2050.          <a href="https://www.oferteo.pl/zlece-remont" title="Zlecenia remontowe" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  2051.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  2052.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-remonty"></use></svg>
  2053.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  2054.              Zlecenia remontowe</span>
  2055.          </a>
  2056.  
  2057.          <ul class="space-y-3">
  2058.              <li><a href="https://www.oferteo.pl/zlecenia-dla-glazurnika" title="Zlecenia dla glazurnika" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla glazurnika</a></li>
  2059.                <li><a href="https://www.oferteo.pl/zlecenia-dla-szklarzy" title="Zlecenia dla szklarzy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla szklarzy</a></li>
  2060.                </ul>
  2061.  
  2062.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  2063.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-18" data-target="orders-more-18">
  2064.                  Pokaż więcej (22)
  2065.                </button>
  2066.              </div>
  2067.  
  2068.              <div id="orders-more-18" class="home-orders__more hidden">
  2069.                <ul class="mt-3 space-y-3">
  2070.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-zlotej-raczki" title="Zlecenia dla złotej rączki" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla złotej rączki</a></li>
  2071.                    <li><a href="https://www.oferteo.pl/zlecenia-na-cyklinowanie-ni1" title="Zlecenia na cyklinowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na cyklinowanie</a></li>
  2072.                    <li><a href="https://www.oferteo.pl/zlece-konserwacje-zabytku" title="Zlecenia na konserwację zabytk&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na konserwację zabytk&oacute;w</a></li>
  2073.                    <li><a href="https://www.oferteo.pl/zlece-malowanie-ni1" title="Zlecenia na malowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na malowanie</a></li>
  2074.                    <li><a href="https://www.oferteo.pl/zlece-montaz-drzwi" title="Zlecenia na montaż drzwi" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na montaż drzwi</a></li>
  2075.                    <li><a href="https://www.oferteo.pl/zlecenia-na-montaz-mebli-ni1" title="Zlecenia na montaż mebli" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na montaż mebli</a></li>
  2076.                    <li><a href="https://www.oferteo.pl/zlece-montaz-wykladziny" title="Zlecenia na montaż wykładzin" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na montaż wykładzin</a></li>
  2077.                    <li><a href="https://www.oferteo.pl/zlecenia-na-osuszanie" title="Zlecenia na osuszanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na osuszanie</a></li>
  2078.                    <li><a href="https://www.oferteo.pl/zlece-gladzie-ni1" title="Zlecenia na położenie gładzi" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na położenie gładzi</a></li>
  2079.                    <li><a href="https://www.oferteo.pl/zlecenia-na-remont-kuchni" title="Zlecenia na remont kuchni" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na remont kuchni</a></li>
  2080.                    <li><a href="https://www.oferteo.pl/zlecenia-na-remont-lazienki" title="Zlecenia na remont łazienki" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na remont łazienki</a></li>
  2081.                    <li><a href="https://www.oferteo.pl/zlecenia-na-remonty-biur" title="Zlecenia na remonty biur" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na remonty biur</a></li>
  2082.                    <li><a href="https://www.oferteo.pl/zlece-remont-domu-budynku" title="Zlecenia na remonty budynk&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na remonty budynk&oacute;w</a></li>
  2083.                    <li><a href="https://www.oferteo.pl/zlece-remont-mieszkania" title="Zlecenia na remonty mieszkań" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na remonty mieszkań</a></li>
  2084.                    <li><a href="https://www.oferteo.pl/zlecenia-na-sufity-napinane" title="Zlecenia na sufity napinane" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na sufity napinane</a></li>
  2085.                    <li><a href="https://www.oferteo.pl/zlece-szpachlowanie" title="Zlecenia na szpachlowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na szpachlowanie</a></li>
  2086.                    <li><a href="https://www.oferteo.pl/zlece-tapetowanie" title="Zlecenia na tapetowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na tapetowanie</a></li>
  2087.                    <li><a href="https://www.oferteo.pl/zlecenia-na-ukladanie-paneli-ni1" title="Zlecenia na układanie paneli" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na układanie paneli</a></li>
  2088.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wykonczenia-wnetrz" title="Zlecenia na wykończenia wnętrz" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wykończenia wnętrz</a></li>
  2089.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wykonczenia-lazienek" title="Zlecenia na wykończenia łazienek" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wykończenia łazienek</a></li>
  2090.                    <li><a href="https://www.oferteo.pl/zlecenia-na-zabudowe-plytami-gk" title="Zlecenia na zabudowę płytami GK" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na zabudowę płytami GK</a></li>
  2091.                    <li><a href="https://www.oferteo.pl/zlecenia-stolarskie" title="Zlecenia stolarskie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia stolarskie</a></li>
  2092.                    </ul>
  2093.              </div>
  2094.            </div>
  2095.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  2096.          <a href="https://www.oferteo.pl/zlecenia-transportowe" title="Zlecenia transportowe" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  2097.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  2098.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-transport"></use></svg>
  2099.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  2100.              Zlecenia transportowe</span>
  2101.          </a>
  2102.  
  2103.          <ul class="space-y-3">
  2104.              <li><a href="https://www.oferteo.pl/zlecenia-na-busa" title="Zlecenia na busa" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na busa</a></li>
  2105.                <li><a href="https://www.oferteo.pl/zlecenia-na-kontenery-na-gruz-ni1" title="Zlecenia na kontenery na gruz" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na kontenery na gruz</a></li>
  2106.                </ul>
  2107.  
  2108.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  2109.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-19" data-target="orders-more-19">
  2110.                  Pokaż więcej (8)
  2111.                </button>
  2112.              </div>
  2113.  
  2114.              <div id="orders-more-19" class="home-orders__more hidden">
  2115.                <ul class="mt-3 space-y-3">
  2116.                  <li><a href="https://www.oferteo.pl/zlece-przeprowadzke" title="Zlecenia na przeprowadzki" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na przeprowadzki</a></li>
  2117.                    <li><a href="https://www.oferteo.pl/zlece-przeprowadzke-miedzynarodowa" title="Zlecenia na przeprowadzki międzynarodowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na przeprowadzki międzynarodowe</a></li>
  2118.                    <li><a href="https://www.oferteo.pl/zlece-przewoz-osob" title="Zlecenia na przew&oacute;z os&oacute;b" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na przew&oacute;z os&oacute;b</a></li>
  2119.                    <li><a href="https://www.oferteo.pl/zlece-transport-krajowy-powyzej-3-5t" title="Zlecenia na transport ciężarowy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na transport ciężarowy</a></li>
  2120.                    <li><a href="https://www.oferteo.pl/zlece-transport-miedzynarodowy" title="Zlecenia na transport międzynarodowy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na transport międzynarodowy</a></li>
  2121.                    <li><a href="https://www.oferteo.pl/zlece-transport-samochodu" title="Zlecenia na transport samochod&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na transport samochod&oacute;w</a></li>
  2122.                    <li><a href="https://www.oferteo.pl/zlecenia-na-transport-samochodow-z-zagranicy" title="Zlecenia na transport samochod&oacute;w z zagranicy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na transport samochod&oacute;w z zagranicy</a></li>
  2123.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wywoz-gruzu-ni1" title="Zlecenia na wyw&oacute;z gruzu" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wyw&oacute;z gruzu</a></li>
  2124.                    </ul>
  2125.              </div>
  2126.            </div>
  2127.      <div class="home-orders__card | md:absolute mb-4 md:mb-0 w-full text-left bg-neutral-bg border border-neutral-100 rounded py-3 md:py-5 px-6" data-test="home__orders__card">
  2128.          <a href="https://www.oferteo.pl/zlecenia-uslug-dla-firmy-i-biura" title="Zlecenia usług dla firmy i biura" class="flex items-center gap-3 mb-4 group hover:text-info focus-visible:outline-2 focus-visible:outline-info-200">
  2129.            <svg class="w-8 h-8 shrink-0 text-neutral-500 group-hover:text-info transition-colors duration-150" aria-hidden="true">
  2130.              <use xlink:href="https://www.oferteo.pl/images/symbol-defs-homepage.svg?rev=2d69e93#i-cat-wykonawcy-dla-firmy-i-biura"></use></svg>
  2131.            <span class="text-lg font-bold leading-6 group-hover:bg-info-50 group-hover:underline group-hover:underline-offset-4 transition-colors duration-150">
  2132.              Zlecenia usług dla firmy i biura</span>
  2133.          </a>
  2134.  
  2135.          <ul class="space-y-3">
  2136.              <li><a href="https://www.oferteo.pl/zlecenia-dla-call-center" title="Zlecenia dla call center" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla call center</a></li>
  2137.                <li><a href="https://www.oferteo.pl/szukam-doradztwa-personalnego" title="Zlecenia dla doradc&oacute;w personalnych " class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla doradc&oacute;w personalnych </a></li>
  2138.                </ul>
  2139.  
  2140.            <div class="home-orders__show-more-box | border-t border-t-neutral-100 py-2 mt-4 -mb-3 xl:-mb-5">
  2141.                <button type="button" class="home-orders__show-more-btn | block w-full text-center h-8 font-bold text-sm text-info hover:text-info-400 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150" aria-expanded="false" aria-controls="orders-more-20" data-target="orders-more-20">
  2142.                  Pokaż więcej (18)
  2143.                </button>
  2144.              </div>
  2145.  
  2146.              <div id="orders-more-20" class="home-orders__more hidden">
  2147.                <ul class="mt-3 space-y-3">
  2148.                  <li><a href="https://www.oferteo.pl/zlecenia-dla-drukarni" title="Zlecenia dla drukarni" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla drukarni</a></li>
  2149.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-agencji-ochrony-ni1" title="Zlecenia dla firm ochroniarskich" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla firm ochroniarskich</a></li>
  2150.                    <li><a href="https://www.oferteo.pl/zlecenia-dla-tlumaczy" title="Zlecenia dla tłumaczy" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia dla tłumaczy</a></li>
  2151.                    <li><a href="https://www.oferteo.pl/zlecenia-e-marketingowe" title="Zlecenia e-marketingowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia e-marketingowe</a></li>
  2152.                    <li><a href="https://www.oferteo.pl/zlecenia-marketingowe" title="Zlecenia marketingowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia marketingowe</a></li>
  2153.                    <li><a href="https://www.oferteo.pl/zlecenia-na-audyt" title="Zlecenia na audyt" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na audyt</a></li>
  2154.                    <li><a href="https://www.oferteo.pl/zlecenia-na-moj-prad-6-0" title="Zlecenia na dotacje dla os&oacute;b prywatnych" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na dotacje dla os&oacute;b prywatnych</a></li>
  2155.                    <li><a href="https://www.oferteo.pl/szukam-dotacji-unijnych" title="Zlecenia na dotacje unijne" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na dotacje unijne</a></li>
  2156.                    <li><a href="https://www.oferteo.pl/zlecenia-na-imprezy-firmowe" title="Zlecenia na imprezy firmowe" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na imprezy firmowe</a></li>
  2157.                    <li><a href="https://www.oferteo.pl/magazynowanie-i-przechowywanie" title="Zlecenia na magazynowanie i przechowywanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na magazynowanie i przechowywanie</a></li>
  2158.                    <li><a href="https://www.oferteo.pl/zlecenia-na-monitoring-gps-pojazdow-ni1" title="Zlecenia na monitoring GPS pojazd&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na monitoring GPS pojazd&oacute;w</a></li>
  2159.                    <li><a href="https://www.oferteo.pl/zlece-odsniezanie" title="Zlecenia na odśnieżanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na odśnieżanie</a></li>
  2160.                    <li><a href="https://www.oferteo.pl/zlecenia-na-outsourcing-pracownikow" title="Zlecenia na outsourcing pracownik&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na outsourcing pracownik&oacute;w</a></li>
  2161.                    <li><a href="https://www.oferteo.pl/pakowanie-i-konfekcjonowanie" title="Zlecenia na pakowanie i konfekcjonowanie" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na pakowanie i konfekcjonowanie</a></li>
  2162.                    <li><a href="https://www.oferteo.pl/serwis-sprzetu-biurowego" title="Zlecenia na serwis sprzętu biurowego" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na serwis sprzętu biurowego</a></li>
  2163.                    <li><a href="https://www.oferteo.pl/zlecenia-na-szkolenia" title="Zlecenia na szkolenia" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na szkolenia</a></li>
  2164.                    <li><a href="https://www.oferteo.pl/zlecenia-na-wirtualne-biuro" title="Zlecenia na wirtualne biuro" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wirtualne biuro</a></li>
  2165.                    <li><a href="https://www.oferteo.pl/wysylka-i-archiwizacja-dokumentow" title="Zlecenia na wysyłka i archiwizacja dokument&oacute;w" class="block text-info hover:bg-info-50 hover:underline hover:underline-offset-4 focus-visible:outline-2 focus-visible:outline-info-200 transition-colors duration-150">Zlecenia na wysyłka i archiwizacja dokument&oacute;w</a></li>
  2166.                    </ul>
  2167.              </div>
  2168.            </div>
  2169.      </div>
  2170.    <a class="btn btn-primary mt-6 font-bold" href="https://www.oferteo.pl/zlecenia" title="Wszystkie zlecenia">Wszystkie zlecenia</a>
  2171.  </div>
  2172. </section>
  2173.  
  2174. <script id="script-home-orders" type="module">
  2175. const grid=document.getElementById("home-orders-grid");if(grid){const a=768,b=1024,c=16,d=24;let g=[],o=0,r=0;const h=()=>window.innerWidth,i=e=>e<a?{cols:1,gap:0,useMasonry:!1}:e>=b?{cols:3,gap:d,useMasonry:!0}:{cols:2,gap:c,useMasonry:!0},j=e=>{e.forEach(e=>{e.removeAttribute("style")}),grid.removeAttribute("style"),g=[]},k=()=>{let t=0;return g.forEach(e=>{e=e.top+e.card.offsetHeight;e>t&&(t=e)}),t},l=()=>{const e=Array.from(grid.querySelectorAll(".home-orders__card"));if(0!==e.length){var t=h();const s=i(t);if(!s.useMasonry)return j(e),void(o=1);if(!(s.cols===o&&s.gap===r&&0<g.length)){o=s.cols,r=s.gap;const a=(grid.offsetWidth-s.gap*(s.cols-1))/s.cols,d=new Array(s.cols).fill(0);g=[],e.forEach((e,t)=>{var o=t%s.cols,r=o*(a+s.gap),t=d[o];e.style.width=a+"px",e.style.left=r+"px",e.style.top=t+"px",g.push({card:e,colIndex:o,top:t,left:r}),d[o]+=e.offsetHeight+s.gap}),grid.style.height=Math.max(...d)-s.gap+"px",grid.style.opacity="1"}}},m=(t,o)=>{if(!(h()<a)){var e=g.find(e=>e.card===t);if(e){const r=e.top,s=e.colIndex;g.forEach(e=>{var t;e.colIndex===s&&e.top>r&&(t=parseFloat(e.card.style.top)+o,e.card.style.top=t+"px",e.top=t)}),grid.style.height=k()+"px"}}},n=e=>{var t=e.getAttribute("data-target");const o=t?document.getElementById(t):null;if(o){var r=e.closest(".home-orders__card");if(r){t=r.offsetHeight;o.classList.remove("hidden"),e.setAttribute("aria-expanded","true");const s=e.closest(".home-orders__show-more-box");s&&s.classList.add("hidden");t=r.offsetHeight-t;0<t&&m(r,t);const a=o.querySelector('a, button, [tabindex]:not([tabindex="-1"])');a&&a.focus({preventScroll:!0})}}};window.addEventListener("load",l),window.addEventListener("resize",()=>{o=0,r=0,l()}),grid.addEventListener("click",e=>{var t=e.target.closest(".home-orders__show-more-btn");t&&(e.preventDefault(),n(t))},{passive:!1})}
  2176. </script><section class="homepage-profits | homepage-section bg-white text-center py-7 px-7 border-t border-black border-opacity-10  border-b border-black border-opacity-10  relative cva" data-test="home__profits" style="contain-intrinsic-size:800px">
  2177.  <div class="container" style="max-width: 1024px;">
  2178.    <div class="flex items-center flex-wrap lg:flex-nowrap">
  2179.      <svg class="flex-none m" viewBox="0 0 208 208" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-47.1%" y="-47.1%" width="194.3%" height="194.3%" filterUnits="objectBoundingBox" id="a"><feOffset in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="20" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.00470514942 0 0 0 0 0.238802373 0 0 0 0 0.577943221 0 0 0 0.2 0" in="shadowBlurOuter1"/></filter><path d="M100.636 163.273C65.548 163.273 37 134.726 37 99.636S65.548 36 100.636 36c35.09 0 63.637 28.547 63.637 63.636 0 35.09-28.548 63.637-63.637 63.637" id="b"/></defs><g fill="none" fill-rule="evenodd"><path d="M103.902 204C48.767 204 3.91 159.14 3.91 104S48.767 4 103.902 4c55.136 0 99.993 44.86 99.993 100s-44.857 100-99.993 100" fill="#1462D3" opacity=".2"/><path d="M3 104c0-10.368 1.58-20.568 4.693-30.328l95.914 31.161V4C158.47 4.327 203 49.06 203 104c0 55.14-44.86 100-100 100S3 159.14 3 104z" fill="#1462D3"/><g transform="translate(3 4)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/></g><text font-size="36" font-weight="700" fill="#1462D3" transform="translate(3 4)"><tspan x="63" y="109">80%</tspan></text><text font-size="16" fill="#000" transform="translate(3 4)"><tspan x="79.512" y="129">czasu</tspan></text></g></svg>
  2180.      <div class="homepage-section-title my-5 flex-auto px-3 heading-md font-normal mx-auto">Obliczyliśmy ile oszczędzają Zlecający, którzy korzystają z&nbsp;Oferteo</div>
  2181.      <svg class="flex-none m" viewBox="0 0 208 208" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-47.1%" y="-47.1%" width="194.3%" height="194.3%" filterUnits="objectBoundingBox" id="a"><feOffset in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="20" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.393480826 0 0 0 0 0.21598374 0 0 0 0 0.0523777301 0 0 0 0.1 0" in="shadowBlurOuter1"/></filter><path d="M99.636 163.273C64.548 163.273 36 134.726 36 99.636S64.548 36 99.636 36c35.09 0 63.637 28.547 63.637 63.636 0 35.09-28.548 63.637-63.637 63.637" id="b"/></defs><g fill="none" fill-rule="evenodd"><path d="M103.993 204C48.858 204 4 159.14 4 104S48.858 4 103.993 4c55.136 0 99.993 44.86 99.993 100s-44.857 100-99.993 100" fill="#E7760D" opacity=".2"/><path d="M104.613 103.648V4C159.473 4.327 204 49.06 204 103.999c0 17.378-4.526 34.475-13.095 49.486l-86.292-49.837z" fill="#E7760D"/><g transform="translate(4 4)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/></g><text font-size="36" font-weight="700" fill="#E7760D" transform="translate(4 4)"><tspan x="62" y="109">30%</tspan></text><text font-size="16" fill="#000" transform="translate(4 4)"><tspan x="69.872" y="129">budżetu</tspan></text></g></svg>
  2182.    </div>
  2183.    <a class="btn btn-primary mt-3" href="https://www.oferteo.pl/akademia/korzysci-dla-zlecajacych-i-kupujacych" title="Korzyści dla Zlecających i Kupujących">Więcej korzyści</a>
  2184.  </div>
  2185. </section>
  2186.  
  2187.  
  2188. <style id="style-homepage-reviews">
  2189. .btn:not(.hero .btn){padding:.75rem 2.3rem;font-size:1rem}.homepage-customer-reviews .customer-reviews-container>div{flex:1 1 360px;min-height:280px}.homepage-customer-reviews .customer-reviews-container img,.homepage-customer-reviews .customer-reviews-container svg{width:40px;height:40px}.homepage-customer-reviews .customer-reviews-container svg{height:40px;width:40px;transform:scaleY(-1)}@media(max-width: 767px){.homepage-customer-reviews h2{margin-bottom:40px}.homepage-customer-reviews .customer-reviews-container>div{display:block;margin:0 -8px 8px;min-height:0;padding:16px 24px;font-size:14px}.homepage-customer-reviews .customer-reviews-container>div:nth-child(n+4){display:none}.homepage-customer-reviews .customer-reviews-container>div>:first-child{margin:0 0 4px;width:32px;height:32px}.homepage-customer-reviews .customer-reviews-container .mb-auto{padding-bottom:20px}}</style>
  2190.  
  2191. <section class="homepage-customer-reviews is-for-buyers | homepage-section bg-neutral-50 text-center py-7 px-7" data-test="home__reviews_for_buyers" style="contain-intrinsic-size:960px">
  2192.  <div class="container">
  2193.    <h2 class="heading-md mb-7 mt-2">Opinie Zlecających i&nbsp;Kupujących</h2>
  2194.    <div class="customer-reviews-container | flex items-center flex-wrap text-left -m-2 text-base">
  2195.  
  2196.      <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  2197.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg> <br>
  2198.        <span class="font-bold text-info">Zaoszczędziłem dużo czasu</span>, który spędziłbym na poszukiwaniu potencjalnych kontrahentów w&nbsp;Google lub katalogach firm.
  2199.        <div class="mt-5 leading-snug text-sm">
  2200.          <strong>Tomasz Watras</strong>
  2201.          <div class="text-neutral-600">Zlecający wykonanie strony WWW</div>
  2202.        </div>
  2203.      </div>
  2204.  
  2205.      <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  2206.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg> <br>
  2207.        Nie musiałam szukać firm i zwracać się do nich z prośbą o&nbsp;oferty. <span class="font-bold text-info">Wykonawcy skontaktowali się ze mną sami</span>.
  2208.        <div class="mt-5 leading-snug text-sm">
  2209.          <strong>Katarzyna Postek</strong>
  2210.          <div class="text-neutral-600">Zlecająca szycie odzieży</div>
  2211.        </div>
  2212.      </div>
  2213.  
  2214.      <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  2215.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg> <br>
  2216.        Dopiero po złożeniu zapytania na Oferteo otrzymuję prawdziwie <span class="font-bold text-info">profesjonalne oferty i&nbsp;rzetelnych partnerów do&nbsp;współpracy</span>.
  2217.        <div class="mt-5 leading-snug text-sm">
  2218.          <strong>Marek Kowalski</strong>
  2219.          <div class="text-neutral-600">Zlecający prace budowlane</div>
  2220.        </div>
  2221.      </div>
  2222.  
  2223.      <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  2224.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg> <br>
  2225.        Najatrakcyjniejszym aspektem Oferteo jest dla mnie <span class="font-bold text-info">liczba zarejestrowanych firm</span>. Jest ich mnóstwo i&nbsp;pochodzą z&nbsp;całej&nbsp;Polski.
  2226.        <div class="mt-5 leading-snug text-sm">
  2227.          <strong>Adam Strzeszewski</strong>
  2228.          <div class="text-neutral-600">Zlecający usługę architektoniczną</div>
  2229.        </div>
  2230.      </div>
  2231.  
  2232.      <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  2233.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg> <br>
  2234.        Ważne, że <span class="font-bold text-info">mogę poznać opinie</span> wystawione przez innych Klientów. To pomocne przy ostatecznym wyborze firmy.
  2235.        <div class="mt-5 leading-snug text-sm">
  2236.          <strong>Marcin Dudziak</strong>
  2237.          <div class="text-neutral-600">Zlecający prace remontowo-budowlane</div>
  2238.        </div>
  2239.      </div>
  2240.  
  2241.      <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  2242.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg> <br>
  2243.        Dzięki Oferteo dostałem <span class="font-bold text-info">w ciągu jednego dnia kilka ofert</span>. Polecam ten portal, pracownicy w pełni się angażują i&nbsp;szybko działają.
  2244.        <div class="mt-5 leading-snug text-sm">
  2245.          <strong>Leszek Solecki</strong>
  2246.          <div class="text-neutral-600">Poszukujący korzystnego leasingu</div>
  2247.        </div>
  2248.      </div>
  2249.  
  2250.    </div>
  2251.    <a class="btn btn-primary mt-7 mb-5 font-bold" href="https://www.oferteo.pl/opinie-o-oferteo/kupujacy-o-oferteo" title="Opinie Zlecających i Kupujących o Oferteo">Zobacz więcej opinii</a>
  2252.  </div>
  2253. </section>
  2254.  
  2255. <section class="homepage-customer-reviews is-for-customers | homepage-section bg-white text-center py-7 px-7 border-t border-black border-opacity-10  border-b border-black border-opacity-10  cva" data-test="home__reviews_for_customers" style="contain-intrinsic-size:1100px">
  2256.  <div class="container">
  2257.    <h2 class="heading-md mb-7 mt-2">Tysiące Specjalistów rozwija swój biznes z&nbsp;Oferteo</h2>
  2258.    <div class="customer-reviews-container | flex items-center flex-wrap text-left -m-2 text-base">
  2259.  
  2260.  <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  2261.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg>
  2262.        <div class="mt-0 mb-auto pb-7">
  2263.          Odkąd współpracuję z Oferteo, otrzymuję kontakty do <span class="text-info font-bold">Klientów zdecydowanych na zakup</span> określonej usługi. To osoby, które wiedzą, czego chcą.
  2264.        </div>
  2265.        <div class="flex items-center">
  2266.          <img class="mr-1" alt="Zdjęcie Renaty Wierciak" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/renata-wierciak.png">
  2267.          <div class="leading-snug text-sm">
  2268.            <strong>Renata Wierciak</strong>
  2269.            <div class="text-neutral-600">WARMED, budowa domów</div>
  2270.          </div>
  2271.        </div>
  2272.      </div>
  2273.  
  2274.  <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  2275.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg>
  2276.        <div class="mt-0 mb-auto pb-7">
  2277.          <span class="text-info font-bold">Duży wybór zleceń</span>, a co za tym idzie – wiele zrealizowanych zamówień, to <span class="text-info font-bold">szansa na rozwinięcie biznesu</span>.
  2278.        </div>
  2279.        <div class="flex items-center">
  2280.          <img class="mr-1" alt="Zdjęcie Barbary Komeckiej" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/barbara-komecka.png">
  2281.          <div class="leading-snug text-sm">
  2282.            <strong>Barbara Komecka</strong>
  2283.            <div class="text-neutral-600">BASTION, usługi szwalnicze</div>
  2284.          </div>
  2285.        </div>
  2286.      </div>
  2287.  
  2288.  <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  2289.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg>
  2290.        <div class="mt-0 mb-auto pb-7">
  2291.          Jedyną czynnością jaką muszę wykonać, jest podjęcie kontaktu z Klientem. <span class="text-info font-bold">Nie tracę już czasu na szukanie zleceń</span>.
  2292.        </div>
  2293.        <div class="flex items-center">
  2294.          <img class="mr-1" alt="Zdjęcie Wojciecha Jarczynskiego" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/wojciech-jarczynski.png">
  2295.          <div class="leading-snug text-sm">
  2296.            <strong>Wojciech Jarczynski</strong>
  2297.            <div class="text-neutral-600">PRO-DOMO, wykończenia wnętrz</div>
  2298.          </div>
  2299.        </div>
  2300.      </div>
  2301.  
  2302.  <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  2303.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg>
  2304.        <div class="mt-0 mb-auto pb-7">
  2305.        Mam spore doświadczenie w branży i wiele pozyskanych kontaktów, ale to Oferteo jest dla mnie szansą na <span class="text-info font-bold">realizowanie dużych zamówień</span>.
  2306.        </div>
  2307.        <div class="flex items-center">
  2308.          <img class="mr-1" alt="Zdjęcie Ryszarda Bednarka" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/ryszard-bednarek.png">
  2309.          <div class="leading-snug text-sm">
  2310.            <strong>Ryszard Bednarek</strong>
  2311.            <div class="text-neutral-600">WIMAR, domy z drewna</div>
  2312.          </div>
  2313.        </div>
  2314.      </div>
  2315.  
  2316.  <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  2317.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg>
  2318.        <div class="mt-0 mb-auto pb-7">
  2319.          Dzięki szczegółowym informacjom <span class="font-bold text-info">mogę łatwo określić oczekiwania każdego Klienta</span>. To duże ułatwienie w&nbsp;prowadzeniu rozmowy sprzedażowej.
  2320.        </div>
  2321.        <div class="flex items-center">
  2322.          <img class="mr-1" alt="Zdjęcie Pawła Dołhańczuk" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/pawel-dolhanczuk.png">
  2323.          <div class="leading-snug text-sm">
  2324.            <strong>Paweł Dołhańczuk</strong>
  2325.            <div class="text-neutral-600">PADO FINANCE, produkty finansowe</div>
  2326.          </div>
  2327.        </div>
  2328.      </div>
  2329.  
  2330.  <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  2331.        <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-quote-left"></use></svg>
  2332.        <div class="mt-0 mb-auto pb-7">
  2333.          Na Oferteo zarejestrowałem się na początku 2015 r. i już po kilku miesiącach <span class="text-info font-bold">50% moich zleceń pochodziło od Klientów z&nbsp;serwisu</span>.
  2334.        </div>
  2335.        <div class="flex items-center">
  2336.          <img class="mr-1" alt="Zdjęcie Waldemara Hagel" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/waldemar-hagel.png">
  2337.          <div class="leading-snug text-sm">
  2338.            <strong>Waldemar Hagel</strong>
  2339.            <div class="text-neutral-600">ŚLUSARSTWO, usługi ślusarskie</div>
  2340.          </div>
  2341.        </div>
  2342.      </div>
  2343.  
  2344.    </div>
  2345.  
  2346.    <p class="mt-7 heading-sm">Jesteś Specjalistą i&nbsp;szukasz nowych&nbsp;Klientów?</p>
  2347.      <a class="btn-register | btn btn-primary mt-7 mb-5 font-bold" href="https://www.oferteo.pl/rejestracja/wybierz-klientow?pid=17152" title="Dołącz do Specjalistów w Oferteo i obsługuj nowych Klientów">Załóż bezpłatne konto</a>
  2348.    </div>
  2349. </section>
  2350.  
  2351. <style id="style-homepage-locations">
  2352. .homepage-locations{contain-intrinsic-size:732px}.homepage-locations>.container{max-width:975px}.homepage-locations li{flex:0 0 calc(25% - 9px)}@media(max-width: 959px){.homepage-locations>.container{max-width:765px}.homepage-locations li{flex-basis:calc(33.333% - 8px)}}@media(max-width: 767px){.homepage-locations li{flex-basis:auto}}</style>
  2353.  
  2354. <section class="homepage-locations | homepage-section bg-neutral-50 text-center py-7 cva" data-test="home__locations">
  2355.  <div class="container | relative">
  2356.    <h2 class="heading-md mb-7 mt-2 mx-auto px-3">Działamy w&nbsp;całej&nbsp;Polsce</h2>
  2357.    <ul class="flex items-center flex-wrap gap-2 md:gap-x-3 text-sm text-left px-3 md:px-5 pb-5">
  2358.      <li class="block whitespace-nowrap font-semibold">
  2359.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/bialystok" title="Firmy Białystok">Firmy Białystok</a>
  2360.        </li>
  2361.      <li class="block whitespace-nowrap font-semibold">
  2362.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/bydgoszcz" title="Firmy Bydgoszcz">Firmy Bydgoszcz</a>
  2363.        </li>
  2364.      <li class="block whitespace-nowrap font-semibold">
  2365.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/gdansk" title="Firmy Gdańsk">Firmy Gdańsk</a>
  2366.        </li>
  2367.      <li class="block whitespace-nowrap font-semibold">
  2368.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/gorzow-wielkopolski" title="Firmy Gorzów Wielkopolski">Firmy Gorzów Wielkopolski</a>
  2369.        </li>
  2370.      <li class="block whitespace-nowrap font-semibold">
  2371.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/katowice" title="Firmy Katowice">Firmy Katowice</a>
  2372.        </li>
  2373.      <li class="block whitespace-nowrap font-semibold">
  2374.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/kielce" title="Firmy Kielce">Firmy Kielce</a>
  2375.        </li>
  2376.      <li class="block whitespace-nowrap font-semibold">
  2377.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/krakow" title="Firmy Kraków">Firmy Kraków</a>
  2378.        </li>
  2379.      <li class="block whitespace-nowrap font-semibold">
  2380.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/lublin" title="Firmy Lublin">Firmy Lublin</a>
  2381.        </li>
  2382.      <li class="block whitespace-nowrap font-semibold">
  2383.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/lodz" title="Firmy Łódź">Firmy Łódź</a>
  2384.        </li>
  2385.      <li class="block whitespace-nowrap font-semibold">
  2386.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/olsztyn" title="Firmy Olsztyn">Firmy Olsztyn</a>
  2387.        </li>
  2388.      <li class="block whitespace-nowrap font-semibold">
  2389.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/opole" title="Firmy Opole">Firmy Opole</a>
  2390.        </li>
  2391.      <li class="block whitespace-nowrap font-semibold">
  2392.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/poznan" title="Firmy Poznań">Firmy Poznań</a>
  2393.        </li>
  2394.      <li class="block whitespace-nowrap font-semibold">
  2395.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/rzeszow" title="Firmy Rzeszów">Firmy Rzeszów</a>
  2396.        </li>
  2397.      <li class="block whitespace-nowrap font-semibold">
  2398.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/szczecin" title="Firmy Szczecin">Firmy Szczecin</a>
  2399.        </li>
  2400.      <li class="block whitespace-nowrap font-semibold">
  2401.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/warszawa" title="Firmy Warszawa">Firmy Warszawa</a>
  2402.        </li>
  2403.      <li class="block whitespace-nowrap font-semibold">
  2404.          <a class="inline-block bg-white rounded-full hover:text-accent px-3 py-2" href="https://www.oferteo.pl/firmy/wroclaw" title="Firmy Wrocław">Firmy Wrocław</a>
  2405.        </li>
  2406.      </ul>
  2407.  </div>
  2408. </section>
  2409.  
  2410. <style id="style-homepage-trusted-brands">
  2411. .homepage-trusted-brands-list>svg{margin:16px 32px;width:104px;height:64px}@media(min-width: 960px){.homepage-trusted-brands-list>svg{margin:20px 60px;width:120px;height:64px}}</style>
  2412. <style id="style-global-category-select">
  2413. .category-select button{flex:0 0 12.5%;min-width:90px}.category-select button:hover svg{color:inherit}@media(max-width: 767px){.category-select button{flex-direction:row;flex-basis:auto;border-radius:8rem;border:1px solid var(--neutral-300);font-size:14px;font-weight:bold;margin:4px;padding-right:12px;user-select:none}.category-select button svg{width:16px;height:16px;margin:12px 4px 12px 12px}}</style>
  2414.  
  2415. <div class="category-select | py-5 px-5 bg-white text-base leading-none border-t border-black border-opacity-10" data-test="home__category_select">
  2416.  <div class="container | flex items-center md:justify-between flex-wrap" style="max-width: 1024px;">
  2417.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9idWRvd2E=">
  2418.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-brick"></use></svg>
  2419.      Budowa
  2420.    </button>
  2421.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9kb20=">
  2422.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-home"></use></svg>
  2423.      Dom
  2424.    </button>
  2425.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9maXJtYQ==">
  2426.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-briefcase"></use></svg>
  2427.      Firma
  2428.    </button>
  2429.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9maW5hbnNl">
  2430.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-money"></use></svg>
  2431.      Finanse
  2432.    </button>
  2433.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC93aWVjZWoja2F0ZWdvcmlhLWltcHJlenk=">
  2434.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-calendar"></use></svg>
  2435.      Imprezy
  2436.    </button>
  2437.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC93aWVjZWoja2F0ZWdvcmlhLXpkcm93aWUtaS11cm9kYQ==">
  2438.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-heart"></use></svg>
  2439.      Zdrowie
  2440.    </button>
  2441.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC93aWVjZWoja2F0ZWdvcmlhLWVkdWthY2ph">
  2442.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-education"></use></svg>
  2443.      Edukacja
  2444.    </button>
  2445.    <button class="hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC96bmFqZHotc3BlY2phbGlzdG93">
  2446.      <svg class="fill-current w-8 h-8 mb-3 text-neutral-400"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-cat-search"></use></svg>
  2447.      Wszystkie
  2448.    </button>
  2449.  </div>
  2450. </div>
  2451.  
  2452. <script id="script-global-category-select" type="module">
  2453. _._(".category-select [data-href]",O.Decode,"click");
  2454. </script><section class="homepage-trusted-brands | homepage-section text-center py-7 bg-white border-t border-black border-opacity-10  border-b border-black border-opacity-10  cva" data-test="home__trusted_brands">
  2455. <div class="container" style="max-width: 960px;">
  2456. <h2 class="heading-md mb-7 mt-2">Zaufało nam wiele znanych&nbsp;marek</h2>
  2457. <div class="homepage-trusted-brands-list | flex items-center flex-wrap flex items-center justify-center mb-7">
  2458. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-0"></use> </svg>
  2459. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-1"></use> </svg>
  2460. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-2"></use> </svg>
  2461. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-3"></use> </svg>
  2462. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-4"></use> </svg>
  2463. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-5"></use> </svg>
  2464. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-6"></use> </svg>
  2465. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-7"></use> </svg>
  2466. </div>
  2467. </div>
  2468. </section>
  2469.  
  2470. <style id="style-homepage-counters-cloud">
  2471. @keyframes counters-cloud-enter{0%{transform:translate(-50%, 75%);opacity:0}100%{transform:translate(-50%, 50%);opacity:1}}@keyframes counters-cloud-leave{0%{opacity:1}100%{opacity:0}}.homepage-counters-cloud{filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5)) drop-shadow(0px 16px 33px rgba(0, 0, 0, 0.15));width:320px;bottom:-3rem;top:auto;transform:translate(0, 50%);font-size:14px;font-weight:normal;z-index:1}.homepage-counters-cloud:after{content:"";position:absolute;top:-12px;left:calc(50% - 10px);width:0;height:0;border-style:solid;border-width:0 10px 16px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)}.homepage-counters-cloud[data-state=is-enter]{animation:counters-cloud-enter .5s}.homepage-counters-cloud[data-state=is-hold]{animation:hold 8s}.homepage-counters-cloud[data-state=is-leave]{animation:counters-cloud-leave .5s}.homepage-counters-cloud a,.homepage-counters-cloud .pseudo-link{color:var(--accent)}@media(min-width: 768px){.homepage-counters-cloud{bottom:-100%}}</style>
  2472.  
  2473. <div class="homepage-counters-cloud-prototype" hidden>
  2474. <div class="homepage-counters-cloud | absolute p-3 bg-white text-xs rounded text-left p-center | is-enter">
  2475. <span></span>
  2476. </div>
  2477. </div>
  2478.  
  2479. <script>
  2480.  
  2481. function HomepageCloudsList() {
  2482. const result = [ [], [], [] ];
  2483. result[0].push(`<strong>2 minuty temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Bramy garażowe`);
  2484. result[0].push(`<strong>8 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Wycinka drzew`);
  2485. result[1].push(`<strong>15 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Remonty mieszkań`);
  2486. result[1].push(`<strong>15 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Płyta karton gips`);
  2487. result[0].push(`<strong>16 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Ocieplanie elewacji`);
  2488. result[1].push(`<strong>18 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Gładzie`);
  2489. result[2].push(`<strong>20 minut temu</strong><br>Firma Malwer dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2490. result[1].push(`<strong>21 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Remonty mieszkań`);
  2491. result[0].push(`<strong>22 minuty temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Detektyw`);
  2492. result[1].push(`<strong>24 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Fundamenty`);
  2493. result[0].push(`<strong>24 minuty temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Wykończenia wnętrz`);
  2494. result[1].push(`<strong>26 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Domy murowane`);
  2495. result[0].push(`<strong>25 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Domy murowane`);
  2496. result[0].push(`<strong>21 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Domy murowane`);
  2497. result[0].push(`<strong>25 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Domy murowane`);
  2498. result[1].push(`<strong>23 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Domy murowane`);
  2499. result[1].push(`<strong>23 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Domy murowane`);
  2500. result[0].push(`<strong>24 minuty temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Malowanie mieszkań`);
  2501. result[0].push(`<strong>22 minuty temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Prawnik rodzinny`);
  2502. result[1].push(`<strong>22 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Prawnik rodzinny`);
  2503. result[1].push(`<strong>22 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Domy szkieletowe`);
  2504. result[2].push(`<strong>26 minut temu</strong><br>Firma PSK SERWIS dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2505. result[2].push(`<strong>24 minuty temu</strong><br>Firma Usługi Leśne i Ogrodnicze dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2506. result[2].push(`<strong>22 minuty temu</strong><br>Firma Krzysztof Wysocki dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2507. result[2].push(`<strong>22 minuty temu</strong><br>Firma Kamil  dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2508. result[2].push(`<strong>26 minut temu</strong><br>Firma Jakub Sawicki dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2509. result[2].push(`<strong>25 minut temu</strong><br>Firma Jakub Szymański dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2510. result[2].push(`<strong>23 minuty temu</strong><br>Firma Nova kadra dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2511. result[2].push(`<strong>22 minuty temu</strong><br>Firma Sandra Cybulska dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2512. result[2].push(`<strong>23 minuty temu</strong><br>Firma Topchef dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  2513. return result;
  2514. }
  2515. </script><script id="scripts-homepage-counters-cloud">
  2516. let HomepageClouds={Initialized:!1,List:[],Cloud:document.querySelector(".homepage-counters-cloud-prototype > div"),Container:document.querySelector(".homepage-counters"),Containers:[],ContainerType:0,ListIndex:0,Insert(){var e=this.List[this.ContainerType][this.ListIndex%this.List.length];const t=this.Containers[this.ContainerType];this.Cloud.setAttribute("data-state","is-enter"),this.Cloud.querySelector("span").innerHTML='<svg class="inline w-5 h-5 text-neutral-500 mr-1"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-clock-o"></use></svg>'+e,t.appendChild(this.Cloud),this.ContainerType++,2<this.ContainerType&&(this.ContainerType=0,this.ListIndex++)},Init(){this.Initialized=!0,this.List=HomepageCloudsList(),this.Container.addEventListener("animationend",e=>{const t=e.target;switch(e.animationName){case"counters-cloud-enter":t.setAttribute("data-state","is-hold");break;case"counters-cloud-leave":this.Insert();break;case"hold":t.setAttribute("data-state","is-leave")}}),this.Containers=[...this.Container.querySelectorAll(".homepage-counters .relative")],this.Insert()}};HomepageClouds.Init(),_._(".homepage-counters",e=>{e.target.matches("[data-href]")&&O.Decode(e)},"click");
  2517. </script>
  2518.  
  2519.  
  2520. <style id="style-knowledge-base">
  2521. .homepage-knowledge-base .homepage-content-slider-content>*{flex:0 0 auto;width:calc(33.33333% - 40px)}.homepage-knowledge-base img{height:200px;width:100%;object-fit:cover;object-position:center}@media(max-width: 1199px){.homepage-knowledge-base .homepage-content-slider-content>*{width:calc(50% - 40px)}}@media(max-width: 767px){.homepage-knowledge-base .homepage-content-slider-content>*{width:260px;margin-right:0}}</style>
  2522.  
  2523.  <section class="homepage-knowledge-base | homepage-section bg-neutral-50 text-center py-7 px-7 cva" data-test="home__knowledge_base" style="contain-intrinsic-size:454px">
  2524.    <div class="container">
  2525.      <h2 class="heading-md mb-5 mt-2">Porady</h2>
  2526.      <div
  2527.        class="homepage-content-slider | flex items-center text-left -mx-7 mb-3"
  2528.        role="region"
  2529.        aria-label="Porady – slider"
  2530.      >
  2531.        <button
  2532.          type="button"
  2533.          class="homepage-content-slider-nav"
  2534.          aria-label="Poprzedni slajd"
  2535.        >
  2536.          <svg class="fill-current w-6 h-6 text-neutral-300 hover:text-accent">
  2537.            <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-chevron-left"></use></svg>
  2538.        </button>
  2539.  
  2540.        <div class="homepage-content-slider-content | flex flex-auto overflow-hidden">
  2541.          <article class="mx-5 flex flex-col overflow-hidden">
  2542.              <a class="knowledge-base-image | relative mb-3 md:mb-4" href="https://www.oferteo.pl/artykuly/kredyt-hipoteczny-wklad-wlasny" title="Kredyt hipoteczny – jaki wkład własny jest potrzebny?">
  2543.                <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/zielony-papierowy-dom-i-swinka-skarbonka-zlecenia-oferty-g.jpg" alt="Kredyt hipoteczny – jaki wkład własny jest potrzebny?" width="347" height="200" />
  2544.              </a>
  2545.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2546.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calendar"></use></svg>
  2547.                  05.08.2022</div>
  2548.              <a class="hover:text-accent mt-4 mb-2 md:mb-4 md:text-lg font-extrabold" href="https://www.oferteo.pl/artykuly/kredyt-hipoteczny-wklad-wlasny" title="Kredyt hipoteczny – jaki wkład własny jest potrzebny?">Kredyt hipoteczny – jaki wkład własny jest potrzebny?</a>
  2549.              <p class="hidden md:block md:mb-4">Przy wnioskowaniu o kredyt hipoteczny wkład własny ma szczególne znaczenie. Musisz mieć co najmniej 10 lub 20% kwoty, która potrzebna jest na daną inwestycję, by bank mógł rozpatrzyć twój wniosek. Taka wysokość wynika z rekomendacji S Komisji Nadzoru Finansowego dotyczącej zasad udzielania przez banki kredytu hipotecznego. Wkład własny w 2022 roku także musi mieć określoną wartość. Zobacz jaką i co może ...</p>
  2550.              </article>
  2551.          <article class="mx-5 flex flex-col overflow-hidden">
  2552.              <a class="knowledge-base-image | relative mb-3 md:mb-4" href="https://www.oferteo.pl/artykuly/fotowoltaika-najpopularniejsze-fakty-i-mity" title="Fotowoltaika — najpopularniejsze fakty i mity">
  2553.                <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/fotowoltaika-opinie-artykul-zlecenia-oferty-g.jpg" alt="Fotowoltaika — najpopularniejsze fakty i mity" width="347" height="200" />
  2554.              </a>
  2555.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2556.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calendar"></use></svg>
  2557.                  23.04.2025</div>
  2558.              <a class="hover:text-accent mt-4 mb-2 md:mb-4 md:text-lg font-extrabold" href="https://www.oferteo.pl/artykuly/fotowoltaika-najpopularniejsze-fakty-i-mity" title="Fotowoltaika — najpopularniejsze fakty i mity">Fotowoltaika — najpopularniejsze fakty i mity</a>
  2559.              <p class="hidden md:block md:mb-4">Wielu właścicieli domów jednorodzinnych i przedsiębiorców decyduje się na założenie fotowoltaiki, jednak czy rzeczywiście rozwiązanie to jest korzystne? Czasami mogą pojawiać się pewne wątpliwości dotyczące opłacalności systemów solarnych i ich wpływu na środowisko. Poznaj najpopularniejsze fakty i mity na temat fotowoltaiki, a dowiesz się, czy panele fotowoltaiczne są szkodliwe.</p>
  2560.              </article>
  2561.          <article class="mx-5 flex flex-col overflow-hidden">
  2562.              <a class="knowledge-base-image | relative mb-3 md:mb-4" href="https://www.oferteo.pl/raporty/kluczowe-sa-opinie-i-cena-nad-jednym-domem-pracuje-kilku-wykonawcow-raport" title="Kluczowe są opinie i cena nad jednym domem pracuje kilku wykonawców – raport o ekipach budowlanych">
  2563.                <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/ekipa-budowlana-buduje-dom-raport-g.jpg" alt="Kluczowe są opinie i cena nad jednym domem pracuje kilku wykonawców – raport o ekipach budowlanych" width="347" height="200" />
  2564.              </a>
  2565.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2566.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calendar"></use></svg>
  2567.                  14.12.2022</div>
  2568.              <a class="hover:text-accent mt-4 mb-2 md:mb-4 md:text-lg font-extrabold" href="https://www.oferteo.pl/raporty/kluczowe-sa-opinie-i-cena-nad-jednym-domem-pracuje-kilku-wykonawcow-raport" title="Kluczowe są opinie i cena nad jednym domem pracuje kilku wykonawców – raport o ekipach budowlanych">Kluczowe są opinie i cena nad jednym domem pracuje kilku wykonawców – raport o ekipach budowlanych</a>
  2569.              <p class="hidden md:block md:mb-4">Co trzeci Polak budujący dom w 2020 roku zapłacił wykonawcom więcej, niż zakładał. Cały proces poszukiwania ekipy budowlanej wspominany jest jako jeden z najbardziej problematycznych podczas całej budowy – wynika z raportu Oferteo.pl. Znalezienie odpowiednich specjalistów zajmowało inwestorom zwykle do miesiąca, drugie tyle musieli poświęcić na oczekiwanie, aż prace się rozpoczną.</p>
  2570.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2571.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-clock"></use></svg>
  2572.                  3 min
  2573.                </div>
  2574.              </article>
  2575.          <article class="mx-5 flex flex-col overflow-hidden">
  2576.              <a class="knowledge-base-image | relative mb-3 md:mb-4" href="https://www.oferteo.pl/artykuly/pompa-ciepla-wysokotemperaturowa" title="Pompa ciepła wysokotemperaturowa a tradycyjne grzejniki">
  2577.                <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/pompa-ciepla-wysokotemperaturowa-artykul-content-zlecenia-oferty-g.jpg" alt="Pompa ciepła wysokotemperaturowa a tradycyjne grzejniki" width="347" height="200" />
  2578.              </a>
  2579.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2580.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calendar"></use></svg>
  2581.                  27.12.2022</div>
  2582.              <a class="hover:text-accent mt-4 mb-2 md:mb-4 md:text-lg font-extrabold" href="https://www.oferteo.pl/artykuly/pompa-ciepla-wysokotemperaturowa" title="Pompa ciepła wysokotemperaturowa a tradycyjne grzejniki">Pompa ciepła wysokotemperaturowa a tradycyjne grzejniki</a>
  2583.              <p class="hidden md:block md:mb-4">Pompy ciepła to nowoczesne i ekologiczne systemy grzewcze o niskich temperaturach zasilania. Najlepiej sprawdzają się w niskotemperaturowych systemach w nowym budownictwie, co nie oznacza, że nie mogą współpracować z tradycyjnymi grzejnikami. To możliwe pod warunkiem wyboru pompy ciepła wysokotemperaturowej, przystosowanej do wysokiej temperatury zasilania. Poznaj szczegóły tego rozwiązania!</p>
  2584.              </article>
  2585.          <article class="mx-5 flex flex-col overflow-hidden">
  2586.              <a class="knowledge-base-image | relative mb-3 md:mb-4" href="https://www.oferteo.pl/artykuly/fotowoltaika-zmiany-nowe-zasady-i-przepisy" title="Fotowoltaika – zmiany. Nowe zasady i przepisy – wszystko, co musisz wiedzieć">
  2587.                <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/panele-fotowoltaiczne-na-domu-z-cegly-zlecenia-oferty-g.jpg" alt="Fotowoltaika – zmiany. Nowe zasady i przepisy – wszystko, co musisz wiedzieć" width="347" height="200" />
  2588.              </a>
  2589.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2590.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calendar"></use></svg>
  2591.                  25.05.2023</div>
  2592.              <a class="hover:text-accent mt-4 mb-2 md:mb-4 md:text-lg font-extrabold" href="https://www.oferteo.pl/artykuly/fotowoltaika-zmiany-nowe-zasady-i-przepisy" title="Fotowoltaika – zmiany. Nowe zasady i przepisy – wszystko, co musisz wiedzieć">Fotowoltaika – zmiany. Nowe zasady i przepisy – wszystko, co musisz wiedzieć</a>
  2593.              <p class="hidden md:block md:mb-4">Zmiany w fotowoltaice w 2023 i 2022 roku znacząco wpłynęły na rynek energetyki słonecznej w Polsce. Co prawda ubiegły rok był czasem rekordowych inwestycji w fotowoltaikę, ale mimo to pojawiło się też sporo pytań o to, jak będzie wyglądać fotowoltaika w 2023 r. Zmiany dotyczą przede wszystkim zasad rozliczania prosumentów, którzy mają własne miniinstalacje fotowoltaiczne. Jakie są najważniejsze zmiany w ...</p>
  2594.              </article>
  2595.          <article class="mx-5 flex flex-col overflow-hidden">
  2596.              <a class="knowledge-base-image | relative mb-3 md:mb-4" href="https://www.oferteo.pl/artykuly/pompa-ciepla-powietrze-powietrze" title="Pompa ciepła powietrze-powietrze – cena i zasada działania">
  2597.                <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/pompa-ciepla-powietrze-powietrze-artykul-content-zlecenia-oferty-g.jpg" alt="Pompa ciepła powietrze-powietrze – cena i zasada działania" width="347" height="200" />
  2598.              </a>
  2599.              <div class="flex items-center gap-1 text-sm text-neutral-600">
  2600.                  <svg class="w-4 h-4"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-calendar"></use></svg>
  2601.                  24.11.2022</div>
  2602.              <a class="hover:text-accent mt-4 mb-2 md:mb-4 md:text-lg font-extrabold" href="https://www.oferteo.pl/artykuly/pompa-ciepla-powietrze-powietrze" title="Pompa ciepła powietrze-powietrze – cena i zasada działania">Pompa ciepła powietrze-powietrze – cena i zasada działania</a>
  2603.              <p class="hidden md:block md:mb-4">Pompa ciepła powietrze-powietrze wykorzystuje energię aerotermalną. Przedstawiamy najważniejsze informacje na temat tego urządzenia grzewczego. Sprawdź, jak działa, ile kosztuje i jakimi opiniami cieszy się pompa powietrze-powietrze!</p>
  2604.              </article>
  2605.          </div>
  2606.  
  2607.        <button
  2608.          type="button"
  2609.          class="homepage-content-slider-nav"
  2610.          aria-label="Następny slajd"
  2611.        >
  2612.          <svg class="fill-current w-6 h-6 text-neutral-300 hover:text-accent">
  2613.            <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-chevron-right"></use></svg>
  2614.        </button>
  2615.      </div>
  2616.      <a href="https://www.oferteo.pl/porady" class="btn btn-accent mt-2">Wszystkie porady</a>
  2617.    </div>
  2618.  </section>
  2619.  
  2620.  <script id="script-knowledge-base" type="module">
  2621. class HomepageContentSlider{constructor(e=""){_._(e+' .homepage-content-slider img[loading="lazy"]',(e,t)=>{e.target.style.opacity=1},"load"),_._(e+" .homepage-content-slider",(t,e)=>{var o=e=>t.target.closest(e)||(t.target.matches(e)?t.target:null);if(o(".homepage-content-slider-nav")){t.preventDefault();o=o(".homepage-content-slider-nav:first-child")?-1:1;const n=e._(".homepage-content-slider-content");e=n.offsetWidth;n.scroll({left:n.scrollLeft-n.scrollLeft%e+e*o,behavior:"smooth"})}},"click")}}window.HomepageContentSlider=HomepageContentSlider,new HomepageContentSlider(".homepage-knowledge-base");
  2622. </script>
  2623. </main>
  2624.    <div hidden>
  2625. /
  2626. false /
  2627. true /
  2628. </div>
  2629.  
  2630. <!-- PageType: LF,LF+A, BC, RFP, LRFP, HP, BW, O -->
  2631.  
  2632. <script>
  2633.        window.localStorage['isBuyerApp'] = false;
  2634.    </script>
  2635. <style>
  2636. @font-face{font-family:"Mulish";font-style:normal;font-weight:300;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:300;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-300.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Mulish";font-style:normal;font-weight:400;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:400;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-400.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Mulish";font-style:normal;font-weight:500;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:500;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-500.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Mulish";font-style:normal;font-weight:700;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:700;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-700.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Mulish";font-style:normal;font-weight:800;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:800;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-800.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Mulish";font-style:normal;font-weight:900;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-900-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:normal;font-weight:900;font-display:swap;src:url(https://www.oferteo.pl/styles/fonts/Mulish-900.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}</style>
  2637.  
  2638. <script id="script-register-link" type="module">
  2639. let registerSource="homepage";document.querySelectorAll('a[href*="rejestracja/wybierz-klientow"]').forEach(e=>{let r=e.getAttribute("href");r.includes("src=")||(r+=r.includes("?")?"&":"?",r+="src="+registerSource,e.setAttribute("href",r))});
  2640. </script><script id="script-global-ga" type="module">
  2641. let disableAnalytics=-1<navigator.userAgent.indexOf("appstore.oferteo")&&"yes"!==window.localStorage.CordovaEnableTracking;window.addEventListener("RequestTrackingEvent",e=>{window.localStorage.CordovaEnableTracking=e.detail?"yes":"no"},!1),"true"===window.localStorage.getItem("isBuyerApp")&&(_jsp.pageTypeForGA="BuyerApp");
  2642. </script>
  2643. <style id="style-global-footer-nav">
  2644. .footer a:focus-visible{outline:2px solid var(--info-200);border-radius:4px}.footer-nav{contain-intrinsic-size:975px}.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}.footer-copyright{contain-intrinsic-size:100px}.footer-social a{display:inline-flex;align-items:center;justify-content:center}.footer-social a svg{filter:brightness(0) invert(1)}.footer-social a:hover svg{filter:none}</style>
  2645. <footer class="footer | bg-neutral-900 pt-12 pb-8 px-4 text-sm" data-test="home__footer">
  2646.  <div class="container | flex flex-wrap text-white pb-9">
  2647.    <nav class="footer-nav | grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4 lg:gap-6 w-full" data-test="home__footer_nav">
  2648.      <div class="footer-nav-col" data-test="home__footer_nav__main">
  2649.        <div class="font-bold mb-5">O Oferteo</div>
  2650.  
  2651.        <ul class="flex flex-col gap-2 p-0">
  2652.          <li>
  2653.            <a href="https://www.oferteo.pl/o-nas" title="O nas">O nas</a>
  2654.          </li>
  2655.          <li>
  2656.            <a href="https://www.oferteo.pl/jak-dziala-oferteo" title="Jak to działa">Jak działamy</a>
  2657.          </li>
  2658.          <li>
  2659.            <a href="https://biuroprasowe.oferteo.pl/" title="Biuro prasowe">Biuro prasowe</a>
  2660.          </li>
  2661.          <li>
  2662.            <a href="https://www.oferteo.pl/mapa-serwisu.html" title="Mapa Serwisu">Mapa Serwisu</a>
  2663.          </li>
  2664.          <li>
  2665.            <a href="https://www.oferteo.pl/kariera" title="Kariera">Kariera</a>
  2666.          </li>
  2667.          <li>
  2668.            <a href="https://www.oferteo.pl/konto/formularz-kontaktowy" title="Kontakt">Kontakt</a>
  2669.          </li>
  2670.        </ul>
  2671.      </div>
  2672.      <div class="footer-nav-col" data-test="home__footer_nav__security">
  2673.        <div class="font-bold mb-5">Bezpieczeństwo</div>
  2674.        <ul class="flex flex-col gap-2 p-0">
  2675.          <li>
  2676.            <a href="https://www.oferteo.pl/regulamin.html" title="Regulamin">Regulamin</a>
  2677.          </li>
  2678.          <li>
  2679.            <a href="https://www.oferteo.pl/polityka-ochrony-prywatnosci" title="Polityka ochrony prywatności">Polityka ochrony prywatności</a>
  2680.          </li>
  2681.          <li>
  2682.            <a href="https://www.oferteo.pl/deklaracja-dostepnosci/aplikacja-webowa" title="Deklaracja dostępności">Deklaracja dostępności</a>
  2683.          </li>
  2684.          <li>
  2685.            <a href="https://www.oferteo.pl/informacje-prawne" title="Informacje prawne">Informacje prawne</a>
  2686.          </li>
  2687.          <li>
  2688.            <a href="https://www.oferteo.pl/kontakt.html" title="Pomoc">Pomoc</a>
  2689.          </li>
  2690.        </ul>
  2691.      </div>
  2692.      <div class="footer-nav-col" data-test="home__footer_nav__for_users">
  2693.        <div class="font-bold mb-5">Dla Zlecających</div>
  2694.        <ul class="flex flex-col gap-2 p-0">
  2695.          <li>
  2696.            <a href="https://www.oferteo.pl/bezpieczenstwo-dla-zlecajacych" title="Ochrona Zlecających">Ochrona Zlecających</a>
  2697.          </li>
  2698.        </ul>
  2699.        <div class="font-bold mt-8 mb-5">Dla Wykonawców</div>
  2700.        <ul class="flex flex-col gap-2 p-0">
  2701.          <li>
  2702.            <a href="https://www.oferteo.pl/bezpieczenstwo-dla-wykonawcow" title="Ochrona Wykonawców">Ochrona Wykonawców</a>
  2703.          </li>
  2704.          <li>
  2705.            <a href="https://www.oferteo.pl/cennik" title="Cennik">Cennik</a>
  2706.          </li>
  2707.        </ul>
  2708.      </div>
  2709.      <div class="footer-nav-col" data-test="home__footer_nav__apps">
  2710.        <div class="font-bold mb-5">Aplikacja dla Zlecających</div>
  2711.        <div class="flex gap-4">
  2712.          <a href="https://play.google.com/store/apps/details?id=pl.epoint.oferteo.buyers.oferteo_ordering&hl=pl " target="_blank" title="Pobierz aplikację Oferteo dla Zlecających z Google Play">
  2713.            <img src="https://www.oferteo.pl/images/download_from_googleplay.webp" width="108" height="36" fetchpriority="low" loading="lazy" alt="" />
  2714.          </a>
  2715.          <a href="https://apps.apple.com/pl/app/oferteo-znajd%C5%BA-wykonawc%C4%99/id1621301704?l=pl" target="_blank" title="Pobierz aplikację Oferteo dla Zlecających z App Store">
  2716.            <img src="https://www.oferteo.pl/images/download_from_appstore.webp" width="108" height="36" fetchpriority="low" loading="lazy" alt="" />
  2717.          </a>
  2718.        </div>
  2719.        <div class="font-bold mt-8 mb-5">Aplikacja dla Wykonawców</div>
  2720.        <div class="flex gap-4">
  2721.          <a href="https://play.google.com/store/apps/details?id=pl.oferteo.twa&hl=pl" target="_blank" title="Pobierz aplikację Oferteo dla Wykonawców z Google Play">
  2722.            <img src="https://www.oferteo.pl/images/download_from_googleplay.webp" width="108" height="36" fetchpriority="low" loading="lazy" alt="" />
  2723.          </a>
  2724.          <a href="https://apps.apple.com/pl/app/oferteo-dla-specjalist%C3%B3w/id1585161508?l=pl" target="_blank" title="Pobierz aplikację Oferteo dla Wykonawców z App Store">
  2725.            <img src="https://www.oferteo.pl/images/download_from_appstore.webp" width="108" height="36" fetchpriority="low" loading="lazy" alt="" />
  2726.          </a>
  2727.        </div>
  2728.      </div>
  2729.    </nav>
  2730.  </div>
  2731.  <div class="container | border-t border-neutral-800 text-neutral-200 pt-4">
  2732.    <div class="flex flex-col sm:flex-row sm:flex-wrap sm:items-center sm:justify-between gap-4">
  2733.      <a href="https://www.oferteo.pl/" title="Oferteo.pl - Oferty od Firm" class="w-max" data-test="home__footer_nav__logo">
  2734.        <svg class="text-white w-[70px] h-8"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-oferteo-redesign"></use></svg>
  2735.      </a>
  2736.      <div class="footer-social | flex items-center text-neutral-200 gap-6">
  2737.        <a href="https://pl-pl.facebook.com/Oferteo" target="_blank" rel="noopener noreferrer nofollow" title="Oferteo na Facebooku">
  2738.          <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-facebook-circle"></use></svg>
  2739.        </a>
  2740.        <a href="https://pl.linkedin.com/company/oferteo" target="_blank" rel="noopener noreferrer nofollow" title="Oferteo na Linkedin" data-test="home__footer_nav__linkedin">
  2741.          <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-linkedin"></use></svg>
  2742.        </a>
  2743.        <a href="https://www.youtube.com/channel/UCpvwEL4qhSPnW132hYbifmA" target="_blank" rel="noopener noreferrer nofollow" title="Oferteo na YouTube" data-test="home__footer_nav__youtube">
  2744.          <svg class="w-6 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-youtube"></use></svg>
  2745.        </a>
  2746.        <a href="https://www.instagram.com/oferteo.pl_/?hl=en" target="_blank"  rel="noopener noreferrer nofollow" title="Oferteo na Instagramie" data-test="home__footer_nav__instagram">
  2747.          <svg class="w-6 h-6">
  2748.            <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-instagram"></use></svg>
  2749.        </a>
  2750.        <a href="https://www.trustpilot.com/review/oferteo.pl" target="_blank" rel="noopener noreferrer nofollow" title="Oferteo na Trustpilot" data-test="home__footer_nav__trustpilot">
  2751.          <svg class="w-20 h-6"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=2d69e93#i-trustpilot"></use></svg>
  2752.        </a>
  2753.      </div>
  2754.    </div>
  2755.    <div class="footer-copyright | flex flex-wrap items-center justify-between gap-4 text-sm pt-5" data-test="home__footer_copyright">
  2756.      <span class="copyright-text">© 2008 - 2025 Oferteo&nbsp;S.A. ul.&nbsp;Świeradowska 51-57/102A, 50-559&nbsp;Wrocław, NIP:&nbsp;899-269-34-75</span>
  2757.      <span>Korzystanie z portalu oznacza akceptację <a href="https://www.oferteo.pl/regulamin.html" title="Regulamin" class="text-white underline underline-offset-4 hover:text-accent-400">Regulaminu</a></span>
  2758.    </div>
  2759.    </div>
  2760. </footer><script id="script-no-pwa-prompt">
  2761. window.addEventListener("beforeinstallprompt",e=>{e.preventDefault()});
  2762. </script>
  2763.  
  2764. <script id="script-global-footer-unlogged" type="module">
  2765. var hh,tt,bb,url,msg;"undefined"!=typeof fetch&&"undefined"!=typeof Symbol||!O.Cookie.Get("UnsupportedBrowser")||(hh="Twoja przeglądarka jest nieaktualna.",tt="Zaktualizuj przeglądarkę, by korzystać z tej strony bezpieczniej, szybciej i sprawniej.",bb="Aktualizuj teraz",url="/public/zaktualizuj-przegladarke.jsp",(msg=document.createElement("div")).setAttribute("class","top-msg | text-white bg-accent border-b border-black border-opacity-10  z-64 px-3 py-1"),msg.innerHTML='<div class="container | flex items-center flex-wrap flex items-center justify-center"><div class="my-1 mr-auto"><strong>'+hh+"</strong><div>"+tt+'</div></div><a class="top-msg-accept | btn btn-outline-accent btn-small font-bold my-1" href="'+url+'">'+bb+'</a></div><a class="top-msg-cancel | absolute right-0 top-0 px-3 py-1 z-4">🗙</a>',msg._(".top-msg-cancel",e=>{e.preventDefault(),document.cookie="UnsupportedBrowser=true;max-age=3600;path=/",_.removeChild(msg),_.classList.remove("with-message")},"click"),_.insertBefore(msg,document.body.childNodes[0]),_.classList.add("with-message"));let t=window.localStorage.NotificationPromptRemoved="";const tr={recently:"Unregistered",loginDate:O.Cookie.Get("loginDate"),group:O.Cookie.Get("trGroup")};if(tr.loginDate){const b=(new Date).getTime()-parseInt(tr.loginDate);b<6048e5&&(tr.recently="Registered")}
  2766. </script>
  2767. <script id="tc-privacy-concent-fake-action-script" type="module">
  2768. window.addEventListener("load",()=>{initCookieConsentEnhancements()});const initCookieConsentEnhancements=()=>{const e=document.getElementById("footer_tc_privacy_button_2");if(e){const t=createPlaceholderForButton(e);e.insertAdjacentElement("afterend",t),t.addEventListener("click",()=>handlePlaceholderClick(e,t),{once:!0}),t.addEventListener("pointerdown",()=>handlePlaceholderClick(e,t),{once:!0})}},createPlaceholderForButton=e=>{const t=document.createElement("div");return t.id="footer_tc_privacy_button_2_placeholder",t},handlePlaceholderClick=(e,t,n)=>{n&&n.preventDefault(),t.remove(),requestAnimationFrame(()=>{setTimeout(()=>{e.click()},0)})};
  2769. </script>
  2770.  
  2771. <style id="tc-privacy-concent-fake-action-style">
  2772. #footer_tc_privacy_container_button{position:relative;right:0}#footer_tc_privacy_button_2_placeholder{position:absolute;width:320px;height:50px;right:56px;margin-top:10px;border-radius:9999px;cursor:pointer;background-color:rgba(0,0,0,0)}@media(max-width: 950px){#footer_tc_privacy_button_2_placeholder{width:220px}}@media(max-width: 767px){#footer_tc_privacy_button_2_placeholder{margin-top:0;margin-bottom:8px;width:auto;left:32px;right:32px}}</style>
  2773. <style>
  2774.    .lds-ellipsis {
  2775.        display: inline-block;
  2776.        position: relative;
  2777.        width: 64px;
  2778.        height: 64px
  2779.    }
  2780.  
  2781.    .lds-ellipsis div {
  2782.        position: absolute;
  2783.        top: 27px;
  2784.        width: 11px;
  2785.        height: 11px;
  2786.        border-radius: 50%;
  2787.        background: currentColor;
  2788.        animation-timing-function: cubic-bezier(0, 1, 1, 0)
  2789.    }
  2790.  
  2791.    .lds-ellipsis div:nth-child(1) {
  2792.        animation: lds-ellipsis1 .6s infinite;
  2793.        left: 6px
  2794.    }
  2795.  
  2796.    .lds-ellipsis div:nth-child(2) {
  2797.        animation: lds-ellipsis2 .6s infinite;
  2798.        left: 6px
  2799.    }
  2800.  
  2801.    .lds-ellipsis div:nth-child(3) {
  2802.        animation: lds-ellipsis2 .6s infinite;
  2803.        left: 26px
  2804.    }
  2805.  
  2806.    .lds-ellipsis div:nth-child(4) {
  2807.        animation: lds-ellipsis3 .6s infinite;
  2808.        left: 45px
  2809.    }
  2810.  
  2811.    @keyframes lds-ellipsis1 {
  2812.        0% {
  2813.            transform: scale(0)
  2814.        }
  2815.  
  2816.        100% {
  2817.            transform: scale(1)
  2818.        }
  2819.    }
  2820.  
  2821.    @keyframes lds-ellipsis3 {
  2822.        0% {
  2823.            transform: scale(1)
  2824.        }
  2825.  
  2826.        100% {
  2827.            transform: scale(0)
  2828.        }
  2829.    }
  2830.  
  2831.    @keyframes lds-ellipsis2 {
  2832.        0% {
  2833.            transform: translate(0, 0)
  2834.        }
  2835.  
  2836.        100% {
  2837.            transform: translate(19px, 0)
  2838.        }
  2839.    }
  2840.  
  2841.    dialog:not([open]) {
  2842.        display: none !important
  2843.    }
  2844.  
  2845.    dialog {
  2846.        position: absolute;
  2847.        left: 0;
  2848.        right: 0;
  2849.        width: -moz-fit-content;
  2850.        width: -webkit-fit-content;
  2851.        width: fit-content;
  2852.        height: -moz-fit-content;
  2853.        height: -webkit-fit-content;
  2854.        height: fit-content;
  2855.        margin: auto;
  2856.        border: solid;
  2857.        padding: 1em;
  2858.        background: #fff;
  2859.        color: #000;
  2860.        display: block
  2861.    }
  2862.  
  2863.    dialog:not([open]) {
  2864.        display: none
  2865.    }
  2866.  
  2867.    dialog+.backdrop {
  2868.        position: fixed;
  2869.        top: 0;
  2870.        right: 0;
  2871.        bottom: 0;
  2872.        left: 0;
  2873.        background: rgba(0,0,0,.1)
  2874.    }
  2875.  
  2876.    ._dialog_overlay {
  2877.        position: fixed;
  2878.        top: 0;
  2879.        right: 0;
  2880.        bottom: 0;
  2881.        left: 0
  2882.    }
  2883.  
  2884.    .dialog-modal {
  2885.        position: fixed;
  2886.        width: 100%;
  2887.        height: 100%;
  2888.        max-width: 100%;
  2889.        max-height: 100%;
  2890.        top: 0
  2891.    }
  2892.  
  2893.    .dialog-modal::backdrop {
  2894.        background: rgba(0,0,0,.15)
  2895.    }
  2896.  
  2897.    .dialog-modal+.backdrop {
  2898.        background: rgba(0,0,0,.15)
  2899.    }
  2900.  
  2901.    .dialog-modal iframe {
  2902.        opacity: 0;
  2903.        transition: opacity 0.1s ease 0.4s;
  2904.    }
  2905.  
  2906.    .dialog-modal.is-loaded iframe {
  2907.        opacity: 1;
  2908.    }
  2909.  
  2910.    @media(min-width: 768px) {
  2911.        .dialog-modal {
  2912.            max-width:600px;
  2913.            max-height: 600px;
  2914.            top: 0;
  2915.            bottom: 0
  2916.        }
  2917.    }
  2918.  
  2919.    @-moz-document url-prefix() {
  2920.        @media(min-width: 768px) {
  2921.            .dialog-modal {
  2922.                top:calc(50% - 300px)
  2923.            }
  2924.        }
  2925.    }
  2926.  
  2927.  .dialog-modal iframe {
  2928.    opacity: 0;
  2929.    transition: opacity 0.1s ease 0.4s;
  2930.  }
  2931.  .dialog-modal.is-loaded iframe {
  2932.    opacity: 1;
  2933.  }
  2934. </style>
  2935. <dialog aria-modal="true" class="dialog-modal | fixed p-0 flex items-center justify-center text-white bg-accent border-0 rounded overflow-hidden">
  2936. <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
  2937. </dialog></body>
  2938. </html>
  2939.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda