{"id":893,"date":"2025-07-17T14:18:47","date_gmt":"2025-07-17T14:18:47","guid":{"rendered":"https:\/\/bifa.ai\/?page_id=893"},"modified":"2025-07-17T14:53:46","modified_gmt":"2025-07-17T14:53:46","slug":"country-members","status":"publish","type":"page","link":"https:\/\/bifa.ai\/zh\/country-members\/","title":{"rendered":"\u56fd\u5bb6\u6210\u5458"},"content":{"rendered":"<div>\n<p>    <!DOCTYPE html><br \/>\n<html lang=\"ru\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>BIFA+ Member Countries<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* CSS \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0446\u0432\u0435\u0442\u043e\u0432 BIFA+ *\/\n:root {\n  --deep-navy: #0A1F44;\n  --heritage-gold: #D4AF37;\n  --civic-green: #1D6143;\n  --bright-white: #FFFFFF;\n  --soft-black: #1A1A1A;\n  --platinum: #E5E4E2;<\/p>\n<p>  --primary: var(--deep-navy);\n  --secondary: var(--heritage-gold);\n  --tertiary: var(--civic-green);\n  --text-primary: var(--deep-navy);\n  --text-secondary: #6B7280;\n  --shadow-sm: 0 2px 10px rgba(10, 31, 68, 0.08);\n  --shadow-md: 0 10px 40px rgba(10, 31, 68, 0.12);\n  --shadow-lg: 0 20px 60px rgba(10, 31, 68, 0.15);\n  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  --radius: 16px;\n}<\/p>\n<p>* { \n  box-sizing: border-box; \n  font-family: 'Poppins', sans-serif; \n  margin: 0; \n  padding: 0; \n}<\/p>\n<p>body { \n  background: var(--bright-white);\n  color: var(--text-primary);\n  line-height: 1.6;\n  overflow-x: hidden;\n}<\/p>\n<p>\/* \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n.countries-showcase {\n  \/* Custom property \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u0437\u043e\u0440\u043e\u043c *\/\n  --countries-bottom-gap: 0;<\/p>\n<p>  position: relative;\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  padding: 80px 0 0 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0438\u0436\u043d\u0438\u0439 padding \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e *\/\n  background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\n  overflow: hidden;\n  \/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u0438 *\/\n  scroll-margin-top: 100px;\n  \/* \u0418\u0437\u043e\u043b\u0438\u0440\u0443\u0435\u043c layout \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0432\u043b\u0438\u044f\u043d\u0438\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n  contain: layout style;\n  \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c custom property \u0434\u043b\u044f margin-bottom *\/\n  margin-bottom: var(--countries-bottom-gap) !important;\n  padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 *\/\n.countries-showcase {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043f\u0435\u0440\u0435\u0434 footer *\/\n.countries-showcase + footer,\n.countries-showcase + .footer,\n.countries-showcase + [class*=\"footer\"],\n.countries-showcase + .uk-section-secondary,\n.countries-showcase + .tm-footer {\n  margin-top: 0 !important;\n  padding-top: 60px !important;\n}<\/p>\n<p>\/* YOOtheme specific fixes - \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u0437\u0430\u0437\u043e\u0440\u044b *\/\n.countries-showcase.uk-section {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n}<\/p>\n<p>.countries-showcase + .uk-section,\n.countries-showcase + .tm-footer,\n.countries-showcase + .uk-section-secondary,\n.countries-showcase + footer {\n  margin-top: 0 !important;\n}<\/p>\n<p>\/* \u0415\u0441\u043b\u0438 YOOtheme \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 wrapper \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n.countries-showcase:last-child {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b YOOtheme \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n.uk-section:has(.countries-showcase) {\n  padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0444\u043e\u043d *\/\n.countries-showcase::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at 70% 20%, rgba(212, 175, 55, 0.05), transparent 50%),\n              radial-gradient(circle at 30% 80%, rgba(212, 175, 55, 0.03), transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(10, 31, 68, 0.02), transparent 70%);\n  z-index: 0;\n}<\/p>\n<p>\/* \u0427\u0430\u0441\u0442\u0438\u0446\u044b \u0444\u043e\u043d\u0430 *\/\n.particles {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}<\/p>\n<p>.particle {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  background: rgba(212, 175, 55, 0.3);\n  border-radius: 50%;\n  animation: float 15s ease-in-out infinite;\n}<\/p>\n<p>.particle:nth-child(2n) { background: rgba(212, 175, 55, 0.25); animation-duration: 18s; }\n.particle:nth-child(3n) { background: rgba(10, 31, 68, 0.2); animation-duration: 20s; }<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n.showcase-container {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 40px;\n  position: relative;\n  z-index: 2;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n.showcase-header {\n  text-align: center;\n  margin-bottom: 80px;\n  animation: fadeInDown 1s ease;\n}<\/p>\n<p>.showcase-title {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  font-size: 64px;\n  background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  margin: 0 0 20px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  text-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);\n}<\/p>\n<p>.showcase-subtitle {\n  font-size: 24px;\n  color: var(--text-secondary);\n  font-weight: 400;\n  letter-spacing: 1px;\n  max-width: 800px;\n  margin: 0 auto;\n  line-height: 1.6;\n}<\/p>\n<p>\/* \u0420\u0430\u0437\u0434\u0435\u043b \u0441\u0442\u0440\u0430\u043d\u044b *\/\n.country-section {\n  margin-bottom: 100px;\n  opacity: 0;\n  animation: fadeInUp 1s ease forwards;\n  scroll-margin-top: 100px;\n  position: relative;\n}<\/p>\n<p>.country-section:last-child {\n  margin-bottom: 40px; \/* \u0423\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n  padding-bottom: 0;\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0441 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439 *\/\n.country-section:nth-child(2) { animation-delay: 0.1s; }\n.country-section:nth-child(3) { animation-delay: 0.2s; }\n.country-section:nth-child(4) { animation-delay: 0.3s; }\n.country-section:nth-child(5) { animation-delay: 0.4s; }\n.country-section:nth-child(6) { animation-delay: 0.5s; }\n.country-section:nth-child(7) { animation-delay: 0.6s; }\n.country-section:nth-child(8) { animation-delay: 0.7s; }\n.country-section:nth-child(9) { animation-delay: 0.8s; }\n.country-section:nth-child(10) { animation-delay: 0.9s; }\n.country-section:nth-child(11) { animation-delay: 1s; }\n.country-section:nth-child(12) { animation-delay: 1.1s; }\n.country-section:nth-child(13) { animation-delay: 1.2s; }<\/p>\n<p>\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u044b *\/\n.country-card {\n  background: rgba(255, 255, 255, 0.98);\n  backdrop-filter: blur(10px);\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n  position: relative;\n  transition: var(--transition);\n  border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.country-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n  border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>\/* \u0411\u0430\u043d\u043d\u0435\u0440 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u044b *\/\n.country-banner {\n  position: relative;\n  height: 300px;\n  overflow: hidden;\n  background: linear-gradient(135deg, var(--deep-navy), var(--civic-green));\n}<\/p>\n<p>.country-banner::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(to bottom, transparent 0%, rgba(10, 31, 68, 0.6) 100%);\n  z-index: 1;\n}<\/p>\n<p>.country-banner-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.8;\n}<\/p>\n<p>.country-name-overlay {\n  position: absolute;\n  bottom: 30px;\n  left: 50%;\n  transform: translateX(-50%);\n  text-align: center;\n  z-index: 2;\n  width: 90%;\n}<\/p>\n<p>.country-name {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  font-size: 48px;\n  color: var(--bright-white);\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n  margin: 0;\n}<\/p>\n<p>.country-capital {\n  font-size: 20px;\n  color: var(--heritage-gold);\n  font-weight: 500;\n  margin-top: 10px;\n}<\/p>\n<p>\/* \u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.country-content {\n  padding: 60px;\n  display: flex;\n  gap: 60px;\n  align-items: flex-start;\n}<\/p>\n<p>\/* \u0424\u043b\u0430\u0433 *\/\n.flag-container {\n  flex-shrink: 0;\n}<\/p>\n<p>.country-flag {\n  width: 200px;\n  height: 140px;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(10, 31, 68, 0.2);\n  transition: var(--transition);\n}<\/p>\n<p>.country-flag:hover {\n  transform: scale(1.05);\n  box-shadow: 0 15px 40px rgba(10, 31, 68, 0.3);\n}<\/p>\n<p>.country-flag img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}<\/p>\n<p>\/* \u0421\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0430 *\/\n.country-stats {\n  flex: 1;\n}<\/p>\n<p>.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 40px;\n}<\/p>\n<p>.stat-item {\n  background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%);\n  padding: 30px;\n  border-radius: 16px;\n  border: 1px solid rgba(212, 175, 55, 0.1);\n  transition: var(--transition);\n}<\/p>\n<p>.stat-item:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.1);\n  border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>.stat-label {\n  font-size: 14px;\n  color: var(--text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}<\/p>\n<p>.stat-icon {\n  width: 24px;\n  height: 24px;\n  fill: var(--heritage-gold);\n}<\/p>\n<p>.stat-value {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 32px;\n  font-weight: 700;\n  color: var(--deep-navy);\n  line-height: 1.2;\n}<\/p>\n<p>.stat-suffix {\n  font-size: 18px;\n  color: var(--text-secondary);\n  font-weight: 400;\n  margin-left: 5px;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n.decorative-pattern {\n  position: absolute;\n  width: 200px;\n  height: 200px;\n  opacity: 0.05;\n  pointer-events: none;\n}<\/p>\n<p>.pattern-1 {\n  top: -50px;\n  right: -50px;\n  background-image: repeating-linear-gradient(45deg, var(--heritage-gold) 0, var(--heritage-gold) 2px, transparent 2px, transparent 20px);\n}<\/p>\n<p>.pattern-2 {\n  bottom: -50px;\n  left: -50px;\n  background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\n  background-size: 30px 30px;\n}<\/p>\n<p>\/* \u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0435\u043a\u0446\u0438\u044f\u043c\u0438 *\/\n.section-divider {\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--heritage-gold), transparent);\n  margin: 80px auto;\n  max-width: 600px;\n  opacity: 0.3;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c *\/\n.section-divider:last-of-type {\n  display: none;\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translateY(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}<\/p>\n<p>@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(50px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}<\/p>\n<p>@keyframes float {\n  0%, 100% { transform: translateY(0); opacity: 1; }\n  50% { transform: translateY(-10px); opacity: 0.8; }\n}<\/p>\n<p>\/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f *\/\n@media (max-width: 768px) {\n  .showcase-title {\n    font-size: 42px;\n  }<\/p>\n<p>  .showcase-subtitle {\n    font-size: 18px;\n  }<\/p>\n<p>  .country-content {\n    flex-direction: column;\n    padding: 40px 20px;\n    gap: 40px;\n  }<\/p>\n<p>  .flag-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }<\/p>\n<p>  .country-flag {\n    width: 160px;\n    height: 112px;\n  }<\/p>\n<p>  .stats-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }<\/p>\n<p>  .stat-item {\n    padding: 20px;\n  }<\/p>\n<p>  .stat-value {\n    font-size: 24px;\n  }<\/p>\n<p>  .country-name {\n    font-size: 32px;\n  }<\/p>\n<p>  .country-banner {\n    height: 200px;\n  }<\/p>\n<p>  .country-section:last-child {\n    margin-bottom: 30px;\n  }\n}\n<\/style>\n<p><!-- \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 inline \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u0437\u043e\u0440\u0430 --><\/p>\n<style>\n\/* \u042d\u0442\u0438 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c\u0438 \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442 \u0432\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 *\/\nbody .countries-showcase:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody footer { margin-top: 0 !important; }\nbody .tm-footer { margin-top: 0 !important; }\nbody .uk-section-secondary { margin-top: 0 !important; }\n\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c padding \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\nbody .countries-showcase:last-child { margin-bottom: 0 !important; }\nbody > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody .tm-main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"countries-showcase\" style=\"margin-bottom: 0 !important; padding-bottom: 0 !important;\">\n  <!-- \u0427\u0430\u0441\u0442\u0438\u0446\u044b \u0444\u043e\u043d\u0430 --><\/p>\n<div class=\"particles\">\n<div class=\"particle\" style=\"left:10%;animation-delay:0s\"><\/div>\n<div class=\"particle\" style=\"left:30%;animation-delay:2s\"><\/div>\n<div class=\"particle\" style=\"left:50%;animation-delay:4s\"><\/div>\n<div class=\"particle\" style=\"left:70%;animation-delay:6s\"><\/div>\n<div class=\"particle\" style=\"left:90%;animation-delay:8s\"><\/div>\n<\/p><\/div>\n<div class=\"showcase-container\">\n<div class=\"showcase-header\">\n<h1 class=\"showcase-title\">BIFA+ Member Countries<\/h1>\n<p class=\"showcase-subtitle\">\n        Uniting diverse nations in pursuit of economic prosperity, technological advancement,<br \/>\n        and sustainable development through collaborative partnerships\n      <\/p>\n<\/p><\/div>\n<p>    <!-- \u041e\u0410\u042d --><\/p>\n<div class=\"country-section\" id=\"uae\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/uae-banner.jpg\" alt=\"Dubai skyline\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u963f\u8054\u914b<\/h2>\n<p class=\"country-capital\">Capital: Abu Dhabi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/ae.png\" alt=\"UAE Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">11.35<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$414.2<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$50,602<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">83,600<span class=\"stat-suffix\">km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0411\u0440\u0430\u0437\u0438\u043b\u0438\u044f --><\/p>\n<div class=\"country-section\" id=\"brazil\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/brazil-banner.jpg\" alt=\"Rio de Janeiro\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u5df4\u897f<\/h2>\n<p class=\"country-capital\">Capital: Bras\u00edlia<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/br.png\" alt=\"Brazil Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">212.8<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$2.331<span class=\"stat-suffix\">trillion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$11,178<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">8.36<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u041a\u0438\u0442\u0430\u0439 --><\/p>\n<div class=\"country-section\" id=\"china\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/china-banner.jpg\" alt=\"Great Wall of China\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u4e2d\u56fd<\/h2>\n<p class=\"country-capital\">Capital: Beijing<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/cn.png\" alt=\"China Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">1.416<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$17.73<span class=\"stat-suffix\">trillion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$12,969<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">9.39<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0415\u0433\u0438\u043f\u0435\u0442 --><\/p>\n<div class=\"country-section\" id=\"egypt\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/egypt-banner.jpg\" alt=\"Pyramids of Giza\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u57c3\u53ca<\/h2>\n<p class=\"country-capital\">Capital: Cairo<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/eg.png\" alt=\"Egypt Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">118.4<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$471.1<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$4,111<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">995,450<span class=\"stat-suffix\">km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u042d\u0444\u0438\u043e\u043f\u0438\u044f --><\/p>\n<div class=\"country-section\" id=\"ethiopia\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/ethiopia-banner.jpg\" alt=\"Ethiopian Highlands\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u57c3\u585e\u4fc4\u6bd4\u4e9a<\/h2>\n<p class=\"country-capital\">Capital: Addis Ababa<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/et.png\" alt=\"Ethiopia Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">135.5<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$205.3<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$1,020<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">1.00<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0418\u043d\u0434\u043e\u043d\u0435\u0437\u0438\u044f --><\/p>\n<div class=\"country-section\" id=\"indonesia\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/indonesia-banner.jpg\" alt=\"Bali Indonesia\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u5370\u5ea6\u5c3c\u897f\u4e9a<\/h2>\n<p class=\"country-capital\">Capital: Jakarta<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/id.png\" alt=\"Indonesia Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">285.7<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$1.42<span class=\"stat-suffix\">trillion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$4,731<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">1.81<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0418\u043d\u0434\u0438\u044f --><\/p>\n<div class=\"country-section\" id=\"india\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/india-banner.jpg\" alt=\"Taj Mahal India\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u5370\u5ea6<\/h2>\n<p class=\"country-capital\">Capital: New Delhi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/in.png\" alt=\"India Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">1.464<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$3.89<span class=\"stat-suffix\">trillion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$2,698<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">2.97<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0418\u0440\u0430\u043d --><\/p>\n<div class=\"country-section\" id=\"iran\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/iran-banner.jpg\" alt=\"Persian Architecture Iran\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u4f0a\u6717<\/h2>\n<p class=\"country-capital\">Capital: Tehran<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/ir.png\" alt=\"Iran Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">92.4<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$418<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$4,526<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">1.63<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0420\u043e\u0441\u0441\u0438\u044f --><\/p>\n<div class=\"country-section\" id=\"russia\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/russia-banner.jpg\" alt=\"Moscow Russia\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u4fc4\u7f57\u65af<\/h2>\n<p class=\"country-capital\">Capital: Moscow<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/ru.png\" alt=\"Russia Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">144.0<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$2.02<span class=\"stat-suffix\">trillion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$14,391<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">16.38<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-divider\"><\/div>\n<p>    <!-- \u0421\u0430\u0443\u0434\u043e\u0432\u0441\u043a\u0430\u044f \u0410\u0440\u0430\u0432\u0438\u044f --><\/p>\n<div class=\"country-section\" id=\"saudi-arabia\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/saudi-banner.jpg\" alt=\"Riyadh Saudi Arabia\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u6c99\u7279\u963f\u62c9\u4f2f<\/h2>\n<p class=\"country-capital\">Capital: Riyadh<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/sa.png\" alt=\"Saudi Arabia Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">34.6<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$1.24<span class=\"stat-suffix\">trillion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$33,040<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">2.15<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0442\u0440\u0430\u043d\u0430 \u0431\u0435\u0437 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044f \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u0451 --><br \/>\n    <!-- \u042e\u0436\u043d\u0430\u044f \u0410\u0444\u0440\u0438\u043a\u0430 --><\/p>\n<div class=\"country-section\" id=\"south-africa\">\n<div class=\"country-card\">\n<div class=\"country-banner\">\n          <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/bricscountr\/southafrica-banner.jpg\" alt=\"Cape Town South Africa\" class=\"country-banner-image\"><\/p>\n<div class=\"country-name-overlay\">\n<h2 class=\"country-name\">\u5357\u975e<\/h2>\n<p class=\"country-capital\">Capital: Pretoria<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"country-content\">\n<div class=\"flag-container\">\n<div class=\"country-flag\">\n              <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w320\/za.png\" alt=\"South Africa Flag\">\n            <\/div>\n<\/p><\/div>\n<div class=\"country-stats\">\n<div class=\"stats-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                  <\/svg><br \/>\n                  Population\n                <\/div>\n<div class=\"stat-value\">64.7<span class=\"stat-suffix\">million<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\n                  <\/svg><br \/>\n                  GDP\n                <\/div>\n<div class=\"stat-value\">$373.2<span class=\"stat-suffix\">billion<\/span><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                  <\/svg><br \/>\n                  GDP per capita\n                <\/div>\n<div class=\"stat-value\">$5,709<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-label\">\n                  <svg class=\"stat-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n                  <\/svg><br \/>\n                  Area\n                <\/div>\n<div class=\"stat-value\">1.21<span class=\"stat-suffix\">million km\u00b2<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n\/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\nconst observerOptions = {\n  threshold: 0.1,\n  rootMargin: '0px 0px -100px 0px'\n};<\/p>\n<p>const observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.style.opacity = '1';\n      entry.target.style.transform = 'translateY(0)';\n    }\n  });\n}, observerOptions);<\/p>\n<p>\/\/ \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u0441\u0442\u0440\u0430\u043d\u0430\u043c\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u041d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 \u0437\u0430 \u0441\u0435\u043a\u0446\u0438\u044f\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\n  document.querySelectorAll('.country-section').forEach(section => {\n    observer.observe(section);\n  });<\/p>\n<p>  \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043a\u043b\u0438\u043a\u043e\u0432 \u043f\u043e \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c \u0441\u0442\u0440\u0430\u043d\n  document.querySelectorAll('.country-card').forEach(card => {\n    card.style.cursor = 'pointer';\n  });<\/p>\n<p>  \/\/ \u041f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441 \u044d\u0444\u0444\u0435\u043a\u0442 \u0434\u043b\u044f \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432\n  window.addEventListener('scroll', () => {\n    const scrolled = window.pageYOffset;\n    const patterns = document.querySelectorAll('.decorative-pattern');<\/p>\n<p>    patterns.forEach((pattern, index) => {\n      const speed = index % 2 === 0 ? 0.5 : -0.5;\n      pattern.style.transform = `translateY(${scrolled * speed}px) rotate(${scrolled * 0.1}deg)`;\n    });\n  });<\/p>\n<p>  \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 hover \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438\n  document.querySelectorAll('.stat-item').forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-5px)';\n    });<\/p>\n<p>    item.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0)';\n    });\n  });<\/p>\n<p>  \/\/ \u0423\u0414\u0410\u041b\u0415\u041d\u0418\u0415 \u0420\u0410\u0417\u0420\u042b\u0412\u0410 \u0421 FOOTER - \u041a\u041e\u0414 \u0418\u0417 \u0412\u0422\u041e\u0420\u041e\u0413\u041e \u0424\u0410\u0419\u041b\u0410\n  \/\/ \u041f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0437\u043e\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u043e\u043c \u0438 footer\n  const countriesShowcase = document.querySelector('.countries-showcase');\n  if (countriesShowcase) {\n    \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n    countriesShowcase.style.marginBottom = '0';\n    countriesShowcase.style.paddingBottom = '0';<\/p>\n<p>    \/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b YOOtheme \u0438 \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0438\u0445 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n    let parent = countriesShowcase.parentElement;\n    while (parent && parent !== document.body) {\n      if (parent.classList.contains('uk-section') || \n          parent.classList.contains('tm-main') ||\n          parent.classList.contains('uk-container')) {\n        parent.style.paddingBottom = '0';\n        parent.style.marginBottom = '0';\n      }\n      parent = parent.parentElement;\n    }<\/p>\n<p>    \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u0443 footer\n    const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n    if (footer) {\n      footer.style.marginTop = '0';\n      \/\/ \u0415\u0441\u043b\u0438 footer \u0432 \u043e\u0431\u0451\u0440\u0442\u043a\u0435, \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0438 \u0443 \u043d\u0435\u0451\n      if (footer.parentElement && footer.parentElement !== document.body) {\n        footer.parentElement.style.marginTop = '0';\n      }\n    }<\/p>\n<p>    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u0442\u044c \u043b\u0438 \u0432\u0441\u0451 \u0435\u0449\u0451 \u0437\u0430\u0437\u043e\u0440 \u0447\u0435\u0440\u0435\u0437 100ms\n    setTimeout(() => {\n      if (footer && countriesShowcase) {\n        const showCaseRect = countriesShowcase.getBoundingClientRect();\n        const footerRect = footer.getBoundingClientRect();\n        const gap = footerRect.top - showCaseRect.bottom;<\/p>\n<p>        \/\/ \u0415\u0441\u043b\u0438 \u0437\u0430\u0437\u043e\u0440 \u0431\u043e\u043b\u044c\u0448\u0435 5px, \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c \u043e\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 margin\n        if (gap > 5) {\n          countriesShowcase.style.marginBottom = `-${gap}px`;\n        }\n      }\n    }, 100);<\/p>\n<p>    \/\/ \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 - \u0438\u0449\u0435\u043c \u043f\u0443\u0441\u0442\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u043e\u043c \u0438 footer\n    setTimeout(() => {\n      const allElements = document.querySelectorAll('*');\n      let foundShowcase = false;\n      let foundFooter = false;<\/p>\n<p>      allElements.forEach(el => {\n        if (el.classList.contains('countries-showcase')) {\n          foundShowcase = true;\n          foundFooter = false;\n        }<\/p>\n<p>        if (foundShowcase && !foundFooter && \n            (el.tagName === 'FOOTER' || \n             el.classList.contains('tm-footer') || \n             el.classList.contains('uk-section-secondary'))) {\n          foundFooter = true;\n        }<\/p>\n<p>        \/\/ \u0415\u0441\u043b\u0438 \u043d\u0430\u0448\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043c\u0435\u0436\u0434\u0443 showcase \u0438 footer\n        if (foundShowcase && !foundFooter && \n            !el.classList.contains('countries-showcase') &&\n            !el.closest('.countries-showcase')) {\n          \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043d\u0435 \u043f\u0443\u0441\u0442\u043e\u0439 \u043b\u0438 \u044d\u0442\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\n          if (el.children.length === 0 && el.textContent.trim() === '') {\n            el.style.display = 'none';\n          }\n          \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0443 \u043b\u044e\u0431\u044b\u0445 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432\n          el.style.marginTop = '0';\n          el.style.marginBottom = '0';\n          el.style.paddingTop = '0';\n          el.style.paddingBottom = '0';\n        }\n      });\n    }, 200);<\/p>\n<p>    \/\/ \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0434\u043b\u044f YOOtheme\n    const ukSection = countriesShowcase.closest('.uk-section');\n    if (ukSection && ukSection.nextElementSibling) {\n      ukSection.style.paddingBottom = '0';\n      ukSection.style.marginBottom = '0';\n      ukSection.nextElementSibling.style.marginTop = '0';\n    }<\/p>\n<p>    \/\/ \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0437\u043e\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 CSS custom property\n    const checkAndFixGap = () => {\n      const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n      if (footer && countriesShowcase) {\n        const showCaseRect = countriesShowcase.getBoundingClientRect();\n        const footerRect = footer.getBoundingClientRect();\n        const gap = footerRect.top - showCaseRect.bottom;<\/p>\n<p>        if (gap > 0) {\n          \/\/ \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043e\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 margin \u0440\u0430\u0432\u043d\u044b\u0439 \u0437\u0430\u0437\u043e\u0440\u0443\n          countriesShowcase.style.setProperty('--countries-bottom-gap', `-${gap}px`);\n        }\n      }\n    };<\/p>\n<p>    \/\/ \u0412\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043b\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\n    window.addEventListener('load', checkAndFixGap);\n    \/\/ \u0418 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u0434\u043b\u044f YOOtheme\n    setTimeout(checkAndFixGap, 500);\n  }<\/p>\n<p>  \/\/ \u0424\u0418\u041d\u0410\u041b\u042c\u041d\u041e\u0415 \u0420\u0415\u0428\u0415\u041d\u0418\u0415 - \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0437\u043e\u0440\u0430\n  \/\/ \u042d\u0442\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u0432\u0441\u0435\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 YOOtheme\n  if (document.readyState === 'complete') {\n    removeGapCompletely();\n  } else {\n    window.addEventListener('load', removeGapCompletely);\n  }<\/p>\n<p>  function removeGapCompletely() {\n    \/\/ \u0416\u0434\u0451\u043c, \u043f\u043e\u043a\u0430 YOOtheme \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442 \u0441\u0432\u043e\u0438 \u043c\u0430\u043d\u0438\u043f\u0443\u043b\u044f\u0446\u0438\u0438\n    setTimeout(() => {\n      \/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u043d\u0430\u0448 \u0431\u043b\u043e\u043a\n      const showcase = document.querySelector('.countries-showcase');\n      if (!showcase) return;<\/p>\n<p>      \/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430\n      let nextElement = showcase.nextElementSibling;\n      while (nextElement) {\n        \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n        nextElement.style.marginTop = '0';\n        nextElement.style.paddingTop = '0';<\/p>\n<p>        \/\/ \u0415\u0441\u043b\u0438 \u044d\u0442\u043e footer - \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f\n        if (nextElement.tagName === 'FOOTER' || \n            nextElement.classList.contains('tm-footer') ||\n            nextElement.classList.contains('uk-section-secondary')) {\n          break;\n        }<\/p>\n<p>        \/\/ \u0415\u0441\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043f\u0443\u0441\u0442\u043e\u0439 - \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0435\u0433\u043e\n        if (nextElement.children.length === 0 && \n            nextElement.textContent.trim() === '') {\n          nextElement.style.display = 'none';\n        }<\/p>\n<p>        nextElement = nextElement.nextElementSibling;\n      }<\/p>\n<p>      \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0432\u0441\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b\n      let parent = showcase;\n      while (parent && parent !== document.body) {\n        \/\/ \u0415\u0441\u043b\u0438 \u044d\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\n        if (!parent.nextElementSibling) {\n          parent.style.marginBottom = '0';\n          parent.style.paddingBottom = '0';\n        }\n        parent = parent.parentElement;\n      }<\/p>\n<p>      \/\/ \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 - \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u043c \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u0437\u043e\u0440\n      const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n      if (footer) {\n        const showcaseRect = showcase.getBoundingClientRect();\n        const footerRect = footer.getBoundingClientRect();\n        const realGap = footerRect.top - showcaseRect.bottom;<\/p>\n<p>        console.log('Gap detected:', realGap); \/\/ \u0414\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438<\/p>\n<p>        if (realGap > 2) {\n          \/\/ \u041f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c \u043e\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 margin\n          showcase.style.marginBottom = `-${realGap}px`;\n          console.log('Applied negative margin:', `-${realGap}px`); \/\/ \u0414\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438\n        }\n      }\n    }, 1000); \/\/ \u0414\u0430\u0451\u043c YOOtheme \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0432\u0441\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438\n  }\n});<\/p>\n<p>\/\/ \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\nfunction animateParticles() {\n  const particles = document.querySelectorAll('.particle');\n  particles.forEach((particle, index) => {\n    const delay = index * 2;\n    particle.style.left = Math.random() * 100 + '%';\n    particle.style.animationDelay = delay + 's';\n  });\n}<\/p>\n<p>animateParticles();<\/p>\n<p>\/\/ \u041f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043e\u043a\u043d\u0430\nlet resizeTimeout;\nwindow.addEventListener('resize', () => {\n  clearTimeout(resizeTimeout);\n  resizeTimeout = setTimeout(() => {\n    const showcase = document.querySelector('.countries-showcase');\n    const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n    if (footer && showcase) {\n      const showcaseRect = showcase.getBoundingClientRect();\n      const footerRect = footer.getBoundingClientRect();\n      const gap = footerRect.top - showcaseRect.bottom;<\/p>\n<p>      if (gap > 5) {\n        showcase.style.marginBottom = `-${gap}px`;\n      }\n    }\n  }, 250);\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding_remove_bottom\":true,\"padding_remove_top\":true,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"ru\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n<title>BIFA+ Member Countries<\\\/title>\\n<link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap\\\" rel=\\\"stylesheet\\\">\\n\n\n<style>\\n\\\/* CSS \\u043f\\u0435\\u0440\\u0435\\u043c\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0434\\u043b\\u044f \\u043e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0446\\u0432\\u0435\\u0442\\u043e\\u0432 BIFA+ *\\\/\\n:root {\\n  --deep-navy: #0A1F44;\\n  --heritage-gold: #D4AF37;\\n  --civic-green: #1D6143;\\n  --bright-white: #FFFFFF;\\n  --soft-black: #1A1A1A;\\n  --platinum: #E5E4E2;\\n  \\n  --primary: var(--deep-navy);\\n  --secondary: var(--heritage-gold);\\n  --tertiary: var(--civic-green);\\n  --text-primary: var(--deep-navy);\\n  --text-secondary: #6B7280;\\n  --shadow-sm: 0 2px 10px rgba(10, 31, 68, 0.08);\\n  --shadow-md: 0 10px 40px rgba(10, 31, 68, 0.12);\\n  --shadow-lg: 0 20px 60px rgba(10, 31, 68, 0.15);\\n  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\n  --radius: 16px;\\n}\\n\\n* { \\n  box-sizing: border-box; \\n  font-family: 'Poppins', sans-serif; \\n  margin: 0; \\n  padding: 0; \\n}\\n\\nbody { \\n  background: var(--bright-white);\\n  color: var(--text-primary);\\n  line-height: 1.6;\\n  overflow-x: hidden;\\n}\\n\\n\\\/* \\u041e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 *\\\/\\n.countries-showcase {\\n  \\\/* Custom property \\u0434\\u043b\\u044f \\u0443\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0437\\u0430\\u0437\\u043e\\u0440\\u043e\\u043c *\\\/\\n  --countries-bottom-gap: 0;\\n  \\n  position: relative;\\n  width: 100vw;\\n  margin-left: calc(-50vw + 50%);\\n  padding: 80px 0 0 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043d\\u0438\\u0436\\u043d\\u0438\\u0439 padding \\u043f\\u043e\\u043b\\u043d\\u043e\\u0441\\u0442\\u044c\\u044e *\\\/\\n  background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\\n  overflow: hidden;\\n  \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0434\\u043b\\u044f \\u0444\\u0438\\u043a\\u0441\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u043d\\u043e\\u0439 \\u0448\\u0430\\u043f\\u043a\\u0438 *\\\/\\n  scroll-margin-top: 100px;\\n  \\\/* \\u0418\\u0437\\u043e\\u043b\\u0438\\u0440\\u0443\\u0435\\u043c layout \\u0434\\u043b\\u044f \\u043f\\u0440\\u0435\\u0434\\u043e\\u0442\\u0432\\u0440\\u0430\\u0449\\u0435\\u043d\\u0438\\u044f \\u0432\\u043b\\u0438\\u044f\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0434\\u0440\\u0443\\u0433\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n  contain: layout style;\\n  \\\/* \\u0418\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u043c custom property \\u0434\\u043b\\u044f margin-bottom *\\\/\\n  margin-bottom: var(--countries-bottom-gap) !important;\\n  padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043b\\u044e\\u0431\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b \\u043f\\u043e\\u0441\\u043b\\u0435 \\u044d\\u0442\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 *\\\/\\n.countries-showcase {\\n  margin-bottom: 0 !important;\\n  padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0434 footer *\\\/\\n.countries-showcase + footer,\\n.countries-showcase + .footer,\\n.countries-showcase + [class*=\\\"footer\\\"],\\n.countries-showcase + .uk-section-secondary,\\n.countries-showcase + .tm-footer {\\n  margin-top: 0 !important;\\n  padding-top: 60px !important;\\n}\\n\\n\\\/* YOOtheme specific fixes - \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043b\\u044e\\u0431\\u044b\\u0435 \\u0437\\u0430\\u0437\\u043e\\u0440\\u044b *\\\/\\n.countries-showcase.uk-section {\\n  margin-bottom: 0 !important;\\n  padding-bottom: 0 !important;\\n}\\n\\n.countries-showcase + .uk-section,\\n.countries-showcase + .tm-footer,\\n.countries-showcase + .uk-section-secondary,\\n.countries-showcase + footer {\\n  margin-top: 0 !important;\\n}\\n\\n\\\/* \\u0415\\u0441\\u043b\\u0438 YOOtheme \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u0442 wrapper \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n.countries-showcase:last-child {\\n  margin-bottom: 0 !important;\\n  padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0442\\u0430\\u043d\\u0434\\u0430\\u0440\\u0442\\u043d\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b YOOtheme \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430 *\\\/\\n.uk-section:has(.countries-showcase) {\\n  padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0414\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u0444\\u043e\\u043d *\\\/\\n.countries-showcase::before {\\n  content: '';\\n  position: absolute;\\n  inset: 0;\\n  background: radial-gradient(circle at 70% 20%, rgba(212, 175, 55, 0.05), transparent 50%),\\n              radial-gradient(circle at 30% 80%, rgba(212, 175, 55, 0.03), transparent 50%),\\n              radial-gradient(circle at 50% 50%, rgba(10, 31, 68, 0.02), transparent 70%);\\n  z-index: 0;\\n}\\n\\n\\\/* \\u0427\\u0430\\u0441\\u0442\\u0438\\u0446\\u044b \\u0444\\u043e\\u043d\\u0430 *\\\/\\n.particles {\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n  overflow: hidden;\\n  z-index: 1;\\n}\\n\\n.particle {\\n  position: absolute;\\n  width: 4px;\\n  height: 4px;\\n  background: rgba(212, 175, 55, 0.3);\\n  border-radius: 50%;\\n  animation: float 15s ease-in-out infinite;\\n}\\n\\n.particle:nth-child(2n) { background: rgba(212, 175, 55, 0.25); animation-duration: 18s; }\\n.particle:nth-child(3n) { background: rgba(10, 31, 68, 0.2); animation-duration: 20s; }\\n\\n\\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 *\\\/\\n.showcase-container {\\n  max-width: 1400px;\\n  margin: 0 auto;\\n  padding: 0 40px;\\n  position: relative;\\n  z-index: 2;\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043e\\u043a *\\\/\\n.showcase-header {\\n  text-align: center;\\n  margin-bottom: 80px;\\n  animation: fadeInDown 1s ease;\\n}\\n\\n.showcase-title {\\n  font-family: 'Montserrat', sans-serif;\\n  font-weight: 800;\\n  font-size: 64px;\\n  background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n  -webkit-background-clip: text;\\n  background-clip: text;\\n  color: transparent;\\n  margin: 0 0 20px;\\n  text-transform: uppercase;\\n  letter-spacing: 2px;\\n  text-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);\\n}\\n\\n.showcase-subtitle {\\n  font-size: 24px;\\n  color: var(--text-secondary);\\n  font-weight: 400;\\n  letter-spacing: 1px;\\n  max-width: 800px;\\n  margin: 0 auto;\\n  line-height: 1.6;\\n}\\n\\n\\\/* \\u0420\\u0430\\u0437\\u0434\\u0435\\u043b \\u0441\\u0442\\u0440\\u0430\\u043d\\u044b *\\\/\\n.country-section {\\n  margin-bottom: 100px;\\n  opacity: 0;\\n  animation: fadeInUp 1s ease forwards;\\n  scroll-margin-top: 100px;\\n  position: relative;\\n}\\n\\n.country-section:last-child {\\n  margin-bottom: 40px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430 *\\\/\\n  padding-bottom: 0;\\n}\\n\\n\\\/* \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u043e\\u044f\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441 \\u0437\\u0430\\u0434\\u0435\\u0440\\u0436\\u043a\\u043e\\u0439 *\\\/\\n.country-section:nth-child(2) { animation-delay: 0.1s; }\\n.country-section:nth-child(3) { animation-delay: 0.2s; }\\n.country-section:nth-child(4) { animation-delay: 0.3s; }\\n.country-section:nth-child(5) { animation-delay: 0.4s; }\\n.country-section:nth-child(6) { animation-delay: 0.5s; }\\n.country-section:nth-child(7) { animation-delay: 0.6s; }\\n.country-section:nth-child(8) { animation-delay: 0.7s; }\\n.country-section:nth-child(9) { animation-delay: 0.8s; }\\n.country-section:nth-child(10) { animation-delay: 0.9s; }\\n.country-section:nth-child(11) { animation-delay: 1s; }\\n.country-section:nth-child(12) { animation-delay: 1.1s; }\\n.country-section:nth-child(13) { animation-delay: 1.2s; }\\n\\n\\\/* \\u041a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0430 \\u0441\\u0442\\u0440\\u0430\\u043d\\u044b *\\\/\\n.country-card {\\n  background: rgba(255, 255, 255, 0.98);\\n  backdrop-filter: blur(10px);\\n  border-radius: 20px;\\n  overflow: hidden;\\n  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n  position: relative;\\n  transition: var(--transition);\\n  border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.country-card:hover {\\n  transform: translateY(-10px);\\n  box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n  border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n\\\/* \\u0411\\u0430\\u043d\\u043d\\u0435\\u0440 \\u0441 \\u0438\\u0437\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435\\u043c \\u0441\\u0442\\u0440\\u0430\\u043d\\u044b *\\\/\\n.country-banner {\\n  position: relative;\\n  height: 300px;\\n  overflow: hidden;\\n  background: linear-gradient(135deg, var(--deep-navy), var(--civic-green));\\n}\\n\\n.country-banner::before {\\n  content: '';\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: linear-gradient(to bottom, transparent 0%, rgba(10, 31, 68, 0.6) 100%);\\n  z-index: 1;\\n}\\n\\n.country-banner-image {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  opacity: 0.8;\\n}\\n\\n.country-name-overlay {\\n  position: absolute;\\n  bottom: 30px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  text-align: center;\\n  z-index: 2;\\n  width: 90%;\\n}\\n\\n.country-name {\\n  font-family: 'Montserrat', sans-serif;\\n  font-weight: 800;\\n  font-size: 48px;\\n  color: var(--bright-white);\\n  text-transform: uppercase;\\n  letter-spacing: 3px;\\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\\n  margin: 0;\\n}\\n\\n.country-capital {\\n  font-size: 20px;\\n  color: var(--heritage-gold);\\n  font-weight: 500;\\n  margin-top: 10px;\\n}\\n\\n\\\/* \\u0421\\u043e\\u0434\\u0435\\u0440\\u0436\\u0438\\u043c\\u043e\\u0435 \\u043a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0438 *\\\/\\n.country-content {\\n  padding: 60px;\\n  display: flex;\\n  gap: 60px;\\n  align-items: flex-start;\\n}\\n\\n\\\/* \\u0424\\u043b\\u0430\\u0433 *\\\/\\n.flag-container {\\n  flex-shrink: 0;\\n}\\n\\n.country-flag {\\n  width: 200px;\\n  height: 140px;\\n  border-radius: 12px;\\n  overflow: hidden;\\n  box-shadow: 0 10px 30px rgba(10, 31, 68, 0.2);\\n  transition: var(--transition);\\n}\\n\\n.country-flag:hover {\\n  transform: scale(1.05);\\n  box-shadow: 0 15px 40px rgba(10, 31, 68, 0.3);\\n}\\n\\n.country-flag img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n}\\n\\n\\\/* \\u0421\\u0442\\u0430\\u0442\\u0438\\u0441\\u0442\\u0438\\u043a\\u0430 *\\\/\\n.country-stats {\\n  flex: 1;\\n}\\n\\n.stats-grid {\\n  display: grid;\\n  grid-template-columns: repeat(2, 1fr);\\n  gap: 40px;\\n}\\n\\n.stat-item {\\n  background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%);\\n  padding: 30px;\\n  border-radius: 16px;\\n  border: 1px solid rgba(212, 175, 55, 0.1);\\n  transition: var(--transition);\\n}\\n\\n.stat-item:hover {\\n  transform: translateY(-5px);\\n  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.1);\\n  border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n.stat-label {\\n  font-size: 14px;\\n  color: var(--text-secondary);\\n  text-transform: uppercase;\\n  letter-spacing: 1px;\\n  margin-bottom: 10px;\\n  display: flex;\\n  align-items: center;\\n  gap: 10px;\\n}\\n\\n.stat-icon {\\n  width: 24px;\\n  height: 24px;\\n  fill: var(--heritage-gold);\\n}\\n\\n.stat-value {\\n  font-family: 'Montserrat', sans-serif;\\n  font-size: 32px;\\n  font-weight: 700;\\n  color: var(--deep-navy);\\n  line-height: 1.2;\\n}\\n\\n.stat-suffix {\\n  font-size: 18px;\\n  color: var(--text-secondary);\\n  font-weight: 400;\\n  margin-left: 5px;\\n}\\n\\n\\\/* \\u0414\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n.decorative-pattern {\\n  position: absolute;\\n  width: 200px;\\n  height: 200px;\\n  opacity: 0.05;\\n  pointer-events: none;\\n}\\n\\n.pattern-1 {\\n  top: -50px;\\n  right: -50px;\\n  background-image: repeating-linear-gradient(45deg, var(--heritage-gold) 0, var(--heritage-gold) 2px, transparent 2px, transparent 20px);\\n}\\n\\n.pattern-2 {\\n  bottom: -50px;\\n  left: -50px;\\n  background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\\n  background-size: 30px 30px;\\n}\\n\\n\\\/* \\u0413\\u0440\\u0430\\u0434\\u0438\\u0435\\u043d\\u0442\\u043d\\u0430\\u044f \\u043b\\u0438\\u043d\\u0438\\u044f \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f\\u043c\\u0438 *\\\/\\n.section-divider {\\n  height: 2px;\\n  background: linear-gradient(90deg, transparent, var(--heritage-gold), transparent);\\n  margin: 80px auto;\\n  max-width: 600px;\\n  opacity: 0.3;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u0439 \\u0440\\u0430\\u0437\\u0434\\u0435\\u043b\\u0438\\u0442\\u0435\\u043b\\u044c *\\\/\\n.section-divider:last-of-type {\\n  display: none;\\n}\\n\\n\\\/* \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 *\\\/\\n@keyframes fadeInDown {\\n  from {\\n    opacity: 0;\\n    transform: translateY(-30px);\\n  }\\n  to {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n}\\n\\n@keyframes fadeInUp {\\n  from {\\n    opacity: 0;\\n    transform: translateY(50px);\\n  }\\n  to {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n}\\n\\n@keyframes float {\\n  0%, 100% { transform: translateY(0); opacity: 1; }\\n  50% { transform: translateY(-10px); opacity: 0.8; }\\n}\\n\\n\\\/* \\u041c\\u043e\\u0431\\u0438\\u043b\\u044c\\u043d\\u0430\\u044f \\u0432\\u0435\\u0440\\u0441\\u0438\\u044f *\\\/\\n@media (max-width: 768px) {\\n  .showcase-title {\\n    font-size: 42px;\\n  }\\n  \\n  .showcase-subtitle {\\n    font-size: 18px;\\n  }\\n  \\n  .country-content {\\n    flex-direction: column;\\n    padding: 40px 20px;\\n    gap: 40px;\\n  }\\n  \\n  .flag-container {\\n    width: 100%;\\n    display: flex;\\n    justify-content: center;\\n  }\\n  \\n  .country-flag {\\n    width: 160px;\\n    height: 112px;\\n  }\\n  \\n  .stats-grid {\\n    grid-template-columns: 1fr;\\n    gap: 20px;\\n  }\\n  \\n  .stat-item {\\n    padding: 20px;\\n  }\\n  \\n  .stat-value {\\n    font-size: 24px;\\n  }\\n  \\n  .country-name {\\n    font-size: 32px;\\n  }\\n  \\n  .country-banner {\\n    height: 200px;\\n  }\\n  \\n  .country-section:last-child {\\n    margin-bottom: 30px;\\n  }\\n}\\n<\\\/style>\\n\\n<!-- \\u0414\\u043e\\u043f\\u043e\\u043b\\u043d\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0435 inline \\u0441\\u0442\\u0438\\u043b\\u0438 \\u0434\\u043b\\u044f \\u0433\\u0430\\u0440\\u0430\\u043d\\u0442\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u043d\\u043e\\u0433\\u043e \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u044f \\u0437\\u0430\\u0437\\u043e\\u0440\\u0430 -->\\n<\/p>\n<style>\\n\\\/* \\u042d\\u0442\\u0438 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u044f\\u0442\\u0441\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u043c\\u0438 \\u0438 \\u043f\\u0435\\u0440\\u0435\\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u044f\\u0442 \\u0432\\u0441\\u0451 \\u043e\\u0441\\u0442\\u0430\\u043b\\u044c\\u043d\\u043e\\u0435 *\\\/\\nbody .countries-showcase:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody footer { margin-top: 0 !important; }\\nbody .tm-footer { margin-top: 0 !important; }\\nbody .uk-section-secondary { margin-top: 0 !important; }\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c padding \\u0443 \\u0440\\u043e\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u0441\\u043a\\u043e\\u0433\\u043e \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430 *\\\/\\nbody .countries-showcase:last-child { margin-bottom: 0 !important; }\\nbody > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody .tm-main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\n<\\\/style>\\n\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\"\\\"countries-showcase\\\"\" style=\"\\\"margin-bottom:\" 0 !important; padding-bottom: !important;\\\">\\n  <!-- \\u0427\\u0430\\u0441\\u0442\\u0438\\u0446\\u044b \\u0444\\u043e\\u043d\\u0430 -->\\n  <\/p>\n<div class=\"\\\"particles\\\"\">\\n    <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:10%;animation-delay:0s\\\"\"><\\\/div>\\n    <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:30%;animation-delay:2s\\\"\"><\\\/div>\\n    <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:50%;animation-delay:4s\\\"\"><\\\/div>\\n    <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:70%;animation-delay:6s\\\"\"><\\\/div>\\n    <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:90%;animation-delay:8s\\\"\"><\\\/div>\\n  <\\\/div>\\n\\n  <\/p>\n<div class=\"\\\"showcase-container\\\"\">\\n    <\/p>\n<div class=\"\\\"showcase-header\\\"\">\\n      <\/p>\n<h1 class=\"\\\"showcase-title\\\"\">BIFA+ Member Countries<\\\/h1>\\n      <\/p>\n<p class=\"\\\"showcase-subtitle\\\"\">\\n        Uniting diverse nations in pursuit of economic prosperity, technological advancement, \\n        and sustainable development through collaborative partnerships\\n      <\\\/p>\\n    <\\\/div>\\n\\n    <!-- \\u041e\\u0410\\u042d -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"uae\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/uae-banner.jpg\\\"\" alt=\"\\\"Dubai\" skyline\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">United Arab Emirates<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Abu Dhabi<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/ae.png\\\"\" alt=\"\\\"UAE\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">11.35<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$414.2<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$50,602<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">83,600<span class=\"\\\"stat-suffix\\\"\">km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0411\\u0440\\u0430\\u0437\\u0438\\u043b\\u0438\\u044f -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"brazil\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/brazil-banner.jpg\\\"\" alt=\"\\\"Rio\" de janeiro\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Brazil<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Bras\\u00edlia<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/br.png\\\"\" alt=\"\\\"Brazil\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">212.8<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$2.331<span class=\"\\\"stat-suffix\\\"\">trillion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$11,178<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">8.36<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u041a\\u0438\\u0442\\u0430\\u0439 -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"china\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/china-banner.jpg\\\"\" alt=\"\\\"Great\" wall of china\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">China<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Beijing<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/cn.png\\\"\" alt=\"\\\"China\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">1.416<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$17.73<span class=\"\\\"stat-suffix\\\"\">trillion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$12,969<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">9.39<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0415\\u0433\\u0438\\u043f\\u0435\\u0442 -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"egypt\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/egypt-banner.jpg\\\"\" alt=\"\\\"Pyramids\" of giza\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Egypt<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Cairo<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/eg.png\\\"\" alt=\"\\\"Egypt\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">118.4<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$471.1<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$4,111<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">995,450<span class=\"\\\"stat-suffix\\\"\">km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u042d\\u0444\\u0438\\u043e\\u043f\\u0438\\u044f -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"ethiopia\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/ethiopia-banner.jpg\\\"\" alt=\"\\\"Ethiopian\" highlands\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Ethiopia<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Addis Ababa<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/et.png\\\"\" alt=\"\\\"Ethiopia\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">135.5<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$205.3<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$1,020<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">1.00<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0418\\u043d\\u0434\\u043e\\u043d\\u0435\\u0437\\u0438\\u044f -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"indonesia\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/indonesia-banner.jpg\\\"\" alt=\"\\\"Bali\" indonesia\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Indonesia<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Jakarta<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/id.png\\\"\" alt=\"\\\"Indonesia\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">285.7<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$1.42<span class=\"\\\"stat-suffix\\\"\">trillion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$4,731<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">1.81<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0418\\u043d\\u0434\\u0438\\u044f -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"india\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/india-banner.jpg\\\"\" alt=\"\\\"Taj\" mahal india\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">India<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: New Delhi<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/in.png\\\"\" alt=\"\\\"India\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">1.464<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$3.89<span class=\"\\\"stat-suffix\\\"\">trillion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$2,698<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">2.97<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0418\\u0440\\u0430\\u043d -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"iran\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/iran-banner.jpg\\\"\" alt=\"\\\"Persian\" architecture iran\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Iran<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Tehran<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/ir.png\\\"\" alt=\"\\\"Iran\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">92.4<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$418<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$4,526<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">1.63<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0420\\u043e\\u0441\\u0441\\u0438\\u044f -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"russia\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/russia-banner.jpg\\\"\" alt=\"\\\"Moscow\" russia\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Russia<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Moscow<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/ru.png\\\"\" alt=\"\\\"Russia\" flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">144.0<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$2.02<span class=\"\\\"stat-suffix\\\"\">trillion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$14,391<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">16.38<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n    <!-- \\u0421\\u0430\\u0443\\u0434\\u043e\\u0432\\u0441\\u043a\\u0430\\u044f \\u0410\\u0440\\u0430\\u0432\\u0438\\u044f -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"saudi-arabia\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/saudi-banner.jpg\\\"\" alt=\"\\\"Riyadh\" saudi arabia\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">Saudi Arabia<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Riyadh<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/sa.png\\\"\" alt=\"\\\"Saudi\" arabia flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">34.6<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$1.24<span class=\"\\\"stat-suffix\\\"\">trillion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$33,040<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">2.15<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n    <!-- \\u041f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u044f\\u044f \\u0441\\u0442\\u0440\\u0430\\u043d\\u0430 \\u0431\\u0435\\u0437 \\u0440\\u0430\\u0437\\u0434\\u0435\\u043b\\u0438\\u0442\\u0435\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435 \\u043d\\u0435\\u0451 -->\\n    <!-- \\u042e\\u0436\\u043d\\u0430\\u044f \\u0410\\u0444\\u0440\\u0438\\u043a\\u0430 -->\\n    <\/p>\n<div class=\"\\\"country-section\\\"\" id=\"\\\"south-africa\\\"\">\\n      <\/p>\n<div class=\"\\\"country-card\\\"\">\\n        <\/p>\n<div class=\"\\\"country-banner\\\"\">\\n          <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/bricscountr\\\/southafrica-banner.jpg\\\"\" alt=\"\\\"Cape\" town south africa\\\" class=\"\\\"country-banner-image\\\"\">\\n          <\/p>\n<div class=\"\\\"country-name-overlay\\\"\">\\n            <\/p>\n<h2 class=\"\\\"country-name\\\"\">South Africa<\\\/h2>\\n            <\/p>\n<p class=\"\\\"country-capital\\\"\">Capital: Pretoria<\\\/p>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"country-content\\\"\">\\n          <\/p>\n<div class=\"\\\"flag-container\\\"\">\\n            <\/p>\n<div class=\"\\\"country-flag\\\"\">\\n              <img src=\"\\\"https:\\\/\\\/flagcdn.com\\\/w320\\\/za.png\\\"\" alt=\"\\\"South\" africa flag\\\">\\n            <\\\/div>\\n          <\\\/div>\\n          \\n          <\/p>\n<div class=\"\\\"country-stats\\\"\">\\n            <\/p>\n<div class=\"\\\"stats-grid\\\"\">\\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n                  <\\\/svg>\\n                  Population\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">64.7<span class=\"\\\"stat-suffix\\\"\">million<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M11.8\" 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81v3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 2.41 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83v21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\\\"\\>\\n                  <\\\/svg>\\n                  GDP\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$373.2<span class=\"\\\"stat-suffix\\\"\">billion<\\\/span><\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n                  <\\\/svg>\\n                  GDP per capita\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">$5,709<\\\/div>\\n              <\\\/div>\\n              \\n              <\/p>\n<div class=\"\\\"stat-item\\\"\">\\n                <\/p>\n<div class=\"\\\"stat-label\\\"\">\\n                  <svg class=\"\\\"stat-icon\\\"\" viewbox=\"\\\"0\" 0 24 24\\\">\\n                    <path d=\"\\\"M14.4\" 6l14 4h5v17h2v-7h5.6l.4 2h7v6z\\\"\\>\\n                  <\\\/svg>\\n                  Area\\n                <\\\/div>\\n                <\/p>\n<div class=\"\\\"stat-value\\\"\">1.21<span class=\"\\\"stat-suffix\\\"\">million km\\u00b2<\\\/span><\\\/div>\\n              <\\\/div>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n        \\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n        <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n      <\\\/div>\\n    <\\\/div>\\n\\n  <\\\/div>\\n<\\\/div>\\n\\n<script>\\n\\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\nconst observerOptions = {\\n  threshold: 0.1,\\n  rootMargin: '0px 0px -100px 0px'\\n};\\n\\nconst observer = new IntersectionObserver((entries) => {\\n  entries.forEach(entry => {\\n    if (entry.isIntersecting) {\\n      entry.target.style.opacity = '1';\\n      entry.target.style.transform = 'translateY(0)';\\n    }\\n  });\\n}, observerOptions);\\n\\n\\\/\\\/ \\u041f\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0430 \\u043a \\u0441\\u0442\\u0440\\u0430\\u043d\\u0430\\u043c\\ndocument.addEventListener('DOMContentLoaded', function() {\\n  \\\/\\\/ \\u041d\\u0430\\u0431\\u043b\\u044e\\u0434\\u0435\\u043d\\u0438\\u0435 \\u0437\\u0430 \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f\\u043c\\u0438 \\u0441\\u0442\\u0440\\u0430\\u043d\\n  document.querySelectorAll('.country-section').forEach(section => {\\n    observer.observe(section);\\n  });\\n  \\n  \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u043e\\u0432 \\u043f\\u043e \\u043a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0430\\u043c \\u0441\\u0442\\u0440\\u0430\\u043d\\n  document.querySelectorAll('.country-card').forEach(card => {\\n    card.style.cursor = 'pointer';\\n  });\\n  \\n  \\\/\\\/ \\u041f\\u0430\\u0440\\u0430\\u043b\\u043b\\u0430\\u043a\\u0441 \\u044d\\u0444\\u0444\\u0435\\u043a\\u0442 \\u0434\\u043b\\u044f \\u0434\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0445 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432\\n  window.addEventListener('scroll', () => {\\n    const scrolled = window.pageYOffset;\\n    const patterns = document.querySelectorAll('.decorative-pattern');\\n    \\n    patterns.forEach((pattern, index) => {\\n      const speed = index % 2 === 0 ? 0.5 : -0.5;\\n      pattern.style.transform = `translateY(${scrolled * speed}px) rotate(${scrolled * 0.1}deg)`;\\n    });\\n  });\\n  \\n  \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 hover \\u044d\\u0444\\u0444\\u0435\\u043a\\u0442\\u0430 \\u0434\\u043b\\u044f \\u0441\\u0442\\u0430\\u0442\\u0438\\u0441\\u0442\\u0438\\u043a\\u0438\\n  document.querySelectorAll('.stat-item').forEach(item => {\\n    item.addEventListener('mouseenter', function() {\\n      this.style.transform = 'translateY(-5px)';\\n    });\\n    \\n    item.addEventListener('mouseleave', function() {\\n      this.style.transform = 'translateY(0)';\\n    });\\n  });\\n  \\n  \\\/\\\/ \\u0423\\u0414\\u0410\\u041b\\u0415\\u041d\\u0418\\u0415 \\u0420\\u0410\\u0417\\u0420\\u042b\\u0412\\u0410 \\u0421 FOOTER - \\u041a\\u041e\\u0414 \\u0418\\u0417 \\u0412\\u0422\\u041e\\u0420\\u041e\\u0413\\u041e \\u0424\\u0410\\u0419\\u041b\\u0410\\n  \\\/\\\/ \\u041f\\u0440\\u0438\\u043d\\u0443\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0437\\u0430\\u0437\\u043e\\u0440\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c \\u0438 footer\\n  const countriesShowcase = document.querySelector('.countries-showcase');\\n  if (countriesShowcase) {\\n    \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0432\\u043e\\u0437\\u043c\\u043e\\u0436\\u043d\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n    countriesShowcase.style.marginBottom = '0';\\n    countriesShowcase.style.paddingBottom = '0';\\n    \\n    \\\/\\\/ \\u041d\\u0430\\u0445\\u043e\\u0434\\u0438\\u043c \\u0440\\u043e\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u0441\\u043a\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b YOOtheme \\u0438 \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0438\\u0445 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n    let parent = countriesShowcase.parentElement;\\n    while (parent && parent !== document.body) {\\n      if (parent.classList.contains('uk-section') || \\n          parent.classList.contains('tm-main') ||\\n          parent.classList.contains('uk-container')) {\\n        parent.style.paddingBottom = '0';\\n        parent.style.marginBottom = '0';\\n      }\\n      parent = parent.parentElement;\\n    }\\n    \\n    \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0443 footer\\n    const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n    if (footer) {\\n      footer.style.marginTop = '0';\\n      \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 footer \\u0432 \\u043e\\u0431\\u0451\\u0440\\u0442\\u043a\\u0435, \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0438 \\u0443 \\u043d\\u0435\\u0451\\n      if (footer.parentElement && footer.parentElement !== document.body) {\\n        footer.parentElement.style.marginTop = '0';\\n      }\\n    }\\n    \\n    \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0435\\u0441\\u0442\\u044c \\u043b\\u0438 \\u0432\\u0441\\u0451 \\u0435\\u0449\\u0451 \\u0437\\u0430\\u0437\\u043e\\u0440 \\u0447\\u0435\\u0440\\u0435\\u0437 100ms\\n    setTimeout(() => {\\n      if (footer && countriesShowcase) {\\n        const showCaseRect = countriesShowcase.getBoundingClientRect();\\n        const footerRect = footer.getBoundingClientRect();\\n        const gap = footerRect.top - showCaseRect.bottom;\\n        \\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0437\\u0430\\u0437\\u043e\\u0440 \\u0431\\u043e\\u043b\\u044c\\u0448\\u0435 5px, \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043e\\u0442\\u0440\\u0438\\u0446\\u0430\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 margin\\n        if (gap > 5) {\\n          countriesShowcase.style.marginBottom = `-${gap}px`;\\n        }\\n      }\\n    }, 100);\\n    \\n    \\\/\\\/ \\u0414\\u043e\\u043f\\u043e\\u043b\\u043d\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 - \\u0438\\u0449\\u0435\\u043c \\u043f\\u0443\\u0441\\u0442\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c \\u0438 footer\\n    setTimeout(() => {\\n      const allElements = document.querySelectorAll('*');\\n      let foundShowcase = false;\\n      let foundFooter = false;\\n      \\n      allElements.forEach(el => {\\n        if (el.classList.contains('countries-showcase')) {\\n          foundShowcase = true;\\n          foundFooter = false;\\n        }\\n        \\n        if (foundShowcase && !foundFooter && \\n            (el.tagName === 'FOOTER' || \\n             el.classList.contains('tm-footer') || \\n             el.classList.contains('uk-section-secondary'))) {\\n          foundFooter = true;\\n        }\\n        \\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0430\\u0448\\u043b\\u0438 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442 \\u043c\\u0435\\u0436\\u0434\\u0443 showcase \\u0438 footer\\n        if (foundShowcase && !foundFooter && \\n            !el.classList.contains('countries-showcase') &&\\n            !el.closest('.countries-showcase')) {\\n          \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u043d\\u0435 \\u043f\\u0443\\u0441\\u0442\\u043e\\u0439 \\u043b\\u0438 \\u044d\\u0442\\u043e \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\n          if (el.children.length === 0 && el.textContent.trim() === '') {\\n            el.style.display = 'none';\\n          }\\n          \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b \\u0443 \\u043b\\u044e\\u0431\\u044b\\u0445 \\u043f\\u0440\\u043e\\u043c\\u0435\\u0436\\u0443\\u0442\\u043e\\u0447\\u043d\\u044b\\u0445 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432\\n          el.style.marginTop = '0';\\n          el.style.marginBottom = '0';\\n          el.style.paddingTop = '0';\\n          el.style.paddingBottom = '0';\\n        }\\n      });\\n    }, 200);\\n    \\n    \\\/\\\/ \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u0430\\u044f \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0434\\u043b\\u044f YOOtheme\\n    const ukSection = countriesShowcase.closest('.uk-section');\\n    if (ukSection && ukSection.nextElementSibling) {\\n      ukSection.style.paddingBottom = '0';\\n      ukSection.style.marginBottom = '0';\\n      ukSection.nextElementSibling.style.marginTop = '0';\\n    }\\n    \\n    \\\/\\\/ \\u0414\\u0438\\u043d\\u0430\\u043c\\u0438\\u0447\\u0435\\u0441\\u043a\\u043e\\u0435 \\u0443\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0437\\u0430\\u0437\\u043e\\u0440\\u043e\\u043c \\u0447\\u0435\\u0440\\u0435\\u0437 CSS custom property\\n    const checkAndFixGap = () => {\\n      const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n      if (footer && countriesShowcase) {\\n        const showCaseRect = countriesShowcase.getBoundingClientRect();\\n        const footerRect = footer.getBoundingClientRect();\\n        const gap = footerRect.top - showCaseRect.bottom;\\n        \\n        if (gap > 0) {\\n          \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0442\\u0440\\u0438\\u0446\\u0430\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 margin \\u0440\\u0430\\u0432\\u043d\\u044b\\u0439 \\u0437\\u0430\\u0437\\u043e\\u0440\\u0443\\n          countriesShowcase.style.setProperty('--countries-bottom-gap', `-${gap}px`);\\n        }\\n      }\\n    };\\n    \\n    \\\/\\\/ \\u0412\\u044b\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0444\\u0443\\u043d\\u043a\\u0446\\u0438\\u044e \\u043f\\u043e\\u0441\\u043b\\u0435 \\u043f\\u043e\\u043b\\u043d\\u043e\\u0439 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0438 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n    window.addEventListener('load', checkAndFixGap);\\n    \\\/\\\/ \\u0418 \\u0435\\u0449\\u0451 \\u0440\\u0430\\u0437 \\u0447\\u0435\\u0440\\u0435\\u0437 \\u043d\\u0435\\u0431\\u043e\\u043b\\u044c\\u0448\\u0443\\u044e \\u0437\\u0430\\u0434\\u0435\\u0440\\u0436\\u043a\\u0443 \\u0434\\u043b\\u044f YOOtheme\\n    setTimeout(checkAndFixGap, 500);\\n  }\\n  \\n  \\\/\\\/ \\u0424\\u0418\\u041d\\u0410\\u041b\\u042c\\u041d\\u041e\\u0415 \\u0420\\u0415\\u0428\\u0415\\u041d\\u0418\\u0415 - \\u043f\\u0440\\u0438\\u043d\\u0443\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e\\u0435 \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0437\\u0430\\u0437\\u043e\\u0440\\u0430\\n  \\\/\\\/ \\u042d\\u0442\\u043e \\u0432\\u044b\\u043f\\u043e\\u043b\\u043d\\u0438\\u0442\\u0441\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0432\\u0441\\u0435\\u0445 \\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\\u043e\\u0432 YOOtheme\\n  if (document.readyState === 'complete') {\\n    removeGapCompletely();\\n  } else {\\n    window.addEventListener('load', removeGapCompletely);\\n  }\\n  \\n  function removeGapCompletely() {\\n    \\\/\\\/ \\u0416\\u0434\\u0451\\u043c, \\u043f\\u043e\\u043a\\u0430 YOOtheme \\u0437\\u0430\\u043a\\u043e\\u043d\\u0447\\u0438\\u0442 \\u0441\\u0432\\u043e\\u0438 \\u043c\\u0430\\u043d\\u0438\\u043f\\u0443\\u043b\\u044f\\u0446\\u0438\\u0438\\n    setTimeout(() => {\\n      \\\/\\\/ \\u041d\\u0430\\u0445\\u043e\\u0434\\u0438\\u043c \\u043d\\u0430\\u0448 \\u0431\\u043b\\u043e\\u043a\\n      const showcase = document.querySelector('.countries-showcase');\\n      if (!showcase) return;\\n      \\n      \\\/\\\/ \\u041d\\u0430\\u0445\\u043e\\u0434\\u0438\\u043c \\u0432\\u0441\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b \\u043f\\u043e\\u0441\\u043b\\u0435 \\u043d\\u0430\\u0448\\u0435\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430\\n      let nextElement = showcase.nextElementSibling;\\n      while (nextElement) {\\n        \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n        nextElement.style.marginTop = '0';\\n        nextElement.style.paddingTop = '0';\\n        \\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u044d\\u0442\\u043e footer - \\u043e\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c\\u0441\\u044f\\n        if (nextElement.tagName === 'FOOTER' || \\n            nextElement.classList.contains('tm-footer') ||\\n            nextElement.classList.contains('uk-section-secondary')) {\\n          break;\\n        }\\n        \\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442 \\u043f\\u0443\\u0441\\u0442\\u043e\\u0439 - \\u0441\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0435\\u0433\\u043e\\n        if (nextElement.children.length === 0 && \\n            nextElement.textContent.trim() === '') {\\n          nextElement.style.display = 'none';\\n        }\\n        \\n        nextElement = nextElement.nextElementSibling;\\n      }\\n      \\n      \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0440\\u043e\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u0441\\u043a\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b\\n      let parent = showcase;\\n      while (parent && parent !== document.body) {\\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u044d\\u0442\\u043e \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u0439 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442 \\u0432 \\u0440\\u043e\\u0434\\u0438\\u0442\\u0435\\u043b\\u0435\\n        if (!parent.nextElementSibling) {\\n          parent.style.marginBottom = '0';\\n          parent.style.paddingBottom = '0';\\n        }\\n        parent = parent.parentElement;\\n      }\\n      \\n      \\\/\\\/ \\u0424\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 - \\u0438\\u0437\\u043c\\u0435\\u0440\\u044f\\u0435\\u043c \\u0440\\u0435\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0437\\u0430\\u0437\\u043e\\u0440\\n      const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n      if (footer) {\\n        const showcaseRect = showcase.getBoundingClientRect();\\n        const footerRect = footer.getBoundingClientRect();\\n        const realGap = footerRect.top - showcaseRect.bottom;\\n        \\n        console.log('Gap detected:', realGap); \\\/\\\/ \\u0414\\u043b\\u044f \\u043e\\u0442\\u043b\\u0430\\u0434\\u043a\\u0438\\n        \\n        if (realGap > 2) {\\n          \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043e\\u0442\\u0440\\u0438\\u0446\\u0430\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 margin\\n          showcase.style.marginBottom = `-${realGap}px`;\\n          console.log('Applied negative margin:', `-${realGap}px`); \\\/\\\/ \\u0414\\u043b\\u044f \\u043e\\u0442\\u043b\\u0430\\u0434\\u043a\\u0438\\n        }\\n      }\\n    }, 1000); \\\/\\\/ \\u0414\\u0430\\u0451\\u043c YOOtheme \\u0432\\u0440\\u0435\\u043c\\u044f \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0438\\u0442\\u044c \\u0432\\u0441\\u0435 \\u043e\\u043f\\u0435\\u0440\\u0430\\u0446\\u0438\\u0438\\n  }\\n});\\n\\n\\\/\\\/ \\u0414\\u0438\\u043d\\u0430\\u043c\\u0438\\u0447\\u0435\\u0441\\u043a\\u043e\\u0435 \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0447\\u0430\\u0441\\u0442\\u0438\\u0446\\nfunction animateParticles() {\\n  const particles = document.querySelectorAll('.particle');\\n  particles.forEach((particle, index) => {\\n    const delay = index * 2;\\n    particle.style.left = Math.random() * 100 + '%';\\n    particle.style.animationDelay = delay + 's';\\n  });\\n}\\n\\nanimateParticles();\\n\\n\\\/\\\/ \\u041f\\u043e\\u0432\\u0442\\u043e\\u0440\\u044f\\u0435\\u043c \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0443 \\u043f\\u0440\\u0438 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0438 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440\\u0430 \\u043e\\u043a\\u043d\\u0430\\nlet resizeTimeout;\\nwindow.addEventListener('resize', () => {\\n  clearTimeout(resizeTimeout);\\n  resizeTimeout = setTimeout(() => {\\n    const showcase = document.querySelector('.countries-showcase');\\n    const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n    if (footer && showcase) {\\n      const showcaseRect = showcase.getBoundingClientRect();\\n      const footerRect = footer.getBoundingClientRect();\\n      const gap = footerRect.top - showcaseRect.bottom;\\n      \\n      if (gap > 5) {\\n        showcase.style.marginBottom = `-${gap}px`;\\n      }\\n    }\\n  }, 250);\\n});\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}}]}]}]}],\"version\":\"4.5.20\"} --><\/p>","protected":false},"excerpt":{"rendered":"<p>BIFA+ Member Countries BIFA+ Member Countries Uniting diverse nations in pursuit of economic prosperity, technological advancement, and sustainable development through collaborative partnerships United Arab Emirates Capital: Abu Dhabi Population 11.35million GDP $414.2billion GDP per capita $50,602 Area 83,600km\u00b2 Brazil Capital: Bras\u00edlia Population 212.8million GDP $2.331trillion GDP per capita $11,178 Area 8.36million km\u00b2 China Capital: Beijing [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-893","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/pages\/893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/comments?post=893"}],"version-history":[{"count":5,"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/pages\/893\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/pages\/893\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/bifa.ai\/zh\/wp-json\/wp\/v2\/media?parent=893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}