{"id":408,"date":"2026-07-20T14:26:41","date_gmt":"2026-07-20T14:26:41","guid":{"rendered":"http:\/\/friendlycityindex.com\/home-lv\/"},"modified":"2026-09-16T07:03:39","modified_gmt":"2026-09-16T07:03:39","slug":"home-lv","status":"publish","type":"page","link":"https:\/\/friendlycityindex.com\/lv\/","title":{"rendered":"S\u0101kums"},"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\">Vai tava pils\u0113ta ir draudz\u012bga?<\/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\">Iel\u016bkojies pils\u0113tu v\u0113rt\u0113jumos<\/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]\">valstis <\/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]\">pils\u0113tas<\/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]\">v\u0113rt\u0113juma kategorijas<\/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]\">dal\u012bbnieku<\/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]\">Reitingi<\/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    Jaun\u0101kie pils\u0113tu reitingi  <\/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=\"2059\" 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]\">Pils\u0113tu centri bez automa\u0161\u012bn\u0101m<\/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]\">Pils\u0113tas, kas sak\u0101rtotas p\u0113c to iedz\u012bvot\u0101ju \u012bpatsvara, kuri nekad vai reti dodas uz pils\u0113tas centru ar savu automa\u0161\u012bnu.<\/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=\"K\u0101rtot p\u0113c Valsts\">\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\">Valsts<\/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=\"K\u0101rtot p\u0113c Pils\u0113tas\">\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\">Pils\u0113tas<\/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=\"K\u0101rtot p\u0113c Iedz.Iedz\u012bvot\u0101ji\">\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\">Iedz.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Iedz\u012bvot\u0101ji<\/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=\"K\u0101rtot p\u0113c Rezult\u0101ts\">\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\">Rezult\u0101ts<\/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]\">\u010cehija<\/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]\">\u010cehija<\/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]\">\u010cehija<\/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]\">\u010cehija<\/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]\">Bulg\u0101rija<\/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\/lv\/ratings\/car-free-city-centers-2026-lv\/\" 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\">Visas pils\u0113tas<\/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=\"707\" class=\"flex flex-col gap-2 overflow-clip rounded-2xl border border-[rgba(133,133,131,0.2)] bg-white md:gap-1 md:rounded-[20px]\">\n\n    <div class=\"-mt-px -mx-px flex flex-col gap-2 rounded-2xl border border-neutral-300 bg-neutral-200 p-4 md:rounded-[20px] md:p-5 2xl:min-h-[209px] 2xl:gap-4 2xl:p-6\">\n        <div class=\"flex items-start justify-between gap-x-4\">\n      <h3 class=\"min-w-0 max-w-[304px] font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:max-w-[578px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] min-[1024px]:max-w-none xl:max-w-[429px] 2xl:max-w-[650px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">15 min\u016b\u0161u pils\u0113tas<\/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]\">To iedz\u012bvot\u0101ju \u012bpatsvars, kuri var sasniegt liel\u0101ko da\u013cu savu galam\u0113r\u0137u 15 min\u016bt\u0113s vai \u0101tr\u0101k.<\/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=\"K\u0101rtot p\u0113c Valsts\">\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\">Valsts<\/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=\"K\u0101rtot p\u0113c Pils\u0113tas\">\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\">Pils\u0113tas<\/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=\"K\u0101rtot p\u0113c Iedz.Iedz\u012bvot\u0101ji\">\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\">Iedz.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Iedz\u012bvot\u0101ji<\/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=\"K\u0101rtot p\u0113c Rezult\u0101ts\">\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\">Rezult\u0101ts<\/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]\">Horv\u0101tija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_latvia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Latvija<\/span>\n      <\/div>\n          <div class=\"bolt-lb-row relative flex h-[25px] items-center gap-1\">\n        <span aria-hidden=\"true\" class=\"relative h-2.5 w-5 shrink-0 rounded-[2px] bg-[length:100%_100%] bg-center bg-no-repeat md:h-3 md:w-6\" style=\"background-image:url(https:\/\/friendlycityindex.com\/wp-content\/uploads\/2026\/08\/flag_of_estonia.svg.webp)\"><\/span>\n        <span class=\"relative truncate font-body font-normal text-green-500 text-[12px] leading-[16px] tracking-[-0.264px] md:text-[14px] md:leading-[18px] md:tracking-[-0.308px] 2xl:text-[18px] 2xl:leading-[22px] 2xl:tracking-[-0.396px]\">Igaunija<\/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]\">Horv\u0101tija<\/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]\">Horv\u0101tija<\/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\/lv\/ratings\/15-minute-cities-lv\/\" 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\">Visas pils\u0113tas<\/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=\"598\" class=\"flex flex-col gap-2 overflow-clip rounded-2xl border border-[rgba(133,133,131,0.2)] bg-white md:gap-1 md:rounded-[20px]\">\n\n    <div class=\"-mt-px -mx-px flex flex-col gap-2 rounded-2xl border border-neutral-300 bg-neutral-200 p-4 md:rounded-[20px] md:p-5 2xl:min-h-[209px] 2xl:gap-4 2xl:p-6\">\n        <div class=\"flex items-start justify-between gap-x-4\">\n      <h3 class=\"min-w-0 max-w-[304px] font-title font-medium text-green-500 text-[20px] leading-[22px] tracking-[-0.44px] md:max-w-[578px] md:text-[24px] md:leading-[26px] md:tracking-[-0.528px] min-[1024px]:max-w-none xl:max-w-[429px] 2xl:max-w-[650px] 2xl:text-[34px] 2xl:leading-[36px] 2xl:tracking-[-0.748px]\">15 min\u016b\u0161u pils\u0113tas<\/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]\">To iedz\u012bvot\u0101ju \u012bpatsvars, kuri var sasniegt liel\u0101ko da\u013cu savu galam\u0113r\u0137u 15 min\u016bt\u0113s vai \u0101tr\u0101k.<\/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=\"K\u0101rtot p\u0113c Valsts\">\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\">Valsts<\/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=\"K\u0101rtot p\u0113c Pils\u0113tas\">\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\">Pils\u0113tas<\/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=\"K\u0101rtot p\u0113c Iedz.Iedz\u012bvot\u0101ji\">\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\">Iedz.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Iedz\u012bvot\u0101ji<\/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=\"K\u0101rtot p\u0113c Rezult\u0101ts\">\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\">Rezult\u0101ts<\/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]\">Horv\u0101tija<\/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]\">Horv\u0101tija<\/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]\">Horv\u0101tija<\/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]\">Slov\u0101kija<\/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]\">Igaunija<\/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\/lv\/ratings\/15-minute-cities-2025-lv\/\" 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\">Visas pils\u0113tas<\/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=\"728\" 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]\">Satiksmes sastr\u0113gumi<\/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]\">Pils\u0113tas, kas sak\u0101rtotas p\u0113c to iedz\u012bvot\u0101ju \u012bpatsvara, kuri ned\u0113\u013c\u0101 vair\u0101k nek\u0101 2 stundas pavada satiksmes sastr\u0113gumos<\/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=\"K\u0101rtot p\u0113c Valsts\">\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\">Valsts<\/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=\"K\u0101rtot p\u0113c Pils\u0113tas\">\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\">Pils\u0113tas<\/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=\"K\u0101rtot p\u0113c Iedz.Iedz\u012bvot\u0101ji\">\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\">Iedz.<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">Iedz\u012bvot\u0101ji<\/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=\"K\u0101rtot p\u0113c Rezult\u0101ts\">\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\">Rezult\u0101ts<\/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]\">Rum\u0101nija<\/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]\">Rum\u0101nija<\/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]\">Rum\u0101nija<\/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]\">Rum\u0101nija<\/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]\">Rum\u0101nija<\/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\/lv\/ratings\/traffic-jams-lv\/\" 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\">Visas pils\u0113tas<\/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=\"\/lv\/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]\">Vair\u0101k v\u0113rt\u0113jumu<\/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]\">Par mums<\/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 ir starptautiska datub\u0101ze, kas v\u0113rt\u0113 Centr\u0101leiropas un Austrumeiropas pils\u0113tas no cilv\u0113ka perspekt\u012bvas, m\u0113rot re\u0101lo ietekmi,<\/span><span class=\"text-green-300\"> k\u0101du pils\u0113tas atst\u0101j uz cilv\u0113ku ikdienas dz\u012bvi, s\u0101kot ar ment\u0101lo vesel\u012bbu l\u012bdz person\u012bgaj\u0101m finans\u0113m.<\/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]\">Dati par 62 pils\u0113t\u0101m 11 valst\u012bs tiek v\u0101kti un apkopoti katru gadu, un ir br\u012bvi pieejami iedz\u012bvot\u0101jiem, mediju p\u0101rst\u0101vjiem un l\u0113mumu pie\u0146\u0113m\u0113jiem pils\u0113t\u0101s, lai ikviens var\u0113tu tos izp\u0113t\u012bt, ar tiem dal\u012bties un r\u012bkoties tiem atbilsto\u0161i.<\/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]\">Izveidots ar atbalstu no<\/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=\"\/lv\/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]\">Uzziniet vair\u0101k par mums<\/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 lai nodro\u0161in\u0101tu lab\u0101kus datus par pils\u0113tu\" 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\">Lai<\/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\">Dati<\/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\">Pils\u0113tas<\/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\">Lab\u0101k<\/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]\">Jaunumi<\/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    Iepaz\u012bstieties ar jaunumiem un atjaunin\u0101jumiem  <\/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\/lv\/newsroom\/draudzigo-pilsetu-indekss-kur-latvijas-iedzivotaji-visatrak-sasniedz-ikdienas-galamerkus\/\" 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]\">Draudz\u012bgo pils\u0113tu indekss: kur Latvijas iedz\u012bvot\u0101ji vis\u0101tr\u0101k sasniedz ikdienas galam\u0113r\u0137us?<\/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]\">R\u012bga \u2013 \u0112rta p\u0101rvieto\u0161an\u0101s un \u0101tri sasniedzami galam\u0113r\u0137i ir viena no b\u016btisk\u0101kaj\u0101m pils\u0113tvides kvalit\u0101tes r\u0101d\u012bt\u0101jiem, kas ietekm\u0113 cilv\u0113ku labsaj\u016btu, laika pl\u0101no\u0161anu un slodzi uz infrastrukt\u016bru. T\u0101p\u0113c daudzviet pasaul\u0113 popularit\u0101ti guvusi \u201c15 min\u016b\u0161u pils\u0113tas\u201d ideja \u2013 vide, kur\u0101 darbs, skola, veikals, \u0101rsts vai citas ikdienas vajadz\u012bbas sasniedzamas 15 min\u016bt\u0113s, p\u0101rvietojoties ar k\u0101j\u0101m, velosip\u0113du vai sabiedrisko transportu.<\/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]\">28.11.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=\"\/lv\/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]\">Las\u012bt visus preses pazi\u0146ojumus<\/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\">Pal\u012bdziet mums<\/span>\n      <\/div>\n      <h2 data-reveal=\"words\" data-reveal-word-step=\"70\" class=\"font-title font-medium text-[32px] leading-[32px] md:text-[64px] md:leading-[64px] xl:text-[70px] xl:leading-[70px] 2xl:text-[90px] 2xl:leading-[90px] text-neutral-100 w-[261px] md:w-[530px] 2xl:w-[804px]\">nodro\u0161inot, ka iedz\u012bvot\u0101ju viedoklis tiek uzklaus\u012bts<\/h2>\n    <\/div>\n\n            <div data-reveal-children=\"group\" data-reveal-step=\"380\" class=\"mt-[18px] flex flex-col items-start md:mt-[60px] md:self-end md:-mr-[13px] xl:mt-[90px] xl:mr-[33px] 2xl:mt-[32px] 2xl:mr-[74px]\">\n      <p data-reveal=\"words\" data-reveal-word-step=\"45\" class=\"font-title font-semibold text-neutral-100 text-[28px] leading-[30px] tracking-[-0.616px] w-[320px] md:w-[341px] md:text-[40px] md:leading-[44px] md:tracking-[-0.88px] xl:w-[459px] 2xl:w-[630px] 2xl:text-[60px] 2xl:leading-[64px] 2xl:tracking-[-1.32px]\">J\u016bs varat br\u012bvi izmantot un dal\u012bties ar datiem no 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=\"\/lv\/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\">Apskat\u012bt visu pils\u0113tu v\u0113rt\u0113jumus<\/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-408","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/pages\/408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/comments?post=408"}],"version-history":[{"count":8,"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/pages\/408\/revisions"}],"predecessor-version":[{"id":2143,"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/pages\/408\/revisions\/2143"}],"wp:attachment":[{"href":"https:\/\/friendlycityindex.com\/lv\/wp-json\/wp\/v2\/media?parent=408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}