{"id":310,"date":"2026-07-20T14:26:41","date_gmt":"2026-07-20T14:26:41","guid":{"rendered":"http:\/\/friendlycityindex.com\/home-az\/"},"modified":"2026-09-16T06:59:27","modified_gmt":"2026-09-16T06:59:27","slug":"home-az","status":"publish","type":"page","link":"https:\/\/friendlycityindex.com\/az\/","title":{"rendered":"Ana s\u0259hif\u0259"},"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\">\u015e\u0259h\u0259riniz n\u0259 q\u0259d\u0259r \u0259l\u00e7atand\u0131r?<\/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\">\u015e\u0259h\u0259rl\u0259rin reytinqi il\u0259 tan\u0131\u015f olun.<\/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]\">\u00f6lk\u0259<\/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]\">\u015f\u0259h\u0259r<\/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]\">reytinq<\/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]\">i\u015ftirak\u00e7\u0131<\/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]\">Reytinq<\/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    \u015e\u0259h\u0259rin \u0259n son reytinql\u0259ri  <\/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=\"2119\" 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]\">Title 12<\/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]\">description 12<\/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=\"Sortla \u00d6lk\u0259\">\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\">\u00d6lk\u0259<\/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=\"Sortla \u015e\u0259h\u0259rl\u0259r\">\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\">\u015e\u0259h\u0259rl\u0259r<\/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=\"Sortla \u018fhali\u018fhali\">\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\">\u018fhali<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">\u018fhali<\/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=\"Sortla N\u0259tic\u0259\">\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\">N\u0259tic\u0259<\/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\/09\/flag_of_azerbaijan.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]\">az\u0259rbaycan dili<\/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\/09\/flag_of_azerbaijan.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]\">az\u0259rbaycan dili<\/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\/09\/flag_of_azerbaijan.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]\">az\u0259rbaycan dili<\/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]\">Xorvatiya<\/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\/09\/flag_of_azerbaijan.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]\">az\u0259rbaycan dili<\/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\">Baku<\/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\">Sumqayit<\/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\">Khirdalan<\/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\">Dubrovnik<\/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\">Ganja<\/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:#ecd2ff;color:#7a3fb0\">2.3 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)\">340 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:#fbf9b5;color:#8d8801\">42 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)\">335 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\">46%<\/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\">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\">34%<\/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\">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\">30%<\/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\/az\/ratings\/title-1\/\" 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\">B\u00fct\u00fcn \u015f\u0259h\u0259rl\u0259r<\/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=\"2061\" 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]\">Avtomobilsiz \u015f\u0259h\u0259r m\u0259rk\u0259zl\u0259ri<\/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]\">\u015e\u0259h\u0259rl\u0259r v\u0259t\u0259nda\u015flar\u0131n\u0131n \u00f6z avtomobill\u0259ri il\u0259 \u015f\u0259h\u0259r m\u0259rk\u0259zin\u0259 he\u00e7 vaxt v\u0259 ya nadir hallarda s\u0259f\u0259r etm\u0259 nisb\u0259tin\u0259 g\u00f6r\u0259 s\u0131ralan\u0131b.<\/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=\"Sortla \u00d6lk\u0259\">\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\">\u00d6lk\u0259<\/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=\"Sortla \u015e\u0259h\u0259rl\u0259r\">\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\">\u015e\u0259h\u0259rl\u0259r<\/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=\"Sortla \u018fhali\u018fhali\">\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\">\u018fhali<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">\u018fhali<\/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=\"Sortla N\u0259tic\u0259\">\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\">N\u0259tic\u0259<\/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]\">\u00c7exiya<\/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]\">\u00c7exiya<\/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]\">\u00c7exiya<\/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]\">\u00c7exiya<\/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]\">Bolqar\u0131stan<\/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\/az\/ratings\/car-free-city-centers-2026-az\/\" 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\">B\u00fct\u00fcn \u015f\u0259h\u0259rl\u0259r<\/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=\"599\" 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 D\u0259qiq\u0259lik \u015e\u0259h\u0259rl\u0259r<\/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]\">V\u0259t\u0259nda\u015flar\u0131n \u0259ks\u0259r t\u0259yinat yerl\u0259rin\u0259 15 d\u0259qiq\u0259 v\u0259 ya daha az vaxtda \u00e7ata bil\u0259nl\u0259rin pay\u0131.<\/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=\"Sortla \u00d6lk\u0259\">\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\">\u00d6lk\u0259<\/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=\"Sortla \u015e\u0259h\u0259rl\u0259r\">\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\">\u015e\u0259h\u0259rl\u0259r<\/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=\"Sortla \u018fhali\u018fhali\">\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\">\u018fhali<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">\u018fhali<\/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=\"Sortla N\u0259tic\u0259\">\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\">N\u0259tic\u0259<\/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]\">Xorvatiya<\/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]\">Latviya<\/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]\">Estoniya<\/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]\">Xorvatiya<\/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]\">Xorvatiya<\/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\/az\/ratings\/15-minute-cities-az\/\" 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\">B\u00fct\u00fcn \u015f\u0259h\u0259rl\u0259r<\/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=\"589\" 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 D\u0259qiq\u0259lik \u015e\u0259h\u0259rl\u0259r<\/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]\">V\u0259t\u0259nda\u015flar\u0131n \u0259ks\u0259r t\u0259yinat yerl\u0259rin\u0259 15 d\u0259qiq\u0259 v\u0259 ya daha az vaxtda \u00e7ata bil\u0259nl\u0259rin pay\u0131.<\/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=\"Sortla \u00d6lk\u0259\">\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\">\u00d6lk\u0259<\/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=\"Sortla \u015e\u0259h\u0259rl\u0259r\">\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\">\u015e\u0259h\u0259rl\u0259r<\/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=\"Sortla \u018fhali\u018fhali\">\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\">\u018fhali<\/span><span class=\"hidden md:inline min-[1024px]:hidden xl:inline\">\u018fhali<\/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=\"Sortla N\u0259tic\u0259\">\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\">N\u0259tic\u0259<\/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]\">Xorvatiya<\/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]\">Xorvatiya<\/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]\">Xorvatiya<\/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]\">Slovakiya<\/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]\">Estoniya<\/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\/az\/ratings\/15-minute-cities-2025-az\/\" 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\">B\u00fct\u00fcn \u015f\u0259h\u0259rl\u0259r<\/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=\"\/az\/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]\">Daha \u00e7ox reytinql\u0259r<\/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]\">Bizim haqq\u0131m\u0131zda<\/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 M\u0259rk\u0259zi v\u0259 \u015e\u0259rqi Avropa \u015f\u0259h\u0259rl\u0259rini insan y\u00f6n\u00fcml\u00fc yana\u015fma \u0259sas\u0131nda qiym\u0259tl\u0259ndir\u0259n beyn\u0259lxalq reytinqdir. \u0130ndeks \u015f\u0259h\u0259rl\u0259rin insanlar\u0131n g\u00fcnd\u0259lik h\u0259yat\u0131na \u2013<\/span><span class=\"text-green-300\"> psixoloji rifah\u0131ndan \u015f\u0259xsi maliyy\u0259 v\u0259ziyy\u0259tin\u0259 q\u0259d\u0259r \u2013 g\u00f6st\u0259rdiyi real t\u0259siri \u00f6l\u00e7\u00fcr.<\/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]\">11 \u00f6lk\u0259nin 62 \u015f\u0259h\u0259rini \u0259hat\u0259 ed\u0259n indeks h\u0259r il haz\u0131rlan\u0131r v\u0259 n\u0259tic\u0259l\u0259ri v\u0259t\u0259nda\u015flar\u0131n, media n\u00fcmay\u0259nd\u0259l\u0259rinin v\u0259 \u015f\u0259h\u0259r r\u0259hb\u0259rl\u0259rinin ara\u015fd\u0131rmas\u0131, payla\u015fmas\u0131 v\u0259 q\u0259rarverm\u0259 prosesind\u0259 istifad\u0259 etm\u0259si \u00fc\u00e7\u00fcn a\u00e7\u0131q \u015f\u0259kild\u0259 t\u0259qdim olunur.<\/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]\">D\u0259st\u0259k il\u0259 yarad\u0131lm\u0131\u015fd\u0131r<\/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=\"\/az\/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]\">Bizim haqq\u0131m\u0131zda daha \u00e7ox oxuyun<\/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 Daha yax\u015f\u0131 \u015f\u0259h\u0259r  m\u0259lumatlar\u0131 \u00fc\u00e7\u00fcn\" 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\">\u00dc\u00e7\u00fcn<\/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\">M\u0259lumatlar<\/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\">\u015e\u0259h\u0259rl\u0259r<\/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\">Daha yax\u015f\u0131<\/span>\n                <\/li>\n                    <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\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\">\u015e\u0259h\u0259r<\/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]\">sakinl\u0259rinin s\u0259sinin e\u015fidilm\u0259sin\u0259 t\u00f6hf\u0259 verin<\/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]\">Friendly City Index m\u0259lumatlar\u0131ndan s\u0259rb\u0259st \u015f\u0259kild\u0259 istifad\u0259 edin v\u0259 payla\u015f\u0131n.<\/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=\"\/az\/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\">B\u00fct\u00fcn \u015f\u0259h\u0259rl\u0259r \u00fc\u00e7\u00fcn reytinql\u0259ri g\u00f6r\u00fcn<\/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-310","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/pages\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":22,"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/pages\/310\/revisions"}],"predecessor-version":[{"id":2138,"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/pages\/310\/revisions\/2138"}],"wp:attachment":[{"href":"https:\/\/friendlycityindex.com\/az\/wp-json\/wp\/v2\/media?parent=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}