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;--red: #DA291C;--danger-l: #E15449;--danger: #DA291C;--danger-d: #B8281A;--green: #0E875F;--success-l: #12A978;--success: #0E875F;--success-d: #157351;--yellow: #FFBF3F;--warning-l: #FFCC65;--warning: #FFBF3F;--warning-d: #D7A138;--blue: #1462D3;--info-l: #5E93DB;--info: #1462D3;--info-d: #104EA9;--white: #FFFFFF;--black: #1A1A1A;--light: #E9E9E9;--gray: #4D4D4D;--neutral-ll: #E9E9E9;--neutral-l: #B2B2B2;--neutral: #767676;--neutral-d: #4D4D4D;--neutral-dd: #1A1A1A;--intro-bg: var(--accent);--intro-fg: var(--white);--intro-b-bg: var(--white);--intro-b-fg: var(--accent);--background: #F8F9FA}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;-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%}@media(min-width: 360px){.container{max-width:360px}}@media(min-width: 480px){.container{max-width:480px}}@media(min-width: 600px){.container{max-width:600px}}@media(min-width: 768px){.container{max-width:768px}}@media(min-width: 992px){.container{max-width:992px}}@media(min-width: 1024px){.container{max-width:1024px}}@media(min-width: 1200px){.container{max-width:1200px}}@media(min-width: 1440px){.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-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))}.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-d)}.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}.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}.-right-1{right:-0.25rem}.-top-1{top:-0.25rem}.-top-8{top:-2rem}.-top-\[7px\]{top:-7px}.-top-px{top:-1px}.bottom-0{bottom:0px}.bottom-2{bottom:.5rem}.left-0{left:0px}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0px}.right-2{right:.5rem}.top-0{top:0px}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-48{top:12rem}.top-\[84px\]{top:84px}.top-full{top:100%}.top-px{top:1px}.isolate{isolation:isolate}.\!z-50{z-index:50 !important}.-z-1{z-index:-1}.z-1{z-index:1}.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-\[15\]{z-index:15}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.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-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-auto{margin:auto}.\!mx-auto{margin-left:auto !important;margin-right:auto !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}.-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-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-6{margin-left:1.5rem}.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}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.\!inline-block{display:inline-block !important}.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-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.size-\[72px\]{width:72px;height:72px}.\!h-10{height:2.5rem !important}.\!h-12{height:3rem !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-\[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-\[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-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-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-14{width:3.5rem}.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-\[100px\]{width:100px}.w-\[106px\]{width:106px}.w-\[114px\]{width:114px}.w-\[115px\]{width:115px}.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-\[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-screen{width:100vw}.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-\[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-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-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-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))}.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-start{scroll-snap-align:start}.scroll-m-16{scroll-margin:4rem}.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-\[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 !important}.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 !important}.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-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}.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-start{align-self:flex-start}.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-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.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-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-r-0{border-right-width:0px}.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-info{--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-border{--tw-border-opacity: 1;border-color:rgb(222 226 230/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-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-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-info\/10{background-color:rgba(20,98,211,.1)}.bg-info\/5{background-color:rgba(20,98,211,.05)}.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-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-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-success\/10{background-color:rgba(14,135,95,.1)}.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-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-500{stroke:var(--accent-500)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.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}.\!py-1{padding-top:.25rem !important;padding-bottom:.25rem !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-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-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-\[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}.pt-0{padding-top:0px}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.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 !important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.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-\[0\.625rem\]{font-size:.625rem}.text-\[2\.5rem\]{font-size:2.5rem}.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-xs{font-size:.625rem;line-height:.875rem}.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}.text-accent{color:var(--accent-500)}.text-accent-500{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-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-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-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}.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-\[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-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)}.outline{outline-style:solid}.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-4{-webkit-line-clamp:4}.line-clamp-10{-webkit-line-clamp:10}@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(--gray) #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;z-index:-1;height:0px;min-height:0px;width:0px;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]:checked~.input-control-tw-label::before,.input-control-tw-box input[type=checkbox]:checked~.input-control-tw-label::before{border-color:var(--accent-500);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}@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))}.hover\:text-accent:hover{color:var(--accent-500)}.hover\:underline:hover{text-decoration-line:underline}.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\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}@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-0{margin-left:0px;margin-right:0px}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:\!grid{display:grid !important}.sm\:hidden{display:none}.sm\:w-52{width:13rem}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:basis-1\/2{flex-basis:50%}.sm\:basis-1\/3{flex-basis:33.333333%}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-normal{justify-content:normal}.sm\:\!gap-4{gap:1rem !important}.sm\:gap-0{gap:0px}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-4{padding:1rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.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-lg{font-size:1.125rem;line-height:1.75rem}}@media(min-width: 768px){.md\:-bottom-2{bottom:-0.5rem}.md\:left-\[15\%\]{left:15%}.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\: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-6{margin-left:-1.5rem;margin-right:-1.5rem}.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-8{margin-top:2rem;margin-bottom:2rem}.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\:mb-5{margin-bottom:1.25rem}.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\:mr-auto{margin-right:auto}.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\: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-8{height:2rem}.md\:h-\[218px\]{height:218px}.md\:h-\[301px\]{height:301px}.md\:h-\[320px\]{height:320px}.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-8{width:2rem}.md\:w-\[200px\]{width:200px}.md\:w-\[218px\]{width:218px}.md\:w-\[227px\]{width:227px}.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\:grow-0{flex-grow:0}.md\:basis-1\/2{flex-basis:50%}.md\:basis-1\/5{flex-basis:20%}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 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-center{align-items:center}.md\:justify-end{justify-content:flex-end}.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\: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\:rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px}.md\:border-x{border-left-width:1px;border-right-width:1px}.md\:border-r-0{border-right-width:0px}.md\:border-neutral-100{--tw-border-opacity: 1;border-color:rgb(233 233 233/var(--tw-border-opacity))}.md\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.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-12{padding-left:3rem;padding-right:3rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-top:0px;padding-bottom:0px}.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-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.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-\[3\.75rem\]{padding-left:3.75rem}.md\:pl-\[60\%\]{padding-left:60%}.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-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-heading-sm{font-size:1.25rem;line-height:1.75rem}.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\: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)}.md\:line-clamp-7{-webkit-line-clamp:7}.md\:line-clamp-10{-webkit-line-clamp:10}.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-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\:\!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\: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-1{padding:.25rem}.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-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-\[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\:text-sm{font-size:.875rem;line-height:1.25rem}.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\:my-0{margin-top:0px;margin-bottom:0px}.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\:max-w-\[270px\]{max-width:270px}.xl\:max-w-\[28\.125rem\]{max-width:28.125rem}.xl\:basis-1\/3{flex-basis:33.333333%}.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\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.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-5{gap:1.25rem}.xl\:gap-9{gap:2.25rem}.xl\:p-16{padding:4rem}.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\:basis-1\/4{flex-basis:25%}.\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}}.\[\&\>\*\:nth-child\(n_\+_6\)\]\:\!hidden>*:nth-child(n+6){display:none !important}</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="preload" href="https://static.oferteo.pl/images/oferteo/o-hero.xs.webp" as="image" media="(max-width: 360px)">
  19. <link rel="preload" href="https://static.oferteo.pl/images/oferteo/o-hero.s.webp" as="image" media="(min-width: 361px) and (max-width: 480px)">
  20. <link rel="dns-prefetch" href="https://www.googletagmanager.com/">
  21. <!-- ▼ META -->
  22.  <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!">
  23.  <meta property="og:title"        content="Oferteo - Oferty od Firm">
  24.  <meta property="og:site_name"    content="Oferteo">
  25.  <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!">
  26.  
  27.  <meta property="og:url"          content="https://www.oferteo.pl/">
  28.  <meta property="og:type"         content="article">
  29.  <meta property="og:image"        content="https://www.oferteo.pl/images/logo/logo-fb-share.png">
  30.  <meta property="og:image:width"  content="226">
  31.  <meta property="og:image:height" content="226">
  32.  <meta property="og:image:type"   content="image/png">
  33.  <!-- ▼ META | IMAGES -->
  34.  <link rel="shortcut icon" href="https://static.oferteo.pl/images/favicon.ico"/>
  35.  <link rel="apple-touch-icon" sizes="180x180" href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-180x180.png">
  36.  <link rel="apple-touch-icon" sizes="120x120" href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-120x120.png">
  37.  <link rel="apple-touch-icon" sizes="152x152" href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-152x152.png">
  38.  <link rel="apple-touch-icon" sizes="76x76"   href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-76x76.png">
  39.  <link rel="apple-touch-icon-precomposed"     href="https://static.oferteo.pl/images/apple-web-clip/apple-touch-icon-precomposed.png">
  40.  <!-- ▼ META | OTHER -->
  41.  <meta name="google-site-verification" content="lnbTB8hkWzIIMZUB_qa0-03jiLBkQ3Z2OUcTJvOs4mw"/>
  42.  <meta name="theme-color" content="#ffffff">
  43.  <link rel="manifest" href="https://www.oferteo.pl/scripts/manifest/manifest.js">
  44.  
  45.  <!-- ▼ PRELOADS -->
  46.  
  47.  <script defer src="https://cdn.tagcommander.com/6939/tc_oferteopl_20.js"></script><meta name="decorator" content="gradual">
  49. <link rel="canonical" href="https://www.oferteo.pl"/>
  50. <meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="facebook-domain-verification" content="4x70eksnu4aecch5nq5qy968nyx6p3" />
  51. </head>
  52.  
  53. <body class="">
  54. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KRC48JM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  55. <script id="script-global-main">
  56. var O={},_jsp={www:"https://www.oferteo.pl",user:{UserId:0,CustomerId:0},error:{Count:0,Limit:5}};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,""),c=(new Date).toTimeString().split(" ")[0];if(log="%c⏱️ "+c+" ⚪ #"+(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,c={},s="GET")=>new Promise((o,e)=>{const t={method:s,mode:"no-cors",credentials:"include"};if(c&&Object.keys(c).length){const n=new FormData;for(var r in c){const a=-1<r.indexOf("|")?r.split("|")[0]:r;Array.isArray(c[r])?c[r].forEach(e=>{n.append(a,e)}):n.append(a,c[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;
  57. </script>
  58.  
  59. <script id="script-check-app">
  60. window.setTimeout(()=>{!document.referrer.includes("android-app://")&&"undefined"==typeof getFCMtoken||(window.localStorage.IsApp="yes")},5e3);
  61. </script>
  62.  
  63. <script id="script-has-tracking-permission">
  64. "undefined"==typeof hasTrackingPermission&&(window.hasTrackingPermission=()=>!1);
  65. </script>
  66.  
  67.  
  68. <script id="script-global-vars">
  69. var _jsp={sessionId:"0C95868CB2292D12D8528E07C360999B.host2",env:"prd",www:"https://www.oferteo.pl",rev:"fa1a8f1",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,isDesktop:767<window.innerWidth,wss:"wss://wss.oferteo.pl",logoutUrl:'https://www.oferteo.pl/j_acegi_logout'};
  70. </script>
  71. <script id="script-global-ga" type="module">
  72. 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});
  73. </script>
  74. <script id="script-global-scroll" type="module">
  75. window.addEventListener("scroll",l=>{_.classList.toggle("is-scrolled",100<window.scrollY),_.classList.toggle("is-scrolled-more",300<window.scrollY)});
  76. </script>
  77.  
  78.  
  79. <script id="script-global-tracking-functions">
  80. function statsCounterCL(o,t,e,n,a,s,c){var i=_jsp.www||"https://www.oferteo.pl";console.log("www",i);i=``.concat("/","customer","/","stat","/","save-advanced-list-stat",".","ofer");isUABot||fetch(i,{method:"post",body:{idAction:o,idCategory:t,idCustomer:e,pageUrl:n,customerPos:a,listType:s,idLocation:c}}).then(o=>console.log(o)).catch(function(o){console.log("Request failed",o)})}function CL_STATS(o,t,e){var n=(_jsp.www||"https://www.oferteo.pl")+"/promotion/note-promoted-customer-click.ofer";const a=new FormData;a.append("idCustomer",o),a.append("idCategory",t),a.append("idLocation",e||"location"),isUABot||fetch(n,{method:"post",body:a}).catch(function(o){console.log("Request failed",o)})}function Gtm(o="",t={}){console.log("ga_event",o,t),window.dataLayer.push({event:"ga_event",event_name:o,event_params:t})}window.CL_STATS=CL_STATS;
  81. </script>
  82.  
  83. <script id="script-global-ga4-localstorage">
  84. ""!==_jsp.category.CurrentCategoryId&&window.localStorage.setItem("lastVisitedCustomerListCategoryId",''),""!==_jsp.category.CurrentCategoryName&&window.localStorage.setItem("lastVisitedCustomerListCategoryName",''.replace(/&oacute;/g,"ó"));
  85. </script>
  86. <script>
  87.    var _jsp = _jsp || {};
  88.    _jsp.flags = {
  89.        enableWebVitals: 'false',
  90.    }
  91. </script>
  92.  
  93.  
  94.  
  95.  
  96.  
  97.    <style id="rebranding-style">
  98. .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>
  99.  
  100.     <script id="oferteo-jobs-hide">
  101. var _jsp=_jsp||{};window.localStorage.OferteoJobsHide&&document.body.classList.add("is-rebranding-hidden");
  102. </script>
  103.  
  104.     <style id="style-global-navbar">
  105. .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(--light);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}.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(--gray);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>
  106.  
  107.  
  108. <header style="" class="navbar  | 🟡 absolute top-0 p-3 w-full text-sm text-white z-16" data-is-static="false" data-no-hero="">
  109.  
  110. <style id="styles-app-download-bar">
  111. #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=MainPage]{margin-top:-12px}#app-download-bar[data-page-type=CustomerSearch]{margin:-16px -16px 0;font-family:Arial,Helvetica,sans-serif}#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>
  112.  
  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"),p=(localStorage.getItem("isBuyerApp"),localStorage.getItem("IsApp")||-1<navigator.userAgent.indexOf("appstore.oferteo")),a="undefined"!=typeof pageTypeForClick&&"rfp-search"===pageTypeForClick(),o=["RfpSearch","rfpView"].includes(_jsp.pageType)||a,a=["MainPage","CustomerSearch"].includes(_jsp.pageType)&&-1===_jsp.user.UserId,e=_jsp.isBuyerApp||p||"false"===e;return!a&&!o||e?"":o?"Customer":"Buyer"},appBar=document.querySelector("#app-download-bar"),appBarType=getAppBarType();if(appBar&&!appBarType)appBar.classList.add("!hidden");else if("Customer"===appBarType)appBar.querySelector(".app-download-bar-label-replace").innerHTML="Znajdź zlecenia!",appBar.setAttribute("data-page-type","RfpSearch"),document.querySelector(".buyer-logo").style.display="none",document.querySelector(".customer-logo").style.background="#212121",document.querySelector(".customer-logo").style.display="block";else{appBar.setAttribute("data-page-type",_jsp.pageType);const h='52';window.addEventListener("scroll",()=>{window.scrollY>h?appBar.classList.add("scrolled"):appBar.classList.remove("scrolled")})}const sendAppBarEvent=(e,p={})=>{window.dataLayer.push({event:"ga_event",event_name:e+"_"+getAppBarType()+"App",event_params:{category_id:_jsp.category&&_jsp.category.CurrentCategoryId,category_name:_jsp.category&&_jsp.category.CurrentCategoryName,...p}})},closeAppBar=()=>{localStorage.setItem("isShowAppBar",!1),appBar&&appBar.classList.add("!hidden"),sendAppBarEvent("click_not_now")},downloadApp=()=>{var e=getAppBarType(),p=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)?"AppStore":"GooglePlay",e="Buyer"===e?{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"};sendAppBarEvent("click_download",{redirect:p}),window.open(e[p],"_blank")};appBar&&(appBar.querySelector(".app-download-bar-close").addEventListener("click",closeAppBar),appBar.querySelector(".app-download-bar-button").addEventListener("click",downloadApp));
  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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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=fa1a8f1#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"><div class="autocomplete-list | absolute bg-white w-full border border-black border-opacity-10 text-left flex flex-col fg-dark"></div>
  193. </div>
  194. <button class="btn btn-primary btn-large"><svg class="w-5 h-5"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#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._(".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. <style id="style-global-hero">
  236. .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:1px solid rgba(0,0,0,.3);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:none;font-size:18px;padding:8px 24px;height:52px}.form-search button{border-radius:0 8rem 8rem 0;height:40px;z-index:1}.hero .form-search button{height:52px;font-size:18px;font-weight:bold}.autocomplete-list{border:1px solid var(--neutral);border-top:none;max-height:345px;overflow:auto;margin-left:-1px;margin-top:-4px;width:calc(100% + 1px);padding-top:2px;overscroll-behavior:contain;scrollbar-color:auto}.autocomplete-list,.autocomplete-list:empty{display:none !important}.autocomplete-list.is-open,.form-search:focus-within .autocomplete-list{display:flex !important}.form-search:focus-within .autocomplete-list:empty{display:none !important}.autocomplete-list>div.is-selected,.autocomplete-list>div:hover{color:var(--white);background:var(--accent);font-weight:bold}.autocomplete-list>div:not(.is-selected,:hover) .oex-badge{color:#1462d3;background:#e7effb}.autocomplete-list>div .oex-badge{border-radius:4px;padding:2px 8px;font-weight:700;font-size:14px;line-height:1;flex-shrink:0}.autocomplete-list>div.is-first-popular:before{content:"Popularne kategorie";display:block;color:var(--neutral-d);font-weight:normal;font-size:14px;margin:-10px -12px 8px;padding:8px 12px;border:1px solid rgba(0,0,0,.15);border-left:none;border-right:none;background:#f2f2f2}.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 input{border:1px solid var(--neutral)}.hero .form-search button,.hero .form-search input{font-size:16px;width:100%}.hero .form-search button{font-family:Arial,sans-serif;box-shadow:none;margin-top:12px;border-radius:8rem}.hero{height:600px}.hero picture{opacity:.75}}@media(max-width: 1199px){.container{max-width:960px}}@media(max-width: 767px){.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%;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>div.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(min-width: 768px){.hero .form-search.is-clicked input:focus-within,.hero .form-search.is-clicked:focus-within{border-bottom-left-radius:0}}</style>
  237.  
  238. <style>
  239.  
  240. </style>
  241.  
  242. <section class="hero | relative flex items-center justify-center text-white text-center px-4 | is-homepage" data-test="home__hero">
  243. <picture class="absolute inset-0" style="background: transparent; opacity: 0.5;">
  244. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.xs.webp" type="image/webp" media="(max-width: 360px)">
  245. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.s.webp"  type="image/webp" media="(min-width: 361px) and (max-width: 480px)">
  246. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.m.webp"  type="image/webp" media="(min-width: 481px) and (max-width: 1279px)">
  247. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.l.webp"  type="image/webp" media="(min-width: 1280px)">
  248. <source srcset="https://static.oferteo.pl/images/oferteo/o-hero.l.jpg"   type="image/jpeg">
  249. <img fetchpriority="high" alt="Oferteo" onload="this.style.opacity = 1">
  250. </picture>
  251.  
  252. <div class="relative">
  253. <h1>Otrzymaj oferty <span class="hide-mobile">od&nbsp;firm</span></h1>
  254. <div class="hero-lead | block text-black mt-7 mx-auto p-7 shadow-large rounded">
  255. <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>
  256. <form class="form-search | is-mobile-fullscreen | flex items-center mt-5 mx-auto" data-pid="17113" data-pid-choose="17092" data-ssr="MainPage" autocomplete="off">
  257. <div class="autocomplete | relative flex-auto">
  258. <input type="text" required maxlength="50" autocomplete="nope" placeholder="Jakiej usługi / produktu szukasz?" data-test="hero__service_search__input">
  259. <div class="autocomplete-list | absolute bg-white w-ful border border-black border-opacity-10 text-left text-base d-flex flex flex-col text-black"></div>
  260. </div>
  261. <button class="btn btn-primary btn-large mainButton" data-test="hero__service_search__btn">Porównaj oferty</button>
  262. <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>
  263. </form>
  264. </div>
  265. <style id="style-rfp-reminder">
  266. .reminder-bar__container{background:rgba(243,244,247,.9);box-shadow:0 1.25rem 1.25rem 0 rgba(0,0,0,.25)}</style>
  267.  
  268. <div id="reminder-bar" class="mx-auto"></div>
  269.  
  270. <script id="script-rfp-reminder">
  271. const getQueryData=()=>{try{var e=JSON.parse(localStorage.getItem("unfinishedQuery"));return e?.category&&e?.categoryName?e:null}catch(e){return console.error("Błąd parsowania JSON:",e),null}},renderReminderBar=({category:t,categoryName:a,city:e})=>{const n=document.getElementById("reminder-bar");if(n){n.classList.add("flex","flex-col"),n.innerHTML=`
  272.      <span class="mt-3 text-base text-white text-left">Ostatnie wyszukiwania:</span>
  273.      <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">
  274.        <div id="reminder-message" class="flex flex-col">
  275.          <span class="category | text-base text-left font-bold"></span>
  276.          <div class="city | flex items-center mt-1">
  277.            <svg class="w-5 h-5 text-accent-500 stroke-accent-500"><use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-location-pin"></use></svg>
  278.            <span class="text-neutral-600 text-xs"></span>
  279.          </div>
  280.        </div>
  281.        <button id="finish-query-btn" class="text-sm md:text-base text-accent-500 underline text-nowrap">
  282.          Dokończ
  283.        </button>
  284.      </div>
  285.    `;const r=n.querySelector("#reminder-message");if(r){const o=r.querySelector(".category");if(o&&(o.textContent=a),e){const d=r.querySelector(".city span");d.textContent=e}else{const i=r.querySelector(".city");i.remove()}}n.addEventListener("click",e=>{e.target.closest("#finish-query-btn")&&handleFinishQuery(t,a),e.target.closest("#close-reminder-btn")&&removeReminderBar(t,a)}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"ga_event",event_name:"view_abandonedRfpBar",event_params:{category_id:t,category_name:a}})}},handleFinishQuery=(e,t)=>{O.FormModalATF.Show({mode:"category",category:e,categoryName:t,creationButton:"abandonedRfpBar"}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"ga_event",event_name:"click_completeRfp_abandonedRfpBar",event_params:{category_id:e,category_name:t,creation_button:"abandonedRfpBar"}})},removeReminderBar=(e,t)=>{document.getElementById("reminder-bar")?.remove(),localStorage.removeItem("unfinishedQuery"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"ga_event",event_name:"click_exit_abandonedRfpBar",event_params:{category_id:e,category_name:t}})},queryData=getQueryData();queryData&&renderReminderBar(queryData);
  286. </script></div>
  287. </section>
  288.  
  289. <script id="script-global-hero" type="module">
  290. O._(".form-search",(o,e)=>{o.preventDefault(),_._(".dialog-modal").hasAttribute("open")||(_._(".dialog-modal").showModal(),(_jsp.FormSearchSubmit=e)._("input",o=>o.blur()))},"submit"),_._(".form-search input",o=>{window.setTimeout(()=>{o.value=""},150)}),_._(".form-search",o=>{O.Load(_jsp.www+"/public/gradual/commons/global.form-search.js")},"click"),_._(".autocomplete-list",(o,e)=>{o.preventDefault(),o.stopPropagation()},"mousedown"),_._(".autocomplete-list",(o,e)=>{e.previousElementSibling.blur()},"click"),window.onload=o=>{_._(".mainButton").style.pointerEvents="all"};
  291. </script>
  292. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" overflow="hidden" style="position:absolute;width:0;height:0">
  293. <defs>
  294.   <symbol id="i-fotowoltaika-top-categories" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  295.  <g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round">
  296. <path d="M8 21h-3.286l-9.71092e-08-5.66089e-11c-.946387-.000551722-1.71345-.767613-1.714-1.714v-3.286"></path>
  297. <path d="M16 4h3.286l-5.28209e-08-3.07905e-11c.946387.00055164 1.71345.767612 1.714 1.714v3.286"></path>
  298. <path d="M7 2.5v-.5"></path>
  299. <path d="M7 12v-.5"></path>
  300. <path d="M10.18 3.82l.355-.355"></path>
  301. <path d="M3.465 10.535l.355-.355"></path>
  302. <path d="M11.5 7h.5"></path>
  303. <path d="M2 7h.5"></path>
  304. <path d="M10.18 10.18l.355.355"></path>
  305. <path d="M11.909 14.182v6.818h9.091v-6.818"></path>
  306. <path d="M10.772 14.977l5.682-3.977 5.682 3.977"></path>
  307. <path d="M18.159 21v-3.182h-3.55271e-15c0-.627395-.508605-1.136-1.136-1.136h-1.136 -4.96561e-08c-.627395 2.74243e-08-1.136.508605-1.136 1.136v3.182"></path>
  308. <path d="M3.465 3.465l.355.355"></path>
  309. <circle cx="7" cy="7" r="2.105"></circle>
  310.  </g>
  311.  <path fill="none" d="M0 0h24v24h-24Z"></path>
  312.   </symbol>
  313.   <symbol id="i-pompy-ciepla-top-categories" fill="currentColor" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  314.  <g fill="none">
  315. <path d="M0 0h24v24h-24Z"></path>
  316. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 21h2.714l-8.74228e-08-3.55271e-15c1.10457 4.82823e-08 2-.89543 2-2v-15 0c0-.552285-.447715-1-1-1h-1.857l-4.37114e-08 8.88178e-16c-.552285 2.41411e-08-1 .447715-1 1 0 0 0 0 0 0v2.306"></path>
  317. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.787 13.052l1.95697e-07-3.14243e-09c-2.14204.034396-3.85062 1.79874-3.81622 3.94078 .0336176 2.09356 1.72267 3.78261 3.81623 3.81622 3.16 0 3.935-3.88 5.746-4.911l-1.04928e-08-1.41004e-08c-1.34953-1.81353-3.4856-2.87152-5.74601-2.846Z"></path>
  318. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.255 16.508l-5.64557e-07 9.44889e-08c-2.16884.362996-4.08019 1.63311-5.255 3.492"></path>
  319. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 10.714l7.7-6.6 -1.6308e-07 1.39489e-07c.748448-.640176 1.85155-.640176 2.6-3.03292e-07l7.7 6.6"></path>
  320.  </g>
  321.   </symbol>
  322.   <symbol id="i-remonty-mieszkan-top-categories" fill="currentColor" id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  323.  <rect width="24" height="24" fill="none"/>
  324.  <path d="M8.33414,10.65862,5.06231,19.65617a1,1,0,0,0,1.28152,1.28152l8.99755-3.27183a1,1,0,0,0,.36536-1.64689L9.981,10.29326A1,1,0,0,0,8.33414,10.65862Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  325.  <path d="M13.77286,9.77292,18.47274,5.073a1.80014,1.80014,0,0,0,0-2.54578h0a1.80013,1.80013,0,0,0-2.54577,0L11.93418,6.52a1,1,0,0,0,0,1.41421Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  326.  <path d="M11.93418,7.93418l2.35871,2.35871a1,1,0,0,1,0,1.41422L11,15" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  327.   </symbol>
  328.   <symbol  id="i-firmy-budowlane-top-categories" fill="currentColor"  version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  329.  <g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round">
  330. <path d="M3.5 19h.7l3.10392e-07 1.42176e-10c1.17456.000538038 2.32272.348465 3.3 1v0l-4.18798e-07-2.79204e-07c.977285.651535 2.12544.999462 3.3 1h2.4l3.10392e-07-1.42176e-10c1.17456-.000538038 2.32272-.348465 3.3-1v0l-4.18798e-07 2.79204e-07c.977285-.651535 2.12544-.999462 3.3-1h.7 6.94456e-10c.828427 1.34968e-07 1.5-.671573 1.5-1.5 1.42109e-14-8.15423e-08 2.13163e-14-1.63533e-07 2.13163e-14-2.45075e-07v0 6.94456e-10c0-.828427-.671573-1.5-1.5-1.5h-17 -6.55671e-08c-.828427 3.62117e-08-1.5.671573-1.5 1.5 0 0 0 0 0 0h-1.77636e-15l1.59872e-14 1.60927e-07c1.25089e-07.828427.671573 1.5 1.5 1.5Z"></path>
  331. <path d="M7 5.8v2.2l1.59872e-14 2.26494e-07c1.25089e-07.828427.671573 1.5 1.5 1.5v0l6.55671e-08-1.06581e-14c.828427-1.61301e-07 1.5-.671573 1.5-1.5v-2l2.30926e-14 3.01992e-07c-1.66785e-07-1.10457.89543-2 2-2v0l-8.74228e-08 1.77636e-15c1.10457-4.82823e-08 2 .89543 2 2v2l1.77636e-14 2.26494e-07c1.25089e-07.828427.671573 1.5 1.5 1.5v0h9.93082e-09c.828427 3.62117e-08 1.5-.671573 1.5-1.5 0-2.64696e-08 3.55271e-15-4.90283e-08 3.55271e-15-7.54979e-08v-2.2"></path>
  332. <path d="M13.732 5h.268l-2.62268e-07 6.21725e-15c3.31371-1.44847e-07 6 2.68629 6 6v5"></path>
  333. <path d="M10.268 5h-.268l-2.62268e-07 6.21725e-15c-3.31371 1.44847e-07-6 2.68629-6 6 0 0 0 1.77636e-15 0 1.77636e-15v5"></path>
  334.  </g>
  335.  <rect width="24" height="24" fill="none"></rect>
  336.   </symbol>
  337.   <symbol id="i-remonty-top-categories" fill="currentColor" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  338.  <rect width="24" height="24" fill="none"/>
  339.  <path d="M10.5,10.5,3.62132,17.37866a2.12132,2.12132,0,0,0,0,3h0a2.12132,2.12132,0,0,0,3,0L13.5,13.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  340.  <line x1="10" y1="10" x2="14" y2="14" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  341.  <path d="M6,10,3.82841,7.82842a2.82843,2.82843,0,0,1,0-4h0a2.82842,2.82842,0,0,1,4,0L12,8" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  342.  <line x1="5" y1="9" x2="9" y2="5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  343.  <path d="M19.62918,3.03274l-2.45239.81716a1,1,0,0,0-.68386.94869V6.5071a1,1,0,0,0,1,1h1.70958a1,1,0,0,0,.9488-.68418l.81605-2.45182a.5.5,0,0,0-.12076-.51134l-.70569-.70608A.5.5,0,0,0,19.62918,3.03274Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  344.  <line x1="11.99988" y1="11.99988" x2="16.78569" y2="7.21406" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  345.  <path d="M16,12l3.70891,3.70891a2,2,0,0,1,.54695,1.022L20.99,20.40166a.5.5,0,0,1-.58835.58835l-3.67077-.73415a2,2,0,0,1-1.022-.54695L14,18" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  346.   </symbol>
  347.   <symbol id="i-biuro-rachunkowe-top-categories" fill="currentColor" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  348.  <line x1="17" y1="6" x2="16.15385" y2="6" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  349.  <line x1="6.15385" y1="11" x2="7" y2="11" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  350.  <path d="M8.92308,14H5a2,2,0,0,1-2-2V5A2,2,0,0,1,5,3H18a2,2,0,0,1,2,2V6.9" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  351.  <path d="M10,14H5.11538A2.11538,2.11538,0,0,1,3,11.88462V5.11538A2.11538,2.11538,0,0,1,5.11538,3H17.88462A2.11538,2.11538,0,0,1,20,5.11538V6.9" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  352.  <path d="M10.08579,9.91421a2,2,0,0,1,2.82842-2.82842" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  353.  <path d="M21,11v9a1,1,0,0,1-1,1H14a1,1,0,0,1-1-1V11a1,1,0,0,1,1-1h6A1,1,0,0,1,21,11Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  354.  <path d="M21,14H13" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  355.  <path d="M15.75,16.3a.05.05,0,1,0,.05.05h0a.05.05,0,0,0-.05-.05" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  356.  <path d="M18.25,16.3a.05.05,0,1,0,.05.05h0a.05.05,0,0,0-.05-.05" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  357.  <path d="M15.75,18.6a.05.05,0,1,0,.05.05h0a.05.05,0,0,0-.05-.05" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  358.  <path d="M18.25,18.6a.05.05,0,1,0,.05.05h0a.05.05,0,0,0-.05-.05" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  359.  <rect width="24" height="24" fill="none"/>
  360.   </symbol>
  361.   <symbol id="i-finanse-top-categories" fill="currentColor" id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  362.  <path d="M24,0V24H0V0Z" fill="none"/>
  363.  <path d="M9,20H5.9A1.89916,1.89916,0,0,1,4,18.1V4.9A1.89916,1.89916,0,0,1,5.9,3H15a1.89916,1.89916,0,0,1,1.9,1.9V9" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  364.  <path d="M8.971,13.179A2.37517,2.37517,0,0,1,12.33,9.82" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  365.  <line x1="8" y1="17" x2="7" y2="17" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  366.  <line x1="14" y1="6" x2="13" y2="6" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  367.  <path d="M12,13.6v6.8c.00114.88343,1.79086,1.6,4,1.6s3.99886-.71657,4-1.6V13.6" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  368.  <path d="M19.99886,13.6c0,.88343-1.79086,1.6-4,1.6S12,14.48343,12,13.6c0-.88457,1.792-1.6,4-1.6s3.99886.71657,4,1.6" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  369.  <path d="M12.00057,17c0,.88343,1.78972,1.6,3.99886,1.6s4-.71657,4-1.6" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  370.   </symbol>
  371.    <symbol id="i-domy-szkieletowe-top-categories" fill="currentColor" id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  372. <g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round"><line x1="20" x2="20" y1="10.55" y2="21"></line><path d="M22 12l-9.375-6.815 -2.48389e-08-1.79863e-08c-.349944-.253401-.823056-.253401-1.173 3.59727e-08l-9.452 6.815"></path><path d="M19.5 9.743v-5.243 0c0-.276142-.223858-.5-.5-.5h-3l-2.18557e-08 8.88178e-16c-.276142 1.20706e-08-.5.223858-.5.5 0 0 0 0 0 0v2.609"></path><line x1="22" x2="2" y1="21" y2="21"></line><line x1="4" x2="4" y1="10.56" y2="21"></line><rect width="4" height="3" x="13.5" y="15" rx=".27614" ry="0"></rect><path d="M7 21v-5.5l5.32907e-15 7.54979e-08c-4.16963e-08-.276142.223858-.5.5-.5h2.5 -2.18557e-08c.276142-1.20706e-08.5.223858.5.5v5.5"></path></g><rect width="24" height="24" fill="none"></rect>
  373.   </symbol>
  374.   <symbol id="i-elewacje-top-categories" viewBox="0 0 24 24" fill="currentColor">
  375. <g fill="none"><path d="M0 0h24v24h-24Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 21v-15h-4l-4.37114e-08 8.88178e-16c-.552285 2.41411e-08-1 .447715-1 1 0 0 0 0 0 0v14"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 21v-14 0c0-.552285-.447715-1-1-1h-4v15"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 18h4"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 21v-3h3v3"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.5 15h5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.5 12h5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.5 13.5h2.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.5 17h2.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.5 10h2.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 13.5h2.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 17h2.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 10h2.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 21v-16.96l-2.82244e-08 1.49961e-06c.0105997-.563155-.43686-1.02852-.999998-1.04h-8l-3.56949e-08 7.28007e-10c-.563138.0114854-1.0106.476845-1 1.04v16.96"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M23 21h-22"></path><circle cx="12" cy="7.5" r="1.5" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></circle></g>
  376. </symbol>
  377.   <symbol id="i-ogrodzenia-top-categories" viewBox="0 0 24 24" fill="currentColor">
  378. <g fill="none"><path d="M0,0h24v24h-24v-24Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6,4v1c0,0.552 -0.448,1 -1,1h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.5,4v1c0,0.552 -0.448,1 -1,1h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21,4v1c0,0.552 -0.448,1 -1,1h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6,19v1c0,0.552 -0.448,1 -1,1h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.5,19v1c0,0.552 -0.448,1 -1,1h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20,13.5h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1v1c0,0.552 -0.448,1 -1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5,13.5h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1v1c0,0.552 -0.448,1 -1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21,19v1c0,0.552 -0.448,1 -1,1h-1c-0.552,0 -1,-0.448 -1,-1v-1c0,-0.552 0.448,-1 1,-1h1c0.552,0 1,0.448 1,1Z"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18,19.5h-4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6,4.5h4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5,19.5h-4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.5,4.5h4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.5,6v4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.5,18v-4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.5,13.5v4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.5,10.5v-4.5"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12,10v4"></path><path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14,12h-4"></path></g>
  379. </symbol>
  380.   <symbol id="i-elektryk-top-categories" fill="currentColor" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  381.  <g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round">
  382. <path d="M9 21h6"></path>
  383. <path d="M14.999 17.159v1.066h-6v-1.066c0-1.057-.49-2.044-1.305-2.718 -1.411-1.169-2.339-2.899-2.436-4.851 -.185-3.741 2.89-7.03 6.635-7.087 3.777-.059 6.857 2.984 6.857 6.747 0 2.102-.963 3.976-2.471 5.212 -.809.663-1.28 1.651-1.28 2.697Z"></path>
  384. <path d="M8.54 15.45h6.91"></path>
  385.  </g>
  386.  <path fill="none" d="M0 0h24v24h-24Z"></path>
  387.   </symbol>
  388.   <symbol id="i-klimatyzacja-top-categories" fill="currentColor" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  389.  <g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round">
  390. <path d="M19,13h-14c-1.657,0 -3,-1.343 -3,-3v-4c0,-1.657 1.343,-3 3,-3h14c1.657,0 3,1.343 3,3v4c0,1.657 -1.343,3 -3,3Z"></path>
  391. <path d="M18,6h-2"></path>
  392. <path d="M18,13v-1c0,-1.105 -0.895,-2 -2,-2h-8c-1.105,0 -2,0.895 -2,2v1"></path>
  393. <path d="M12,19.5v1.5"></path>
  394. <path d="M17.25,18.75l-0.75,-0.75"></path>
  395. <path d="M6.75,18.75l0.75,-0.75"></path>
  396.  </g>
  397.  <path fill="none" d="M0,0h24v24h-24Z" transform="matrix(-1,-4.50201e-11,4.50201e-11,-1,24,24)"></path>
  398.   </symbol>
  399.   <symbol id="i-malarz-top-categories" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  400.  <g fill="none">
  401. <path d="M0,0h24v24h-24Z"></path>
  402. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.48,11.83h13.04"></path>
  403. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.517,16.034h-9.034c-1.105,0 -2,-0.895 -2,-2v-10.034c0,-0.552 0.448,-1 1,-1h11.034c0.552,0 1,0.448 1,1v10.034c0,1.105 -0.895,2 -2,2Z"></path>
  404. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.227,16.034v3.966c0,1.105 -0.895,2 -2,2h-0.453c-1.105,0 -2,-0.895 -2,-2v-3.966"></path>
  405.  </g>
  406.   </symbol>
  407.   <symbol id="i-domy-murowane-top-categories" fill="currentColor" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  408.  <path d="M11,21H5a2,2,0,0,1-2-2V5A2,2,0,0,1,5,3H19a2,2,0,0,1,2,2v6" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  409.  <line x1="21" y1="7.5" x2="3" y2="7.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  410.  <line x1="12" y1="3" x2="12" y2="7.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  411.  <line x1="8" y1="7.5" x2="8" y2="12" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  412.  <line x1="16" y1="7.5" x2="16" y2="10" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  413.  <line x1="10" y1="16.5" x2="3" y2="16.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  414.  <line x1="8" y1="16.5" x2="8" y2="21" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  415.  <line x1="12" y1="12" x2="3" y2="12" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  416.  <circle cx="17.5" cy="17.5" r="4.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  417.  <path d="M19,16.75l-1.874,1.875L16,17.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  418.  <rect width="24" height="24" fill="none"/>
  419.   </symbol>
  420.   <symbol  id="i-uslugi-top-categories" fill="currentColor" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  421.  <g fill="none">
  422. <path d="M24 24h-24v-24h24v24Z"></path>
  423. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 13v-7c0-1.657 1.343-3 3-3h12c1.657 0 3 1.343 3 3v12c0 1.657-1.343 3-3 3h-6"></path>
  424. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.687 11.282l1.981 1.981v0l2.832-2.766c.037-.036.099-.024.121.022 .733 1.567.39 3.497-.905 4.791 -1.254 1.254-3.037 1.584-4.556.99l-4.171 4.171c-.684.683-1.793.683-2.476 0v0c-.683-.684-.683-1.793 0-2.476l4.138-4.138c-.595-1.518-.264-3.301.99-4.556 1.292-1.292 3.218-1.573 4.786-.902 .047.021.059.085.023.122l-2.763 2.761Z"></path>
  425.  </g>
  426.   </symbol>
  427.   <symbol id="i-budowa-domow-top-categories" fill="currentColor" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  428.  <rect width="24" height="24" fill="none"/>
  429.  <line x1="18" y1="8" x2="17" y2="8" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  430.  <line x1="14" y1="8" x2="13" y2="8" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  431.  <line x1="9" y1="8" x2="10" y2="8" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  432.  <path d="M6,21H19a2,2,0,0,0,2-2V7a2,2,0,0,0-2-2H9" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  433.  <path d="M17.45241,14.274V16a1,1,0,0,1-1,1h-3a1,1,0,0,1-1-1V14.226a1.25,1.25,0,0,1,.46915-.9761l1.22-.976a1.25,1.25,0,0,1,1.5617,0l1.28,1.024A1.25,1.25,0,0,1,17.45241,14.274Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  434.  <circle cx="6" cy="18" r="3" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  435.  <path d="M3,18V5A3,3,0,0,1,9,5V18" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  436.  <path d="M5.95,17.9502A.05.05,0,1,0,6,17.9a.04972.04972,0,0,0-.05.0502" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  437.   </symbol>
  438. <symbol symbol id="i-rekuperacja-top-categories" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><rect x="2" y="2" width="20" height="20" rx="5.55556" stroke-width="1.5" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M13.8689,10.3548a2.61827,2.61827,0,0,1,3.23437-1.82563,2.57364,2.57364,0,0,1,1.78919,1.75892,2.63756,2.63756,0,0,1-.37122,2.26989,1.03259,1.03259,0,0,1-1.64526.024,3.90633,3.90633,0,0,0-2.54468-1.46564" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M11.11646,9.66864A3.90586,3.90586,0,0,1,12.582,7.124a1.03253,1.03253,0,0,0-.02392-1.6452,2.63813,2.63813,0,0,0-2.27-.37122A2.57345,2.57345,0,0,0,8.52917,6.89667a2.61842,2.61842,0,0,0,1.82557,3.23443" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M12.88354,14.33136A3.90635,3.90635,0,0,1,11.418,16.876a1.03247,1.03247,0,0,0,.02392,1.64514,2.63814,2.63814,0,0,0,2.27.37128,2.57367,2.57367,0,0,0,1.75892-1.78913,2.61833,2.61833,0,0,0-1.82557-3.23449" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M9.6687,12.88354A3.90567,3.90567,0,0,1,7.124,11.418a1.03262,1.03262,0,0,0-1.64526.024,2.63769,2.63769,0,0,0-.37122,2.26995,2.57364,2.57364,0,0,0,1.78919,1.75892A2.61827,2.61827,0,0,0,10.1311,13.6452" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><rect width="24" height="24" transform="translate(24 24) rotate(-180)" fill="none"/></symbol>
  439.   <symbol id="i-ukladanie-kostki-top-categories" fill="currentColor" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  440.  <path d="M7.40866,11.8936H10.8386A1.49138,1.49138,0,0,1,12.33,13.385v5.96554A1.49138,1.49138,0,0,1,10.8386,20.8419H7.40866a4.47415,4.47415,0,0,1-4.47415-4.47415v0A4.47415,4.47415,0,0,1,7.40866,11.8936Z" transform="translate(-9.33831 10.19082) rotate(-45)" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  441.  <path d="M17.94975,3.6005h1.44974a1,1,0,0,1,1,1V7.5a1,1,0,0,1-1,1H17.94975A2.44975,2.44975,0,0,1,15.5,6.05025v0A2.44974,2.44974,0,0,1,17.94975,3.6005Z" transform="translate(0.97919 14.46447) rotate(-45)" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  442.  <line x1="16.2092" y1="7.7908" x2="8.5" y2="15.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  443.  <rect width="24" height="24" fill="none"/>
  444.   </symbol>
  445.   <symbol id="i-ocieplanie-pianka-top-categories" fill="currentColor" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  446.  <!--Generated by IJSVG (https://github.com/iconjar/IJSVG)-->
  447.  <g stroke-linecap="round" stroke-width="1.5" stroke="#323232" fill="none" stroke-linejoin="round">
  448. <path d="M12,8v6"></path>
  449. <path d="M13.4142,14.5858c0.781049,0.781049 0.781049,2.04738 0,2.82843c-0.781049,0.781049 -2.04738,0.781049 -2.82843,0c-0.781049,-0.781049 -0.781049,-2.04738 0,-2.82843c0.781049,-0.781049 2.04738,-0.781049 2.82843,0"></path>
  450. <path d="M9,12.023v-6.023c0,-1.657 1.343,-3 3,-3c1.657,0 3,1.343 3,3v6.023c1.208,0.913 2,2.347 2,3.977c0,2.761 -2.239,5 -5,5c-2.761,0 -5,-2.239 -5,-5c0,-1.63 0.792,-3.065 2,-3.977Z"></path>
  451.  </g>
  452.  <path fill="none" d="M0,0h24v24h-24Z"></path>
  453.   </symbol>
  454.   <symbol id="i-okna-pcv-top-categories" fill="currentColor"  id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  455.  <path d="M4,21V5A2,2,0,0,1,6,3H18a2,2,0,0,1,2,2V21" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  456.  <line x1="21" y1="21.00001" x2="3" y2="21.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  457.  <line x1="12" y1="3.00001" x2="12" y2="21.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  458.  <line x1="20" y1="12.00001" x2="4" y2="12.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  459.  <rect y="0.00001" width="24" height="24" fill="none"/>
  460.   </symbol>
  461.  
  462. <symbol id="i-budowa-domu-top-categories" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24,0V24H0V0Z" fill="none"/><path d="M17.0715,17.5V6.5715h-2.5V8.64292" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M10.4285,17.5V13.2855h3V17.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M6.7855,10.8365V17.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><line x1="18" y1="17.5" x2="6" y2="17.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M6,11.5l6-5,6,5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,12v6a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V6a3,3,0,0,0-3-3H12" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M9,3H5A2,2,0,0,0,3,5V9" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><polyline points="1.5 7.5 3 9 4.5 7.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><polyline points="7.5 4.5 9 3 7.5 1.5" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></symbol>
  463. <symbol id="i-adwokaci-top-categories" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" version="1.1">
  464. <g>
  465. <g>
  466. <g>
  467. <g>
  468. <g transform="translate(3 3.00134)">
  469. <g>
  470. <path d="M4.13033 4.85766C4.39693 4.59173 4.81363 4.56804 5.10697 4.78626L5.19099 4.85899 9.18099 8.85899C9.47352 9.15225 9.47293 9.62712 9.17967 9.91965 8.91307 10.1856 8.49637 10.2093 8.20303 9.99104L8.11901 9.91832 4.12901 5.91832C3.83648 5.62506 3.83707 5.15019 4.13033 4.85766Z" stroke="none" fill="#323232"/>
  471. <path d="M7.85967 1.11832C8.12594.852057 8.5426.827851 8.83621 1.04571L8.92033 1.11832 12.9203 5.11832C13.2132 5.41122 13.2132 5.88609 12.9203 6.17898 12.6541 6.44525 12.2374 6.46946 11.9438 6.2516L11.8597 6.17898 7.85967 2.17898C7.56678 1.88609 7.56678 1.41122 7.85967 1.11832Z" stroke="none" fill="#323232"/>
  472. <path d="M10.59 17.2487C11.0042 17.2487 11.34 17.5844 11.34 17.9987 11.34 18.3784 11.0578 18.6921 10.6918 18.7418L10.59 18.7487H0C-.414214 18.7487-.75 18.4129-.75 17.9987 -.75 17.619-.467846 17.3052-.101771 17.2555L0 17.2487H10.59Z" stroke="none" fill="#323232"/>
  473. <path d="M7.24707 14.2487C8.36987 14.2473 9.37386 14.9275 9.79516 15.9561L9.8599 16.1307 10.4009 17.7627C10.5312 18.1558 10.3182 18.5802 9.92499 18.7106 9.56458 18.83 9.17795 18.6609 9.01562 18.3291L8.9771 18.2346 8.43643 16.6037C8.28038 16.1351 7.86526 15.8066 7.3815 15.7556L7.248 15.7487H3.33969C2.84735 15.7498 2.4061 16.0391 2.2051 16.4802L2.15638 16.6042 1.61138 18.2362C1.48018 18.6291 1.05532 18.8412.662437 18.71 .302292 18.5898.094027 18.2227.162877 17.8598L.188618 17.7611 .73343 16.1297C1.08717 15.0676 2.04624 14.332 3.15236 14.2553L3.338 14.2487H7.24707Z" stroke="none" fill="#323232"/>
  474. <path d="M8.69668-.00373877C8.62938.0632083 8.56585.133841 8.50639.207832L6.72906 2.41301C6.34286 2.893 5.90545 3.32856 5.42432 3.71233L3.22429 5.46735C2.10862 6.35963 1.92765 7.98633 2.81935 9.10127 2.87709 9.17346 2.93866 9.2425 3.0038 9.3081L4.68041 10.9927C5.67898 11.9965 7.30241 12.0007 8.30632 11.002 8.37361 10.9351 8.43714 10.8645 8.4966 10.7905L10.2722 8.58498C10.6583 8.10495 11.0956 7.66891 11.5764 7.2844L13.7757 5.52996C14.8914 4.63767 15.0723 3.01097 14.1806 1.89604 14.1229 1.82385 14.0613 1.7548 13.9962 1.6892L12.3229.00590659C11.3674-.954545 9.84057-1.00017 8.83103-.128314L8.69668-.00373877ZM11.2593 1.0636L12.9321 2.7464 13.0092 2.83292C13.3835 3.30089 13.3075 3.98367 12.8396 4.35794L10.6403 6.11235C10.0732 6.56584 9.5581 7.07947 9.10357 7.6446L7.32779 9.85033C7.30271 9.88154 7.27635 9.91085 7.24842 9.93863 6.83183 10.3531 6.15814 10.3513 5.74371 9.93471L4.06759 8.25059 3.99078 8.16438C3.61651 7.69641 3.69247 7.01364 4.16044 6.63937L6.35971 4.88495C6.92687 4.43257 7.44253 3.91908 7.89734 3.35381L9.67494 1.1483C9.70028 1.11677 9.72665 1.08746 9.75457 1.05968 10.1712.645247 10.8449.647002 11.2593 1.0636Z" stroke="none" fill="#323232"/>
  475. <path d="M10.8035 6.00118C11.0467 5.71373 11.4599 5.65502 11.7706 5.84775L11.8605 5.91313 17.7856 10.9271C18.9371 11.9056 19.0774 13.6322 18.099 14.7837 17.1206 15.9352 15.3939 16.0755 14.2424 15.097L14.113 14.9798 13.9908 14.8538 8.75676 9.08984C8.47831 8.78319 8.50116 8.30886 8.80782 8.03041 9.08659 7.77727 9.50394 7.77314 9.78672 8.00488L9.86725 8.08146 15.1004 13.8445C15.1358 13.8834 15.1736 13.9199 15.2137 13.954 15.7339 14.396 16.5139 14.3326 16.9559 13.8124 17.3685 13.3269 17.3408 12.6151 16.9132 12.1637L16.8155 12.0712 10.8915 7.05818C10.5753 6.79061 10.5359 6.31737 10.8035 6.00118Z" stroke="none" fill="#323232"/>
  476. </g>
  477. </g>
  478. <polygon points="24 24 0 24 0 0 24 0" fill-rule="evenodd" stroke="none" fill="none"/>
  479. </g>
  480. </g>
  481. </g>
  482. </g>
  483. </symbol>
  484.   <symbol id="i-okna-top-categories" fill="currentColor" id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  485.  <rect y="0.00001" width="24" height="24" fill="none"/>
  486.  <line x1="21" y1="21.00001" x2="3" y2="21.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  487.  <line x1="12" y1="3.00001" x2="12" y2="21.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  488.  <line x1="20" y1="12.00001" x2="4" y2="12.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  489.  <path d="M4,21V11a8,8,0,0,1,8-8h0a8,8,0,0,1,8,8V21" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  490.   </symbol>
  491.   <symbol id="i-meble-na-wymiar-top-categories" fill="currentColor" id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  492.  <path d="M18,15H6V12.5A1.50055,1.50055,0,0,0,4.5,11h-1A1.50055,1.50055,0,0,0,2,12.5V17a1.99945,1.99945,0,0,0,2,2H20a1.99945,1.99945,0,0,0,2-2V12.5A1.50055,1.50055,0,0,0,20.5,11h-1A1.50055,1.50055,0,0,0,18,12.5Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  493.  <path d="M5,19v2" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  494.  <path d="M19,19v2" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  495.  <path d="M4,11V8A2,2,0,0,1,6,6h4a2,2,0,0,1,2,2v7" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  496.  <path d="M20,11V8a2,2,0,0,0-2-2H14a2,2,0,0,0-2,2v7" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  497.  <path d="M0,0H24V24H0Z" fill="none"/>
  498.   </symbol>
  499.   <symbol id="i-instalacje-grzewcze-top-categories" fill="currentColor" id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  500.  <polyline points="3 21 3 3 21 3 21 21" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  501.  <line x1="21" y1="6.00001" x2="3" y2="6.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  502.  <line x1="22" y1="3.00001" x2="2" y2="3.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  503.  <path d="M17.5,21V11.1a14.3,14.3,0,0,0-11,0V21" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  504.  <path d="M10.12368,20.107h0a2.67988,2.67988,0,0,1,0-3.43732l1.10908-1.32687a1,1,0,0,1,1.53448,0l1.10908,1.32687a2.67988,2.67988,0,0,1,0,3.43732h0A2.44543,2.44543,0,0,1,10.12368,20.107Z" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  505.  <line x1="22" y1="21.00001" x2="2" y2="21.00001" fill="none" stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  506.  <rect y="0.00001" width="24" height="24" fill="none"/>
  507.   </symbol>
  508.   <symbol id="i-firma-transportowa-top-categories" fill="currentColor" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  509.  <g fill="none">
  510. <path d="M0 0h24v24h-24v-24Z"></path>
  511. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 18.5v1.5c0 .552-.448 1-1 1h-2c-.552 0-1-.448-1-1v-1.5"></path>
  512. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 18.5v1.5c0 .552-.448 1-1 1h-2c-.552 0-1-.448-1-1v-1.5"></path>
  513. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 18.5v-4.757c0-.796.316-1.559.879-2.121l1.121-1.122h14l1.121 1.121c.563.563.879 1.326.879 2.122v4.757h-18Z"></path>
  514. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 14.5l-3 .25"></path>
  515. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 14.75l-3-.25"></path>
  516. <polyline stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" points="8,18.5 9,15.5 15,15.5 16,18.5"></polyline>
  517. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 9.5l-2 .5"></path>
  518. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 10l-2-.5"></path>
  519. <path stroke="#323232" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 10.5v-.506l.836-3.137c.291-1.095 1.283-1.857 2.415-1.857h7.584c1.157 0 2.163.794 2.432 1.92l.733 3.074v.506"></path>
  520.  </g>
  521.   </symbol>
  522. </defs>
  523. </svg>
  524.  
  525. <section class="text-center bg-white py-7 px-7" data-test="home__top_categories">
  526. <div class="container">
  527. <h2 class="mt-2 heading-md mb-7">Najpopularniejsze usługi</h2>
  528. <div class="flex flex-wrap text-base">
  529. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  530. <a class="flex items-center hover:underline " href="/fotowoltaika">
  531. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-fotowoltaika-top-categories"></use></svg><span>Fotowoltaika</span>
  532. </a>
  533. </div>
  534. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  535. <a class="flex items-center hover:underline " href="/pompy-ciepla">
  536. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-pompy-ciepla-top-categories"></use></svg><span>Pompy ciepła</span>
  537. </a>
  538. </div>
  539. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  540. <a class="flex items-center hover:underline " href="/remonty-mieszkan">
  541. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-remonty-mieszkan-top-categories"></use></svg><span>Remonty mieszkań</span>
  542. </a>
  543. </div>
  544. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  545. <a class="flex items-center hover:underline " href="/firmy-budowlane">
  546. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firmy-budowlane-top-categories"></use></svg><span>Firmy budowlane</span>
  547. </a>
  548. </div>
  549. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  550. <a class="flex items-center hover:underline " href="/remonty">
  551. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-remonty-top-categories"></use></svg><span>Remonty</span>
  552. </a>
  553. </div>
  554. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  555. <a class="flex items-center hover:underline " href="/biuro-rachunkowe">
  556. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-biuro-rachunkowe-top-categories"></use></svg><span>Biuro rachunkowe</span>
  557. </a>
  558. </div>
  559. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  560. <a class="flex items-center hover:underline " href="/domy-szkieletowe">
  561. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-domy-szkieletowe-top-categories"></use></svg><span>Domy szkieletowe</span>
  562. </a>
  563. </div>
  564. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  565. <a class="flex items-center hover:underline " href="/elektrycy">
  566. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-elektryk-top-categories"></use></svg><span>Elektryk</span>
  567. </a>
  568. </div>
  569. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  570. <a class="flex items-center hover:underline " href="/klimatyzacja">
  571. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-klimatyzacja-top-categories"></use></svg><span>Klimatyzacja</span>
  572. </a>
  573. </div>
  574. <div class="flex justify-start mb-4 basis-full sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  575. <a class="flex items-center hover:underline " href="/malarze">
  576. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-malarz-top-categories"></use></svg><span>Malowanie</span>
  577. </a>
  578. </div>
  579. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  580. <a class="flex items-center hover:underline " href="/ogrodzenia">
  581. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-ogrodzenia-top-categories"></use></svg><span>Ogrodzenia</span>
  582. </a>
  583. </div>
  584. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  585. <a class="flex items-center hover:underline " href="/elewacje">
  586. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-elewacje-top-categories"></use></svg><span>Elewacje</span>
  587. </a>
  588. </div>
  589. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  590. <a class="flex items-center hover:underline " href="/rekuperacja">
  591. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-rekuperacja-top-categories"></use></svg><span>Rekuperacja</span>
  592. </a>
  593. </div>
  594. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  595. <a class="flex items-center hover:underline " href="/ukladanie-kostki-brukowej">
  596. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-ukladanie-kostki-top-categories"></use></svg><span>Układanie kostki brukowej</span>
  597. </a>
  598. </div>
  599. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  600. <a class="flex items-center hover:underline " href="/firmy-budujace-domy">
  601. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-budowa-domu-top-categories"></use></svg><span>Budowa domów</span>
  602. </a>
  603. </div>
  604. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  605. <a class="flex items-center hover:underline " href="/okna-pcv">
  606. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-okna-pcv-top-categories"></use></svg><span>Okna PCV</span>
  607. </a>
  608. </div>
  609. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  610. <a class="flex items-center hover:underline " href="/adwokaci">
  611. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-adwokaci-top-categories"></use></svg><span>Adwokaci</span>
  612. </a>
  613. </div>
  614. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  615. <a class="flex items-center hover:underline " href="/meble-na-wymiar">
  616. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-meble-na-wymiar-top-categories"></use></svg><span>Meble na wymiar</span>
  617. </a>
  618. </div>
  619. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  620. <a class="flex items-center hover:underline " href="/instalacje-grzewcze">
  621. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-instalacje-grzewcze-top-categories"></use></svg><span>Instalacje grzewcze</span>
  622. </a>
  623. </div>
  624. <div class="justify-start hidden mb-4 basis-full sm:flex sm:none sm:basis-1/2 md:basis-1/2 xl:basis-1/3 2xl:basis-1/4 text-accent">
  625. <a class="flex items-center hover:underline " href="/transport">
  626. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Firmy transportowe</span>
  627. </a>
  628. </div>
  629. <!-- Ukryte przed światem -->
  630. <div class="none">
  631. <a class="flex items-center hover:underline " href="/glazurnik">
  632. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Glazurnik</span>
  633. </a>
  634. </div>
  635. <div class="none">
  636. <a class="flex items-center hover:underline " href="/plyta-karton-gips">
  637. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Płyta karton gips</span>
  638. </a>
  639. </div>
  640. <div class="none">
  641. <a class="flex items-center hover:underline " href="/meble-na-wymiar">
  642. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Meble na wymiar</span>
  643. </a>
  644. </div>
  645. <div class="none">
  646. <a class="flex items-center hover:underline " href="/adwokaci">
  647. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Adwokat</span>
  648. </a>
  649. </div>
  650. <div class="none">
  651. <a class="flex items-center hover:underline " href="/kancelarie-prawne">
  652. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Kancelaria prawna</span>
  653. </a>
  654. </div>
  655. <div class="none">
  656. <a class="flex items-center hover:underline " href="/tynki-maszynowe">
  657. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Tynki maszynowe</span>
  658. </a>
  659. </div>
  660. <div class="none">
  661. <a class="flex items-center hover:underline " href="/murarz">
  662. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Murarz</span>
  663. </a>
  664. </div>
  665. <div class="none">
  666. <a class="flex items-center hover:underline " href="/strony-internetowe">
  667. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Strony internetowe</span>
  668. </a>
  669. </div>
  670. <div class="none">
  671. <a class="flex items-center hover:underline " href="/agencja-interaktywna">
  672. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Agencja interaktywna</span>
  673. </a>
  674. </div>
  675. <div class="none">
  676. <a class="flex items-center hover:underline " href="/instalacje">
  677. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Instalacje</span>
  678. </a>
  679. </div>
  680. <div class="none">
  681. <a class="flex items-center hover:underline " href="/domy-szkieletowe">
  682. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Domy szkieletowe</span>
  683. </a>
  684. </div>
  685. <div class="none">
  686. <a class="flex items-center hover:underline " href="/instalacje-grzewcze">
  687. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Instalacje grzewcze</span>
  688. </a>
  689. </div>
  690. <div class="none">
  691. <a class="flex items-center hover:underline " href="/architekci-wnetrz">
  692. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Architekt wnętrz</span>
  693. </a>
  694. </div>
  695. <div class="none">
  696. <a class="flex items-center hover:underline " href="/ocieplanie-budynkow">
  697. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Ocieplanie budynków</span>
  698. </a>
  699. </div>
  700. <div class="none">
  701. <a class="flex items-center hover:underline " href="/przeprowadzki">
  702. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Przeprowadzki</span>
  703. </a>
  704. </div>
  705. <div class="none">
  706. <a class="flex items-center hover:underline " href="/przewoz-osob">
  707. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Przewóz osób</span>
  708. </a>
  709. </div>
  710. <div class="none">
  711. <a class="flex items-center hover:underline " href="/transport-busem">
  712. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Transport busem</span>
  713. </a>
  714. </div>
  715. <div class="none">
  716. <a class="flex items-center hover:underline " href="/transport-miedzynarodowy">
  717. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Transport międzynarodowy</span>
  718. </a>
  719. </div>
  720. <div class="none">
  721. <a class="flex items-center hover:underline " href="/transport-ciezarowy">
  722. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Transport ciężarowy krajowy</span>
  723. </a>
  724. </div>
  725. <div class="none">
  726. <a class="flex items-center hover:underline " href="/transport-zagraniczny-do-3-5t-firmy">
  727. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Transport międzynarodowy do 3,5t</span>
  728. </a>
  729. </div>
  730. <div class="none">
  731. <a class="flex items-center hover:underline " href="/przeprowadzki-miedzynarodowe">
  732. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Przeprowadzki międzynarodowe</span>
  733. </a>
  734. </div>
  735. <div class="none">
  736. <a class="flex items-center hover:underline " href="/laweta">
  737. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Transport samochodów</span>
  738. </a>
  739. </div>
  740. <div class="none">
  741. <a class="flex items-center hover:underline " href="/miedzynarodowy-transport-samochodow">
  742. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Transport samochodów z zagranicy</span>
  743. </a>
  744. </div>
  745. <div class="none">
  746. <a class="flex items-center hover:underline " href="/kurierzy">
  747. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Kurier</span>
  748. </a>
  749. </div>
  750. <div class="none">
  751. <a class="flex items-center hover:underline " href="/konstrukcje-stalowe">
  752. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Konstrukcje stalowe</span>
  753. </a>
  754. </div>
  755. <div class="none">
  756. <a class="flex items-center hover:underline " href="/remont-lazienki">
  757. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Remont łazienki</span>
  758. </a>
  759. </div>
  760. <div class="none">
  761. <a class="flex items-center hover:underline " href="/ocieplenie-poddasza">
  762. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Ocieplanie poddaszy</span>
  763. </a>
  764. </div>
  765. <div class="none">
  766. <a class="flex items-center hover:underline " href="/kredyt-hipoteczny">
  767. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Kredyt hipoteczny</span>
  768. </a>
  769. </div>
  770. <div class="none">
  771. <a class="flex items-center hover:underline " href="/kredyt">
  772. <svg class="w-10 h-10 text-accent top-categories ml-auto mr-4"><use xlink:href="#i-firma-transportowa-top-categories"></use></svg><span>Kredyt</span>
  773. </a>
  774. </div>
  775. <!-- Koniec ukrytych linków -->
  776. </div>
  777. </div>
  778. </section><style id="styles-homepage-counters">
  779. .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>
  780.  
  781. <section class="homepage-counters | homepage-section bg-white text-center px-7 border-t border-black border-opacity-10 relative" data-test="home__counters">
  782. <div class="container | flex items-center text-center text-base font-bold text-lg pb-7" style="max-width: 960px;">
  783. <div class="col-4 flex flex-col px-3 relative">
  784. <div class="text-info heading-lg">21 019 655</div>
  785. ofert złożonych Zlecającym
  786. </div>
  787. <div class="col-4 flex flex-col px-3 relative">
  788. <div class="text-info heading-lg">11 681 913</div>
  789. Zlecających osób&nbsp;i&nbsp;firm
  790. </div>
  791. <div class="col-4 flex flex-col px-3 relative">
  792. <div class="text-info heading-lg">713 068</div>
  793. Oferujących usługi i&nbsp;produkty
  794. </div>
  795. </div>
  796. </section><style id="style-homepage-how-do-we-work">
  797. .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>
  798. <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">
  799.    <div class="youtube" data-embed="E2XSOeJ1J_Y">
  800.        <div class="play-button"></div>
  801.    </div>
  802. </section>
  803. <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">
  804. <div class="container">
  805. <h2 class="heading-md mb-7 mt-2">Jak działamy?</h2>
  806. <svg class="how-do-we-work-img | w-full"> <use xlink:href="/images/how-do-we-work.svg#d"></use></svg>
  807. <div class="how-do-we-work-content | text-lg font-bold">
  808. <div class="col-4 px-3 mx-auto">
  809. <svg> <use xlink:href="/images/how-do-we-work.svg#a"></use></svg>
  810. Powiedz nam, <span class="text-accent">jakiej usługi lub&nbsp;produktu&nbsp;szukasz</span>
  811. </div>
  812. <div class="col-4 px-3 mx-auto">
  813. <svg> <use xlink:href="/images/how-do-we-work.svg#b"></use></svg>
  814. <span class="text-accent">Poinformujemy Firmy</span>, które spełniają Twoje&nbsp;wymagania
  815. </div>
  816. <div class="col-4 mx-auto">
  817. <svg> <use xlink:href="/images/how-do-we-work.svg#c"></use></svg>
  818. Zainteresowane
  819. <span class="text-accent">
  820. <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>
  822. same złożą&nbsp;Ci oferty</span> bezpłatnie i&nbsp;niezobowiązująco
  823. </div>
  824. </div>
  825. <div class="pb-7"></div>
  826. </div>
  827. </section>
  828.  
  829. <script type="module" id="youtube-video-thumbnail-handler">
  830. (function () {
  831.    const youtube = document.querySelectorAll(".youtube");
  832.  
  833.    const observerOptions = {
  834.        root: null,
  835.        rootMargin: "0px",
  836.        threshold: 0.1,
  837.    };
  838.  
  839.    const observerCallback = (entries) => {
  840.        entries.forEach((entry) => {
  841.            if (entry.isIntersecting) {
  842.                const source = "https://img.youtube.com/vi_webp/" + entry.target.dataset.embed + "/sddefault.webp";
  843.                const image = new Image();
  844.                image.src = source;
  845.                image.setAttribute('alt', 'youtube thumbnail')
  846.                image.setAttribute('fetchpriority', 'low')
  847.  
  848.                image.addEventListener("load", function () {
  849.                    entry.target.appendChild(image);
  850.                });
  851.  
  852.                entry.target.addEventListener("click", function () {
  853.                    const iframe = document.createElement("iframe");
  854.  
  855.                    iframe.setAttribute("frameborder", "0");
  856.                    iframe.setAttribute("allowfullscreen", "");
  857.                    iframe.setAttribute("src", "https://www.youtube.com/embed/" + this.dataset.embed + "?rel=0&showinfo=0&autoplay=1");
  858.  
  859.                    this.innerHTML = "";
  860.                    this.appendChild(iframe);
  861.                });
  862.  
  863.                observer.unobserve(entry.target);
  864.            }
  865.        });
  866.    };
  867.    const observer = new IntersectionObserver(observerCallback, observerOptions);
  868.    youtube.forEach((video) => {
  869.        observer.observe(video);
  870.    });
  871. })();
  872. </script>
  873. <style id="style-homepage-reviews">
  874. @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(--light);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(--gray);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>
  875.  
  876. <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">
  877. <div class="container">
  878. <h2 class="heading-md mb-5 mt-2">Opinie o firmach</h2>
  879. <div class="reviews-slider | mx-auto pb-5 text-base">
  880. <ol class="reviews-slider-content">
  881. <li class="bg-white is-hold">
  882. <h4 class="uppercase mb-5">SIMPLE FLAT SPÓŁKA Z OGRANICZONĄ ODPOWIEDZIALNOŚCIĄ</h4>
  883. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  884. <div class="flex items-center flex-wrap justify-between my-3">
  885. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  886. Zenon, 51 minut temu</div>
  887. <p class="text-left mx-auto mb-3">Właśnie zakończyliśmy stan surowy otwarty. Jestem zachwycona współpracą z firmą SimpleManager!
  888. Budowa poprowadzona od projektowania aż po stan surowy otwarty łącznie z instalacjami przyłączeniowymi - woda, kanalizacja, gaz i prąd. Wszystkie...</p>
  889. </div>
  890. </li>
  891. <li class="bg-white ">
  892. <h4 class="uppercase mb-5">Zakład remontowo budowlany Dominika Binkiewicz</h4>
  893. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  894. <div class="flex items-center flex-wrap justify-between my-3">
  895. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  896. Paweł, 1 godzinę temu</div>
  897. <p class="text-left mx-auto mb-3">Z czystym sumieniem polecam firmę. Współpraca z Panem Adamem to czysta przyjemność. O nic nie trzeba się martwić, wszystko na czas, wykonane fachowo, dopracowane w każdym szczególe. Chyba pierwszy raz trafiłem na tak rewelacyjną ekipę...</p>
  898. </div>
  899. </li>
  900. <li class="bg-white ">
  901. <h4 class="uppercase mb-5">Krzysztof Waluda</h4>
  902. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  903. <div class="flex items-center flex-wrap justify-between my-3">
  904. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  905. Ab, 1 godzinę temu</div>
  906. <p class="text-left mx-auto mb-3">Z całego serca polecam Pana Krzysztofa! Remont łazienki przebiegł sprawnie, terminowo i bez żadnych niespodzianek. Pan Krzysztof to prawdziwy profesjonalista – punktualny, dokładny i bardzo zaangażowany w swoją pracę.
  907.  
  908. Nie znam się na...</p>
  909. </div>
  910. </li>
  911. <li class="bg-white ">
  912. <h4 class="uppercase mb-5">ROSS DECOR Marcin Roszczyk</h4>
  913. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  914. <div class="flex items-center flex-wrap justify-between my-3">
  915. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  916. Bogusia, 1 godzinę temu</div>
  917. <p class="text-left mx-auto mb-3">Jesteśmy z mężem mega zadowoleni! 🙂 Remont  poszedł sprawnie, mimo że wyszły jakieś  "cuda" z kolorem farby , Estera miała rękę na pulsie , znalazła jakieś fajne rozwiązanie.  Mili, profesjonalni, widać, że zaangażowani w pracę, można było...</p>
  918. </div>
  919. </li>
  920. <li class="bg-white ">
  921. <h4 class="uppercase mb-5">NTDC</h4>
  922. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  923. <div class="flex items-center flex-wrap justify-between my-3">
  924. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  925. Anna W, 2 godziny temu</div>
  926. <p class="text-left mx-auto mb-3">Założyłam instalacje fotowoltaniczna, obsługiwał mnie Pan Łukasz, instalacja założona bardzo sprawnie, rurki tak poprowadzone, że nie było potrzeby kuć czegokolwiek, a wygląda bardzo estetycznie, dokumenty do zwrotu złożone, dziwią mnie...</p>
  927. </div>
  928. </li>
  929. <li class="bg-white ">
  930. <h4 class="uppercase mb-5">BIOTOP Malowanie dachów</h4>
  931. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  932. <div class="flex items-center flex-wrap justify-between my-3">
  933. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  934. Marcin S, 3 godziny temu</div>
  935. <p class="text-left mx-auto mb-3">Profesjonalne podejście. Obsługa ,sprzęt, materiały i wykonanie na najwyższym poziomie z czystym sumieniem można powiedzieć że biotop to najlepsza firma zajmująca się malowaniem dachu. Polecam wszystkim którzy myślą o renowacji swojego...</p>
  936. </div>
  937. </li>
  938. <li class="bg-white ">
  939. <h4 class="uppercase mb-5">Edmar</h4>
  940. <div class="reviews-slider-item | mb-5 leading-snug px-7 py-3 border border-black border-opacity-10 rounded mx-auto shadow-default">
  941. <div class="flex items-center flex-wrap justify-between my-3">
  942. <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=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4 text-accent"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg><svg class="w-4 h-4"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-star"></use></svg></div>
  943. Maja, 3 godziny temu</div>
  944. <p class="text-left mx-auto mb-3">Jestem wdzięczna i szczęśliwa, że spotkałam na swojej drodze tak wspaniałych Ludzi, cudownych PROFESJONALISTÓW: Pana Marka wraz z Synami!
  945.  
  946. Świetna logistyka, kreatywność i determinacja w trudnych sytuacjach (zw. z ukształtowaniem terenu i...</p>
  947. </div>
  948. </li>
  949. </ol>
  950. <ol class="reviews-slider-navigation | flex items-center flex items-center justify-center mt-3">
  951. <li class="is-active"></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>
  952. </ol>
  953. </div>
  954.  
  955. </div>
  956. </section>
  957.  
  958. <script id="script-homepage-reviews" type="module">
  959. _._(".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");
  960. </script>
  961. <style id="style-homepage-categories">
  962. .homepage-content-slider-content>*{flex:0 0 auto;width:calc(25% - 8px)}.homepage-categories .homepage-content-slider-content img{display:none}.homepage-content-slider-content img{width:calc(100% - 12px);height:180px;border-radius:8px;object-fit:cover;margin:auto}body.is-scrolled .homepage-content-slider-content img{display:block}@media(max-width: 959px){.homepage-categories-list{margin-bottom:32px}.homepage-content-slider-content>*{width:calc(33.333% - 8px)}}@media(max-width: 767px){.homepage-content-slider-nav{display:none}.homepage-content-slider-content{overflow-x:auto}.homepage-content-slider-content>*{width:280px}.homepage-content-slider-content img{height:180px}}@media(max-width: 767px){.homepage-categories h2{text-align:left;margin-left:-16px}.homepage-categories-list{margin-left:-30px;margin-right:-30px;margin-top:-32px;border-bottom:1px solid #e8e8e8}.homepage-categories-list-header{flex-direction:row-reverse;border-top:1px solid #e8e8e8;padding-top:8px;padding-bottom:8px}.homepage-categories-list-section ul{display:none;padding-left:20px;margin:0 16px 12px}.homepage-categories-list-section h3{font-weight:800}.homepage-categories-list-section[open] ul{display:block;background:var(--white)}.homepage-categories-list-header svg:first-child{margin-left:auto;color:#000}.homepage-categories-list-header svg:last-child{margin-left:0;margin-right:8px;width:24px;height:24px;margin:8px 12px 8px 0}.homepage-categories-list-section[open] .homepage-categories-list-header svg{color:#000}.homepage-categories-list-section[open] .homepage-categories-list-header svg:first-child{transform:rotate(180deg)}.homepage-categories-list-header a,.homepage-categories-list-header h3.cursor-pointer{pointer-events:none}}@media(min-width: 768px){.homepage-categories-list-section svg:first-child{display:none}.homepage-categories-list-section div{padding:0}.homepage-categories-list-section h3{font-weight:800;font-size:18px}.homepage-categories-list-section:nth-child(2n){background:rgba(0,0,0,.25)}.homepage-categories-list-section{border:1px solid var(--neutral-ll);border-top:none;border-right:none;border-left:none}.homepage-categories-list-section ul{padding:8px 0}.homepage-categories-list-section li{padding:2px 0px;font-size:16px}.homepage-categories-list{position:relative;column-count:2;column-gap:40px;column-rule:solid 1px #d6d6d6}.homepage-categories-list>*{break-inside:avoid}.homepage-categories-list-section{position:relative;background:rgba(0,0,0,0) !important;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #d6d6d6}.homepage-categories-list-section:after{content:"";position:absolute;background:#f4f4f5;width:8px;bottom:-16px;right:-24px;height:32px}}@media(min-width: 960px){.homepage-categories-list{column-count:4}.homepage-categories-list-header:hover{color:var(--accent)}.homepage-categories-list-section:nth-child(4),.homepage-categories-list-section:nth-child(7),.homepage-categories-list-section:nth-child(12),.homepage-categories-list-section:nth-child(17){border-bottom:none}.homepage-categories-list-section:nth-child(7):after{height:120px;bottom:-92px}.homepage-categories-list-section:nth-child(12):after{height:168px;bottom:-148px}}</style>
  963.  
  964. <section class="homepage-categories | homepage-section bg-neutral-50 text-center py-7 px-7" data-test="home__popular_categories">
  965. <div hidden>
  966. <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" overflow="hidden" style="position:absolute;width:0;height:0">
  967. <defs>
  968. <symbol id="i-architekt" viewBox="0 0 32 32" fill="currentColor">
  969. <path d="m13.432 14.185 1.136.697-9 14.667-1.136-.698zM18.568 14.185l9 14.666-1.136.698-9-14.667z" />
  970. <path d="M16 6.233a4.767 4.767 0 1 0 0 9.534 4.767 4.767 0 0 0 0-9.534zm0 1.334a3.433 3.433 0 1 1 0 6.866 3.433 3.433 0 0 1 0-6.866z" />
  971. <path d="M16.667 3v3.733h-1.334V3zM16.667 20.9v5.333h-1.334V20.9z" />
  972. <path d="m25.25 18.48 1.034.84A13.25 13.25 0 0 1 16 24.233c-3.98 0-7.682-1.761-10.169-4.739l-.115-.14 1.035-.84A11.888 11.888 0 0 0 16 22.9c3.563 0 6.893-1.6 9.14-4.287l.11-.133z" />
  973. </symbol>
  974. <symbol id="i-budowa-domow" viewBox="0 0 32 32" fill="currentColor">
  975. <path d="M10.37 10.091 6.032 27.64l-.009.04c-.148.818.447 1.465 1.271 1.278l17.579-4.344c.845-.253 1.104-1.126.478-1.752L12.117 9.629c-.628-.628-1.513-.399-1.747.462zm1.165.84 12.513 12.514-16.621 4.107 4.108-16.62z" />
  976. <path d="m22.573 3.196.946.94-5.965 5.996 4.1 4.1-8.702 8.738-.945-.94 7.764-7.796-4.1-4.1z" />
  977. </symbol>
  978. <symbol id="i-dachy" viewBox="0 0 32 32" fill="currentColor">
  979. <path d="M14.984 6.68c.56-.45 1.416-.465 1.964-.03l.057.048 4.495 3.927V7.967c0-.771.62-1.395 1.365-1.432l.068-.001H25.7c.771 0 1.396.62 1.432 1.365l.001.068v7.1c0 .22.156.571.333.76l.041.04 1.943 1.713c.47.376.82 1.117.848 1.74l.002.08v6.3h-1.333v-6.3c0-.226-.16-.593-.337-.766l-2.01-1.771c-.452-.408-.788-1.106-.818-1.71l-.002-.086v-7.1c0-.04-.037-.085-.079-.097l-.021-.003h-2.767c-.04 0-.085.037-.097.08l-.003.02v5.57l-1.235-1.08-.2-.167-.175-.144-.095-.077-5.004-4.37c-.045-.04-.182-.045-.257-.013l-.028.016-12.46 10.894a1.368 1.368 0 0 0-.376.752L3 19.4v6.3H1.667v-6.3c0-.595.315-1.302.763-1.741l.065-.061 12.489-10.92z" />
  980. </symbol>
  981. <symbol id="i-dla-firmy" viewBox="0 0 32 32" fill="currentColor">
  982. <path d="m21.28 19.266-5.207 8.826-4.739-8.826h-.467a5.209 5.209 0 0 0-5.2 5.096v4.971H4.333v-4.866a6.542 6.542 0 0 1 6.42-6.533h1.379l3.995 7.44 4.392-7.44h.848a6.542 6.542 0 0 1 6.532 6.42l.001.113v4.866h-1.333v-4.866a5.209 5.209 0 0 0-5.096-5.2h-.19zM16.1 4.333A5.171 5.171 0 0 1 21.267 9.5c0 2.833-2.334 5.167-5.167 5.167-2.833 0-5.167-2.334-5.167-5.167 0-2.833 2.3-5.167 5.167-5.167M16.1 3c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5S19.7 3 16.1 3z" />
  983. </symbol>
  984. <symbol id="i-ekipa-budowlana" viewBox="0 0 32 32" fill="currentColor">
  985. <path d="M4.833 8.067V9.4H1.667V8.067zM25.133 3h-15C9.398 3 8.8 3.598 8.8 4.333V13l.002.066c.034.705.619 1.267 1.331 1.267h7.713l2 8h-6.013c-.735 0-1.333.599-1.333 1.334V28c0 .735.598 1.333 1.333 1.333H29.5c.735 0 1.333-.598 1.333-1.333v-4.333l-.001-.067a1.335 1.335 0 0 0-1.332-1.267h-2.881l-2.029-8H25c3.076 0 5.65-2.365 5.8-5.4A5.674 5.674 0 0 0 25.132 3zm-15 1.333h15a4.34 4.34 0 0 1 4.334 4.536C29.353 11.182 27.376 13 25 13h-2.123l2.704 10.667H29.5V28H13.833v-4.333h7.72L18.888 13h-8.754V4.333z" />
  986. <path d="m15.047 13.504 1.333 5.3-1.293.325-1.334-5.3zM9 4.5v1.333a2.99 2.99 0 0 0-3 3 2.989 2.989 0 0 0 2.911 3H9v1.334a4.323 4.323 0 0 1-4.333-4.334 4.322 4.322 0 0 1 4.23-4.332L9 4.5z" />
  987. </symbol>
  988. <symbol id="i-remonty" viewBox="0 0 32 32" fill="currentColor">
  989. <path d="M17.75 22.925v5.668h-1.333v-5.668z" />
  990. <path d="M28.917 3.427c.712 0 1.297.563 1.331 1.267l.002.066v23.667c0 .713-.563 1.297-1.267 1.332l-.066.001H5.25a1.335 1.335 0 0 1-1.332-1.267l-.001-.066V17.26c0-.712.562-1.297 1.267-1.331l.066-.002h5.417v1.333H5.25v11.167h23.667V4.76H17.75V10h-1.333V4.76c0-.712.562-1.297 1.267-1.331l.066-.002h11.167z" />
  991. <path d="M17.683 12.594v7.737H16.35v-7.737z" />
  992. <path d="M20.658 15.874v1.334h-7.483v-1.334zM28.75 15.927v1.333h-5.583v-1.333z" />
  993. <path d="M3.75 4.95a9.334 9.334 0 0 1 9.332 9.18l.001.154H11.75a8 8 0 0 0-7.868-7.999l-.132-.001V4.951zM3.75 9.284a5.31 5.31 0 0 1 5.309 5.204v.106H7.727a3.976 3.976 0 0 0-3.875-3.975l-.101-.002V9.284zM14.75 3.594v1.333c-1.187 0-2.296.48-3.106 1.311l-.082.088-.981-.904a5.652 5.652 0 0 1 4.028-1.827l.141-.001z" />
  994. </symbol>
  995. <symbol id="i-elewacje" viewBox="0 0 32 32" fill="currentColor">
  996. <path d="m9.652 2.749-6.508 8.044a2.377 2.377 0 0 0-.477 1.35v16.094c0 .656.534 1.19 1.19 1.19h13.286c.656 0 1.19-.534 1.19-1.19V12.143c0-.44-.2-1.007-.477-1.35L11.347 2.75a1.073 1.073 0 0 0-1.695 0zM10.5 3.82l6.319 7.812.026.036c.077.122.155.353.155.475v15.951H4V12.143a1.1 1.1 0 0 1 .18-.51L10.5 3.82z" />
  997. <path d="M28.477 5.76c.635 0 1.155.5 1.188 1.128l.002.063v21.286c0 .635-.5 1.156-1.127 1.189l-.063.001H17.333v-1.333h11v-21H13.667V5.761h14.81zM13.25 10.98v1.333h-5.5v-1.334zM13.25 17.313v1.333h-5.5v-1.333zM13.25 23.646v1.333h-5.5v-1.333z" />
  998. <path d="M25.083 10.98v1.333h-5.5v-1.334zM25.083 17.313v1.333h-5.5v-1.333zM25.083 23.646v1.333h-5.5v-1.333z" />
  999. </symbol>
  1000. <symbol id="i-finanse" viewBox="0 0 32 32" style="stroke:currentColor;stroke-width:1.25;fill:transparent;" fill="currentColor">
  1001. <path d="M8.975 7.416a6.125 6.125 0 0 1-6.125 6.125"/>
  1002. <path d="M23.025 24.584a6.125 6.125 0 0 1 6.125-6.125"/>
  1003. <path d="M2.85 18.459a6.125 6.125 0 0 1 6.125 6.125"/>
  1004. <path d="M29.15 13.541a6.125 6.125 0 0 1-6.125-6.125"/>
  1005. <path d="M2.155 6.7h27.689v18.601H2.155z"/>
  1006. </symbol>
  1007. <symbol id="i-firma-transportowa" viewBox="0 0 32 32" fill="currentColor">
  1008. <path d="M9.167 15.833v1.334H1.833v-1.334z" />
  1009. <path d="M1 6.867h15.2v17.766h-1.333V8.2H2.333v15.767h4.1V25.3H1zM19.4 6.867a4.621 4.621 0 0 1 4.632 4.528l.001.105v4.367l.006.001c3.216.334 5.9 3.027 5.96 6.222l.001.11v3.1h-5.133v-1.333h3.8V22.2c0-2.675-2.415-4.976-5.196-5.032l-.104-.001H22.7V11.5c0-1.8-1.419-3.25-3.207-3.299L19.4 8.2h-1.5V6.867h1.5z" />
  1010. <path d="M22.367 22.133a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 1.334a2.167 2.167 0 1 1 0 4.333 2.167 2.167 0 0 1 0-4.333zM8.733 22.133a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 1.334a2.167 2.167 0 1 1 0 4.333 2.167 2.167 0 0 1 0-4.333zM6.638 12.029 11.11 16.5l-4.47 4.471-.944-.942L9.224 16.5l-3.529-3.529z" />
  1011. </symbol>
  1012. <symbol id="i-firmy-budowlane" viewBox="0 0 32 32" fill="currentColor">
  1013. <path d="M15.833 10.167c5.833 0 10.571 4.68 10.666 10.49l.001.176h-1.333a9.333 9.333 0 0 0-9.334-9.333 9.333 9.333 0 0 0-9.332 9.179l-.001.154H5.167c0-5.89 4.775-10.666 10.666-10.666z" />
  1014. <path d="M16.5 6.667V17h-1.333V6.667zM11.833 8.333V15H10.5V8.333zM21.167 8.333V15h-1.334V8.333zM27.333 20.5H4.667A2.667 2.667 0 0 0 2 23.167l.001.087a2.67 2.67 0 0 0 2.666 2.58h22.666A2.667 2.667 0 0 0 30 23.166l-.001-.088a2.67 2.67 0 0 0-2.666-2.579zM4.667 21.833h22.666c.718 0 1.306.569 1.333 1.283v.063a1.33 1.33 0 0 1-1.333 1.321H4.667a1.333 1.333 0 0 1-1.333-1.283v-.063a1.33 1.33 0 0 1 1.333-1.32z" />
  1015. </symbol>
  1016. <symbol id="i-instalacje" viewBox="0 0 32 32" fill="currentColor">
  1017. <path d="M27.467 7.667V9h-22.8V7.667z" />
  1018. <path d="M10.067 8.333V16c0 3.061 2.44 5.538 5.46 5.567h.94c3.07 0 5.542-2.419 5.599-5.46V8.334H23.4V16c0 3.79-3.03 6.837-6.816 6.899l-.117.001h-.827c-3.767.037-6.844-3.002-6.906-6.784V8.333h1.333z" />
  1019. <path d="M16.733 22.333v7H15.4v-7zM12.733 2.667v5.666H11.4V2.667zM20.733 2.667v5.666H19.4V2.667z" />
  1020. </symbol>
  1021. <symbol id="i-kancelaria-prawna" viewBox="0 0 32 32" fill="currentColor">
  1022. <path d="M30.667 7.5v1.333H1.333V7.5zM24.933 28.833v1.334H7.067v-1.334z" />
  1023. <path d="M16.667 2.333v27h-1.334v-27zM11.167 18.826 6.333 7.883 1.5 18.826v1.44a4.55 4.55 0 0 0 4.567 4.567H6.6a4.55 4.55 0 0 0 4.567-4.566v-1.441zm-4.834-7.643 3.5 7.925v1.159A3.217 3.217 0 0 1 6.6 23.5h-.533l-.093-.001a3.216 3.216 0 0 1-3.14-3.232v-1.16l3.5-7.924z" />
  1024. <path d="M10.167 18.167V19.5h-8v-1.333z" />
  1025. <path d="M30.5 18.826 25.667 7.883l-4.834 10.943v1.44a4.55 4.55 0 0 0 4.567 4.567h.533a4.55 4.55 0 0 0 4.567-4.566v-1.441zm-4.833-7.643 3.5 7.925v1.159a3.217 3.217 0 0 1-3.234 3.233H25.4l-.093-.001a3.216 3.216 0 0 1-3.14-3.232v-1.16l3.5-7.924z" />
  1026. <path d="M29.5 18.167V19.5h-8v-1.333z" />
  1027. </symbol>
  1028. <symbol id="i-maszyny-budowlane" viewBox="0 0 32 32" fill="currentColor">
  1029. <path d="m27.782 12.363-.605-.284-3.995 8.61.602.282a4.749 4.749 0 0 0 6.318-2.285 4.775 4.775 0 0 0-2.32-6.323zm-2.804 7.624 2.818-6.075c1.3.95 1.79 2.704 1.098 4.21l-.043.087a3.415 3.415 0 0 1-3.776 1.8l-.097-.022zM18.633 9.867v4.819l.036.005c1.966.327 3.545 1.994 3.596 3.976l.002.1V21.9h-1.334v-3.133c0-1.477-1.323-2.753-2.88-2.8H17.3V11.2h-4.333v4.133H4.6V21.9H3.267V14h8.366V9.867h7zM21.467 22.8H4.833a3.498 3.498 0 0 0-3.5 3.5c0 1.935 1.565 3.5 3.5 3.5h16.634c1.935 0 3.5-1.565 3.5-3.5s-1.565-3.5-3.5-3.5zM4.833 24.133h16.634c1.198 0 2.166.969 2.166 2.167a2.164 2.164 0 0 1-2.166 2.167H4.833A2.164 2.164 0 0 1 2.667 26.3c0-1.198.968-2.167 2.166-2.167z" />
  1030. <path d="M4.115 14.21 15.547 2.084 27.929 12.49l-.858 1.02-11.418-9.595L5.085 15.124zM19.933 25.633v1.334H6.367v-1.334zM18.2 17.967V19.3h-5.533v-1.333z" />
  1031. </symbol>
  1032. <symbol id="i-przed-domem" viewBox="0 0 32 32" fill="currentColor">
  1033. <path d="M29.333 28.333v1.334H2.667v-1.334z" />
  1034. <path d="M21.9 22.667V29h-1.333v-6.333z" />
  1035. <path d="M21.233 8.167c4.135 0 7.5 3.365 7.5 7.5 0 4.146-3.342 7.5-7.5 7.5a7.484 7.484 0 0 1-6.028-3.035l-.082-.112 1.087-.773a6.15 6.15 0 0 0 5.023 2.586 6.155 6.155 0 0 0 6.167-6.166A6.176 6.176 0 0 0 21.233 9.5c-2.162 0-4.105 1.112-5.227 2.931l-.065.108-1.148-.678c1.348-2.284 3.758-3.694 6.44-3.694zM10.9 22.667V29H9.567v-6.333z" />
  1036. <path d="m16.315 12.508-6.08-10.87L4.12 12.505l-.025.05a9.71 9.71 0 0 0-.859 3.806l-.002.198A6.558 6.558 0 0 0 9.8 23.133h.8c3.59 0 6.5-2.861 6.566-6.444v-.116c.036-1.346-.246-2.711-.823-4.01l-.028-.055zm-6.084-8.146 4.904 8.768-.01-.026a7.995 7.995 0 0 1 .711 3.263l-.004.304A5.221 5.221 0 0 1 10.6 21.8h-.8a5.223 5.223 0 0 1-5.233-5.233l.002-.184.006-.188a8.388 8.388 0 0 1 .656-2.915l.065-.148 4.935-8.77z" />
  1037. </symbol>
  1038. <symbol id="i-sklad-opalu" viewBox="0 0 32 32" fill="currentColor">
  1039. <path d="m16.333 3.261.064.793.012.172c.272 4.018-1.327 7.821-4.233 10.237l-.142.116-.088-.1a8.183 8.183 0 0 1-1.953-5.87l.07-1.077-.995.42c-8.166 3.456-6.645 16.401 1.769 20.481.891.397 1.779-.547 1.317-1.373l-.085-.144c-1.03-1.797-.907-3.878.25-5.029l.059-.056.016.081c.194.91.646 1.737 1.306 2.37l.401.384.45-.326.102-.074c1.496-1.13 2.414-2.91 2.496-4.827l.001-.046.007.001c3.177.816 4.427 4.724 2.721 7.67l-.054.091c-.518.828.387 1.815 1.275 1.42 5.02-2.242 7.767-7.972 7.133-13.875-.66-6.155-4.768-10.762-11.108-11.364l-.791-.075zm1.435 1.5.066.01c5.192.843 8.506 4.792 9.073 10.071l.016.16c.468 4.878-1.58 9.564-5.336 11.819l-.15.087.014-.032c1.566-3.834-.478-8.527-4.928-8.94l-.802-.074.076.801.01.122c.111 1.536-.461 3.013-1.507 4.03l-.062.058-.021-.03a3.425 3.425 0 0 1-.59-2.14l.058-1.072-.986.423-.098.043c-2.384 1.088-3.116 3.916-2.156 6.483l.058.151-.065-.04c-2.927-1.84-4.942-5.17-5.36-8.731l-.017-.144c-.367-3.49.872-6.495 3.494-8.105l.101-.061v.004a9.49 9.49 0 0 0 2.516 5.96l.088.093-.032-.04c.334.445.951.478 1.366.166 3.296-2.504 5.211-6.524 5.178-10.836l-.004-.237z" />
  1040. </symbol>
  1041. <symbol id="i-wykonczenia-wnetrz" viewBox="0 0 32 32" fill="currentColor">
  1042. <path d="M23.667 2.333H8.333C7.598 2.333 7 2.932 7 3.667v8.666c0 .735.598 1.334 1.333 1.334h15.334c.735 0 1.333-.599 1.333-1.334V3.667c0-.735-.598-1.334-1.333-1.334zM8.333 3.667h15.334v8.666H8.333V3.667z" />
  1043. <path d="M30 7.333v9.906l-13.333 2.034v9.494h-1.334v-10.64l13.334-2.033V8.667h-3.9V7.333zM8.167 7.167V8.5h-5.5V7.167z" />
  1044. </symbol>
  1045. <symbol id="i-wyposazenie-wnetrz" viewBox="0 0 32 32" fill="currentColor">
  1046. <path d="M29.2 28v1.333H2.667V28zM25.733 15.167V16.5h-19.6v-1.333z" />
  1047. <path d="M16.433 2.333c5.183 0 9.415 4.18 9.5 9.344v16.99H24.6V11.833c0-4.453-3.595-8.093-8.032-8.165l-.135-.001h-1.166A8.16 8.16 0 0 0 7.1 11.698l-.001.135v16.834H5.767V11.833a9.494 9.494 0 0 1 9.342-9.498l.158-.002h1.166z" />
  1048. <path d="M16.6 3v25.667h-1.333V3z" />
  1049. </symbol>
  1050. </defs>
  1051. </svg>
  1052. </div>
  1053.  
  1054. <div class="container pt-7">
  1055. <div class="homepage-categories-list | text-left">
  1056.  
  1057. <div class="homepage-categories-list-section | relative">
  1058. <div class="homepage-categories-list-header | p-3 flex items-center">
  1059. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1060. <h3 class="cursor-pointer">
  1061. <a title="Firmy budowlane" href="https://www.oferteo.pl/firmy-budowlane">
  1062. Firmy budowlane
  1063. </a>
  1064. </h3>
  1065. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-firmy-budowlane"></use></svg></div>
  1066. <ul>
  1067. <li class="block px-3 py-2 cursor-pointer text-accent">
  1068. <a title="Zlecenia budowlane" href="https://www.oferteo.pl/zlecenia-budowlane">
  1069. Zlecenia budowlane
  1070. </a>
  1071. </li>
  1072. </ul>
  1073. </div>
  1074.  
  1075. <div class="homepage-categories-list-section | relative">
  1076. <div class="homepage-categories-list-header | p-3 flex items-center">
  1077. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1078. <h3>Przed domem</h3>
  1079. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-przed-domem"></use></svg></div>
  1080. <ul>
  1081. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zlecenia brukarskie" href="https://www.oferteo.pl/zlecenia-brukarskie">Zlecenia brukarskie</a></li>
  1082. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zakładanie ogrodów" href="https://www.oferteo.pl/zakladanie-ogrodow">Zakładanie ogrodów</a></li>
  1083. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Ogrodnik" href="https://www.oferteo.pl/ogrodnik">Ogrodnik</a></li>
  1084. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Tarasy" href="https://www.oferteo.pl/tarasy">Tarasy</a></li>
  1085. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Projektowanie ogrodów" href="https://www.oferteo.pl/projektowanie-ogrodow">Projektowanie ogrodów</a></li>
  1086. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Ogrodzenia panelowe" href="https://www.oferteo.pl/ogrodzenia-panelowe">Ogrodzenia panelowe</a></li>
  1087. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Bramy garażowe" href="https://www.oferteo.pl/bramy-garazowe">Bramy garażowe</a></li>
  1088. </ul>
  1089. </div>
  1090.  
  1091. <div class="homepage-categories-list-section | relative">
  1092. <div class="homepage-categories-list-header | p-3 flex items-center">
  1093. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1094. <h3><a title="Elewacje" href="https://www.oferteo.pl/elewacje">Elewacje</a></h3>
  1095. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-elewacje"></use></svg></div>
  1096. <ul>
  1097. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Ocieplanie pianką pur" href="https://www.oferteo.pl/ocieplanie-pianka">Ocieplanie pianką pur</a></li>
  1098. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Ocieplanie budynków" href="https://www.oferteo.pl/ocieplanie-budynkow">Ocieplanie budynków</a></li>
  1099. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Ocieplanie poddasza" href="https://www.oferteo.pl/ocieplenie-poddasza">Ocieplenie poddasza</a></li>
  1100. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Malowanie elewacji" href="https://www.oferteo.pl/malowanie-elewacji">Malowanie elewacji</a></li>
  1101. </ul>
  1102. </div>
  1103.  
  1104. <div class="homepage-categories-list-section | relative">
  1105. <div class="homepage-categories-list-header | p-3 flex items-center">
  1106. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1107. <h3>Dla firmy</h3>
  1108. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-dla-firmy"></use></svg></div>
  1109. <ul>
  1110. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Szwalnia" href="https://www.oferteo.pl/szwalnia">Szwalnia</a></li>
  1111. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Strony internetowe" href="https://www.oferteo.pl/strony-internetowe">Strony internetowe</a></li>
  1112. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Dotacje unijne" href="https://www.oferteo.pl/dotacje-unijne">Dotacje unijne</a></li>
  1113. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Sprzątanie" href="https://www.oferteo.pl/sprzatanie">Sprzątanie</a></li>
  1114. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Dystrybutory wody" href="https://www.oferteo.pl/dystrybutory-wody">Dystrybutory wody</a></li>
  1115. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Dostawy wody" href="https://www.oferteo.pl/dostawy-wody">Dostawy wody</a></li>
  1116. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Agencja nieruchomości" href="https://www.oferteo.pl/agencje-nieruchomosci">Agencja nieruchomości</a></li>
  1117. </ul>
  1118. </div>
  1119.  
  1120. <div class="homepage-categories-list-section | relative">
  1121. <div class="homepage-categories-list-header | p-3 flex items-center">
  1122. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1123. <h3 class="cursor-pointer"> <a href="https://www.oferteo.pl/firmy-budujace-domy" title="Budowa domów">Budowa domów</a></h3>
  1124. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-budowa-domow"></use></svg></div>
  1125. <ul>
  1126. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Domki holenderskie" href="https://www.oferteo.pl/domki-holenderskie">Domki holenderskie</a></li>
  1127. </ul>
  1128. </div>
  1129.  
  1130. <div class="homepage-categories-list-section | relative">
  1131. <div class="homepage-categories-list-header | p-3 flex items-center">
  1132. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1133. <h3><a title="Ekipa budowlana" href="https://www.oferteo.pl/ekipa-budowlana">Ekipa budowlana</a></h3>
  1134. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-ekipa-budowlana"></use></svg></div>
  1135. <ul>
  1136. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Murarz" href="https://www.oferteo.pl/murarz">Murarz</a></li>
  1137. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Tynki maszynowe" href="https://www.oferteo.pl/tynki-maszynowe">Tynki maszynowe</a></li>
  1138. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Wyburzenia" href="https://www.oferteo.pl/wyburzenia">Wyburzenia</a></li>
  1139. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zlecenia na wyburzenia" href="https://www.oferteo.pl/zlece-rozbiorke">Zlecenia na wyburzenia</a></li>
  1140. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Roboty ziemne" href="https://www.oferteo.pl/roboty-ziemne">Roboty ziemne</a></li>
  1141. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Fundamenty" href="https://www.oferteo.pl/fundamenty">Fundamenty</a></li>
  1142. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Posadzki" href="https://www.oferteo.pl/posadzki">Posadzki</a></li>
  1143. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Kierownik budowy" href="https://www.oferteo.pl/kierownicy-budowy">Kierownik budowy</a></li>
  1144. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Konstrukcje stalowe" href="https://www.oferteo.pl/konstrukcje-stalowe">Konstrukcje stalowe</a></li>
  1145. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Montaż płyt warstwowych" href="https://www.oferteo.pl/montaz-plyt-warstwowych">Montaż płyt warstwowych</a></li>
  1146. </ul>
  1147. </div>
  1148.  
  1149. <div class="homepage-categories-list-section | relative">
  1150. <div class="homepage-categories-list-header | p-3 flex items-center">
  1151. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1152. <h3>Finanse</h3>
  1153. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-finanse"></use></svg></div>
  1154. <ul>
  1155. <li class="block px-3 py-2 cursor-pointer text-accent">
  1156. <a title="Księgowy" href="https://www.oferteo.pl/ksiegowy">Księgowy</a>
  1157. </li>
  1158. <li class="block px-3 py-2 cursor-pointer text-accent">
  1159. <a title="Doradca kredytowy" href="https://www.oferteo.pl/doradca-kredytowy">Doradca kredytowy</a>
  1160. </li>
  1161. <li class="block px-3 py-2 cursor-pointer text-accent">
  1162. <a title="Kredyt" href="https://www.oferteo.pl/kredyt">Kredyt</a>
  1163. </li>
  1164. <li class="block px-3 py-2 cursor-pointer text-accent">
  1165. <a title="Kredyt hipoteczny" href="https://www.oferteo.pl/kredyt-hipoteczny">Kredyt hipoteczny</a>
  1166. </li>
  1167. <li class="block px-3 py-2 cursor-pointer text-accent">
  1168. <a title="Kredyt dla firm" href="https://www.oferteo.pl/kredyt-dla-firm">Kredyt dla firm</a>
  1169. </li>
  1170. <li class="block px-3 py-2 cursor-pointer text-accent">
  1171. <a title="Leasing" href="https://www.oferteo.pl/leasing">Leasing</a>
  1172. </li>
  1173. <li class="block px-3 py-2 cursor-pointer text-accent">
  1174. <a href="https://www.oferteo.pl/leasing-samochodu"> Leasing samochodu </a>
  1175. </li>
  1176. <li class="block px-3 py-2 cursor-pointer text-accent">
  1177. <a title="Ubezpieczenia" href="https://www.oferteo.pl/agent-ubezpieczeniowy">Ubezpieczenia</a>
  1178. </li>
  1179. <li class="block px-3 py-2 cursor-pointer text-accent">
  1180. <a title="Ubezpieczenie na życie" href="https://www.oferteo.pl/ubezpieczenie-na-zycie">Ubezpieczenia na życie</a>
  1181. </li>
  1182. </ul>
  1183. </div>
  1184.  
  1185. <div class="homepage-categories-list-section | relative">
  1186. <div class="homepage-categories-list-header | p-3 flex items-center">
  1187. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1188. <h3 class="cursor-pointer">
  1189. <a title="Remonty" href="https://www.oferteo.pl/remonty">Remonty</a>
  1190. </h3>
  1191. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-remonty"></use></svg></div>
  1192. <ul>
  1193. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zlecenia remontowe" href="https://www.oferteo.pl/zlece-remont">Zlecenia remontowe</a></li>
  1194. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Remont łazienki" href="https://www.oferteo.pl/remont-lazienki">Remont łazienki</a></li>
  1195. </ul>
  1196. </div>
  1197.  
  1198.  
  1199. <div class="homepage-categories-list-section | relative">
  1200. <div class="homepage-categories-list-header | p-3 flex items-center">
  1201. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1202. <h3><a title="Dachy" href="https://www.oferteo.pl/dachy">Dachy</a></h3>
  1203. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-dachy"></use></svg></div>
  1204. <ul>
  1205. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Dekarz" href="https://www.oferteo.pl/dekarz">Dekarz</a></li>
  1206. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Krycie dachów" href="https://www.oferteo.pl/krycie-dachow">Krycie dachów</a></li>
  1207. </ul>
  1208. </div>
  1209.  
  1210. <div class="homepage-categories-list-section | relative">
  1211. <div class="homepage-categories-list-header | p-3 flex items-center">
  1212. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1213. <h3>Instalacje</h3>
  1214. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-instalacje"></use></svg></div>
  1215. <ul>
  1216. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zlecenia elektryczne" href="https://www.oferteo.pl/zlecenia-elektryczne">Zlecenia elektryczne</a></li>
  1217. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Instalacje sanitarne" href="https://www.oferteo.pl/instalacje-sanitarne">Instalacje sanitarne</a></li>
  1218. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Hydraulik" href="https://www.oferteo.pl/hydraulicy">Hydraulik</a></li>
  1219. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Gazownik" href="https://www.oferteo.pl/gazownik">Gazownik</a></li>
  1220. </ul>
  1221. </div>
  1222.  
  1223. <div class="homepage-categories-list-section | relative">
  1224. <div class="homepage-categories-list-header | p-3 flex items-center">
  1225. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1226. <h3><a title="Kancelaria prawna" href="https://www.oferteo.pl/kancelarie-prawne">Kancelaria prawna</a></h3>
  1227. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-kancelaria-prawna"></use></svg></div>
  1228. <ul>
  1229. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Adwokat od rozwodu" href="https://www.oferteo.pl/adwokat-od-rozwodu">Adwokat od rozwodu</a></li>
  1230. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Radca prawny" href="https://www.oferteo.pl/radcy-prawni">Radca prawny</a></li>
  1231. </ul>
  1232. </div>
  1233.  
  1234. <div class="homepage-categories-list-section | relative">
  1235. <div class="homepage-categories-list-header | p-3 flex items-center">
  1236. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1237. <h3><a title="Skład opału" href="https://www.oferteo.pl/sklad-opalu">Skład opału</a></h3>
  1238. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-sklad-opalu"></use></svg></div>
  1239. <ul>
  1240. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Producent Pelletu" href="https://www.oferteo.pl/producent-pelletu">Producent Pelletu</a></li>
  1241. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Ekogroszek" href="https://www.oferteo.pl/ekogroszek">Ekogroszek</a></li>
  1242. </ul>
  1243. </div>
  1244.  
  1245. <div class="homepage-categories-list-section | relative">
  1246. <div class="homepage-categories-list-header | p-3 flex items-center">
  1247. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1248. <h3><a title="Wykończenia wnętrz" href="https://www.oferteo.pl/wykonczenia-wnetrz">Wykończenia wnętrz</a></h3>
  1249. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-wykonczenia-wnetrz"></use></svg></div>
  1250. <ul>
  1251. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Sufity napinane" href="https://www.oferteo.pl/sufity-napinane">Sufity napinane</a></li>
  1252. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zlecenia dla glazurnika" href="https://www.oferteo.pl/zlecenia-dla-glazurnika">Zlecenia dla glazurnika</a></li>
  1253. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Gładzie" href="https://www.oferteo.pl/gladzie">Gładzie</a></li>
  1254. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Układanie paneli i parkietów" href="https://www.oferteo.pl/ukladanie-paneli">Układanie paneli i parkietów</a></li>
  1255. </ul>
  1256. </div>
  1257.  
  1258. <div class="homepage-categories-list-section | relative">
  1259. <div class="homepage-categories-list-header | p-3 flex items-center">
  1260. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1261. <h3><a title="Architekt" href="https://www.oferteo.pl/architekt">Architekt</a></h3>
  1262. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-architekt"></use></svg></div>
  1263. <ul>
  1264. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Adaptacja projektów" href="https://www.oferteo.pl/adaptacja-projektu">Adaptacja projektów</a></li>
  1265. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Architekt wnętrz" href="https://www.oferteo.pl/architekci-wnetrz">Architekt wnętrz</a></li>
  1266. </ul>
  1267. </div>
  1268. <div class="homepage-categories-list-section | relative">
  1269. <div class="homepage-categories-list-header | p-3 flex items-center">
  1270. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1271. <h3><a title="Wyposażenie wnętrz" href="https://www.oferteo.pl/wyposazenie-wnetrz">Wyposażenie wnętrz</a></h3>
  1272. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-wyposazenie-wnetrz"></use></svg></div>
  1273. <ul>
  1274. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Okna" href="https://www.oferteo.pl/okna">Okna</a></li>
  1275. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Kuchnie na wymiar" href="https://www.oferteo.pl/kuchnie-na-wymiar">Kuchnie na wymiar</a></li>
  1276. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Schody" href="https://www.oferteo.pl/schody">Schody</a></li>
  1277. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Balustrady" href="https://www.oferteo.pl/balustrady">Balustrady</a></li>
  1278. </ul>
  1279. </div>
  1280.  
  1281. <div class="homepage-categories-list-section | relative">
  1282. <div class="homepage-categories-list-header | p-3 flex items-center">
  1283. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1284. <h3><a title="Firma transportowa" href="https://www.oferteo.pl/transport">Firma transportowa</a></h3>
  1285. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-firma-transportowa"></use></svg></div>
  1286. <ul>
  1287. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Zlecenia transportowe" href="https://www.oferteo.pl/zlecenia-transportowe">Zlecenia transportowe</a></li>
  1288. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Przeprowadzki" href="https://www.oferteo.pl/przeprowadzki">Przeprowadzki</a></li>
  1289. </ul>
  1290. </div>
  1291.  
  1292. <div class="homepage-categories-list-section | relative">
  1293. <div class="homepage-categories-list-header | p-3 flex items-center">
  1294. <svg class="mr-3 w-6 h-6 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-angle-down"></use></svg>
  1295. <h3><a title="Maszyny budowlane" href="https://www.oferteo.pl/maszyny-budowlane">Maszyny budowlane</a></h3>
  1296. <svg class="w-8 h-8 text-neutral-300 ml-auto"><use xlink:href="#i-maszyny-budowlane"></use></svg></div>
  1297. <ul>
  1298. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Minikoparki" href="https://www.oferteo.pl/minikoparki">Minikoparki</a></li>
  1299. <li class="block px-3 py-2 cursor-pointer text-accent"><a title="Wózki widłowe" href="https://www.oferteo.pl/wozki-widlowe">Wózki widłowe</a></li>
  1300. </ul>
  1301. </div>
  1302.  
  1303. </div>
  1304.  
  1305. <a class="mb-5 btn btn-primary" href="https://www.oferteo.pl/znajdz-specjalistow" title="Znajdź w ponad 1000 kategorii usług i produktów">Wszystkie kategorie</a>
  1306.  
  1307. </div>
  1308. </section>
  1309.  
  1310. <script id="script-homepage-categories" type="module">
  1311. 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 a=e._(".homepage-content-slider-content");e=a.offsetWidth;a.scroll({left:a.scrollLeft-a.scrollLeft%e+e*o,behavior:"smooth"})}},"click")}}window.HomepageContentSlider=HomepageContentSlider,new HomepageContentSlider(".homepage-categories"),_._(".homepage-categories-list-header",(e,t)=>{e.target.closest(".homepage-categories-list-section").toggleAttribute("open")},"click"),_._(".homepage-categories-list [data-href]",O.Decode,"click");
  1312. </script>
  1313. <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">
  1314. <div class="container" style="max-width: 1024px;">
  1315. <div class="flex items-center flex-wrap lg:flex-nowrap">
  1316. <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="#6C6C6C" transform="translate(3 4)"><tspan x="79.512" y="129">czasu</tspan></text></g></svg>
  1317. <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>
  1318. <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="#6C6C6C" transform="translate(4 4)"><tspan x="69.872" y="129">budżetu</tspan></text></g></svg>
  1319. </div>
  1320. <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>
  1321. </div>
  1322. </section>
  1323.  
  1324.  
  1325. <style id="style-homepage-reviews">
  1326. .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>
  1327.  
  1328. <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">
  1329. <div class="container">
  1330. <h2 class="heading-md mb-7 mt-2">Opinie Zlecających i&nbsp;Kupujących</h2>
  1331. <div class="customer-reviews-container | flex items-center flex-wrap text-left -m-2 text-base">
  1332.  
  1333. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  1334. <svg class="i mb-1 icon-quote text-accent opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg> <br>
  1335. <span class="font-bold text-accent">Zaoszczędziłem dużo czasu</span>, który spędziłbym na poszukiwaniu potencjalnych kontrahentów w&nbsp;Google lub katalogach firm.
  1336. <div class="mt-5 leading-snug text-sm">
  1337. <strong>Tomasz Watras</strong>
  1338. <div class="text-neutral-600">Zlecający wykonanie strony WWW</div>
  1339. </div>
  1340. </div>
  1341.  
  1342. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  1343. <svg class="i mb-1 icon-quote text-accent opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg> <br>
  1344. Nie musiałam szukać firm i zwracać się do nich z prośbą o&nbsp;oferty. <span class="font-bold text-accent">Wykonawcy skontaktowali się ze mną sami</span>.
  1345. <div class="mt-5 leading-snug text-sm">
  1346. <strong>Katarzyna Postek</strong>
  1347. <div class="text-neutral-600">Zlecająca szycie odzieży</div>
  1348. </div>
  1349. </div>
  1350.  
  1351. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  1352. <svg class="i mb-1 icon-quote text-accent opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg> <br>
  1353. Dopiero po złożeniu zapytania na Oferteo otrzymuję prawdziwie <span class="font-bold text-accent">profesjonalne oferty i&nbsp;rzetelnych partnerów do&nbsp;współpracy</span>.
  1354. <div class="mt-5 leading-snug text-sm">
  1355. <strong>Marek Kowalski</strong>
  1356. <div class="text-neutral-600">Zlecający prace budowlane</div>
  1357. </div>
  1358. </div>
  1359.  
  1360. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  1361. <svg class="i mb-1 icon-quote text-accent opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg> <br>
  1362. Najatrakcyjniejszym aspektem Oferteo jest dla mnie <span class="font-bold text-accent">liczba zarejestrowanych firm</span>. Jest ich mnóstwo i&nbsp;pochodzą z&nbsp;całej&nbsp;Polski.
  1363. <div class="mt-5 leading-snug text-sm">
  1364. <strong>Adam Strzeszewski</strong>
  1365. <div class="text-neutral-600">Zlecający usługę architektoniczną</div>
  1366. </div>
  1367. </div>
  1368.  
  1369. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  1370. <svg class="i mb-1 icon-quote text-accent opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg> <br>
  1371. Ważne, że <span class="font-bold text-accent">mogę poznać opinie</span> wystawione przez innych Klientów. To pomocne przy ostatecznym wyborze firmy.
  1372. <div class="mt-5 leading-snug text-sm">
  1373. <strong>Marcin Dudziak</strong>
  1374. <div class="text-neutral-600">Zlecający prace remontowo-budowlane</div>
  1375. </div>
  1376. </div>
  1377.  
  1378. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white">
  1379. <svg class="i mb-1 icon-quote text-accent opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg> <br>
  1380. Dzięki Oferteo dostałem <span class="font-bold text-accent">w ciągu jednego dnia kilka ofert</span>. Polecam ten portal, pracownicy w pełni się angażują i&nbsp;szybko działają.
  1381. <div class="mt-5 leading-snug text-sm">
  1382. <strong>Leszek Solecki</strong>
  1383. <div class="text-neutral-600">Poszukujący korzystnego leasingu</div>
  1384. </div>
  1385. </div>
  1386.  
  1387. </div>
  1388. <a class="btn btn-small 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>
  1389. </div>
  1390. </section>
  1391.  
  1392. <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">
  1393. <div class="container">
  1394. <h2 class="heading-md mb-7 mt-2">Tysiące Specjalistów rozwija swój biznes z&nbsp;Oferteo</h2>
  1395. <div class="customer-reviews-container | flex items-center flex-wrap text-left -m-2 text-base">
  1396.  
  1397. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  1398. <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg>
  1399. <div class="mt-0 mb-auto pb-7">
  1400. 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ą.
  1401. </div>
  1402. <div class="flex items-center">
  1403. <img class="mr-1" alt="Renata Wierciak" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/renata-wierciak.png">
  1404. <div class="leading-snug text-sm">
  1405. <strong>Renata Wierciak</strong>
  1406. <div class="text-neutral-600">WARMED, budowa domów</div>
  1407. </div>
  1408. </div>
  1409. </div>
  1410.  
  1411. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  1412. <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg>
  1413. <div class="mt-0 mb-auto pb-7">
  1414. <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>.
  1415. </div>
  1416. <div class="flex items-center">
  1417. <img class="mr-1" alt="Barbara Komecka" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/barbara-komecka.png">
  1418. <div class="leading-snug text-sm">
  1419. <strong>Barbara Komecka</strong>
  1420. <div class="text-neutral-600">BASTION, usługi szwalnicze</div>
  1421. </div>
  1422. </div>
  1423. </div>
  1424.  
  1425. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  1426. <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg>
  1427. <div class="mt-0 mb-auto pb-7">
  1428. 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>.
  1429. </div>
  1430. <div class="flex items-center">
  1431. <img class="mr-1" alt="Wojciech Jarczynski" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/wojciech-jarczynski.png">
  1432. <div class="leading-snug text-sm">
  1433. <strong>Wojciech Jarczynski</strong>
  1434. <div class="text-neutral-600">PRO-DOMO, wykończenia wnętrz</div>
  1435. </div>
  1436. </div>
  1437. </div>
  1438.  
  1439. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  1440. <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg>
  1441. <div class="mt-0 mb-auto pb-7">
  1442. 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>.
  1443. </div>
  1444. <div class="flex items-center">
  1445. <img class="mr-1" alt="Ryszard Bednarek" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/ryszard-bednarek.png">
  1446. <div class="leading-snug text-sm">
  1447. <strong>Ryszard Bednarek</strong>
  1448. <div class="text-neutral-600">WIMAR, domy z drewna</div>
  1449. </div>
  1450. </div>
  1451. </div>
  1452.  
  1453. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  1454. <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg>
  1455. <div class="mt-0 mb-auto pb-7">
  1456. 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.
  1457. </div>
  1458. <div class="flex items-center">
  1459. <img class="mr-1" alt="Paweł Dołhańczuk" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/pawel-dolhanczuk.png">
  1460. <div class="leading-snug text-sm">
  1461. <strong>Paweł Dołhańczuk</strong>
  1462. <div class="text-neutral-600">PADO FINANCE, produkty finansowe</div>
  1463. </div>
  1464. </div>
  1465. </div>
  1466.  
  1467. <div class="shadow-large m-2 p-7 border border-black border-opacity-10 rounded bg-white flex flex-col">
  1468. <svg class="i mb-1 icon-quote text-info opacity-25"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-quote-left"></use></svg>
  1469. <div class="mt-0 mb-auto pb-7">
  1470. 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>.
  1471. </div>
  1472. <div class="flex items-center">
  1473. <img class="mr-1" alt="Waldemar Hagel" loading="lazy" src="https://static.oferteo.pl/images/forms/form004/recommedation/user/waldemar-hagel.png">
  1474. <div class="leading-snug text-sm">
  1475. <strong>Waldemar Hagel</strong>
  1476. <div class="text-neutral-600">ŚLUSARSTWO, usługi ślusarskie</div>
  1477. </div>
  1478. </div>
  1479. </div>
  1480.  
  1481. </div>
  1482.  
  1483. <p class="mt-7 heading-sm">Jesteś Specjalistą i&nbsp;szukasz nowych&nbsp;Klientów?</p>
  1484. <a class="btn-register | btn btn-small 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>
  1485. </div>
  1486. </section>
  1487.  
  1488. <script id="scripts-homepage-reviews" type="module">
  1489. -1<!_jsp.user.UserId&&_._(".homepage-customer-reviews.is-for-customers")._(".btn-register, .customer-reviews-container",e=>{e.preventDefault(),window.location.href="/rejestracja/wybierz-klientow?pid=17152"},"click");
  1490. </script>
  1491.  
  1492. <style id="style-homepage-locations">
  1493. .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>
  1494.  
  1495. <section class="homepage-locations | homepage-section bg-neutral-50 text-center py-7 cva" data-test="home__locations">
  1496.  <div class="container | relative">
  1497.    <h2 class="heading-md mb-7 mt-2 mx-auto px-3">Działamy w&nbsp;całej&nbsp;Polsce</h2>
  1498.    <ul class="flex items-center flex-wrap gap-2 md:gap-x-3 text-sm text-left px-3 md:px-5 pb-5">
  1499.      <li class="block whitespace-nowrap font-semibold">
  1500.          <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>
  1501.        </li>
  1502.      <li class="block whitespace-nowrap font-semibold">
  1503.          <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>
  1504.        </li>
  1505.      <li class="block whitespace-nowrap font-semibold">
  1506.          <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>
  1507.        </li>
  1508.      <li class="block whitespace-nowrap font-semibold">
  1509.          <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>
  1510.        </li>
  1511.      <li class="block whitespace-nowrap font-semibold">
  1512.          <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>
  1513.        </li>
  1514.      <li class="block whitespace-nowrap font-semibold">
  1515.          <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>
  1516.        </li>
  1517.      <li class="block whitespace-nowrap font-semibold">
  1518.          <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>
  1519.        </li>
  1520.      <li class="block whitespace-nowrap font-semibold">
  1521.          <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>
  1522.        </li>
  1523.      <li class="block whitespace-nowrap font-semibold">
  1524.          <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>
  1525.        </li>
  1526.      <li class="block whitespace-nowrap font-semibold">
  1527.          <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>
  1528.        </li>
  1529.      <li class="block whitespace-nowrap font-semibold">
  1530.          <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>
  1531.        </li>
  1532.      <li class="block whitespace-nowrap font-semibold">
  1533.          <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>
  1534.        </li>
  1535.      <li class="block whitespace-nowrap font-semibold">
  1536.          <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>
  1537.        </li>
  1538.      <li class="block whitespace-nowrap font-semibold">
  1539.          <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>
  1540.        </li>
  1541.      <li class="block whitespace-nowrap font-semibold">
  1542.          <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>
  1543.        </li>
  1544.      <li class="block whitespace-nowrap font-semibold">
  1545.          <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>
  1546.        </li>
  1547.      </ul>
  1548.  </div>
  1549. </section>
  1550.  
  1551. <style id="style-homepage-trusted-brands">
  1552. .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>
  1553. <style id="style-global-category-select">
  1554. .category-select ul>li{flex:0 0 12.5%}.category-select ul>li:hover svg{color:inherit}@media(max-width: 767px){.category-select ul>li{flex-direction:row;border-radius:8rem;border:1px solid var(--neutral-l);font-size:14px;font-weight:bold;margin:0 4px;padding-right:12px;user-select:none}.category-select ul>li svg{width:16px;height:16px;margin:12px 4px 12px 12px}.category-select{overflow:auto;padding:16px 8px}}</style>
  1555.  
  1556. <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">
  1557. <ul class="container flex items-center justify-between cursor-pointer" style="max-width:1024px">
  1558. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9idWRvd2E="> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-brick"></use></svg> Budowa    </li>
  1559. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9kb20="> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-home"></use></svg> Dom       </li>
  1560. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9maXJtYQ=="> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-briefcase"></use></svg> Firma     </li>
  1561. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC9maW5hbnNl"> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-money"></use></svg> Finanse   </li>
  1562. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC93aWVjZWoja2F0ZWdvcmlhLWltcHJlenk="> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-calendar"></use></svg> Imprezy   </li>
  1563. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC93aWVjZWoja2F0ZWdvcmlhLXpkcm93aWUtaS11cm9kYQ=="> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-heart"></use></svg> Zdrowie   </li>
  1564. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kemlhbC93aWVjZWoja2F0ZWdvcmlhLWVkdWthY2ph"> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-education"></use></svg> Edukacja  </li>
  1565. <li class="cursor-pointer hover:text-accent flex flex-col flex items-center justify-center" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC96bmFqZHotc3BlY2phbGlzdG93"> <svg class="fill-current w-8 h-8 mb-3 text-neutral-300"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-cat-search"></use></svg> Wszystkie </li>
  1566. </ul>
  1567. </div>
  1568.  
  1569. <script id="script-global-category-select" type="module">
  1570. _._(".category-select [data-href]",O.Decode,"click");
  1571. </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">
  1572. <div class="container" style="max-width: 960px;">
  1573. <h2 class="heading-md mb-7 mt-2">Zaufało nam wiele znanych&nbsp;marek</h2>
  1574. <div class="homepage-trusted-brands-list | flex items-center flex-wrap flex items-center justify-center mb-7">
  1575. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-0"></use> </svg>
  1576. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-1"></use> </svg>
  1577. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-2"></use> </svg>
  1578. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-3"></use> </svg>
  1579. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-4"></use> </svg>
  1580. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-5"></use> </svg>
  1581. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-6"></use> </svg>
  1582. <svg> <use xlink:href="/images/trusted-brands.svg#symbol-7"></use> </svg>
  1583. </div>
  1584. </div>
  1585. </section>
  1586.  
  1587. <style id="style-homepage-counters-cloud">
  1588. @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>
  1589.  
  1590. <div class="homepage-counters-cloud-prototype" hidden>
  1591. <div class="homepage-counters-cloud | absolute p-3 bg-white text-xs rounded text-left p-center | is-enter">
  1592. <span></span>
  1593. </div>
  1594. </div>
  1595.  
  1596. <script>
  1597.  
  1598. function HomepageCloudsList() {
  1599. const result = [ [], [], [] ];
  1601. result[1].push(`<strong>4 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Wymiana dachu`);
  1603. result[1].push(`<strong>4 minuty temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Cyklinowanie`);
  1605. result[1].push(`<strong>5 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Wymiana dachu`);
  1607. result[1].push(`<strong>6 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Malowanie mieszkań`);
  1609. result[0].push(`<strong>6 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Układanie kostki brukowej`);
  1611. result[0].push(`<strong>6 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Płyta karton gips`);
  1613. result[2].push(`<strong>8 minut temu</strong><br>Firma HB Zarządzanie... dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1615. result[1].push(`<strong>8 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Tynki maszynowe`);
  1617. result[0].push(`<strong>9 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Okna PCV`);
  1619. result[0].push(`<strong>9 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Malowanie dachów`);
  1621. result[1].push(`<strong>9 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Okna PCV`);
  1623. result[1].push(`<strong>9 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Glazurnik`);
  1625. result[0].push(`<strong>10 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Układanie kostki brukowej`);
  1627. result[1].push(`<strong>11 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Malowanie dachów`);
  1629. result[1].push(`<strong>11 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Tynki maszynowe`);
  1631. result[0].push(`<strong>12 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Sprzedaż mieszkania`);
  1633. result[0].push(`<strong>13 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Sprzedaż mieszkania`);
  1635. result[0].push(`<strong>14 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Sprzątanie biur`);
  1637. result[0].push(`<strong>15 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Układanie kostki brukowej`);
  1639. result[1].push(`<strong>15 minut temu</strong><br>Kupujący zapytał o&nbsp;oferty z&nbsp;kategorii Schody drewniane`);
  1641. result[0].push(`<strong>18 minut temu</strong><br>Firma złożyła ofertę z&nbsp;kategorii Ogrodzenia panelowe`);
  1643. result[2].push(`<strong>29 minut temu</strong><br>Firma SZYMON SAMULAK... dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1645. result[2].push(`<strong>26 minut temu</strong><br>Firma SprintAuto DHS Yevhenii... dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1647. result[2].push(`<strong>23 minuty temu</strong><br>Firma Pizza STAR Mateusz... dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1649. result[2].push(`<strong>21 minut temu</strong><br>Firma Maciej Kulwiec dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1651. result[2].push(`<strong>23 minuty temu</strong><br>Firma Miłosz Mazur dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1653. result[2].push(`<strong>28 minut temu</strong><br>Firma Malik dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1655. result[2].push(`<strong>26 minut temu</strong><br>Firma Petro Chepoi dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1657. result[2].push(`<strong>25 minut temu</strong><br>Firma VOLMER PIOTR MIERNIK dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1659. result[2].push(`<strong>29 minut temu</strong><br>Firma Kamil ka dołączyła do Sprzedających usługi&nbsp;i&nbsp;produkty`);
  1661. return result;
  1662. }
  1663. </script><script id="scripts-homepage-counters-cloud">
  1664. 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=fa1a8f1#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");
  1665. </script>
  1666.  
  1667.  
  1668. <style id="style-knowledge-base">
  1669. .homepage-knowledge-base .homepage-content-slider-content>*{flex:0 0 auto;width:calc(33.33333% - 40px);cursor:text}.homepage-knowledge-base img{height:200px;width:100%}.knowledge-base-header .knowledge-base-image div{box-shadow:0 0 0 512px rgba(0,0,0,.5);background:rgba(0,0,0,.5);transform:translate(-50%, calc(-50% + 24px));opacity:0;transition:.3s}.knowledge-base-header:hover .knowledge-base-image div{transform:translate(-50%, -50%);opacity:1}@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}.homepage-knowledge-base p{display:none}.knowledge-base-header .knowledge-base-title{border:none;padding-bottom:16px;font-size:16px}}</style>
  1670.  
  1671. <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">
  1672. <div class="container">
  1673. <h2 class="heading-md mb-7 mt-2">Porady</h2>
  1674.  
  1675. <div class="homepage-content-slider | flex items-center text-left -mx-7 mb-5">
  1676. <div class="homepage-content-slider-nav"> <svg class="fill-current w-6 h-6 text-neutral-300 hover:text-accent cursor-pointer"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-chevron-left"></use></svg> </div>
  1677. <div class="homepage-content-slider-content flex flex-auto overflow-hidden">
  1678. <div class="mx-5 flex flex-col overflow-hidden cursor-pointer">
  1679. <a class="knowledge-base-header | hover:text-accent cursor-pointer" href="https://www.oferteo.pl/artykuly/montaz-pompy-ciepla-krok-po-kroku" title="Jak przeprowadzić montaż pompy ciepła krok po kroku?">
  1680. <div class="knowledge-base-image | relative overflow-hidden">
  1681. <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/specjalista-montuje-pompe-ciepla-zlecenia-oferty-g.jpg" alt="Jak przeprowadzić montaż pompy ciepła krok po kroku?">
  1682. </div>
  1683. <h4 class="knowledge-base-title | text-lg my-5 font-extrabold">Jak przeprowadzić montaż pompy ciepła krok po kroku?</h4>
  1684. </a>
  1685. <p>Montaż pompy ciepła w dużym stopniu wpływa na efektywność całego systemu i jest tak samo ważny, jak prawidłowy dobór pompy ciepła. Profesjonalne podłączenie pompy nie jest problematyczne i czasochłonne – pod warunkiem, że wcześniej zadbasz o wybór miejsca montażu pompy ciepła oraz o każdy szczegół montażu jednostki wewnętrznej i przeprowadzisz niezbędne testy. Jak podłączyć pompę i jak przebiega montaż ...</p>
  1686. </div>
  1687. <div class="mx-5 flex flex-col overflow-hidden cursor-pointer">
  1688. <a class="knowledge-base-header | hover:text-accent cursor-pointer" href="https://www.oferteo.pl/artykuly/instalacja-fotowoltaiczna-10-kw-cena-z-montazem-i-bez" title="Instalacja fotowoltaiczna 10 kW – cena z montażem i bez. Ile możesz oszczędzić?">
  1689. <div class="knowledge-base-image | relative overflow-hidden">
  1690. <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/dwoch-mlodych-specjalistow-instaluje-panel-fotowoltaiczny-zlecenia-oferty-g.jpg" alt="Instalacja fotowoltaiczna 10 kW – cena z montażem i bez. Ile możesz oszczędzić?">
  1691. </div>
  1692. <h4 class="knowledge-base-title | text-lg my-5 font-extrabold">Instalacja fotowoltaiczna 10 kW – cena z montażem i bez. Ile możesz oszczędzić?</h4>
  1693. </a>
  1694. <p>W przypadku nieco większych domów i inwestycji bardzo częstym wyborem jest instalacja fotowoltaiczna 10 kW. Cena z montażem i bez montażu zależy od kilku czynników – m.in. od rodzaju paneli fotowoltaicznych, stopnia skomplikowania prac, typu inwertera, konieczności przygotowania miejsca montażu lub dostosowania budynku. Ile kosztuje instalacja fotowoltaiczna 10 kW – jaka jest cena z montażem i bez w 2023 ...</p>
  1695. </div>
  1696. <div class="mx-5 flex flex-col overflow-hidden cursor-pointer">
  1697. <a class="knowledge-base-header | hover:text-accent cursor-pointer" href="https://www.oferteo.pl/artykuly/jak-obliczyc-moc-instalacji-fotowoltaicznej" title="Jak dobrać moc paneli fotowoltaicznych dla domu?">
  1698. <div class="knowledge-base-image | relative overflow-hidden">
  1699. <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/jak-obliczyc-moc-instalacji-fotowoltaicznej-artykul-zlecenia-oferty-g.jpg" alt="Jak dobrać moc paneli fotowoltaicznych dla domu?">
  1700. </div>
  1701. <h4 class="knowledge-base-title | text-lg my-5 font-extrabold">Jak dobrać moc paneli fotowoltaicznych dla domu?</h4>
  1702. </a>
  1703. <p>Moc paneli fotowoltaicznych to ilość energii elektrycznej, którą panele fotowoltaiczne są w stanie wytworzyć w określonym czasie. Jak łatwo się domyślić: odpowiednio dobrana moc paneli fotowoltaicznych to klucz do szybkiego zwrotu całej inwestycji. Jeśli zależy ci na tym, aby oszczędzać dzięki fotowoltaice, to w pierwszej kolejności trzeba właściwie zaplanować wielkość instalacji. Jaka powinna być moc ...</p>
  1704. </div>
  1705. <div class="mx-5 flex flex-col overflow-hidden cursor-pointer">
  1706. <a class="knowledge-base-header | hover:text-accent cursor-pointer" href="https://www.oferteo.pl/artykuly/czym-jest-dolne-zrodlo-pompy-ciepla-jakie-powinno-miec-parametry" title="Czym jest dolne źródło pompy ciepła, jakie powinno mieć parametry?">
  1707. <div class="knowledge-base-image | relative overflow-hidden">
  1708. <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/pompa-ciepla-schemat-artykul-content-zlecenia-oferty-g.jpg" alt="Czym jest dolne źródło pompy ciepła, jakie powinno mieć parametry?">
  1709. </div>
  1710. <h4 class="knowledge-base-title | text-lg my-5 font-extrabold">Czym jest dolne źródło pompy ciepła, jakie powinno mieć parametry?</h4>
  1711. </a>
  1712. <p>Zastanawiasz się nad instalacją pompy ciepła? Chcesz ogrzewać dom efektywnie, ekologicznie i ekonomicznie? Dowiedz się więc, czym jest dolne źródło pompy ciepła oraz jak wybrać najlepsze rozwiązanie dopasowane do Twoich potrzeb. Zapraszamy do lektury!</p>
  1713. </div>
  1714. <div class="mx-5 flex flex-col overflow-hidden cursor-pointer">
  1715. <a class="knowledge-base-header | hover:text-accent cursor-pointer" href="https://www.oferteo.pl/artykuly/ile-paneli-fotowoltaicznych-dla-domu" title="Ile paneli fotowoltaicznych na 1kw dla domu jednorodzinnego?">
  1716. <div class="knowledge-base-image | relative overflow-hidden">
  1717. <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/ile-paneli-dla-domu-artykul-zlecenia-oferty-g.jpg" alt="Ile paneli fotowoltaicznych na 1kw dla domu jednorodzinnego?">
  1718. </div>
  1719. <h4 class="knowledge-base-title | text-lg my-5 font-extrabold">Ile paneli fotowoltaicznych na 1kw dla domu jednorodzinnego?</h4>
  1720. </a>
  1721. <p>Jedno z najczęściej zadawanych pytań dotyczących instalacji fotowoltaicznych brzmi: „Ile paneli fotowoltaicznych na 1 kW potrzeba na 1kW?”. Jak zatem obliczyć moc instalacji fotowoltaicznej? Ile paneli fotowoltaicznych potrzebnych jest na dom? Podpowiadamy, jak dużej instalacji potrzebujesz, aby inwestycja szybko się zwróciła i była opłacalna.</p>
  1722. </div>
  1723. <div class="mx-5 flex flex-col overflow-hidden cursor-pointer">
  1724. <a class="knowledge-base-header | hover:text-accent cursor-pointer" href="https://www.oferteo.pl/artykuly/co-to-jest-hybrydowa-pompa-ciepla-i-jak-dziala" title="Co to jest hybrydowa pompa ciepła i jak działa? Czy warto?">
  1725. <div class="knowledge-base-image | relative overflow-hidden">
  1726. <img class="bg-white" loading="lazy" src="https://static.oferteo.pl/images/hero/hydraulik-przykreca-nakretke-rury-w-instalacji-z-pompa-ciepla-zlecenia-oferty-g.jpg" alt="Co to jest hybrydowa pompa ciepła i jak działa? Czy warto?">
  1727. </div>
  1728. <h4 class="knowledge-base-title | text-lg my-5 font-extrabold">Co to jest hybrydowa pompa ciepła i jak działa? Czy warto?</h4>
  1729. </a>
  1730. <p>Hybrydowe pompy ciepła to rozwiązanie korzystające z minimum dwóch rodzajów energii lub paliwa. Nowoczesne systemy hybrydowe nie tylko łączą ze sobą różne urządzenia w jeden układ (hybrydowo pompa ciepła może działać np. w modernizowanym domu z kotłem ciepła), ale też łączą funkcje – np. ogrzewania wody z ogrzewaniem pomieszczeń. Jak działa hybrydowa pompa ciepła, jakie może przynieść korzyści i ile ...</p>
  1731. </div>
  1732. </div>
  1733. <div class="homepage-content-slider-nav"> <svg class="fill-current w-6 h-6 text-neutral-300 hover:text-accent cursor-pointer"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-chevron-right"></use></svg> </div>
  1734. </div>
  1735.  
  1736. </div>
  1737. </section>
  1738.  
  1739. <script id="script-knowledge-base" type="module">
  1740. new HomepageContentSlider(".homepage-knowledge-base");
  1741. </script>
  1742. <div hidden>
  1743. /
  1744. false /
  1745. true /
  1746. </div>
  1747.  
  1748. <!-- PageType: LF,LF+A, BC, RFP, LRFP, HP, BW, O -->
  1749.  
  1750. <script>
  1751.        window.localStorage['isBuyerApp'] = false;
  1752.    </script>
  1753. <style>
  1754. @font-face{font-family:"Mulish";font-style:normal;font-weight:300;font-display:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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:fallback;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><script id="script-global-ga" type="module">
  1755. 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");
  1756. </script>
  1757. <style id="style-global-footer-nav">
  1758. .footer-nav,.footer-foreign,.footer-copyright{background:#1a1a1a;border-top:2px solid #000}.footer-nav{padding-top:60px;padding-bottom:60px;overflow:hidden}.footer-nav li{padding:4px 0}@media(pointer: coarse){.footer-nav li{padding:12px 0}}.footer-nav .mb-4{margin-bottom:16px !important}.footer-nav ul{list-style:none}.footer-nav .text-neutral-600,.footer-copyright .text-neutral-600{color:#979797}.footer-nav .i-oferteo{width:120px;margin:0 20px 28px}.footer-foreign a,.footer-nav a,.footer-copyright a,.footer-foreign div[data-href],.footer-nav div[data-href],.footer-copyright div[data-href]{color:var(--accent);cursor:pointer}.footer-foreign a:hover,.footer-nav a:hover,.footer-copyright a:hover,.footer-foreign div[data-href]:hover,.footer-nav div[data-href]:hover,.footer-copyright div[data-href]:hover{text-decoration:underline}.footer-foreign{padding:16px 0;display:flex}.footer-nav .download-app{margin-top:40px}@media(max-width: 959px){.footer-nav .container>*{flex:0 0 50% !important;width:50% !important;max-width:100% !important;border:none}}@media(max-width: 767px){.footer-nav{padding-top:8px}.footer-nav .container>*{flex:0 0 100% !important;width:100% !important;max-width:100% !important;text-align:center}.footer-nav .container .col-3{margin-top:40px}.footer-nav .i-oferteo{top:32px;position:relative;background-position:center !important;margin-left:0 !important;width:100%}.footer-nav .app-buttons{justify-content:center}}.footer-copyright{padding:16px 8px}.myoferteo .footer-foreign,.myoferteo .footer-copyright,.myoferteo .footer-nav{display:none !important}</style>
  1759. <footer class="footer">
  1760.  <div class="footer-nav | cva text-sm" data-test="home__footer_nav" style="contain-intrinsic-size:975px">
  1761.    <div class="container | flex flex-wrap leading-relaxed">
  1762.      <div style="flex: 0 0 100% !important;" data-test="home__footer_nav__logo">
  1763.        <svg class="i-oferteo | fill-white text-white h-10 w-32 relative"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-oferteo-redesign"></use></svg>
  1764.      </div>
  1765.      <div class="px-5 col-3" data-test="home__footer_nav__contact">
  1766.        <div class="text-white footer-txt">
  1767.          <a target="_blank" rel="noopener" title="Oferteo na Facebooku" href="https://pl-pl.facebook.com/Oferteo"><svg class="inline-block p-2 -ml-3 text-white w-10 h-10 hover:text-accent" style="fill: currentColor"> <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-facebook"></use></svg></a>
  1768.          <a target="_blank" rel="noopener" title="Nowości"              href="https://www.oferteo.pl/nowosci.html">               <svg class="inline-block p-2 text-white w-10 h-10 hover:text-accent" style="fill: currentColor">     <use xlink:href="https://www.oferteo.pl/images/symbol-defs.svg?rev=fa1a8f1#i-feed"></use></svg></a>
  1769.          <div style="line-height: 2">
  1770.            Oferteo S.A.<br>
  1771.            ul. Świeradowska 51-57/102A<br>
  1772.            50-559 Wrocław<br>
  1773.            <br>
  1774.            NIP: 899-269-34-75<br>
  1775.            KRS: 0000913981<br>
  1776.            REGON: 021182878
  1777.          </div>
  1778.        </div>
  1779.      </div>
  1780.      <div class="px-5 col-3" data-test="home__footer_nav__main">
  1781.        <div class="mt-2 mb-4 uppercase text-neutral-600">Oferteo</div>
  1782.  
  1783.        <ul class="p-0">
  1784.          <li class="block">
  1785.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9vLW5hcw==" title="O nas">O nas</div>
  1786.          </li>
  1787.          <li class="block">
  1788.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly9iaXVyb3ByYXNvd2Uub2ZlcnRlby5wbC8=" title="Biuro prasowe">Biuro prasowe</div>
  1789.          </li>
  1790.          <li class="block">
  1791.            <a href="https://www.oferteo.pl/ranking-najlepsi" title="Ranking Oferteo Najlepsi">Ranking Oferteo Najlepsi</a>
  1792.          </li>
  1793.          <li class="block">
  1794.            <a href="https://www.oferteo.pl/opinie-o-oferteo" title="Zadowoleni Klienci Oferteo.pl">Zadowoleni Klienci</a>
  1795.          </li>
  1796.          <li class="block">
  1797.            <a href="https://www.oferteo.pl/kariera" title="Kariera">Kariera</a>
  1798.          </li>
  1799.          <li class="block">
  1800.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC93c3BvbHByYWNh" title="Współpraca">Współpraca</div>
  1801.          </li>
  1802.          <li class="block">
  1803.            <a href="https://www.oferteo.pl/cennik.html" title="Cennik">Cennik</a>
  1804.          </li>
  1805.          <li class="block">
  1806.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9yZWd1bGFtaW4uaHRtbA==" title="Regulamin">Regulamin</div>
  1807.          </li>
  1808.          <li class="block">
  1809.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9wb2xpdHlrYS1vY2hyb255LXByeXdhdG5vc2Np" title="Polityka ochrony prywatności">Polityka ochrony prywatności</div>
  1810.          </li>
  1811.          <li class="block">
  1812.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9pbmZvcm1hY2plLXByYXduZQ==" title="Informacje prawne">Informacje prawne</div>
  1813.          </li>
  1814.          <li class="block">
  1815.            <div rel="nofollow" class="text-accent" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9kZWtsYXJhY2phLWRvc3RlcG5vc2NpL2FwbGlrYWNqYS13ZWJvd2E=" title="Deklaracja dostępności">Deklaracja dostępności</div>
  1816.          </li>
  1817.        </ul>
  1818.      </div>
  1819.      <div class="px-5 col-3" data-test="home__footer_nav__info">
  1820.        <div class="mt-2 mb-4 uppercase text-neutral-600">Przydatne informacje</div>
  1821.        <ul class="p-0">
  1822.          <li class="block">
  1823.            <div rel="nofollow" data-href="aHR0cHM6Ly93d3cub2ZlcnRlby5wbC9qYWstZHppYWxhLW9mZXJ0ZW8=" title="Jak to działa">Jak działamy</div>
  1824.          </li>
  1825.          <li class="block">
  1826.            <a href="https://www.oferteo.pl/zlecenia-budowlane"    title="Zlecenia budowlane"   >Zlecenia budowlane    </a>
  1827.          </li>
  1828.          <li class="block">
  1829.            <a href="https://www.oferteo.pl/zlecenia-brukarskie"   title="Zlecenia brukarskie"  >Zlecenia brukarskie   </a>
  1830.          </li>
  1831.          <li class="block">
  1832.            <a href="https://www.oferteo.pl/zlece-remont"          title="Zlecenia remontowe"   >Zlecenia remontowe    </a>
  1833.          </li>
  1834.          <li class="block">
  1835.            <a href="https://www.oferteo.pl/zlecenia-transportowe" title="Zlecenia transportowe">Zlecenia transportowe </a>
  1836.          </li>
  1837.            
  1838.          <li class="block">
  1839.            <a href="https://www.oferteo.pl/nowosci.html" title="Nowości">Nowości</a>
  1840.          </li>
  1841.  
  1842.          <li class="block">
  1843.            <a href="https://www.oferteo.pl/mapa-serwisu.html" title="Mapa Serwisu">Mapa Serwisu</a>
  1844.          </li>
  1845.        </ul>
  1846.      </div>
  1847.      <div class="px-5 col-3 bx" data-test="home__footer_nav__help">
  1848.        <div class="mt-2 mb-4 uppercase text-neutral-600">Potrzebujesz pomocy?</div>
  1849.        <div class="text-white footer-txt">
  1850.          Skorzystaj z zakładki <a href="https://www.oferteo.pl/kontakt.html" title="Pomoc">Pomoc</a>
  1851.          <br><br>
  1852.          Biuro Obsługi Klienta odpowiada<br>
  1853.          na Państwa pytania w dni robocze<br>
  1854.          od 9:00 do 17:00
  1855.        </div>
  1856.        <div class="mt-10 mb-4 uppercase text-neutral-600">Bezpieczeństwo na oferteo</div>
  1857.        <div>
  1858.          <ul class="p-0">
  1859.            <li class="block">
  1860.              <a href="https://www.oferteo.pl/bezpieczenstwo-dla-zlecajacych" title="Ochrona Zlecających">Ochrona Zlecających</a>
  1861.            </li>
  1862.            <li class="block">
  1863.              <a href="https://www.oferteo.pl/bezpieczenstwo-dla-wykonawcow" title="Ochrona Wykonawców">Ochrona Wykonawców</a>
  1864.            </li>
  1865.          </ul>
  1866.        </div>
  1867.        <div class="download-app | mb-4 uppercase text-neutral-600">Pobierz aplikacje</div>
  1868.          <div class="app-buttons | flex gap-4">
  1869.            <a href="https://apps.apple.com/pl/app/oferteo-znajdź-wykonawcÄ\x99/id1621301704?l=pl" aria-label="Pobierz aplikację Oferteo z App Store">
  1870.              <img src="https://www.oferteo.pl/images/download_from_appstore.webp" width="108" height="36" fetchpriority="low" loading="lazy" alt="Przycisk pobierania aplikacji Oferteo z App Store" />
  1871.            </a>
  1872.            <a href="https://play.google.com/store/apps/details?id=pl.epoint.oferteo.buyers.oferteo_ordering" aria-label="Pobierz aplikację Oferteo z Google Play">
  1873.              <img src="https://www.oferteo.pl/images/download_from_googleplay.webp" width="108" height="36" fetchpriority="low" loading="lazy" alt="Przycisk pobierania aplikacji Oferteo z Google Play" />
  1874.            </a>
  1875.          </div>
  1876.        </div>
  1877.    </div>
  1878.  </div>
  1879.  
  1880.  <div class="footer-copyright | text-sm px-3 py-5 text-center cva" data-test="home__footer_copyright" style="contain-intrinsic-size:100px">
  1881.  <div class="container text-neutral-600">
  1882.    
  1883.    Korzystanie z portalu oznacza akceptację <a class="text-accent" href="https://www.oferteo.pl/regulamin.html" title="Regulamin">Regulaminu</a>. <br>
  1884.    © 2008 - 2025 Oferteo.pl
  1885.  </div>
  1886.  </div>
  1887. </footer>
  1888.  
  1889. <script type="module">
  1890. const footer = document.querySelector('.footer-nav');
  1891. if (O && O.Decode) {
  1892. footer._('.footer-nav [data-href]', e => { O.Decode(e); }, 'click');
  1893. }
  1894. </script><script id="script-no-pwa-prompt">
  1895. window.addEventListener("beforeinstallprompt",e=>{e.preventDefault()});
  1896. </script>
  1897.  
  1898. <script id="script-global-footer-unlogged" type="module">
  1899. 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")}
  1900. </script>
  1901. <script id="tc-privacy-concent-fake-action-script" type="module">
  1902. 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})}},createPlaceholderForButton=e=>{const t=document.createElement("div");return t.id="footer_tc_privacy_button_2_placeholder",t},handlePlaceholderClick=(e,t)=>{t.remove(),requestAnimationFrame(()=>{setTimeout(()=>{e.click()},0)})};
  1903. </script>
  1904.  
  1905. <style id="tc-privacy-concent-fake-action-style">
  1906. #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>
  1907.  
  1908. <dialog class="dialog-modal | fixed p-0 flex items-center justify-center text-white bg-accent border-0 rounded overflow-hidden">
  1909. <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
  1910. </dialog></body>
  1911. </html>
  1912.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda