<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1" >
<title>Зняти квартиру Київ, довгострокова оренда квартир</title>
<meta name="description" content="18 оголошень - Обирайте найкращі для себе пропозиції оренди квартир Київ. У нас на сайті bestrealty.com.ua легко знайти ідеальну квартиру для комфортного проживання. Оренда квартир довгостроково." >
<meta name="robots" content="index, follow">
<link rel="shortcut icon" sizes="16x16 32x32 48x48 62x62 192x192" href="/images/favicon.ico" >
<link rel="alternate" hreflang="x-default" href="https://bestrealty.com.ua/flat-rent/c-kyiv-m421866" >
<link rel="alternate" hreflang="uk" href="https://bestrealty.com.ua/flat-rent/c-kyiv-m421866" >
<link rel="alternate" hreflang="ru" href="https://bestrealty.com.ua/ru/flat-rent/c-kyiv-m421866" >
<link rel="alternate" hreflang="en" href="https://bestrealty.com.ua/en/flat-rent/c-kyiv-m421866" >
<link rel="preload" fetchpriority="high" as="image" href="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c2/68c2c8fddb01f358105950.jpg" type="image/webp">
<link rel="manifest" href="/manifest.json">
<style>
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(video):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.right-0{right:0}.top-0{top:0}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[99\]{z-index:99}.col-span-1{grid-column:span 1/span 1}.float-right{float:right}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-2{margin:.5rem}.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-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.-ml-4{margin-left:-1rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.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-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-1\/5{height:20%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[100\%\]{height:100%}.h-\[100dvh\]{height:100dvh}.h-\[400px\]{height:400px}.h-\[calc\(100dvh-360px\)\]{height:calc(100dvh - 360px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-24{max-height:6rem}.max-h-\[170px\]{max-height:170px}.max-h-\[500px\]{max-height:500px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80px\]{max-height:80px}.min-h-\[300px\]{min-height:300px}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[150px\]{width:150px}.w-\[200px\]{width:200px}.w-\[85\%\]{width:85%}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-\[100px\]{min-width:100px}.min-w-\[100vw\]{min-width:100vw}.\!max-w-none{max-width:none!important}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[150px\]{max-width:150px}.max-w-\[250px\]{max-width:250px}.max-w-\[740px\]{max-width:740px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-screen-xl{max-width:1280px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-\[0\]{transform-origin:0}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.translate-x-full{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-full{--tw-translate-x:100%}.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-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-y-none{overscroll-behavior-y:none}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-s-lg{border-end-start-radius:.5rem;border-start-start-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-stone-400{--tw-bg-opacity:1;background-color:rgb(168 162 158/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.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}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.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-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-52{padding-bottom:13rem}.pb-56{padding-bottom:14rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-text-top{vertical-align:text-top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-green-500\/50{--tw-shadow-color:rgba(34,197,94,.5);--tw-shadow:var(--tw-shadow-colored)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-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-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ts-wrapper.plugin-drag_drop.multi>.ts-control>div.ui-sortable-placeholder{border-style:none;visibility:visible}.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after{content:"!";visibility:hidden}.plugin-checkbox_options .option input{margin-right:.5rem}.plugin-clear_button .clear-button{--tw-translate-y:-50%;cursor:pointer;opacity:0;position:absolute;right:0;top: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))}.plugin-clear_button.single .clear-button{right:.5rem}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:#f8f8f8;border-bottom:20px solid #d0d0d0;border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:.625rem;position:relative}.ts-wrapper .dropdown-header-close{font-size:1.25rem;line-height:1.25rem;margin:-.75rem;opacity:.4;position:absolute;right:.5rem;top:50%}.ts-wrapper .dropdown-header-close:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.plugin-dropdown_input .dropdown-input{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block;padding:.5rem;width:100%}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{display:flex;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-moz-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));border-right-width:1px;border-top-width:0;flex-basis:0px;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top-width:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex;padding-right:0}.ts-wrapper.plugin-remove_button .item .remove{--tw-border-opacity:1;border-bottom-right-radius:.125rem;border-color:rgb(209 213 219/var(--tw-border-opacity));border-left-width:1px;border-top-right-radius:.125rem;box-sizing:border-box;color:inherit;display:inline-block;margin-left:.375rem;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button.disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));cursor:text}.ts-control{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:.625rem;position:relative;width:100%;z-index:10}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}@media (prefers-color-scheme:dark){.full .ts-control{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity));color:rgb(243 244 246/var(--tw-text-opacity))}}.disabled .ts-control,.disabled .ts-control *{cursor:pointer}.focus .ts-control{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ts-control>*{display:inline-block;vertical-align:baseline}.ts-wrapper.multi .ts-control>div{background-color:rgb(229 231 235/var(--tw-bg-opacity));cursor:pointer;margin:.25rem;padding:.25rem .375rem}.ts-wrapper.multi .ts-control>div,.ts-wrapper.multi .ts-control>div.active{--tw-bg-opacity:1;--tw-text-opacity:1;border-width:0;color:rgb(31 41 55/var(--tw-text-opacity))}.ts-wrapper.multi .ts-control>div.active{background-color:rgb(209 213 219/var(--tw-bg-opacity))}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0;color:rgb(156 163 175/var(--tw-text-opacity))}.ts-control>input{background-color:transparent;border-width:0;display:inline-block;flex-grow:1;margin:0;max-width:100%;min-height:0;padding:0;text-indent:0;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.ts-control>input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.ts-control>input::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}@media (prefers-color-scheme:dark){.ts-control>input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity))}.ts-control>input::placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity))}}.ts-control>input{box-shadow:none!important;max-height:none!important;min-width:7rem}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline-width:0}.has-items .ts-control>input{margin-left:.25rem;margin-right:.25rem;margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{content:"";left:15px;position:absolute;right:auto}.ts-control.rtl .ts-control>input{margin:0 .25rem;margin:0 4px 0 -2px!important}.disabled .ts-control{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;box-sizing:border-box;left:0;margin-top:.25rem;overflow:hidden;position:absolute;top:100%;width:100%;z-index:10}@media (prefers-color-scheme:dark){.ts-dropdown{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity));border-color:rgb(75 85 99/var(--tw-border-opacity))}}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1;padding:.625rem}@media (prefers-color-scheme:dark){.ts-dropdown [data-selectable].option{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}}.ts-dropdown .optgroup:first-child .optgroup-header{border-top-width:0}.ts-dropdown .optgroup-header{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#303030;cursor:default}.ts-dropdown .active,.ts-dropdown .create:hover,.ts-dropdown .option:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}@media (prefers-color-scheme:dark){.ts-dropdown .active,.ts-dropdown .create:hover,.ts-dropdown .option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));color:rgb(243 244 246/var(--tw-text-opacity))}}.ts-dropdown .active.create,.ts-dropdown .create:hover.create,.ts-dropdown .option:hover.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:1.75rem;margin:.25rem .5rem;width:1.75rem}.ts-dropdown .spinner:after{--tw-border-opacity:1;animation:lds-dual-ring 1.2s linear infinite;border-color:#ff7828 transparent;border-radius:9999px;border-width:4px;content:" ";display:block;height:1.5rem;margin:.25rem;width:1.5rem}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{-webkit-overflow-scrolling:touch;max-height:200px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.ts-hidden-accessible{clip:rect(0 0 0 0)!important;border-width:0;clip-path:inset(50%)!important;height:.125rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.125rem}.optgroup.metro>.optgroup-header,.optgroup.rajon>.optgroup-header,.optgroup.street>.optgroup-header{font-weight:700;padding-left:25px!important;position:relative}.optgroup.street>.optgroup-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='200' width='200' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' xml:space='preserve'%3E%3Cpath d='M30 26c3.86 0 7-3.141 7-7s-3.14-7-7-7-7 3.141-7 7 3.14 7 7 7zm0-12c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5 2.243-5 5-5z'/%3E%3Cpath d='M29.823 54.757 45.164 32.6c5.754-7.671 4.922-20.28-1.781-26.982C39.761 1.995 34.945 0 29.823 0s-9.938 1.995-13.56 5.617c-6.703 6.702-7.535 19.311-1.804 26.952l15.364 22.188zM17.677 7.031C20.922 3.787 25.235 2 29.823 2s8.901 1.787 12.146 5.031c6.05 6.049 6.795 17.437 1.573 24.399L29.823 51.243 16.082 31.4c-5.2-6.932-4.454-18.32 1.595-24.369z'/%3E%3Cpath d='M42.117 43.007a1 1 0 0 0-.234 1.986C52.399 46.231 58 49.567 58 51.5c0 2.714-10.652 6.5-28 6.5S2 54.214 2 51.5c0-1.933 5.601-5.269 16.117-6.507a1 1 0 0 0-.234-1.986C7.354 44.247 0 47.739 0 51.5 0 55.724 10.305 60 30 60s30-4.276 30-8.5c0-3.761-7.354-7.253-17.883-8.493z'/%3E%3C/svg%3E")}.optgroup.rajon>.optgroup-header:before,.optgroup.street>.optgroup-header:before{background-repeat:no-repeat;background-size:cover;content:"";display:block;height:25px;left:0;position:absolute;top:1px;width:25px}.optgroup.rajon>.optgroup-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6 text-green-500' width='24' height='24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M3 21h18M5 21V7l8-4v18M19 21V11l-6-4M9 9v.01M9 12v.01M9 15v.01M9 18v.01'/%3E%3C/svg%3E")}.optgroup.metro>.optgroup-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.7 2.6.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zm6.6 0L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;content:"";display:block;height:25px;left:0;position:absolute;top:1px;width:25px}[x-cloak]{display:none!important}.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff;font-size:1rem;height:1rem;line-height:1rem;width:1rem}.swiper-button-next:after,.swiper-button-prev:after{color:#fff}.map{height:500px}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-1\/4:before{content:var(--tw-content);left:25%}.before\:h-1:before{content:var(--tw-content);height:.25rem}.before\:w-1\/2:before{content:var(--tw-content);width:50%}.before\:bg-gray-300:before{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.hover\:border:hover{border-width:1px}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.hover\:bg-purple-400:hover{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity))}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:no-underline:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-75:hover{opacity:.75}.focus\:border-blue-100:focus{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity))}.focus\:border-gray-500:focus{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.focus\:border-indigo-700:focus{--tw-border-opacity:1;border-color:rgb(67 56 202/var(--tw-border-opacity))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity))}.focus\:border-red-400:focus{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.focus\:text-black:focus{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:visible{visibility:visible}.peer:checked~.peer-checked\:block{display:block}.peer:checked~.peer-checked\:translate-x-0{--tw-translate-x:0px;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))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\:top-1\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:-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))}.peer:placeholder-shown~.peer-placeholder-shown\:-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))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:top-2{top:.5rem}.peer:focus~.peer-focus\:-translate-y-4{--tw-translate-y:-1rem}.peer:focus~.peer-focus\:-translate-y-4,.peer:focus~.peer-focus\:-translate-y-5{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))}.peer:focus~.peer-focus\:-translate-y-5{--tw-translate-y:-1.25rem}.peer:focus~.peer-focus\:scale-75{--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))}.peer:focus~.peer-focus\:px-2{padding-left:.5rem;padding-right:.5rem}.peer:focus~.peer-focus\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\:border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.dark\:focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.dark\:focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}}@media (min-width:640px){.sm\:my-4{margin-bottom:1rem;margin-top:1rem}.sm\:ml-10{margin-left:2.5rem}.sm\:ml-12{margin-left:3rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-20{margin-top:5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-6{height:1.5rem}.sm\:h-80{height:20rem}.sm\:w-6{width:1.5rem}.sm\:w-\[220px\]{width:220px}.sm\:max-w-\[300px\]{max-width:300px}.sm\:max-w-\[350px\]{max-width:350px}.sm\:max-w-xs{max-width:20rem}.sm\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:rounded-tr-3xl{border-top-right-radius:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pt-8{padding-top:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px){.md\:static{position:static}.md\:relative{position:relative}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-span-2{grid-row:span 2/span 2}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-0{margin-bottom:0}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-6{margin-bottom:1.5rem}.md\:ml-3{margin-left:.75rem}.md\:mr-3{margin-right:.75rem}.md\:mr-4{margin-right:1rem}.md\:mr-6{margin-right:1.5rem}.md\:mt-5{margin-top:1.25rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:aspect-square{aspect-ratio:1/1}.md\:h-72{height:18rem}.md\:h-80{height:20rem}.md\:h-\[340px\]{height:340px}.md\:h-\[580px\]{height:580px}.md\:h-\[600px\]{height:600px}.md\:h-full{height:100%}.md\:h-max{height:-moz-max-content;height:max-content}.md\:max-h-\[100\%\]{max-height:100%}.md\:max-h-\[500px\]{max-height:500px}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-1\/6{width:16.666667%}.md\:w-2\/3{width:66.666667%}.md\:w-2\/6{width:33.333333%}.md\:w-3\/4{width:75%}.md\:w-3\/6{width:50%}.md\:w-4\/12{width:33.333333%}.md\:w-\[80\%\]{width:80%}.md\:w-auto{width:auto}.md\:min-w-\[100\%\]{min-width:100%}.md\:min-w-\[10dvw\]{min-width:10dvw}.md\:min-w-\[480px\]{min-width:480px}.md\:max-w-7xl{max-width:80rem}.md\:max-w-\[740px\]{max-width:740px}.md\:max-w-screen-xl{max-width:1280px}.md\:grow{flex-grow:1}.md\:translate-y-0{--tw-translate-y:0px;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))}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:gap-0{gap:0}.md\:gap-2{gap:.5rem}.md\:gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-md{border-radius:.375rem}.md\:rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.md\:rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.md\:border{border-width:1px}.md\:border-none{border-style:none}.md\:border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.md\:border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.md\:bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:p-0{padding:0}.md\:p-1{padding:.25rem}.md\:p-2{padding:.5rem}.md\:p-3{padding:.75rem}.md\:px-0{padding-left:0;padding-right:0}.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-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:pb-4{padding-bottom:1rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pl-3{padding-left:.75rem}.md\:pr-10{padding-right:2.5rem}.md\:pr-6{padding-right:1.5rem}.md\:pt-0{padding-top:0}.md\:text-center{text-align:center}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:leading-tight{line-height:1.25}.md\:transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.md\:hover\:border-red-400:hover{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.md\:hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.md\:hover\:border-yellow-400:hover{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.md\:hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.md\:hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.md\:hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.md\:hover\:bg-slate-500:hover{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.md\:hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.md\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:1024px){.lg\:my-4{margin-bottom:1rem;margin-top:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[430px\]{height:430px}.lg\:w-10\/12{width:83.333333%}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:overflow-x-hidden{overflow-x:hidden}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:pt-0{padding-top:0}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1280px){.xl\:h-\[520px\]{height:520px}.xl\:w-3\/4{width:75%}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:gap-6{gap:1.5rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width:1536px){.\32xl\: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))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\32xl\:duration-300{transition-duration:.3s}.\32xl\:hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}
</style>
<link rel="preconnect" href="//pagead2.googlesyndication.com">
</head>
<body>
<div class="max-w-7xl mx-auto">
<nav class="flex items-center justify-between flex-wrap bg-white p-2 w-full top-0 text-gray-700">
<div class="mr-6">
<a class="no-underline transition-colors duration-300 hover:text-gray-400" href="/">
<span class="text-2xl pl-2"><i class="em em-grinning"></i>Бест ріелті</span>
</a>
</div>
<a href="/my/favourites">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
</svg>
</a>
<button id="share" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z" />
</svg>
</button>
<script>
if (navigator.share) {
const shareButton = document.getElementById('share');
shareButton.style.display = "block";
shareButton.addEventListener('click', () => {
navigator.share({
title: "Зняти квартиру Київ, довгострокова оренда квартир",
text: "Заціни!",
url: "https://bestrealty.com.ua/flat-rent/c-kyiv-m421866",
})
.then(() => console.log('ok'))
.catch((error) => console.error('no', error));
});
}
</script>
<div class="block lg:hidden">
<button id="nav-toggle" class="flex items-center px-3 py-2 border rounded transition-colors duration-300 hover:border-gray-400 hover:text-gray-600" aria-label="menu">
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
</button>
</div>
<div class="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden pt-6 lg:pt-0" id="nav-content">
<ul class="list-reset lg:flex justify-end flex-1 items-center">
<li class="mr-3">
<a class="inline-block py-2 px-4 transition-colors duration-300 hover:text-gray-400" href="/add-new-realty.html"
>Додати оголошення</a>
</li>
<li class="mr-3">
<a class="inline-block py-2 px-4 transition-colors duration-300 hover:text-gray-400" href="/search"
>Пошук</a>
</li>
<li class="mr-3">
<a class="inline-block py-2 px-4 transition-colors duration-300 hover:text-gray-400" href="/map"
>Мапа</a>
</li>
<li class="mr-3">
<a class="inline-block py-2 px-4 transition-colors duration-300 hover:text-gray-400" href="/login"
>Увійти</a>
</li>
</ul>
</div>
</nav>
</div>
<div name="home" class="h-[100dvh] transition: height 0.2s linear">
<button id="share" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z" />
</svg>
</button>
<script>
if (navigator.share) {
const shareButton = document.getElementById('share');
shareButton.style.display = "block";
shareButton.addEventListener('click', () => {
navigator.share({
title: "Зняти квартиру Київ, довгострокова оренда квартир",
text: "Заціни!",
url: "https://bestrealty.com.ua/flat-rent/c-kyiv-m421866",
})
.then(() => console.log('ok'))
.catch((error) => console.error('no', error));
});
}
</script>
<div class="antialiased text-gray-900">
<div class="max-w-7xl mx-auto">
<div class="border" id="listing__search-form-container">
<section name="realty-search-form" class="bg-slate-100 p-4">
<form method="get" action="/search">
<div class="flex flex-col md:flex-row md:flex-wrap md:items-center md:gap-x-3"
x-data="{
realtySearchFormModal: false,
isRoomsExpanded: window.innerWidth >= 768,
isPriceExpanded: window.innerWidth >= 768,
isIdExpanded: window.innerWidth >= 768,
isSortingExpanded: window.innerWidth >= 768,
}"
@keydown.escape="realtySearchFormModal = false">
<div class="flex items-center justify-between md:gap-x-3">
<div class="flex flex-wrap items-baseline">
<div class="text-red-500 text-xs">
</div>
<div class="">
<select id="realty_type" name="realty_type" class="px-4 py-2 bg-white"><option value="1" selected="selected">оренда квартир</option><option value="2">продаж квартир</option></select>
<label for="realty_type" class=""></label>
</div>
</div>
<div class="flex flex-wrap items-center">
<div class="text-red-500 text-xs">
</div>
<div class="">
<select id="city" name="city" class="px-4 py-2 bg-white"><option value="-421866" selected="selected">Київ</option><option value="-1413934">Одеса</option><option value="-3154746">Харків</option><option value="-3058686">Тернопіль</option></select>
</div>
</div>
</div>
<div class="my-3 md:grow">
<div class="text-red-500 text-xs">
</div>
<div class="bg-white">
<input type="text" id="district" name="district" placeholder="Назва вулиці, метро, мікрорайону" data-controller="ts" data-ts-url-value="district-autocomplete" data-ts-city-value="-421866" data-ts-abs-value="1" class="w-full" />
</div>
</div>
<div class="my-3 flex items-center justify-between md:gap-x-3">
<button class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow flex gap-1"
@click="realtySearchFormModal = !realtySearchFormModal" type="button"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" />
</svg>
Ще фільтри
</button>
<div class="flex justify-center">
<button type="submit" id="submit" name="submit" class="
shadow focus:shadow-outline focus:outline-none inline-flex items-center justify-center px-4 py-2
text-base font-medium rounded-md text-white bg-slate-500 hover:bg-slate-400 hover:text-white
focus:border-indigo-700 focus:shadow-outline-indigo transition-colors duration-300
">ПОШУК</button>
</div>
</div>
<section name="realty-search-form-modal" class="fixed inset-0 md:relative md:block" x-show="realtySearchFormModal" x-cloak>
<div id="showListingFiltersModal" class="w-full h-full flex flex-col overflow-y-auto bg-white">
<div class="fixed top-0 left-0 w-full h-16 content-center bg-gray-700 md:hidden">
<div class="h-12 p-3 flex items-center justify-between mx-auto md:max-w-[740px] text-white">
<button @click="event.preventDefault(); realtySearchFormModal = false"
class="rounded-full bg-transparent cursor-pointer p-0 m-0 border-none h-8 w-8 transition duration-300 flex items-center justify-center hover:bg-gray-200">
<svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<polygon class="fill-current" points="352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256"/>
</svg>
</button>
<h5 class="text-xl font-bold">Фільтри</h5>
<button @click="event.preventDefault();" class="text-sm">Очистити</button>
</div>
</div>
<div class="mx-auto pt-16 w-full md:max-w-7xl md:relative md:bg-slate-100 md:pt-0">
<div class="w-full divide-y overflow-hidden border md:border-none md:flex md:flex-wrap">
<div>
<button id="controlsAccordionItem1" type="button"
class="flex w-full max-h-[80px] items-center justify-between gap-4 p-4 text-left md:hidden"
aria-controls="accordionItem1"
@click="isRoomsExpanded = !isRoomsExpanded"
:class="isRoomsExpanded ? 'text-onSurfaceStrong dark:text-onSurfaceDarkStrong font-bold' : 'text-onSurface dark:text-onSurfaceDark font-medium'"
:aria-expanded="isRoomsExpanded ? 'true' : 'false'">
Кімнати
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path>
</svg>
</button>
<div x-cloak x-show="isRoomsExpanded" id="accordionItem1" role="region" aria-labelledby="controlsAccordionItem1">
<div class="p-4 text-sm sm:text-base text-pretty md:p-0">
<div class="flex items-center mb-3 items-baseline">
<div class="text-red-500 text-xs">
</div>
<div class="bg-white">
<select id="room" name="room" class="px-4 py-2 bg-white rounded-md"><option value="">Кімнат</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
<label for="room" class=""></label>
</div>
</div>
</div>
</div>
</div>
<div>
<button id="controlsAccordionItem2" type="button"
class="flex w-full max-h-[80px] items-center justify-between gap-4 p-4 text-left md:hidden"
aria-controls="accordionItem2"
@click="isPriceExpanded = !isPriceExpanded"
:class="isPriceExpanded ? 'text-onSurfaceStrong dark:text-onSurfaceDarkStrong font-bold' : 'text-onSurface dark:text-onSurfaceDark font-medium'"
:aria-expanded="isPriceExpanded ? 'true' : 'false'">
Ціна
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path>
</svg>
</button>
<div x-cloak x-show="isPriceExpanded" id="accordionItem2" role="region" aria-labelledby="controlsAccordionItem2">
<div class="p-4 text-sm sm:text-base text-pretty md:p-0 md:pl-3">
<div class="justify-start items-baseline md:flex">
<div class="items-center md:flex">
<div class="bg-white relative mb-3 md:mb-0 md:mr-3">
<input type="number" id="price_from" name="price_from" pattern="[0-9]+([\.,][0-9]+)?" placeholder="" class="block h-10 px-2 w-full text-gray-900 bg-transparent rounded-lg border border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-gray-500 peer" />
<label class="absolute text-sm text-gray-400 duration-300 transform -translate-y-4 top-2 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-gray-700 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1" for="price_from">Ціна від</label>
</div>
<div class="bg-white relative mb-3 md:mb-0">
<input type="number" id="price_to" name="price_to" pattern="[0-9]+([\.,][0-9]+)?" placeholder="" class="block h-10 px-2 w-full text-gray-900 bg-transparent rounded-lg border border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-gray-500 peer" />
<label class="absolute text-sm text-gray-400 duration-300 transform -translate-y-4 top-2 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-gray-700 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1" for="price_to">Ціна до</label>
</div>
</div>
<div class="text-red-500 text-xs">
</div>
<div class="bg-white md:ml-3">
<select id="currency" name="currency" class="px-4 py-2 bg-white"><option value="UAH">грн</option><option value="USD">$</option></select>
<label for="currency" class=""></label>
</div>
</div>
</div>
</div>
</div>
<div>
<button id="controlsAccordionItem4" type="button"
class="flex w-full max-h-[80px] items-center justify-between gap-4 p-4 text-left md:hidden"
aria-controls="accordionItem4"
@click="isIdExpanded = !isIdExpanded"
:class="isIdExpanded ? 'text-onSurfaceStrong dark:text-onSurfaceDarkStrong font-bold' : 'text-onSurface dark:text-onSurfaceDark font-medium'"
:aria-expanded="isIdExpanded ? 'true' : 'false'">
ID
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path>
</svg>
</button>
<div x-cloak x-show="isIdExpanded" id="accordionItem4" role="region" aria-labelledby="controlsAccordionItem4">
<div class="p-4 text-sm sm:text-base text-pretty md:p-0">
<div class="flex items-center flex-wrap mb-3">
<div class="text-red-500 text-xs">
</div>
<div class="bg-white ml-3 relative">
<input type="number" id="realty_id" name="realty_id" class="block h-10 px-2 w-full text-gray-900 bg-transparent rounded-lg border border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-gray-500 peer" placeholder="" />
<label class="absolute text-sm text-gray-400 duration-300 transform -translate-y-4 top-2 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-gray-700 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1" for="realty_id">ID</label>
</div>
</div>
</div>
</div>
</div>
<div>
<button id="controlsAccordionItem4" type="button"
class="flex w-full max-h-[80px] items-center justify-between gap-4 p-4 text-left md:hidden"
aria-controls="accordionItem4"
@click="isSortingExpanded = !isSortingExpanded"
:class="isSortingExpanded ? 'text-onSurfaceStrong dark:text-onSurfaceDarkStrong font-bold' : 'text-onSurface dark:text-onSurfaceDark font-medium'"
:aria-expanded="isSortingExpanded ? 'true' : 'false'">
Сортування
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path>
</svg>
</button>
<div x-cloak x-show="isSortingExpanded" id="accordionItem4" role="region" aria-labelledby="controlsAccordionItem4">
<div class="p-4 text-sm sm:text-base text-pretty md:p-0">
<div class="flex items-center flex-wrap mb-3">
<div class="text-red-500 text-xs">
</div>
<div class="bg-white ml-3">
<select id="sortBy" name="sortBy" class="px-4 py-2 bg-white rounded-md"><option value="id_descending" selected="selected">Найновіші</option><option value="price_ascending">Найдешевші</option><option value="price_descending">Найдорожчі</option></select>
<label for="price" class=""></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mx-auto pt-4 w-full md:hidden">
<button class="shadow focus:shadow-outline focus:outline-none inline-flex items-center justify-center w-24 mx-2 px-4 py-2
text-base font-medium rounded-md text-white bg-slate-500 hover:bg-slate-400 hover:text-white
focus:border-indigo-700 focus:shadow-outline-indigo transition-colors duration-300"
>ПОШУК</button>
</div>
</div>
</section>
</div>
</form>
</section>
<h1 class="text-center text-lg text-gray-700 font-medium my-3">
Довгострокова оренда квартир Київ
</h1>
</div>
<div class="overflow-x-auto grid sm:grid-cols-1 md:grid-cols-2 lg:grid lg:grid-cols-3 lg:gap-5 lg:overflow-x-hidden xl:grid-cols-4 2xl:grid-cols-4 gap-4 py-6 px-3">
<div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-borshchahivska-street-44467.html"><picture>
<source srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c2/68c2c8fddb01f358105950.webp" type="image/webp">
<source srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c2/68c2c8fddb01f358105950.jpg" type="image/jpeg" >
<img width="400" height="300" class="absolute h-full w-full object-cover" src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c2/68c2c8fddb01f358105950.webp" alt="Оренда квартири - Борщагівська вул. 10а">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44467')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-borshchahivska-street-44467.html">
Борщагівська вул. 10а
</a>
<div class="pb-1">
<a href="/flat-rent/c-kyiv-m421866-mkr-shulyavka">Шулявка</a>, Шевченківський р-н Київ
</div>
<div class="py-2 font-semibold">
17 500 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
2 кімнати, 52 м<sup>2</sup>, 7 / 9 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-politekhnichnyi-instytut">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#ff0000"></path>
</svg>
Політехнічний інститут
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 8 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44467)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-pankivska-street-44455.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c1/68c1afbf0f938505367527.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c1/68c1afbf0f938505367527.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c1/68c1afbf0f938505367527.jpg" alt="Оренда квартири - Паньківська вул. 27/78" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44455')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-pankivska-street-44455.html">
Паньківська вул. 27/78
</a>
<div class="pb-1">
<a href="/flat-rent/c-kyiv-m421866-mkr-nova-zabudova">Нова Забудова</a>, Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
21 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
2 кімнати, 45 м<sup>2</sup>, 3 / 12 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-universytet">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#ff0000"></path>
</svg>
Університет
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 8 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44455)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-tuluzy-street-44447.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c1/68c1696eb3f64071417243.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c1/68c1696eb3f64071417243.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c1/68c1696eb3f64071417243.jpg" alt="Оренда квартири - Тулузи вул. 12а" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44447')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-tuluzy-street-44447.html">
Тулузи вул. 12а
</a>
<div class="pb-1">
Святошинський р-н Київ
</div>
<div class="py-2 font-semibold">
16 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
2 кімнати, 50 м<sup>2</sup>, 8 / 9 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44447)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-iulii-zdanovskoi-street-44433.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0504c18935831858064.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0504c18935831858064.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0504c18935831858064.jpg" alt="Оренда квартири - Юлії Здановської вул. 50/2" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44433')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-iulii-zdanovskoi-street-44433.html">
Юлії Здановської вул. 50/2
</a>
<div class="pb-1">
Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
23 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 40 м<sup>2</sup>, 15 / 17 поверх
</div>
<a href="/novobudovy-kyiv/3-zhk-liko-hrad">
<div class="flex mb-4">
<svg class="h-6 w-6 text-green-500" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<line x1="3" y1="21" x2="21" y2="21" />
<path d="M5 21v-14l8 -4v18" />
<path d="M19 21v-10l-6 -4" />
<line x1="9" y1="9" x2="9" y2="9.01" />
<line x1="9" y1="12" x2="9" y2="12.01" />
<line x1="9" y1="15" x2="9" y2="15.01" />
<line x1="9" y1="18" x2="9" y2="18.01" />
</svg>
<span>ЖК Ліко-Град</span>
</div>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44433)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-vasylkivska-street-44432.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c050467b429451372706.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c050467b429451372706.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c050467b429451372706.jpg" alt="Оренда квартири - Васильківська вул. 37а" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44432')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-vasylkivska-street-44432.html">
Васильківська вул. 37а
</a>
<div class="pb-1">
<a href="/flat-rent/c-kyiv-m421866-mkr-holosiiv">Голосіїв</a>, Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
650 $
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 37 м<sup>2</sup>, 23 / 25 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-vasylkivska">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#0000FF"></path>
</svg>
Васильківська
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 4 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44432)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-raketna-street-44430.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0503bc32ff740512080.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0503bc32ff740512080.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0503bc32ff740512080.jpg" alt="Оренда квартири - Ракетна вул. 24б" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44430')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-raketna-street-44430.html">
Ракетна вул. 24б
</a>
<div class="pb-1">
Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
15 500 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 32 м<sup>2</sup>, 7 / 21 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44430)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-malokytaivska-street-44429.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c050374a8dd066083638.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c050374a8dd066083638.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c050374a8dd066083638.jpg" alt="Оренда квартири - Малокитаївська вул. 56" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44429')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-malokytaivska-street-44429.html">
Малокитаївська вул. 56
</a>
<div class="pb-1">
Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
18 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 40 м<sup>2</sup>, 4 / 9 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44429)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-ivana-fedorova-street-44428.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0502e985e7376795665.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0502e985e7376795665.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/c0/68c0502e985e7376795665.jpg" alt="Оренда квартири - Івана Федорова вул." src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44428')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-ivana-fedorova-street-44428.html">
Івана Федорова вул.
</a>
<div class="pb-1">
<a href="/flat-rent/c-kyiv-m421866-mkr-nova-zabudova">Нова Забудова</a>, Печерський р-н Київ
</div>
<div class="py-2 font-semibold">
24 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
2 кімнати, 40 м<sup>2</sup>, 3 / 5 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-olimpiiska">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#0000FF"></path>
</svg>
Олімпійська
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 6 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька днів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44428)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-kazymyra-malevycha-street-44418.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/bf/68bf36ee9856c224078697.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/bf/68bf36ee9856c224078697.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/bf/68bf36ee9856c224078697.jpg" alt="Оренда квартири - Казимира Малевича вул. 111" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44418')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-kazymyra-malevycha-street-44418.html">
Казимира Малевича вул. 111
</a>
<div class="pb-1">
<a href="/flat-rent/c-kyiv-m421866-mkr-nova-zabudova">Нова Забудова</a>, Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
29 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
3 кімнати, 63 м<sup>2</sup>, 4 / 9 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-lybidska">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#0000FF"></path>
</svg>
Либідська
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 6 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
тиждень тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44418)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-akademika-hlushkova-avenue-44410.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef0b834bb6196514714.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef0b834bb6196514714.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef0b834bb6196514714.jpg" alt="Оренда квартири - Академіка Глушкова просп. 30" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44410')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-akademika-hlushkova-avenue-44410.html">
Академіка Глушкова просп. 30
</a>
<div class="pb-1">
Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
30 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
2 кімнати, 85 м<sup>2</sup>, 23 / 25 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-teremky">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#0000FF"></path>
</svg>
Теремки
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 5 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
тиждень тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44410)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-berkovetska-street-44409.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef0af48ab7410918739.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef0af48ab7410918739.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef0af48ab7410918739.jpg" alt="Оренда квартири - Берковецька вул." src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44409')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-berkovetska-street-44409.html">
Берковецька вул.
</a>
<div class="pb-1">
Святошинський р-н Київ
</div>
<div class="py-2 font-semibold">
15 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 38 м<sup>2</sup>, 12 / 13 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
тиждень тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44409)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-metrolohichna-street-44407.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef09e4e56e659082329.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef09e4e56e659082329.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/be/68bef09e4e56e659082329.jpg" alt="Оренда квартири - Метрологічна вул. 42" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44407')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-metrolohichna-street-44407.html">
Метрологічна вул. 42
</a>
<div class="pb-1">
Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
22 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 41 м<sup>2</sup>, 3 / 16 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
тиждень тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44407)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-oleksandra-olesya-street-44375.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9b8bb57d88271793747.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9b8bb57d88271793747.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9b8bb57d88271793747.jpg" alt="Оренда квартири - Олександра Олеся вул." src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44375')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-oleksandra-olesya-street-44375.html">
Олександра Олеся вул.
</a>
<div class="pb-1">
Подільський р-н Київ
</div>
<div class="py-2 font-semibold">
30 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 47 м<sup>2</sup>, 16 / 25 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька тижнів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44375)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-novopyrohivska-street-44365.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b972826e6f6450142583.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b972826e6f6450142583.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b972826e6f6450142583.jpg" alt="Оренда квартири - Новопирогівська вул. 29" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44365')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-novopyrohivska-street-44365.html">
Новопирогівська вул. 29
</a>
<div class="pb-1">
Голосіївський р-н Київ
</div>
<div class="py-2 font-semibold">
30 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
4 кімнати, 82 м<sup>2</sup>, 7 / 9 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька тижнів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44365)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-petra-kalnyshevskoho-street-44363.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9727187368972748855.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9727187368972748855.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9727187368972748855.jpg" alt="Оренда квартири - Петра Калнишевського вул. 5" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44363')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-petra-kalnyshevskoho-street-44363.html">
Петра Калнишевського вул. 5
</a>
<div class="pb-1">
Оболонський р-н Київ
</div>
<div class="py-2 font-semibold">
17 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 38 м<sup>2</sup>, 13 / 16 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька тижнів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44363)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-dmytrivska-street-44362.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b972698641b742434178.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b972698641b742434178.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b972698641b742434178.jpg" alt="Оренда квартири - Дмитрівська вул. 69" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44362')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-dmytrivska-street-44362.html">
Дмитрівська вул. 69
</a>
<div class="pb-1">
Шевченківський р-н Київ
</div>
<div class="py-2 font-semibold">
28 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
2 кімнати, 90 м<sup>2</sup>, 5 / 12 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-lukianivska">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#00FF00"></path>
</svg>
Лук'янівська
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 12 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька тижнів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44362)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-akademika-palladina-avenue-44361.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9726659408538460870.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9726659408538460870.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9726659408538460870.jpg" alt="Оренда квартири - Академіка Палладіна просп. 18/30" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44361')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-akademika-palladina-avenue-44361.html">
Академіка Палладіна просп. 18/30
</a>
<div class="pb-1">
Святошинський р-н Київ
</div>
<div class="py-2 font-semibold">
22 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
3 кімнати, 95 м<sup>2</sup>, 9 / 17 поверх
</div>
<a class="flex mb-4 items-center text-sm" href="/flat-rent/kyiv-metro-akademmistechko">
<svg class="h-6 w-6" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
<path d="M4.7 2.6L.5 13H4l1.5-3.75L8 12.373V6.75L4.7 2.6zM11.3 2.6L15.5 13H12l-1.5-3.75L8 12.375V6.75l3.3-4.15z" fill="#ff0000"></path>
</svg>
Академмістечко
—
<svg class="h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="#94a3b8" fill-rule="evenodd">
<g id="icon-shape">
<path d="M11,7 L12.4428885,9.16433275 C12.7547607,9.63214111 13.4519098,10 14.0093689,10 L17,10 L17,8 L14,8 L12.5571115,5.83566725 C12.2452393,5.36785889 11.625859,4.75057268 11.1643327,4.4428885 L9.83566725,3.5571115 C9.36785889,3.24523926 8.61517502,3.23089499 8.14046936,3.51571839 L4,6 L4,11 L6,11 L6,7 L8,6 L5,20 L7,20 L9.35294118,12.3529412 L11,14 L11,20 L13,20 L13,12 L10.2941176,9.29411765 L11,7 Z M12,4 C13.1045695,4 14,3.1045695 14,2 C14,0.8954305 13.1045695,0 12,0 C10.8954305,0 10,0.8954305 10,2 C10,3.1045695 10.8954305,4 12,4 L12,4 Z"></path>
</g>
</g>
</svg>
<span class="text-gray-700"> 9 хв</span>
</a>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька тижнів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44361)
</span>
</div>
</div>
</div> <div class="col-span-1 bg-white rounded-lg overflow-hidden border border-gray-200 shadow-md 2xl:transform 2xl:transition-transform 2xl:duration-300 2xl:hover:scale-105 relative">
<div class="relative pb-56">
<a href="/realty-kvartira-dovhostrokova-orenda-kyiv-kakhovska-street-44360.html"><picture>
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9725e60238066176197.webp" srcset="data:,1w" type="image/webp">
<source data-srcset="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9725e60238066176197.jpg" srcset="data:,1w" type="image/jpeg" >
<img width="400" height="300" class="lazyload absolute h-full w-full object-cover" data-src="https://bestrealty.com.ua/media/cache/my_250x250/mnt/realty/68/b9/68b9725e60238066176197.jpg" alt="Оренда квартири - Каховська вул. 56" src="data:,">
<div class="absolute top-0 right-0 p-0.5 mt-2 mr-2 text-white rounded-lg transition duration-300 hover:bg-white hover:text-gray-400 hover:opacity-70">
<button x-data="{ fill: false }"
@click.prevent="
fetch('/favourite-add/44360')
.then(response => response.json())
.then(response => fill = response);
">
<svg xmlns="http://www.w3.org/2000/svg" :fill="fill ? 'red' : 'none'" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path>
</svg>
</button>
</div>
</picture> </a>
</div>
<div class="p-3">
<div class="text-gray-600 text-xs uppercase font-semibold tracking-wide">
Оренда квартири
</div>
<a class="mt-1 font-semibold text-lg leading-tight truncate" href="/realty-kvartira-dovhostrokova-orenda-kyiv-kakhovska-street-44360.html">
Каховська вул. 56
</a>
<div class="pb-1">
Дніпровський р-н Київ
</div>
<div class="py-2 font-semibold">
19 000 грн
<span class="text-gray-600 text-sm">/ за обʼєкт</span>
</div>
<div class="py-1 mb-4">
1 кімната, 36 м<sup>2</sup>, 20 / 25 поверх
</div>
<div class="absolute flex bottom-0 right-0 pr-3 pb-1 text-right">
<svg class="h-4 w-4 text-gray-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
</svg>
<span class="text-xs px-1">
кілька тижнів тому
</span>
<span class="text-gray-600 text-xs">
(ID: 44360)
</span>
</div>
</div>
</div> </div>
<div class="p-2 max-w-screen-xl mx-auto">
</div>
<h2>Оренда квартир Київ довгостроково</h2>
<div class="prose max-w-fit p-2">
<h2>Зняти квартиру у Києві</h2>
<p>Київ - столиця України, місце, де розташовані головні офіси найбільших вітчизняних та зарубіжних компаній, державних установ, наукових та промислових організацій. Тому ринок оренди житла утворений давно, добре розвинений та пропонує широкий спектр варіантів як по цінах так і по площі та місцю розташування.</p>
<h3>Оренда квартир довгостроково у м. Київ - локація, ціни та варіанти</h3>
<p>
Київ поділений річкою Дніпро на правий та лівий береги. Правий берег включає в себе історичну частину міста, а на лівому здебільшого новобудови. Адміністративно Київ включає у себе 10 районів, проте при виборі місця для проживання зручніше користуватися мікрорайонами, чи масивами міста. Адже, наприклад, до Шевченківського району відноситься історичний центр, включаючи головну вулицю Хрещатик, але Шевченківський район - це також і Шулявка, чи Сирець.</p>
<p>Ще однією особливістю Києва, на яку слід звертати увагу при виборі оренди квартири - це близькість до метро. Метро у Києві є чи не найзручнішим видом транспорту, зважаючи на затори, тому квартира у пішій доступності до станції метро матиме перевагу і буде оцінюватися вище за аналогічну, але без близькості до метро.</p>
<p>Комфортними для проживання вважаються масиви Оболонь, Осокорки, Голосієво. Київ дуже активно розбудовується, тому на ринку є багато пропозицій оренди квартир у новобудовах зі зручними плануваннями, закритою територією, підземним паркінгом, тощо. Коштують квартири у новобудовах дорожче, інколи навіть квартира у якої місце розташування менш привабливе, чи більш віддалене від центру, проте якщо вона в новобудові, то може коштувати стільки ж, або більше за хрущівку у центральних районах.</p>
<h3>Правила безпеки при оренді житла у Києві.</h3>
<p>Отже, ви вирішили винайняти квартиру у Києві. Як це зробити максимально комфортно, зручно та, головне - безпечно?
Ніколи не робіть передплату на карту без попереднього огляду свмої квартири, та перевірки документів на право власності на квартиру. Якщо опис, фото, локація квартири виглядають дуже привабливо, а власник вимагає передоплату ще до перегляду квартири, часто мотивуючи це великим попитом на такий обʼєкт - це майже 100% шахрайство.
Спочатку потрібно укласти договір, а вже потім проводити оплату.
Якщо ціна на квартиру є надто низькою - це скоріш за все також шахрайство.</p>
<p>Ми розвиваємо наш сайт, щоб ви могли скористатися ним при виборі квартири в оренду.</p>
</div>
</div>
</div>
<footer class="pt-8 pb-24 bg-slate-800 sm:pb-10">
<div class="max-w-7xl mx-auto">
<div class="grid grid-cols-2">
<div class="p-4">
<div class="group relative">
<button class="bg-slate-800 w-12 h-8 flex items-center">
<svg class="h-8 w-8 text-white" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="12" cy="12" r="9" />
<line x1="3.6" y1="9" x2="20.4" y2="9" />
<line x1="3.6" y1="15" x2="20.4" y2="15" />
<path d="M11.5 3a17 17 0 0 0 0 18" />
<path d="M12.5 3a17 17 0 0 1 0 18" />
</svg>
<span class="text-white text-center">uk</span>
</button>
<div class="bg-slate-800 text-white w-12 invisible absolute top-full transition duration-300 ease-in-out group-hover:visible">
<ul>
<li><span class="py-1 hover:bg-slate-400 text-white text-center block">uk</span></li>
<li><a class="py-1 hover:bg-slate-400 text-white text-center block" href="/en/flat-rent/c-kyiv-m421866">en</a></li>
<li><a class="py-1 hover:bg-slate-400 text-white text-center block" href="/ru/flat-rent/c-kyiv-m421866">ru</a></li>
</ul>
</div>
</div>
</div>
<div class="p-4 ml-auto">
<p class="mb-2 text-xs text-white">
Ми у соцмережах
</p>
<ul class="flex items-center gap-3">
<li>
<a href="https://www.facebook.com/profile.php?id=100091452176607" target="_blank" aria-label="Ми у Facebook">
<div class="w-8 h-8 bg-white rounded-full flex items-center justify-center">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="#334155" fill-rule="evenodd" clip-rule="evenodd" d="M0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15ZM16.5635 23.8197V15.6589H18.8162L19.1147 12.8466H16.5635L16.5673 11.4391C16.5673 10.7056 16.637 10.3126 17.6905 10.3126H19.0988V7.5H16.8457C14.1395 7.5 13.1869 8.86425 13.1869 11.1585V12.8469H11.5V15.6592H13.1869V23.8197H16.5635Z" />
</svg>
</div>
</a>
</li>
<li>
<a href="https://www.youtube.com/@bestrealty-com-ua" target="_blank" aria-label="Ми в Youtube">
<div class="w-8 h-8 bg-white rounded-full flex items-center justify-center">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="#334155" fill-rule="evenodd" clip-rule="evenodd" d="M0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15ZM22.6656 11.2958C22.4816 10.5889 21.9395 10.0322 21.251 9.84333C20.0034 9.5 15 9.5 15 9.5C15 9.5 9.99664 9.5 8.74891 9.84333C8.06045 10.0322 7.51827 10.5889 7.33427 11.2958C7 12.5769 7 15.25 7 15.25C7 15.25 7 17.923 7.33427 19.2042C7.51827 19.9111 8.06045 20.4678 8.74891 20.6568C9.99664 21 15 21 15 21C15 21 20.0034 21 21.251 20.6568C21.9395 20.4678 22.4816 19.9111 22.6656 19.2042C23 17.923 23 15.25 23 15.25C23 15.25 23 12.5769 22.6656 11.2958Z" />
<path fill="#334155" fill-rule="evenodd" clip-rule="evenodd" d="M13.5 18V13L17.5 15.5001L13.5 18Z" />
</svg>
</div>
</a>
</li>
<li>
<a href="https://t.me/bestrealty_com_ua" target="_blank" aria-label="Ми в Telegram">
<div class="w-8 h-8 bg-white rounded-full flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="30" height="30" data-name="Livello 1">
<g stroke="null">
<circle cx="15" cy="15" r="14.8" fill="#334155"/>
<path fill="#334155" d="m10.288 16.035 1.764 4.735s.22.443.457.443 3.75-3.544 3.75-3.544l3.906-7.315-9.814 4.46-.063 1.221z"/>
<path fill="#334155" d="m12.627 17.25-.339 3.49s-.141 1.069.961 0 2.159-1.895 2.159-1.895"/>
<path fill="#fff" d="m10.32 16.204-3.63-1.146s-.434-.17-.294-.558c.029-.08.087-.147.26-.264.804-.543 14.885-5.45 14.885-5.45s.398-.13.632-.043a.343.332 0 0 1 .234.247 1.16 1.124 0 0 1 .031.31c0 .09-.012.174-.02.306-.086 1.341-2.653 11.353-2.653 11.353s-.153.585-.703.605a1.008.977 0 0 1-.735-.275c-1.08-.9-4.81-3.331-5.635-3.866a.157.153 0 0 1-.068-.108c-.011-.056.052-.126.052-.126s6.497-5.599 6.67-6.187c.013-.045-.037-.068-.105-.048-.432.154-7.912 4.734-8.738 5.24a.398.386 0 0 1-.184.01z"/>
</g>
</svg>
</div>
</a>
</li>
<li>
<a href="https://www.pinterest.com/bestrealtycomua/" target="_blank" aria-label="Ми у Pinterest">
<div class="w-8 h-8 bg-white rounded-full flex items-center justify-center">
<svg id="p" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path fill="#334155" d="M16.021 1.004c-0 0-0.001 0-0.002 0-8.273 0-14.979 6.706-14.979 14.979 0 6.308 3.899 11.705 9.419 13.913l0.101 0.036c-0.087-0.595-0.137-1.281-0.137-1.979 0-0.819 0.068-1.622 0.2-2.403l-0.012 0.084c0.274-1.171 1.757-7.444 1.757-7.444-0.284-0.636-0.449-1.379-0.449-2.16 0-0.023 0-0.046 0-0.069l-0 0.004c0-2.078 1.208-3.638 2.709-3.638 0.008-0 0.018-0 0.028-0 1.040 0 1.883 0.843 1.883 1.883 0 0.080-0.005 0.159-0.015 0.236l0.001-0.009c-0.307 1.903-0.738 3.583-1.304 5.199l0.064-0.21c-0.042 0.161-0.067 0.345-0.067 0.535 0 1.2 0.973 2.173 2.173 2.173 0.039 0 0.078-0.001 0.117-0.003l-0.005 0c2.659 0 4.709-2.805 4.709-6.857 0.002-0.054 0.003-0.118 0.003-0.182 0-3.265-2.647-5.913-5.913-5.913-0.123 0-0.244 0.004-0.365 0.011l0.017-0.001c-0.083-0.004-0.18-0.006-0.277-0.006-3.58 0-6.482 2.902-6.482 6.482 0 0.007 0 0.014 0 0.022v-0.001c0 0 0 0.001 0 0.001 0 1.287 0.417 2.476 1.122 3.441l-0.011-0.016c0.076 0.081 0.122 0.191 0.122 0.311 0 0.043-0.006 0.084-0.017 0.123l0.001-0.003c-0.112 0.469-0.366 1.498-0.417 1.703-0.066 0.281-0.215 0.339-0.501 0.206-1.843-1.214-3.043-3.274-3.043-5.614 0-0.068 0.001-0.135 0.003-0.202l-0 0.010c0-4.719 3.434-9.062 9.897-9.062 0.132-0.007 0.287-0.011 0.442-0.011 4.811 0 8.72 3.862 8.795 8.655l0 0.007c0 5.167-3.258 9.325-7.789 9.325-0.039 0.001-0.086 0.002-0.132 0.002-1.366 0-2.573-0.677-3.306-1.713l-0.008-0.013-0.936 3.559c-0.488 1.499-1.123 2.8-1.91 3.992l0.038-0.061c1.325 0.425 2.85 0.671 4.432 0.671 8.274 0 14.981-6.707 14.981-14.981 0-8.272-6.705-14.978-14.977-14.981h-0z"></path>
</svg>
</div>
</a>
</li>
</ul>
<div class="py-4">
<a href="/contact-us">
<button class="shadow focus:shadow-outline focus:outline-none
inline-flex items-center justify-center px-4 py-2
text-base font-medium rounded-md
text-white bg-slate-500 hover:bg-slate-400 hover:text-white
focus:border-indigo-700 focus:shadow-outline-indigo
transition-colors duration-300">
Пишіть
</button>
</a>
</div>
</div>
</div>
<hr class="h-px mt-12 bg-gray-200 border-0 dark:bg-gray-700">
<div class="flex justify-center text-white">
© 2004 - 2025 bestrealty.com.ua </div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
const citySelect = document.getElementById('city');
const districtInput = document.getElementById('district');
citySelect.addEventListener('change', function() {
const selectedCity = citySelect.value;
districtInput.setAttribute('data-ts-city-value', selectedCity);
});
});
</script> <section name="bottom-navigation" class="fixed bottom-0 left-0 z-50 w-full h-16 bg-white border-t border-gray-200 transition duration-300 sm:hidden">
<div class="grid h-full max-w-lg grid-cols-4 mx-auto font-medium">
<a href="/" class="inline-flex flex-col items-center justify-center px-5 group">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
</svg>
<span class="text-sm text-gray-500">Головна</span>
</a>
<a href="/search" class="inline-flex flex-col items-center justify-center px-5 group">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
</svg>
<span class="text-sm text-gray-500">Пошук</span>
</a>
<a href="/add-new-realty.html" class="inline-flex flex-col items-center justify-center px-5 group">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
<span class="text-sm text-gray-500">Додати</span>
</a>
<a href="/map" class="inline-flex flex-col items-center justify-center px-5 group">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" />
</svg>
<span class="text-sm text-gray-500">Мапа</span>
</a>
</div>
</section>
</div>
<script src="/build/runtime.ca8d4edf.js" type="module"></script><script src="/build/222.0d21b1fe.js" type="module"></script><script src="/build/general.f8c472bc.js" type="module"></script>
<script src="/legacy/runtime.204a7099.js" nomodule defer></script><script src="/legacy/312.d2491f6d.js" nomodule defer></script><script src="/legacy/541.682218e1.js" nomodule defer></script><script src="/legacy/general.01a224b3.js" nomodule defer></script>
<script src="/build/197.af5c04b8.js" type="module"></script><script src="/build/app.303baa38.js" type="module"></script>
<script src="/legacy/102.0abd3283.js" nomodule defer></script><script src="/legacy/app.d09c1990.js" nomodule defer></script>
<link rel="preload" href="/build/app.86581114.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/build/app.86581114.css"></noscript>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1CY92LBB8D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1CY92LBB8D');
document.getElementById('nav-toggle').onclick = function(){
document.getElementById("nav-content").classList.toggle("hidden");
}
</script>
</body>
</html>