{"id":359,"date":"2026-07-20T14:26:41","date_gmt":"2026-07-20T14:26:41","guid":{"rendered":"http:\/\/friendlycityindex.com\/home-ro\/"},"modified":"2026-09-16T07:05:05","modified_gmt":"2026-09-16T07:05:05","slug":"home-ro","status":"publish","type":"page","link":"https:\/\/friendlycityindex.com\/ro\/","title":{"rendered":"Acas\u0103"},"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\">Este ora\u0219ul t\u0103u prietenos?<\/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\">Descoper\u0103-l \u00een sec\u021biunea Friendly City Ratings<\/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]\">\u021b\u0103ri<\/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]\">de ora\u0219e<\/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]\">ratinguri<\/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]\">de participan\u021bi<\/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]\">Evalu\u0103ri<\/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    Cele mai recente evalu\u0103ri ale ora\u0219elor  <\/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=\"2056\" 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]\">Centre urbane f\u0103r\u0103 ma\u0219ini<\/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]\">Ora\u0219e clasificate \u00een func\u021bie de procentul de cet\u0103\u021beni care nu se deplaseaz\u0103 niciodat\u0103 sau se deplaseaz\u0103 foarte rar \u00een centrul ora\u0219ului cu ma\u0219ina proprie.<\/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=\"Sorteaz\u0103 dup\u0103 \u021aar\u0103\">\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\">\u021aar\u0103<\/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=\"Sorteaz\u0103 dup\u0103 Ora\u0219e\">\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\">Ora\u0219e<\/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=\"Sorteaz\u0103 dup\u0103 Pop.Popula\u021bie\">\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\">Pop.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Popula\u021bie<\/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=\"Sorteaz\u0103 dup\u0103 Rezultat\">\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\">Rezultat<\/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]\">Czechia<\/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]\">Czechia<\/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]\">Czechia<\/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]\">Czechia<\/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]\">Bulgaria<\/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\">Pilsen<\/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\">Prague<\/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\">Olomouc<\/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\">Sofia<\/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\/ro\/ratings\/car-free-city-centers-2026-ro\/\" 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\">Toate ora\u0219ele<\/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=\"671\" 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]\">Ora\u0219ele de 15 minute<\/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]\">Procentul cet\u0103\u021benilor care pot ajunge la majoritatea destina\u021biilor lor \u00een 15 minute sau mai pu\u021bin.<\/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=\"Sorteaz\u0103 dup\u0103 \u021aar\u0103\">\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\">\u021aar\u0103<\/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=\"Sorteaz\u0103 dup\u0103 Ora\u0219e\">\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\">Ora\u0219e<\/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=\"Sorteaz\u0103 dup\u0103 Pop.Popula\u021bie\">\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\">Pop.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Popula\u021bie<\/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=\"Sorteaz\u0103 dup\u0103 Rezultat\">\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\">Rezultat<\/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]\">Croatia<\/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]\">Latvia<\/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]\">Estonia<\/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]\">Croatia<\/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]\">Croatia<\/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\">Ogre<\/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-Jarve<\/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\">Split<\/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\">Osijek<\/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\/ro\/ratings\/15-minute-cities-ro\/\" 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\">Toate ora\u0219ele<\/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=\"595\" 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]\">Ora\u0219ele de 15 minute<\/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]\">Procentul cet\u0103\u021benilor care pot ajunge la majoritatea destina\u021biilor lor \u00een 15 minute sau mai pu\u021bin.<\/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=\"Sorteaz\u0103 dup\u0103 \u021aar\u0103\">\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\">\u021aar\u0103<\/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=\"Sorteaz\u0103 dup\u0103 Ora\u0219e\">\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\">Ora\u0219e<\/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=\"Sorteaz\u0103 dup\u0103 Pop.Popula\u021bie\">\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\">Pop.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Popula\u021bie<\/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=\"Sorteaz\u0103 dup\u0103 Rezultat\">\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\">Rezultat<\/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]\">Croatia<\/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]\">Croatia<\/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]\">Croatia<\/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]\">Slovakia<\/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]\">Estonia<\/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\">Zadar<\/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\">Osijek<\/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\">Presov<\/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\/ro\/ratings\/15-minute-cities-2025-ro\/\" 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\">Toate ora\u0219ele<\/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=\"725\" 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]\">Ambuteiaje<\/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]\">Ora\u0219e clasificate \u00een func\u021bie de procentul de locuitori care petrec mai mult de 2 ore pe s\u0103pt\u0103m\u00e2n\u0103 \u00een ambuteiaje<\/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=\"Sorteaz\u0103 dup\u0103 \u021aar\u0103\">\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\">\u021aar\u0103<\/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=\"Sorteaz\u0103 dup\u0103 Ora\u0219e\">\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\">Ora\u0219e<\/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=\"Sorteaz\u0103 dup\u0103 Pop.Popula\u021bie\">\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\">Pop.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Popula\u021bie<\/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=\"Sorteaz\u0103 dup\u0103 Rezultat\">\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\">Rezultat<\/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]\">Romania<\/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]\">Romania<\/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]\">Romania<\/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]\">Romania<\/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]\">Romania<\/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\">Timisoara<\/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\">Bucharest<\/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\">Craiova<\/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\">Iasi<\/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\">Constanta<\/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\/ro\/ratings\/traffic-jams-ro\/\" 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\">Toate ora\u0219ele<\/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=\"\/ro\/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]\">Mai multe evalu\u0103ri<\/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]\">Despre noi<\/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\">Friendly City Index este o baz\u0103 de date interna\u021bional\u0103 care evalueaz\u0103 ora\u0219ele din Europa Central\u0103 \u0219i de Est dintr-o perspectiv\u0103 uman\u0103 &#8211; <\/span><span class=\"text-green-300\">m\u0103sur\u00e2nd impactul real pe care ora\u0219ele \u00eel au asupra vie\u021bii cotidiene a oamenilor obi\u0219nui\u021bi, de la s\u0103n\u0103tatea mintal\u0103 p\u00e2n\u0103 la finan\u021bele personale.<\/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]\">Acoperind 62 de ora\u0219e din 11 \u021b\u0103ri, datele sunt colectate anual \u0219i puse la dispozi\u021bie pentru cet\u0103\u021beni, reprezentan\u021bi media \u0219i pentru autorit\u0103\u021bi locale, pentru a fi explorate, distribuite \u0219i puse \u00een practic\u0103.<\/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]\">Realizat cu sprijinul<\/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=\"\/ro\/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]\">Afl\u0103 mai multe despre noi<\/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 pentru date mai bune despre ora\u0219\" 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\">Pentru<\/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\">Date<\/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\">Ora\u0219e<\/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\">Mai bine<\/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]\">\u0218tiri<\/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    Descoper\u0103 nout\u0103\u021bile \u0219i actualiz\u0103rile  <\/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\/ro\/newsroom\/persoanele-care-nu-detin-masini-spun-ca-economisesc-bani-si-castiga-timp-conform-friendly-city-index-ce-spun-repondentii-din-romania\/\" 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.43-1024x683.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]\">Persoanele care nu de\u021bin ma\u0219ini spun c\u0103 economisesc bani \u0219i c\u00e2\u0219tig\u0103 timp, conform Friendly City Index. Ce spun reponden\u021bii din Rom\u00e2nia<\/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]\">Unul din cinci cet\u0103\u021beni din ora\u0219ele din Europa Central\u0103 \u0219i de Est spune c\u0103 nu de\u021bine o ma\u0219in\u0103, nici personal, nici \u00een cadrul gospod\u0103riei (de c\u0103tre un alt membru al familiei). Bucure\u0219tiul se afl\u0103 printre capitalele din regiune unde peste un sfert dintre reziden\u021bi nu au o ma\u0219in\u0103, \u00een timp ce Ia\u0219i se afl\u0103 la polul opus, cu 2.6% dintre locuitorii chestiona\u021bi f\u0103r\u0103 automobil.<\/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]\">05.02.26<\/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          <a href=\"https:\/\/friendlycityindex.com\/ro\/newsroom\/bucurestiul-printre-capitalele-din-europa-centrala-si-de-est-ai-caror-locuitori-folosesc-cel-mai-mult-transportul-in-comun-procentul-este-insa-sub-50\/\" 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]\">Bucure\u0219tiul, printre capitalele din Europa Central\u0103 \u0219i de Est ai c\u0103ror locuitori folosesc cel mai mult transportul \u00een comun.Procentul este \u00eens\u0103 sub 50%<\/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]\">Pu\u021bin peste un sfert dintre locuitorii din Europa Central\u0103 \u0219i de Est (CEE) folosesc transportul \u00een comun ca principal\u0103 modalitate de a face naveta, \u00een timp ce de dou\u0103 ori mai mul\u021bi locuitori folosesc ma\u0219ina personal\u0103 \u00een acest scop, fie ca \u0219oferi sau ca pasageri.<\/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]\">19.12.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          <a href=\"https:\/\/friendlycityindex.com\/ro\/newsroom\/peste-jumatate-dintre-bucuresteni-vor-mai-multe-locuri-de-parcare-banii-din-taxele-pe-parcari-ar-trebui-sa-fie-investiti-in-aceeasi-zona-spun-expertii\/\" 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.45-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]\">Peste jum\u0103tate dintre bucure\u0219teni vor mai multe locuri de parcare. Banii din taxele pe parc\u0103ri ar trebui s\u0103 fie investi\u021bi \u00een aceea\u0219i zon\u0103, spun exper\u021bii<\/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]\">54.59% dintre bucure\u0219teni consider\u0103 c\u0103 zona \u00een care locuiesc nu are suficiente locuri de parcare. Pentru rezolvarea uneia dintre cele mai vechi probleme a Capitalei, politica de taxare a locurilor de parcare trebuie s\u0103 se fac\u0103 transparent \u0219i inteligent, dup\u0103 trei principii, conform exper\u021bilor care au participat \u00een weekend, la dezbaterea \u201eOra\u0219ul \u0219i mobilitatea\u201d, din cadrul Street Delivery.<\/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]\">30.09.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=\"\/ro\/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]\">Citi\u021bi toate comunicatele de pres\u0103<\/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\">Ajut\u0103-ne<\/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]\">s\u0103 facem auzit\u0103 vocea cet\u0103\u021benilor<\/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]\">Pute\u021bi utiliza \u0219i distribui liber datele din cadrul Friendly City Index<\/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=\"\/ro\/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\">Vezi evalu\u0103rile pentru toate ora\u0219ele<\/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-359","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/pages\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":16,"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/pages\/359\/revisions"}],"predecessor-version":[{"id":2146,"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/pages\/359\/revisions\/2146"}],"wp:attachment":[{"href":"https:\/\/friendlycityindex.com\/ro\/wp-json\/wp\/v2\/media?parent=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}