{"id":326,"date":"2026-07-20T14:26:41","date_gmt":"2026-07-20T14:26:41","guid":{"rendered":"http:\/\/friendlycityindex.com\/home-lt\/"},"modified":"2026-09-16T07:04:06","modified_gmt":"2026-09-16T07:04:06","slug":"home-lt","status":"publish","type":"page","link":"https:\/\/friendlycityindex.com\/lt\/","title":{"rendered":"Pagrindinis puslapis"},"content":{"rendered":"<section id=\"hero\" data-reveal-on=\"load\" class=\"relative w-full overflow-hidden rounded-[18px] aspect-[374\/577] max-h-[640px] md:aspect-[744\/540] md:max-h-[600px] xl:aspect-[1416\/540] 2xl:aspect-[1872\/721] 2xl:max-h-none\">\n\n        <picture>\n              <source media=\"(min-width:1280px)\" srcset=\"https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/hero-pc.png\">\n                    <source media=\"(min-width:768px)\"  srcset=\"https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/hero-tablet.png\">\n            <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/hero-mob.png\" alt=\"\" class=\"absolute inset-0 h-full w-full object-cover\">\n    <\/picture>\n  \n    <div class=\"absolute inset-0 flex flex-col p-2 pb-3 md:block md:p-0\">\n\n        <div class=\"h-10 shrink-0 md:hidden\" aria-hidden=\"true\"><\/div>\n\n                    <div data-reveal-children=\"group\" data-reveal-step=\"420\" class=\"relative z-10 mt-6 px-3 text-center md:absolute md:inset-x-6 md:mt-0 md:px-0 md:bottom-[7%] 2xl:bottom-[5.5%] 2xl:left-[60px]\">\n            <h1 data-reveal=\"words\" data-reveal-word-step=\"90\" class=\"font-title font-medium text-[32px] leading-[32px] mb-2 md:mb-6 md:text-[64px] md:leading-[64px] xl:text-[70px] xl:leading-[70px] 2xl:text-[90px] 2xl:leading-[90px] text-neutral-100\">Ar j\u016bs\u0173 miestas draugi\u0161kas gyventojams?<\/h1>\n            <div data-glass data-glass-field=\"edge\" data-glass-strength=\"5.4\" data-glass-specular=\"0.95\" data-glass-blur=\"4.5\" data-glass-ior=\"1.65\" data-glass-reach=\"75\" class=\"relative  inline-flex overflow-hidden rounded-full px-2 py-1.5 md:px-5 md:py-2 border border-white\/25 backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-2px_20px_rgba(0,0,0,0.14)]\">\n                <span class=\"font-title font-medium text-[32px] leading-[32px] md:text-[64px] md:leading-[64px] xl:text-[70px] xl:leading-[70px] 2xl:text-[90px] 2xl:leading-[90px] relative text-balance text-yellow-300\">Patyrin\u0117kite savo miesto rezultatus<\/span>\n      <\/div>\n    <\/div>\n\n        <div class=\"pointer-events-none absolute inset-0 hidden xl:block\" aria-hidden=\"true\">\n              <div class=\"absolute h-[101px] w-[101px] bottom-[-28px] left-[4.6%] 2xl:h-[133px] 2xl:w-[133px] 2xl:bottom-[-36px] 2xl:left-[4.8%]\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-1.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-2.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-3.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-4.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-5.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                  <\/div>\n              <div class=\"absolute h-[53px] w-[53px] bottom-[-17px] left-[8.9%] 2xl:h-[70px] 2xl:w-[70px] 2xl:bottom-[-21px] 2xl:left-[9.08%]\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-1.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-2.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-3.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-4.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-5.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                  <\/div>\n              <div class=\"absolute h-[101px] w-[101px] bottom-[-28px] right-[4.6%] 2xl:h-[133px] 2xl:w-[133px] 2xl:bottom-[-36px] 2xl:right-[4.8%]\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-1.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-2.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-3.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-4.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-lg-5.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                  <\/div>\n              <div class=\"absolute h-[53px] w-[53px] bottom-[-17px] right-[8.9%] 2xl:h-[70px] 2xl:w-[70px] 2xl:bottom-[-21px] 2xl:right-[9.1%]\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-1.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-2.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-3.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-4.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/hero\/flower-sm-5.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full\">\n                  <\/div>\n          <\/div>\n\n            <div data-reveal-children data-reveal-delay=\"1100\" data-reveal-step=\"130\" class=\"z-10 mt-auto grid grid-cols-2 gap-3 pt-5 md:contents\">\n              <div class=\"h-[84px] md:absolute md:h-auto md:w-[28.2%] xl:w-[14.8%] 2xl:w-[14.42%] md:left-[2.7%] md:top-[38.7%] xl:left-[3.1%] xl:top-[40.2%] 2xl:left-[4.7%] 2xl:top-[36.75%]\">\n                    <div data-stat-card data-glass class=\"relative flex h-full flex-col justify-between overflow-hidden rounded-[8px] border border-white\/25 px-2 pr-1 py-2.5 md:min-h-[110px] md:p-3 xl:min-h-[116px] 2xl:min-h-[136px] 2xl:rounded-[12px] backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-2px_20px_rgba(0,0,0,0.14)]\" style=\"background-image:linear-gradient(180.35deg, rgba(34,166,0,0) 49.996%, rgba(0,166,82,0.25) 99.456%),linear-gradient(179.74deg, rgba(255,211,22,0) 64.804%, rgba(255,211,22,0.5) 99.594%),linear-gradient(90deg, rgba(17,17,17,0.1) 0%, rgba(17,17,17,0.1) 100%)\">\n            <p class=\"relative font-title font-semibold text-yellow-300 text-[22px] leading-[22px] tracking-[-0.484px] md:text-[32px] md:leading-[32px] md:tracking-[-0.704px] 2xl:text-[40px] 2xl:leading-[44px] 2xl:tracking-[-0.88px]\">11<\/p>\n            <p class=\"relative font-body text-neutral-100 max-[390px]:text-[12px] text-[14px] leading-[18px] tracking-[-0.308px] md:text-[16px] md:leading-[20px] md:tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">\u0161ali\u0173<\/p>\n          <\/div>\n        <\/div>\n              <div class=\"h-[84px] md:absolute md:h-auto md:w-[28.2%] xl:w-[14.8%] 2xl:w-[14.42%] md:left-[2.7%] md:top-[16.8%] xl:left-[18.9%] xl:top-[15.7%] 2xl:left-[14.32%] 2xl:top-[15.67%]\">\n                    <div data-stat-card data-glass class=\"relative flex h-full flex-col justify-between overflow-hidden rounded-[8px] border border-white\/25 px-2 pr-1 py-2.5 md:min-h-[110px] md:p-3 xl:min-h-[116px] 2xl:min-h-[136px] 2xl:rounded-[12px] backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-2px_20px_rgba(0,0,0,0.14)]\" style=\"background-image:linear-gradient(180.35deg, rgba(34,166,0,0) 49.996%, rgba(0,166,82,0.25) 99.456%),linear-gradient(179.74deg, rgba(255,211,22,0) 64.804%, rgba(255,211,22,0.5) 99.594%),linear-gradient(90deg, rgba(17,17,17,0.1) 0%, rgba(17,17,17,0.1) 100%)\">\n            <p class=\"relative font-title font-semibold text-yellow-300 text-[22px] leading-[22px] tracking-[-0.484px] md:text-[32px] md:leading-[32px] md:tracking-[-0.704px] 2xl:text-[40px] 2xl:leading-[44px] 2xl:tracking-[-0.88px]\">62<\/p>\n            <p class=\"relative font-body text-neutral-100 max-[390px]:text-[12px] text-[14px] leading-[18px] tracking-[-0.308px] md:text-[16px] md:leading-[20px] md:tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">miestai<\/p>\n          <\/div>\n        <\/div>\n              <div class=\"h-[84px] md:absolute md:h-auto md:w-[28.2%] xl:w-[14.8%] 2xl:w-[14.42%] md:right-[2.7%] md:top-[16.8%] xl:right-[18.9%] xl:top-[15.7%] 2xl:right-[13.83%] 2xl:top-[15.67%]\">\n                    <div data-stat-card data-glass class=\"relative flex h-full flex-col justify-between overflow-hidden rounded-[8px] border border-white\/25 px-2 pr-1 py-2.5 md:min-h-[110px] md:p-3 xl:min-h-[116px] 2xl:min-h-[136px] 2xl:rounded-[12px] backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-2px_20px_rgba(0,0,0,0.14)]\" style=\"background-image:linear-gradient(180.35deg, rgba(34,166,0,0) 49.996%, rgba(0,166,82,0.25) 99.456%),linear-gradient(179.74deg, rgba(255,211,22,0) 64.804%, rgba(255,211,22,0.5) 99.594%),linear-gradient(90deg, rgba(17,17,17,0.1) 0%, rgba(17,17,17,0.1) 100%)\">\n            <p class=\"relative font-title font-semibold text-yellow-300 text-[22px] leading-[22px] tracking-[-0.484px] md:text-[32px] md:leading-[32px] md:tracking-[-0.704px] 2xl:text-[40px] 2xl:leading-[44px] 2xl:tracking-[-0.88px]\">6<\/p>\n            <p class=\"relative font-body text-neutral-100 max-[390px]:text-[12px] text-[14px] leading-[18px] tracking-[-0.308px] md:text-[16px] md:leading-[20px] md:tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">reitingai<\/p>\n          <\/div>\n        <\/div>\n              <div class=\"h-[84px] md:absolute md:h-auto md:w-[28.2%] xl:w-[14.8%] 2xl:w-[14.42%] md:right-[2.7%] md:top-[38.7%] xl:right-[3.1%] xl:top-[40.2%] 2xl:right-[4.59%] 2xl:top-[36.75%]\">\n                    <div data-stat-card data-glass class=\"relative flex h-full flex-col justify-between overflow-hidden rounded-[8px] border border-white\/25 px-2 pr-1 py-2.5 md:min-h-[110px] md:p-3 xl:min-h-[116px] 2xl:min-h-[136px] 2xl:rounded-[12px] backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-2px_20px_rgba(0,0,0,0.14)]\" style=\"background-image:linear-gradient(180.35deg, rgba(34,166,0,0) 49.996%, rgba(0,166,82,0.25) 99.456%),linear-gradient(179.74deg, rgba(255,211,22,0) 64.804%, rgba(255,211,22,0.5) 99.594%),linear-gradient(90deg, rgba(17,17,17,0.1) 0%, rgba(17,17,17,0.1) 100%)\">\n            <p class=\"relative font-title font-semibold text-yellow-300 text-[22px] leading-[22px] tracking-[-0.484px] md:text-[32px] md:leading-[32px] md:tracking-[-0.704px] 2xl:text-[40px] 2xl:leading-[44px] 2xl:tracking-[-0.88px]\">6500<\/p>\n            <p class=\"relative font-body text-neutral-100 max-[390px]:text-[12px] text-[14px] leading-[18px] tracking-[-0.308px] md:text-[16px] md:leading-[20px] md:tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">dalyvi\u0173<\/p>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n\n<section id=\"city-ratings\" class=\"mx-auto mt-11 flex w-full flex-col items-center md:px-[clamp(0px,80px_-_4.1667vw,20px)] xl:mt-16 xl:max-w-[clamp(1368px,68.3333vw_+_384px,1696px)] 2xl:mt-20\">\n  <div data-reveal-children=\"group\" data-reveal-step=\"140\" class=\"flex flex-col gap-1.5 md:gap-2 2xl:gap-3 items-center \">\n  <div class=\"flex items-center justify-center gap-1.5 2xl:gap-2\">\n    <span class=\"relative grid size-7 place-items-center rounded-full bg-[#fff6d0] 2xl:size-8\">\n      <span aria-hidden=\"true\" class=\"bg-contain bg-center bg-no-repeat\" style=\"width:57.1429%;height:57.1429%;background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/ratings-icon-group.svg)\"><\/span>\n      <span aria-hidden=\"true\" class=\"absolute left-1\/2 top-[21.43%] size-[28.57%] bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/ratings-icon-dot.svg)\"><\/span>\n    <\/span>\n    <span class=\"font-title font-normal text-green-100 text-[18px] leading-5 tracking-[-0.44px] 2xl:text-[28px] 2xl:leading-[28px] 2xl:tracking-[-0.616px]\">Reitingai<\/span>\n  <\/div>\n    <h2 data-reveal=\"words\" data-reveal-word-step=\"34\" class=\"min-w-full font-title font-semibold text-green-500 text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] 2xl:text-[60px] 2xl:leading-[64px] 2xl:tracking-[-1.32px] text-center\">\n    Naujausi miest\u0173 reitingai  <\/h2>\n<\/div>\n\n      <div data-reveal-children data-reveal-step=\"110\" class=\"mt-8 grid w-full grid-cols-1 gap-4 max-md:w-screen min-[1024px]:grid-cols-2 xl:mt-9 2xl:mt-12 2xl:gap-[18px]\">\n          <div data-rating-card data-question-id=\"2054\" class=\"flex flex-col gap-2 overflow-clip rounded-2xl border border-[rgba(133,133,131,0.2)] bg-white md:gap-1 md:rounded-[20px]\">\n\n    <div class=\"-mt-px -mx-px flex flex-col gap-2 rounded-2xl border border-neutral-300 bg-neutral-200 p-4 md:rounded-[20px] md:p-5 2xl:min-h-[209px] 2xl:gap-4 2xl:p-6\">\n        <div class=\"flex items-start justify-between gap-x-4\">\n      <h3 class=\"min-w-0 max-w-[304px] font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:max-w-[578px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] min-[1024px]:max-w-none xl:max-w-[429px] 2xl:max-w-[650px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">Miest\u0173 centrai be automobili\u0173<\/h3>\n\n                    <span class=\"-mr-[5px] -mt-[5px] inline-flex shrink-0 items-center rounded-full px-2 py-1 md:-mr-px md:-mt-px 2xl:mr-0 2xl:mt-0 2xl:px-3 2xl:py-1.5\" style=\"background:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0.9)) padding-box,linear-gradient(180deg,rgba(22,49,44,0.08),rgba(22,49,44,0.01)) border-box;border:1px solid transparent;box-shadow:inset 0 2px 6px rgba(22,49,44,0.06),inset 0 -2px 5px rgba(255,255,255,0.7);\">\n          <span class=\"font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">2026<\/span>\n        <\/span>\n          <\/div>\n\n          <p class=\"font-body font-normal text-green-500\/70 text-[14px] leading-[18px] tracking-[-0.308px] md:max-w-[589px] md:text-[16px] md:leading-5 md:tracking-[-0.352px] xl:max-w-[364px] 2xl:max-w-[720px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">Miestai, suskirstyti pagal gyventoj\u0173, kurie niekada arba retai va\u017eiuoja \u012f miesto centr\u0105 savo automobiliu, dal\u012f.<\/p>\n      <\/div>\n\n  <div class=\"flex flex-col gap-3 px-3 pb-3 md:gap-4 md:px-5 md:py-3\">\n\n        <div data-rating-card-table data-sort=\"\" data-dir=\"\" class=\"flex flex-col gap-2\">\n      <div class=\"flex items-center gap-1 md:gap-2 rounded-lg bg-neutral-200 py-1.5 md:h-[37px] md:py-0\">\n  <div class=\"flex items-center gap-1 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\"><span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">&#8470;<\/span><\/div>    <button type=\"button\" data-card-sort=\"country\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal \u0160alis\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">\u0160alis<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"city\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Miestai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Miestai<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"population\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Gyv.Gyventojai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\"><span class=\"inline md:hidden min-[1024px]:inline xl:hidden\">Gyv.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Gyventojai<\/span><\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"result\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 flex-1 min-w-[56px] md:min-w-[76px] xl:min-w-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Rezultatas\">\n      <span class=\"font-body font-semibold text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Rezultatas<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n    <\/div>\n\n\n<div data-lb-track class=\"flex gap-1 md:gap-2\">\n\n    <div data-lb-col=\"index\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">1<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">2<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">3<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">4<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">5<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"country\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_the_czech_republic.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">\u010cekija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_the_czech_republic.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">\u010cekija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_the_czech_republic.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">\u010cekija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_the_czech_republic.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">\u010cekija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_bulgaria.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Bulgarija<\/span>\n      <\/div>\n      <\/div>\n\n    <div data-lb-col=\"city\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Pilzenas<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Praha<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Brno<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Olomoucas<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Sofija<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"pop\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ffe9be;color:#9c6500\">180 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ecd2ff;color:#7a3fb0\">1.4 M<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#cdfee5;color:rgba(22,49,44,0.7)\">385 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ffe9be;color:#9c6500\">100 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ecd2ff;color:#7a3fb0\">1.2 M<\/span>\n              <\/div>\n      <\/div>\n\n    <div data-lb-col=\"result\" class=\"flex flex-1 flex-col gap-2 overflow-clip rounded-lg bg-yellow-100 md:py-2 min-w-[56px] md:min-w-[76px] xl:min-w-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">73%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">62%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">51%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">50%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">50%<\/span><\/div>\n      <\/div>\n<\/div>\n    <\/div>\n\n        <div class=\"flex items-end justify-between\">\n      <span class=\"font-body font-normal text-neutral-400 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">5\/62<\/span>\n      <a href=\"https:\/\/friendlycityindex.com\/lt\/ratings\/car-free-city-centers-2026-lt\/\" class=\"group flex h-9 w-[180px] shrink-0 items-center justify-between rounded-lg border border-transparent bg-green-100 py-1.5 pl-4 pr-1.5 transition-colors duration-[600ms] ease-in-out hover:border-neutral-300 hover:bg-neutral-100 2xl:h-[47px] 2xl:w-[192px] 2xl:rounded-xl 2xl:py-2 2xl:pl-5 2xl:pr-2\">\n        <span class=\"font-body font-semibold text-neutral-100 text-[16px] leading-4 tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px] transition-colors duration-[600ms] ease-in-out group-hover:text-green-500\">Visi miestai<\/span>\n        <span aria-hidden=\"true\" class=\"grid size-6 shrink-0 place-items-center rounded bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:size-8 2xl:rounded-md\">\n          <span class=\"h-[11.782px] w-[11.2px] bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:h-[15px] 2xl:w-[14px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n          <div data-rating-card data-question-id=\"647\" class=\"flex flex-col gap-2 overflow-clip rounded-2xl border border-[rgba(133,133,131,0.2)] bg-white md:gap-1 md:rounded-[20px]\">\n\n    <div class=\"-mt-px -mx-px flex flex-col gap-2 rounded-2xl border border-neutral-300 bg-neutral-200 p-4 md:rounded-[20px] md:p-5 2xl:min-h-[209px] 2xl:gap-4 2xl:p-6\">\n        <div class=\"flex items-start justify-between gap-x-4\">\n      <h3 class=\"min-w-0 max-w-[304px] font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:max-w-[578px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] min-[1024px]:max-w-none xl:max-w-[429px] 2xl:max-w-[650px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">15 minu\u010di\u0173 miestai<\/h3>\n\n                    <span class=\"-mr-[5px] -mt-[5px] inline-flex shrink-0 items-center rounded-full px-2 py-1 md:-mr-px md:-mt-px 2xl:mr-0 2xl:mt-0 2xl:px-3 2xl:py-1.5\" style=\"background:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0.9)) padding-box,linear-gradient(180deg,rgba(22,49,44,0.08),rgba(22,49,44,0.01)) border-box;border:1px solid transparent;box-shadow:inset 0 2px 6px rgba(22,49,44,0.06),inset 0 -2px 5px rgba(255,255,255,0.7);\">\n          <span class=\"font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">2026<\/span>\n        <\/span>\n          <\/div>\n\n          <p class=\"font-body font-normal text-green-500\/70 text-[14px] leading-[18px] tracking-[-0.308px] md:max-w-[589px] md:text-[16px] md:leading-5 md:tracking-[-0.352px] xl:max-w-[364px] 2xl:max-w-[720px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">Pilie\u010di\u0173, kurie gali pasiekti daugum\u0105 savo kelion\u0117s tiksl\u0173 per 15 minu\u010di\u0173 ar ma\u017eiau, dalis.<\/p>\n      <\/div>\n\n  <div class=\"flex flex-col gap-3 px-3 pb-3 md:gap-4 md:px-5 md:py-3\">\n\n        <div data-rating-card-table data-sort=\"\" data-dir=\"\" class=\"flex flex-col gap-2\">\n      <div class=\"flex items-center gap-1 md:gap-2 rounded-lg bg-neutral-200 py-1.5 md:h-[37px] md:py-0\">\n  <div class=\"flex items-center gap-1 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\"><span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">&#8470;<\/span><\/div>    <button type=\"button\" data-card-sort=\"country\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal \u0160alis\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">\u0160alis<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"city\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Miestai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Miestai<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"population\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Gyv.Gyventojai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\"><span class=\"inline md:hidden min-[1024px]:inline xl:hidden\">Gyv.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Gyventojai<\/span><\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"result\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 flex-1 min-w-[56px] md:min-w-[76px] xl:min-w-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Rezultatas\">\n      <span class=\"font-body font-semibold text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Rezultatas<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n    <\/div>\n\n\n<div data-lb-track class=\"flex gap-1 md:gap-2\">\n\n    <div data-lb-col=\"index\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">1<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">2<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">3<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">4<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">5<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"country\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_croatia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Kroatija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_latvia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Latvija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_estonia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Estij<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_croatia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Kroatija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_croatia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Kroatija<\/span>\n      <\/div>\n      <\/div>\n\n    <div data-lb-col=\"city\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Pula<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Uogr\u0117<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Kohtla Jerv\u0117<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Splitas<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Osijekas<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"pop\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">52 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">23 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ffe9be;color:#9c6500\">33 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#cdfee5;color:rgba(22,49,44,0.7)\">161 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">96 K<\/span>\n              <\/div>\n      <\/div>\n\n    <div data-lb-col=\"result\" class=\"flex flex-1 flex-col gap-2 overflow-clip rounded-lg bg-yellow-100 md:py-2 min-w-[56px] md:min-w-[76px] xl:min-w-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">60%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">60%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">56%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">50%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">50%<\/span><\/div>\n      <\/div>\n<\/div>\n    <\/div>\n\n        <div class=\"flex items-end justify-between\">\n      <span class=\"font-body font-normal text-neutral-400 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">5\/62<\/span>\n      <a href=\"https:\/\/friendlycityindex.com\/lt\/ratings\/15-minute-cities-lt\/\" class=\"group flex h-9 w-[180px] shrink-0 items-center justify-between rounded-lg border border-transparent bg-green-100 py-1.5 pl-4 pr-1.5 transition-colors duration-[600ms] ease-in-out hover:border-neutral-300 hover:bg-neutral-100 2xl:h-[47px] 2xl:w-[192px] 2xl:rounded-xl 2xl:py-2 2xl:pl-5 2xl:pr-2\">\n        <span class=\"font-body font-semibold text-neutral-100 text-[16px] leading-4 tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px] transition-colors duration-[600ms] ease-in-out group-hover:text-green-500\">Visi miestai<\/span>\n        <span aria-hidden=\"true\" class=\"grid size-6 shrink-0 place-items-center rounded bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:size-8 2xl:rounded-md\">\n          <span class=\"h-[11.782px] w-[11.2px] bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:h-[15px] 2xl:w-[14px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n          <div data-rating-card data-question-id=\"593\" class=\"flex flex-col gap-2 overflow-clip rounded-2xl border border-[rgba(133,133,131,0.2)] bg-white md:gap-1 md:rounded-[20px]\">\n\n    <div class=\"-mt-px -mx-px flex flex-col gap-2 rounded-2xl border border-neutral-300 bg-neutral-200 p-4 md:rounded-[20px] md:p-5 2xl:min-h-[209px] 2xl:gap-4 2xl:p-6\">\n        <div class=\"flex items-start justify-between gap-x-4\">\n      <h3 class=\"min-w-0 max-w-[304px] font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:max-w-[578px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] min-[1024px]:max-w-none xl:max-w-[429px] 2xl:max-w-[650px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">15 minu\u010di\u0173 miestai<\/h3>\n\n                    <span class=\"-mr-[5px] -mt-[5px] inline-flex shrink-0 items-center rounded-full px-2 py-1 md:-mr-px md:-mt-px 2xl:mr-0 2xl:mt-0 2xl:px-3 2xl:py-1.5\" style=\"background:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0.9)) padding-box,linear-gradient(180deg,rgba(22,49,44,0.08),rgba(22,49,44,0.01)) border-box;border:1px solid transparent;box-shadow:inset 0 2px 6px rgba(22,49,44,0.06),inset 0 -2px 5px rgba(255,255,255,0.7);\">\n          <span class=\"font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">2025<\/span>\n        <\/span>\n          <\/div>\n\n          <p class=\"font-body font-normal text-green-500\/70 text-[14px] leading-[18px] tracking-[-0.308px] md:max-w-[589px] md:text-[16px] md:leading-5 md:tracking-[-0.352px] xl:max-w-[364px] 2xl:max-w-[720px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">Pilie\u010di\u0173, kurie gali pasiekti daugum\u0105 savo kelion\u0117s tiksl\u0173 per 15 minu\u010di\u0173 ar ma\u017eiau, dalis.<\/p>\n      <\/div>\n\n  <div class=\"flex flex-col gap-3 px-3 pb-3 md:gap-4 md:px-5 md:py-3\">\n\n        <div data-rating-card-table data-sort=\"\" data-dir=\"\" class=\"flex flex-col gap-2\">\n      <div class=\"flex items-center gap-1 md:gap-2 rounded-lg bg-neutral-200 py-1.5 md:h-[37px] md:py-0\">\n  <div class=\"flex items-center gap-1 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\"><span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">&#8470;<\/span><\/div>    <button type=\"button\" data-card-sort=\"country\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal \u0160alis\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">\u0160alis<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"city\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Miestai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Miestai<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"population\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Gyv.Gyventojai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\"><span class=\"inline md:hidden min-[1024px]:inline xl:hidden\">Gyv.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Gyventojai<\/span><\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"result\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 flex-1 min-w-[56px] md:min-w-[76px] xl:min-w-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Rezultatas\">\n      <span class=\"font-body font-semibold text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Rezultatas<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n    <\/div>\n\n\n<div data-lb-track class=\"flex gap-1 md:gap-2\">\n\n    <div data-lb-col=\"index\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">1<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">2<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">3<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">4<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">5<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"country\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_croatia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Kroatija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_croatia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Kroatija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_croatia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Kroatija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_slovakia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Slovakija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_estonia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Estij<\/span>\n      <\/div>\n      <\/div>\n\n    <div data-lb-col=\"city\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Zadaras<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Rijeka<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Osijekas<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Pre\u0161ovas<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Narva<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"pop\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">71 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ffe9be;color:#9c6500\">108 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">96 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">84 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#fbf9b5;color:#8d8801\">53 K<\/span>\n              <\/div>\n      <\/div>\n\n    <div data-lb-col=\"result\" class=\"flex flex-1 flex-col gap-2 overflow-clip rounded-lg bg-yellow-100 md:py-2 min-w-[56px] md:min-w-[76px] xl:min-w-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">53,57%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">53,33%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">47,37%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">47,27%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">45,95%<\/span><\/div>\n      <\/div>\n<\/div>\n    <\/div>\n\n        <div class=\"flex items-end justify-between\">\n      <span class=\"font-body font-normal text-neutral-400 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">5\/53<\/span>\n      <a href=\"https:\/\/friendlycityindex.com\/lt\/ratings\/15-minute-cities-2025-lt\/\" class=\"group flex h-9 w-[180px] shrink-0 items-center justify-between rounded-lg border border-transparent bg-green-100 py-1.5 pl-4 pr-1.5 transition-colors duration-[600ms] ease-in-out hover:border-neutral-300 hover:bg-neutral-100 2xl:h-[47px] 2xl:w-[192px] 2xl:rounded-xl 2xl:py-2 2xl:pl-5 2xl:pr-2\">\n        <span class=\"font-body font-semibold text-neutral-100 text-[16px] leading-4 tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px] transition-colors duration-[600ms] ease-in-out group-hover:text-green-500\">Visi miestai<\/span>\n        <span aria-hidden=\"true\" class=\"grid size-6 shrink-0 place-items-center rounded bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:size-8 2xl:rounded-md\">\n          <span class=\"h-[11.782px] w-[11.2px] bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:h-[15px] 2xl:w-[14px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n          <div data-rating-card data-question-id=\"723\" class=\"flex flex-col gap-2 overflow-clip rounded-2xl border border-[rgba(133,133,131,0.2)] bg-white md:gap-1 md:rounded-[20px]\">\n\n    <div class=\"-mt-px -mx-px flex flex-col gap-2 rounded-2xl border border-neutral-300 bg-neutral-200 p-4 md:rounded-[20px] md:p-5 2xl:min-h-[209px] 2xl:gap-4 2xl:p-6\">\n        <div class=\"flex items-start justify-between gap-x-4\">\n      <h3 class=\"min-w-0 max-w-[304px] font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:max-w-[578px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] min-[1024px]:max-w-none xl:max-w-[429px] 2xl:max-w-[650px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">Eismo sp\u016bstys<\/h3>\n\n                    <span class=\"-mr-[5px] -mt-[5px] inline-flex shrink-0 items-center rounded-full px-2 py-1 md:-mr-px md:-mt-px 2xl:mr-0 2xl:mt-0 2xl:px-3 2xl:py-1.5\" style=\"background:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0.9)) padding-box,linear-gradient(180deg,rgba(22,49,44,0.08),rgba(22,49,44,0.01)) border-box;border:1px solid transparent;box-shadow:inset 0 2px 6px rgba(22,49,44,0.06),inset 0 -2px 5px rgba(255,255,255,0.7);\">\n          <span class=\"font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">2025<\/span>\n        <\/span>\n          <\/div>\n\n          <p class=\"font-body font-normal text-green-500\/70 text-[14px] leading-[18px] tracking-[-0.308px] md:max-w-[589px] md:text-[16px] md:leading-5 md:tracking-[-0.352px] xl:max-w-[364px] 2xl:max-w-[720px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">Miestai, suskirstyti pagal gyventoj\u0173, kurie kas savait\u0119 praleid\u017eia daugiau nei 2 valandas eismo sp\u016bstyse, dal\u012f<\/p>\n      <\/div>\n\n  <div class=\"flex flex-col gap-3 px-3 pb-3 md:gap-4 md:px-5 md:py-3\">\n\n        <div data-rating-card-table data-sort=\"\" data-dir=\"\" class=\"flex flex-col gap-2\">\n      <div class=\"flex items-center gap-1 md:gap-2 rounded-lg bg-neutral-200 py-1.5 md:h-[37px] md:py-0\">\n  <div class=\"flex items-center gap-1 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\"><span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">&#8470;<\/span><\/div>    <button type=\"button\" data-card-sort=\"country\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal \u0160alis\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">\u0160alis<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"city\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Miestai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Miestai<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"population\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Gyv.Gyventojai\">\n      <span class=\"font-body font-normal text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\"><span class=\"inline md:hidden min-[1024px]:inline xl:hidden\">Gyv.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Gyventojai<\/span><\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n        <button type=\"button\" data-card-sort=\"result\"\n      class=\"flex items-center gap-1 px-1 md:px-1.5 flex-1 min-w-[56px] md:min-w-[76px] xl:min-w-0 cursor-pointer select-none appearance-none bg-transparent text-left\"\n      aria-label=\"R\u016b\u0161iuoti pagal Rezultatas\">\n      <span class=\"font-body font-semibold text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px] text-neutral-400\">Rezultatas<\/span>\n          <span aria-hidden=\"true\" class=\"h-[6px] w-[10px] shrink-0 rotate-90\">\n      <svg viewBox=\"0 0 10.0098 6.00003\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block h-full w-full\" preserveAspectRatio=\"none\">\n        <path d=\"M3 3.23161e-05L-7.55877e-08 3.00003L3 6.00003L3.7433 5.25674L1.48659 3.00003L3.7433 0.743331L3 3.23161e-05Z\" fill=\"#838585\"\/>\n        <path d=\"M7.00981 6L10.0098 3L7.00981 0L6.26651 0.743297L8.52322 3L6.26651 5.2567L7.00981 6Z\" fill=\"#838585\"\/>\n      <\/svg>\n    <\/span>\n        <\/button>\n    <\/div>\n\n\n<div data-lb-track class=\"flex gap-1 md:gap-2\">\n\n    <div data-lb-col=\"index\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[23px] shrink-0 md:w-7\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">1<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">2<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">3<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">4<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">5<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"country\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[126px] min-w-0 md:w-[170px] xl:w-[145px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_romania.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Rumunija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_romania.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Rumunija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_romania.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Rumunija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_romania.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Rumunija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_romania.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Rumunija<\/span>\n      <\/div>\n      <\/div>\n\n    <div data-lb-col=\"city\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[96px] min-w-0 md:w-[160px] xl:w-[126px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Timi\u0161oara<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Bukare\u0161tas<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Krajova<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Jasai<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center truncate font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative truncate\">Konstanca<\/span><\/div>\n      <\/div>\n\n    <div data-lb-col=\"pop\" class=\"flex flex-col gap-2 md:py-2 px-1 md:px-1.5 w-[47px] min-w-0 md:w-[98px] xl:shrink-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#cdfee5;color:rgba(22,49,44,0.7)\">250 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ecd2ff;color:#7a3fb0\">1.7 M<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#ffe9be;color:#9c6500\">234 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#cdfee5;color:rgba(22,49,44,0.7)\">271 K<\/span>\n              <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center\">\n                <span class=\"relative flex h-[25px] w-full items-center justify-center whitespace-nowrap rounded-md px-1 font-body font-normal md:w-auto md:px-2 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\" style=\"background-color:#cdfee5;color:rgba(22,49,44,0.7)\">283 K<\/span>\n              <\/div>\n      <\/div>\n\n    <div data-lb-col=\"result\" class=\"flex flex-1 flex-col gap-2 overflow-clip rounded-lg bg-yellow-100 md:py-2 min-w-[56px] md:min-w-[76px] xl:min-w-0\">\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">75.00%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">74.40%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">68.75%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">68.42%<\/span><\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center px-1 md:px-2 font-body font-semibold text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\"><span class=\"relative\">67.57%<\/span><\/div>\n      <\/div>\n<\/div>\n    <\/div>\n\n        <div class=\"flex items-end justify-between\">\n      <span class=\"font-body font-normal text-neutral-400 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">5\/49<\/span>\n      <a href=\"https:\/\/friendlycityindex.com\/lt\/ratings\/traffic-jams-lt\/\" class=\"group flex h-9 w-[180px] shrink-0 items-center justify-between rounded-lg border border-transparent bg-green-100 py-1.5 pl-4 pr-1.5 transition-colors duration-[600ms] ease-in-out hover:border-neutral-300 hover:bg-neutral-100 2xl:h-[47px] 2xl:w-[192px] 2xl:rounded-xl 2xl:py-2 2xl:pl-5 2xl:pr-2\">\n        <span class=\"font-body font-semibold text-neutral-100 text-[16px] leading-4 tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px] transition-colors duration-[600ms] ease-in-out group-hover:text-green-500\">Visi miestai<\/span>\n        <span aria-hidden=\"true\" class=\"grid size-6 shrink-0 place-items-center rounded bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:size-8 2xl:rounded-md\">\n          <span class=\"h-[11.782px] w-[11.2px] bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:h-[15px] 2xl:w-[14px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-card-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n      <\/div>\n\n  <a href=\"\/lt\/ratings\" data-reveal=\"focus\" class=\"group relative isolate inline-flex h-12 items-center justify-center gap-5 overflow-clip rounded-lg border border-solid border-neutral-300 py-2 pl-5 pr-2 transition-colors duration-[600ms] ease-in-out hover:border-transparent 2xl:h-[68px] 2xl:gap-6 2xl:rounded-xl 2xl:py-3 2xl:pl-7 2xl:pr-3 mt-8 2xl:mt-10\">\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute -z-10 right-[24px] top-1\/2 aspect-square w-8 transform -translate-y-1\/2 translate-x-1\/2 rounded-[12.5%] bg-green-100 transition-[width] duration-[600ms] ease-in-out group-hover:w-[200%] 2xl:right-[30px] 2xl:w-9 2xl:rounded-[16.667%]\"><\/span>\n  <span class=\"font-body font-semibold text-green-500 text-[16px] leading-4 tracking-[-0.352px] transition-colors duration-[600ms] ease-in-out group-hover:text-neutral-100 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px]\">Daugiau vertinim\u0173<\/span>\n  <span aria-hidden=\"true\" class=\"grid size-8 shrink-0 place-items-center rounded bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:size-9 2xl:rounded-md\">\n    <span class=\"h-[14.728px] w-[14px] -scale-y-100 bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:h-[17px] 2xl:w-[16px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-more-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-more-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n  <\/span>\n<\/a>\n<\/section>\n\n\n<section id=\"about\" class=\"relative mt-20 px-2 md:mt-[100px] md:px-5 xl:mt-[140px] xl:pl-11 xl:pr-0 2xl:mt-[180px] 2xl:pl-[88px]\">\n      <div data-reveal=\"right\" aria-hidden=\"true\" class=\"pointer-events-none absolute left-[87.36%] top-[6px] hidden size-[330px] [--reveal-shift:180px] xl:block 2xl:left-[80.6%] 2xl:top-[-78px] 2xl:size-[600px]\">\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-1.svg)\"><\/span>\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-2.svg)\"><\/span>\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-3.svg)\"><\/span>\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-4.svg)\"><\/span>\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-5.svg)\"><\/span>\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-6.svg)\"><\/span>\n          <span class=\"absolute inset-0 size-full bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bus-part-7.svg)\"><\/span>\n      <\/div>\n\n  <div class=\"relative w-full xl:w-[1104px] 2xl:w-[1411px]\">\n    <div data-reveal-children=\"group\" data-reveal-step=\"140\" class=\"flex flex-col gap-1.5 md:gap-2 2xl:gap-3 items-start \">\n  <div class=\"flex items-center justify-center gap-1.5 2xl:gap-2\">\n    <span class=\"relative grid size-7 place-items-center rounded-full bg-[#fff6d0] 2xl:size-8\">\n      <span aria-hidden=\"true\" class=\"bg-contain bg-center bg-no-repeat\" style=\"width:71.4286%;height:71.4286%;background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/about-icon.svg)\"><\/span>\n      <span aria-hidden=\"true\" class=\"absolute left-1\/2 top-[21.43%] size-[28.57%] bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/ratings-icon-dot.svg)\"><\/span>\n    <\/span>\n    <span class=\"font-title font-normal text-green-100 text-[18px] leading-5 tracking-[-0.44px] 2xl:text-[28px] 2xl:leading-[28px] 2xl:tracking-[-0.616px]\">Apie mus<\/span>\n  <\/div>\n    <h2 data-reveal=\"words\" data-reveal-word-step=\"34\" class=\"min-w-full font-title font-semibold text-green-500 text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] 2xl:text-[60px] 2xl:leading-[64px] 2xl:tracking-[-1.32px] text-left\">\n    <span class=\"text-green-200\">\u201eDraugi\u0161k\u0173 miest\u0173 indeksas\u201c \u2013 tarptautin\u0117 duomen\u0173 baz\u0117 apie Vidurio ir Ryt\u0173 Europos miestus, paremta gyventoj\u0173 patirtimi. Indeksas padeda suprasti, kaip miestai veikia \u017emoni\u0173 kasdienyb\u0119 \u2013<\/span><span class=\"text-green-300\">nuo psichologin\u0117s savijautos iki asmenini\u0173 finans\u0173.<\/span>  <\/h2>\n<\/div>\n\n        <div data-reveal-children data-reveal-step=\"120\" class=\"mt-5 grid grid-cols-1 md:grid-cols-2 md:gap-x-6 md:gap-y-8 xl:mt-[60px] xl:grid-cols-[561px_530px] xl:gap-x-0 2xl:grid-cols-[410px_692px] 2xl:gap-x-[304px] 2xl:gap-y-10\">\n            <p class=\"font-body font-normal text-green-400 text-[18px] leading-[22px] tracking-[-0.396px] md:col-start-2 md:row-start-1 md:text-[20px] md:leading-6 md:tracking-[-0.44px] 2xl:min-h-[170px] 2xl:text-[28px] 2xl:leading-[34px] 2xl:tracking-[-0.616px]\">Indeksas apima 62 miestus 11-oje \u0161ali\u0173. Duomenys renkami kasmet ir yra vie\u0161ai prieinami gyventojams, \u017einiasklaidai bei miest\u0173 vald\u017eios institucijoms. Kvie\u010diame juos analizuoti, jais dalytis ir pasitelkti siekiant teigiam\u0173 poky\u010di\u0173 miestuose.<\/p>\n\n            <div class=\"mt-5 inline-flex w-fit items-center gap-5 justify-self-start rounded-[16px] border border-neutral-300 bg-neutral-200 px-5 py-[14px] md:col-start-1 md:row-start-1 md:mt-0 md:gap-0 md:self-start md:rounded-[20px] md:p-3 xl:px-8 xl:py-4 2xl:mt-1 2xl:h-[137px] 2xl:gap-6 2xl:rounded-[24px] 2xl:px-8 2xl:py-0\">\n        <span class=\"w-[118px] shrink-0 font-body font-normal text-green-400 text-[18px] leading-[22px] tracking-[-0.396px] md:w-[136px] md:text-[20px] md:leading-6 md:tracking-[-0.44px] 2xl:w-[175px] 2xl:text-[28px] 2xl:leading-[34px] 2xl:tracking-[-0.616px]\">Sukurta remiant<\/span>\n        <img decoding=\"async\" aria-hidden=\"true\" alt=\"\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/about\/bolt-logo.png\" class=\"block h-[50px] w-auto shrink-0 2xl:h-[80px]\">\n      <\/div>\n\n            <a href=\"\/lt\/about\" class=\"group relative isolate inline-flex h-12 items-center justify-center gap-5 overflow-clip rounded-lg border border-solid border-neutral-300 py-2 pl-5 pr-2 transition-colors duration-[600ms] ease-in-out hover:border-transparent 2xl:h-[68px] 2xl:gap-6 2xl:rounded-xl 2xl:py-3 2xl:pl-7 2xl:pr-3 mt-8 justify-self-start md:col-start-2 md:row-start-2 md:mt-0 md:self-start\">\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute -z-10 right-[24px] top-1\/2 aspect-square w-8 transform -translate-y-1\/2 translate-x-1\/2 rounded-[12.5%] bg-green-100 transition-[width] duration-[600ms] ease-in-out group-hover:w-[200%] 2xl:right-[30px] 2xl:w-9 2xl:rounded-[16.667%]\"><\/span>\n  <span class=\"font-body font-semibold text-green-500 text-[16px] leading-4 tracking-[-0.352px] transition-colors duration-[600ms] ease-in-out group-hover:text-neutral-100 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px]\">Skaitykite daugiau apie mus<\/span>\n  <span aria-hidden=\"true\" class=\"grid size-8 shrink-0 place-items-center rounded bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:size-9 2xl:rounded-md\">\n    <span class=\"h-[14.728px] w-[14px] -scale-y-100 bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:h-[17px] 2xl:w-[16px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-more-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-more-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n  <\/span>\n<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section id=\"marquee\" aria-label=\"Friendly City Index \u2014 siekiant gauti kokybi\u0161kesnius miesto duomenis\" class=\"relative left-1\/2 w-screen -translate-x-1\/2 overflow-x-hidden mt-20 md:mt-[100px] xl:mt-[140px]\">\n    <div class=\"marquee splide\" data-marquee>\n    <div class=\"splide__track\">\n      <ul class=\"splide__list items-center\">\n                                  <li class=\"splide__slide relative block overflow-hidden rounded-full border-[0.621px] border-neutral-300 md:border size-[52px] md:size-[85px]\">\n                              <div class=\"absolute flex inset-[24.71%_27.65%_25.56%_28.82%] items-center justify-center\" style=\"container-type:size\">\n              <div class=\"flex-none rotate-90\" style=\"height:100cqw;width:100cqh\">\n                <div class=\"relative size-full\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-leaf-fill.svg\"><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"absolute inset-[31.76%_28.17%_30.59%_28.82%]\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-leaf-fill2.svg\"><\/div>\n                            <\/li>\n                              <li class=\"splide__slide relative flex items-center justify-center overflow-hidden rounded-full h-[52px] w-[108px] md:h-[85px] md:w-[245px] \">\n                                      <span aria-hidden=\"true\" class=\"absolute inset-0 bg-center bg-cover bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/07\/bg-for.jpg)\"><\/span>\n                    <span aria-hidden=\"true\" class=\"absolute inset-0\" style=\"background-color:rgba(0,0,0,0.2)\"><\/span>\n                                        <span aria-hidden=\"true\" data-glass class=\"-translate-x-1\/2 -translate-y-1\/2 absolute top-1\/2 left-1\/2 h-[81%] w-[93.5%] overflow-hidden rounded-full border border-white\/25 bg-white\/10 backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-1px_10px_rgba(0,0,0,0.12)]\">\n                    <\/span>\n                                    <span class=\"relative whitespace-nowrap text-center font-title font-semibold text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] text-neutral-100\">D\u0117l<\/span>\n                <\/li>\n                              <li class=\"splide__slide relative block overflow-hidden rounded-full border-[0.621px] border-neutral-300 md:border size-[52px] md:size-[85px]\">\n                              <div class=\"absolute inset-[27.06%_22.12%_25.88%_24.12%]\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-flowerB-fill2.svg\"><\/div>\n            <div class=\"absolute inset-[32.94%_30.59%_34.11%_31.76%]\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-flowerB-fill.svg\"><\/div>\n                            <\/li>\n                              <li class=\"splide__slide relative flex items-center justify-center overflow-hidden rounded-full h-[52px] w-[108px] md:h-[85px] md:w-[245px] bg-yellow-100\">\n                                    <span class=\"relative whitespace-nowrap text-center font-title font-semibold text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] text-green-200\">Duomenys<\/span>\n                <\/li>\n                              <li class=\"splide__slide relative block overflow-hidden rounded-full border-[0.621px] border-neutral-300 md:border size-[52px] md:size-[85px]\">\n                              <div class=\"absolute flex inset-[28.93%_27.2%_30.09%_28.38%] items-center justify-center\" style=\"container-type:size\">\n              <div class=\"flex-none rotate-[13.79deg]\" style=\"height:hypot(-17.6852cqw,78.0988cqh);width:hypot(82.3148cqw,21.9012cqh)\">\n                <div class=\"relative size-full\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-flowerC-fill.svg\"><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"absolute inset-[25.88%_30.59%_26.85%_31.76%]\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-flowerC-fill2.svg\"><\/div>\n                            <\/li>\n                              <li class=\"splide__slide relative flex items-center justify-center overflow-hidden rounded-full h-[52px] w-[108px] md:h-[85px] md:w-[245px] \">\n                                      <span aria-hidden=\"true\" class=\"absolute inset-0 bg-center bg-cover bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/07\/bg-cities.jpg)\"><\/span>\n                    <span aria-hidden=\"true\" class=\"absolute inset-0\" style=\"background-color:rgba(0,0,0,0.1)\"><\/span>\n                                        <span aria-hidden=\"true\" data-glass class=\"-translate-x-1\/2 -translate-y-1\/2 absolute top-1\/2 left-1\/2 h-[81%] w-[93.5%] overflow-hidden rounded-full border border-white\/25 bg-white\/10 backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-1px_10px_rgba(0,0,0,0.12)]\">\n                    <\/span>\n                                    <span class=\"relative whitespace-nowrap text-center font-title font-semibold text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] text-neutral-100\">Miestai<\/span>\n                <\/li>\n                              <li class=\"splide__slide relative block overflow-hidden rounded-full border-[0.621px] border-neutral-300 md:border size-[52px] md:size-[85px]\">\n                              <div class=\"absolute inset-[27.06%_22.12%_25.88%_24.12%]\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-flowerB-fill2.svg\"><\/div>\n            <div class=\"absolute inset-[32.94%_30.59%_34.11%_31.76%]\"><img decoding=\"async\" alt=\"\" class=\"absolute inset-0 block size-full max-w-none\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/marquee\/icon-flowerB-fill.svg\"><\/div>\n                            <\/li>\n                              <li class=\"splide__slide relative flex items-center justify-center overflow-hidden rounded-full h-[52px] w-[108px] md:h-[85px] md:w-[245px] bg-yellow-100\">\n                                    <span class=\"relative whitespace-nowrap text-center font-title font-semibold text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] text-green-200\">Geriau<\/span>\n                <\/li>\n                    <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section id=\"news\" class=\"mx-auto mt-20 flex w-full flex-col items-center px-2 md:mt-[100px] md:px-[clamp(0px,80px_-_4.1667vw,20px)] xl:mt-[140px] xl:max-w-[clamp(1368px,68.3333vw_+_384px,1696px)] 2xl:mt-[180px]\">\n  <div data-reveal-children=\"group\" data-reveal-step=\"140\" class=\"flex flex-col gap-1.5 md:gap-2 2xl:gap-3 items-center \">\n  <div class=\"flex items-center justify-center gap-1.5 2xl:gap-2\">\n    <span class=\"relative grid size-7 place-items-center rounded-full bg-[#fff6d0] 2xl:size-8\">\n      <span aria-hidden=\"true\" class=\"bg-contain bg-center bg-no-repeat\" style=\"width:71.4286%;height:71.4286%;background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/news\/icon-newsroom.svg)\"><\/span>\n      <span aria-hidden=\"true\" class=\"absolute left-1\/2 top-[21.43%] size-[28.57%] bg-contain bg-center bg-no-repeat\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/ratings-icon-dot.svg)\"><\/span>\n    <\/span>\n    <span class=\"font-title font-normal text-green-100 text-[18px] leading-5 tracking-[-0.44px] 2xl:text-[28px] 2xl:leading-[28px] 2xl:tracking-[-0.616px]\">Naujienos<\/span>\n  <\/div>\n    <h2 data-reveal=\"words\" data-reveal-word-step=\"34\" class=\"min-w-full font-title font-semibold text-green-500 text-[28px] leading-[30px] tracking-[-0.616px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] 2xl:text-[60px] 2xl:leading-[64px] 2xl:tracking-[-1.32px] text-center\">\n    Per\u017ei\u016br\u0117kite naujienas ir atnaujinimus  <\/h2>\n<\/div>\n\n    <div data-reveal-children data-reveal-step=\"110\" class=\"mt-8 grid w-full grid-cols-1 gap-4 md:grid-cols-2 xl:mt-9 xl:grid-cols-3 2xl:mt-12 2xl:gap-[18px]\">\n          <a href=\"https:\/\/friendlycityindex.com\/lt\/newsroom\/siauliai-arciausiai-15-minuciu-miesto-idejos-igyvendinimo-esantis-lietuvos-miestas\/\" class=\"group flex cursor-pointer flex-col gap-3 rounded-[16px] border border-neutral-300 bg-white pt-2 pl-2 pr-2 pb-4 transition-colors hover:bg-yellow-100 xl:gap-5 xl:rounded-[20px] xl:pt-3 xl:pl-3 xl:pr-3 xl:pb-5 2xl:gap-6 2xl:rounded-[24px] 2xl:pt-4 2xl:pl-4 2xl:pr-4 2xl:pb-6\">\n        <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/09\/whatsapp-image-2026-09-03-at-09.25.44-1-1024x682.jpeg\" alt=\"\" class=\"block aspect-[408\/184] w-full object-cover\">\n  \n  <div class=\"flex w-full grow flex-col justify-between gap-7 px-1 xl:gap-8 xl:px-2 2xl:gap-10\">\n    <div class=\"flex flex-col gap-2 xl:gap-3 2xl:gap-4\">\n                  <h3 class=\"font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">\u0160iauliai \u2013 ar\u010diausiai 15 minu\u010di\u0173 miesto id\u0117jos \u012fgyvendinimo esantis Lietuvos miestas<\/h3>\n      <p class=\"font-body font-normal text-green-400 text-[16px] leading-[1.28] tracking-[-0.352px] 2xl:text-[20px] 2xl:leading-[28px] 2xl:tracking-[-0.44px]\">Dauguma Lietuvos, kaip ir kit\u0173 Centrin\u0117s ir Ryt\u0173 Europos \u0161ali\u0173, miest\u0173 vis dar yra toli nuo garsiosios 15 minu\u010di\u0173 miesto id\u0117jos \u012fgyvendinimo, rodo Draugi\u0161k\u0173 miest\u0173 indekso duomenys. Lietuvoje netik\u0117tas reitingo lyderis \u2013 \u0160iauli\u0173 miestas, gerokai aplenk\u0119s ne tik Panev\u0117\u017e\u012f ir Klaip\u0117d\u0105, bet ir Vilni\u0173 bei Kaun\u0105.<\/p>\n    <\/div>\n\n    <div class=\"flex w-full items-center justify-between\">\n      <span class=\"font-body font-normal text-green-400 text-[12px] leading-4 tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">29.08.25<\/span>\n      <span aria-hidden=\"true\" class=\"block h-[18px] w-[14px] bg-contain bg-center bg-no-repeat transition-transform duration-200 group-hover:translate-x-1 2xl:h-[22px] 2xl:w-[18px]\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/news\/arrow-date.svg)\"><\/span>\n    <\/div>\n  <\/div>\n<\/a>\n      <\/div>\n\n  <a href=\"\/lt\/newsroom\" data-reveal=\"focus\" class=\"group relative isolate inline-flex h-12 items-center justify-center gap-5 overflow-clip rounded-lg border border-solid border-neutral-300 py-2 pl-5 pr-2 transition-colors duration-[600ms] ease-in-out hover:border-transparent 2xl:h-[68px] 2xl:gap-6 2xl:rounded-xl 2xl:py-3 2xl:pl-7 2xl:pr-3 mt-8\">\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute -z-10 right-[24px] top-1\/2 aspect-square w-8 transform -translate-y-1\/2 translate-x-1\/2 rounded-[12.5%] bg-green-100 transition-[width] duration-[600ms] ease-in-out group-hover:w-[200%] 2xl:right-[30px] 2xl:w-9 2xl:rounded-[16.667%]\"><\/span>\n  <span class=\"font-body font-semibold text-green-500 text-[16px] leading-4 tracking-[-0.352px] transition-colors duration-[600ms] ease-in-out group-hover:text-neutral-100 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px]\">Perskaityti visus spaudos prane\u0161imus<\/span>\n  <span aria-hidden=\"true\" class=\"grid size-8 shrink-0 place-items-center rounded bg-green-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-neutral-100 2xl:size-9 2xl:rounded-md\">\n    <span class=\"h-[14.728px] w-[14px] -scale-y-100 bg-neutral-100 transition-colors duration-[600ms] ease-in-out group-hover:bg-green-100 2xl:h-[17px] 2xl:w-[16px]\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-more-button.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/ratings\/arrow-more-button.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n  <\/span>\n<\/a>\n<\/section>\n\n\n<section id=\"cta\" class=\"relative mt-20 w-full overflow-hidden rounded-[16px] md:mt-[100px] md:rounded-[20px] xl:mt-[140px] 2xl:mt-[180px]\">\n\n        <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/bg.png\" alt=\"\" aria-hidden=\"true\" class=\"absolute inset-0 block h-full w-full object-cover object-center\">\n  \n    <div class=\"absolute inset-0 md:hidden\" style=\"background-image:linear-gradient(131.94deg, rgba(0,0,0,0) 52.673%, rgba(0,0,0,0.3) 80.121%),linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%)\" aria-hidden=\"true\"><\/div>\n  <div class=\"absolute inset-0 hidden md:block xl:hidden\" style=\"background-image:linear-gradient(144.727deg, rgba(0,0,0,0) 52.673%, rgba(0,0,0,0.3) 80.121%),linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%)\" aria-hidden=\"true\"><\/div>\n  <div class=\"absolute inset-0 hidden xl:block\" style=\"background-image:linear-gradient(161.713deg, rgba(0,0,0,0) 52.673%, rgba(0,0,0,0.3) 80.121%),linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%)\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"pointer-events-none absolute right-[-11px] top-[-46px] h-[160px] w-[160px] md:right-[23px] xl:right-[210px] xl:top-[-61px] xl:h-[214px] xl:w-[214px] 2xl:right-[164px] 2xl:top-[-86px] 2xl:h-[290px] 2xl:w-[290px]\" style=\"transform:scaleY(-1)\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer1-mobile.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full xl:hidden\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer2-mobile.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full xl:hidden\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer3-mobile.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full xl:hidden\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer4-mobile.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full xl:hidden\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer5-mobile.svg\" alt=\"\" class=\"absolute inset-0 block h-full w-full xl:hidden\">\n              <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer1-desktop.svg\" alt=\"\" class=\"absolute inset-0 hidden h-full w-full xl:block\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer2-desktop.svg\" alt=\"\" class=\"absolute inset-0 hidden h-full w-full xl:block\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer3-desktop.svg\" alt=\"\" class=\"absolute inset-0 hidden h-full w-full xl:block\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer4-desktop.svg\" alt=\"\" class=\"absolute inset-0 hidden h-full w-full xl:block\">\n          <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/star-layer5-desktop.svg\" alt=\"\" class=\"absolute inset-0 hidden h-full w-full xl:block\">\n      <\/div>\n\n      <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/road-mobile.svg\" alt=\"\" aria-hidden=\"true\" data-reveal=\"wipe-rtl\" class=\"pointer-events-none absolute bottom-[-71px] left-[-21px] h-[122px] w-[560px] max-w-none md:bottom-[-59px] md:left-[-101px] xl:hidden\">\n  <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/road-desktop.svg\" alt=\"\" aria-hidden=\"true\" data-reveal=\"wipe-rtl\" class=\"pointer-events-none absolute hidden bottom-[-42px] left-[-15px] h-[143px] w-[655px] max-w-none xl:block 2xl:bottom-[-19px] 2xl:h-[173px] 2xl:w-[790px]\">\n  <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/mascot-mobile.svg\" alt=\"\" aria-hidden=\"true\" data-reveal=\"right\" class=\"pointer-events-none absolute bottom-[38px] left-[180px] h-[136px] w-[136px] max-w-none [--reveal-shift:200px] md:bottom-[50px] md:left-[100px] xl:hidden\" style=\"transform:rotate(-170.12deg) scaleY(-1)\">\n  <img decoding=\"async\" src=\"https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/mascot-desktop.svg\" alt=\"\" aria-hidden=\"true\" data-reveal=\"right\" class=\"pointer-events-none absolute hidden bottom-[85px] left-[220px] h-[160px] w-[160px] max-w-none [--reveal-shift:200px] xl:block 2xl:bottom-[134px] 2xl:left-[269px] 2xl:h-[193px] 2xl:w-[193px]\" style=\"transform:rotate(-170.12deg) scaleY(-1)\">\n\n    <div class=\"relative flex flex-col items-start px-6 pt-[60px] pb-[224px] md:px-9 md:pt-[100px] md:pb-[100px] xl:px-20 xl:pt-[79px] xl:pb-[79px] 2xl:pt-[120px] 2xl:pb-[120px]\">\n            <div data-reveal-children=\"group\" data-reveal-step=\"260\" class=\"flex flex-col items-start\">\n            <div data-glass class=\"relative inline-flex overflow-hidden rounded-full border border-white\/15 bg-white\/20 -ml-[9px] pt-[2px] pr-[7px] pb-[4px] pl-[9px] md:-ml-4 md:pt-[6px] md:pr-4 md:pb-[12px] md:pl-4 xl:-ml-5 xl:pt-[6px] xl:pr-5 xl:pb-3 xl:pl-5 backdrop-blur-[2px] backdrop-saturate-[1.6] shadow-[inset_0_-2px_20px_rgba(0,0,0,0.14)]\">\n        <span class=\"font-title font-medium text-[32px] leading-[32px] md:text-[64px] md:leading-[64px] xl:text-[70px] xl:leading-[70px] 2xl:text-[90px] 2xl:leading-[90px] relative whitespace-nowrap text-yellow-300\">Pad\u0117kite mums<\/span>\n      <\/div>\n      <h2 data-reveal=\"words\" data-reveal-word-step=\"70\" class=\"font-title font-medium text-[32px] leading-[32px] md:text-[64px] md:leading-[64px] xl:text-[70px] xl:leading-[70px] 2xl:text-[90px] 2xl:leading-[90px] text-neutral-100 w-[261px] md:w-[530px] 2xl:w-[804px]\">kad pilie\u010di\u0173 balsas b\u016bt\u0173 i\u0161girstas<\/h2>\n    <\/div>\n\n            <div data-reveal-children=\"group\" data-reveal-step=\"380\" class=\"mt-[18px] flex flex-col items-start md:mt-[60px] md:self-end md:-mr-[13px] xl:mt-[90px] xl:mr-[33px] 2xl:mt-[32px] 2xl:mr-[74px]\">\n      <p data-reveal=\"words\" data-reveal-word-step=\"45\" class=\"font-title font-semibold text-neutral-100 text-[28px] leading-[30px] tracking-[-0.616px] w-[320px] md:w-[341px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] xl:w-[459px] 2xl:w-[630px] 2xl:text-[60px] 2xl:leading-[64px] 2xl:tracking-[-1.32px]\">J\u016bs galite laisvai naudoti ir dalytis Friendly City Index duomenimis<\/p>\n            <div class=\"mt-8 flex flex-col gap-[15px] md:gap-5 xl:mt-[47px] xl:flex-row xl:gap-4 2xl:mt-[40px]\">\n        <a href=\"\/lt\/ratings\" class=\"group inline-flex h-12 items-center justify-between gap-5 overflow-clip rounded-lg border py-2 pl-5 pr-2 transition-colors duration-[600ms] ease-in-out 2xl:h-[68px] 2xl:gap-8 2xl:py-[14px] 2xl:pr-[14px] border-transparent bg-green-100 hover:border-neutral-300 hover:bg-neutral-100 \">\n  <span class=\"font-body font-semibold text-neutral-100 text-[16px] leading-4 tracking-[-0.352px] transition-colors duration-[600ms] ease-in-out 2xl:text-[20px] 2xl:leading-[24px] 2xl:tracking-[-0.44px] group-hover:text-green-500\">Per\u017ei\u016br\u0117ti vis\u0173 miest\u0173 reitingus<\/span>\n  <span aria-hidden=\"true\" class=\"grid size-8 shrink-0 place-items-center rounded transition-colors duration-[600ms] ease-in-out 2xl:size-[38px] 2xl:rounded-[4.75px] bg-neutral-100 group-hover:bg-green-100\">\n    <span class=\"h-[14.728px] w-[14px] -scale-y-100 transition-colors duration-[600ms] ease-in-out 2xl:h-[17.49px] 2xl:w-[16.625px] bg-green-100 group-hover:bg-neutral-100\" style=\"-webkit-mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/arrow-light.svg);mask-image:url(https:\/\/friendlycityindex.com\/wp-content\/themes\/bolt\/assets\/cta\/arrow-light.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center\"><\/span>\n  <\/span>\n<\/a>\n              <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-326","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/pages\/326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/comments?post=326"}],"version-history":[{"count":16,"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/pages\/326\/revisions"}],"predecessor-version":[{"id":2144,"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/pages\/326\/revisions\/2144"}],"wp:attachment":[{"href":"https:\/\/friendlycityindex.com\/lt\/wp-json\/wp\/v2\/media?parent=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}