{"id":427,"date":"2026-02-25T08:28:28","date_gmt":"2026-02-25T05:28:28","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/home\/"},"modified":"2026-03-09T12:58:48","modified_gmt":"2026-03-09T09:58:48","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"427\" class=\"elementor elementor-427\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42da008 e-con-full e-flex e-con e-parent\" data-id=\"42da008\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee9ce5b elementor-widget elementor-widget-html\" data-id=\"ee9ce5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,700;0,800;1,600&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* HERO V2 \u2014 Foto\u011frafl\u0131, Temiz, G\u00fcven Veren           *\/\r\n\/* Hayaller Ger\u00e7ek Olsun Derne\u011fi                       *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.hgo-hero2 *,\r\n.hgo-hero2 *::before,\r\n.hgo-hero2 *::after {\r\n  margin: 0; padding: 0; box-sizing: border-box;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.hgo-hero2 {\r\n  --navy: #0f1a35;\r\n  --navy-mid: #1a2d5a;\r\n  --gold: #f5a623;\r\n  --gold-hover: #ffc84a;\r\n  --gold-soft: rgba(245, 166, 35, 0.12);\r\n  --green: #2ecc71;\r\n  --white: #ffffff;\r\n  --dim: rgba(255,255,255,0.65);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 80vh;\r\n  min-height: 80svh;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  font-family: 'DM Sans', system-ui, sans-serif;\r\n  color: var(--white);\r\n  background: var(--navy);\r\n}\r\n\r\n\/* \u2500\u2500 BACKGROUND IMAGE \u2500\u2500 *\/\r\n.hgo-hero2__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.hgo-hero2__bg img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.hgo-hero2__bg-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  background:\r\n    linear-gradient(135deg, rgba(26, 45, 90, 0.3) 0%, rgba(245, 166, 35, 0.08) 50%, rgba(46, 204, 113, 0.06) 100%),\r\n    url('https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hayaller-gercek-olsun-hero-bg-scaled.webp');\r\n  background-size: cover;\r\n  background-position: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.hgo-hero2__bg-placeholder span {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.3);\r\n  font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n.hgo-hero2__bg-placeholder span:first-child {\r\n  font-size: 48px;\r\n  opacity: 0.2;\r\n}\r\n\r\n\/* \u2500\u2500 GRADIENT OVERLAY \u2500\u2500 *\/\r\n.hgo-hero2__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  background:\r\n    linear-gradient(90deg,\r\n      rgba(15, 26, 53, 0.92) 0%,\r\n      rgba(15, 26, 53, 0.82) 35%,\r\n      rgba(15, 26, 53, 0.45) 65%,\r\n      rgba(15, 26, 53, 0.15) 100%\r\n    );\r\n}\r\n\r\n.hgo-hero2__overlay::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; right: 0; bottom: 0;\r\n  height: 120px;\r\n  background: linear-gradient(to bottom, transparent, rgba(15, 26, 53, 0.6));\r\n}\r\n\r\n\/* \u2500\u2500 CONTENT \u2500\u2500 *\/\r\n.hgo-hero2__inner {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 120px 40px 80px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.hgo-hero2__text {\r\n  max-width: 650px;\r\n}\r\n\r\n\/* Badge *\/\r\n.hgo-hero2__badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--gold-soft);\r\n  border: 1px solid rgba(245, 166, 35, 0.25);\r\n  padding: 7px 18px;\r\n  border-radius: 24px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--gold);\r\n  letter-spacing: 0.2px;\r\n  margin-bottom: 28px;\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  opacity: 0;\r\n  animation: hgo2FadeUp 0.8s 0.2s ease-out forwards;\r\n}\r\n\r\n\/* Title *\/\r\n.hgo-hero2__title {\r\n  font-family: 'Poppins', system-ui, sans-serif;\r\n  font-size: 42px;\r\n  font-weight: 500;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 20px;\r\n  color: var(--white);\r\n  opacity: 0;\r\n  animation: hgo2FadeUp 0.8s 0.35s ease-out forwards;\r\n}\r\n\r\n.hgo-hero2__title em {\r\n  color: var(--gold);\r\n  font-style: normal;\r\n  position: relative;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-hero2__title em::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; right: 0; bottom: 2px;\r\n  height: 3px;\r\n  background: var(--gold);\r\n  opacity: 0.35;\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* Subtitle *\/\r\n.hgo-hero2__subtitle {\r\n  font-size: 17px;\r\n  line-height: 1.65;\r\n  color: var(--dim);\r\n  margin-bottom: 36px;\r\n  max-width: 480px;\r\n  font-weight: 400;\r\n  opacity: 0;\r\n  animation: hgo2FadeUp 0.8s 0.5s ease-out forwards;\r\n}\r\n\r\n\/* CTAs *\/\r\n.hgo-hero2__ctas {\r\n  display: flex;\r\n  gap: 14px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: hgo2FadeUp 0.8s 0.65s ease-out forwards;\r\n}\r\n\r\n.hgo-hero2__btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 16px 36px;\r\n  background: var(--gold);\r\n  color: var(--navy);\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  font-family: 'DM Sans', sans-serif;\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  letter-spacing: 0.2px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.hgo-hero2__btn-primary::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);\r\n  transform: translateX(-100%);\r\n  transition: transform 0.6s;\r\n}\r\n\r\n.hgo-hero2__btn-primary:hover {\r\n  background: var(--gold-hover);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 32px rgba(245, 166, 35, 0.35);\r\n  text-decoration: none !important;\r\n  color: var(--navy);\r\n}\r\n\r\n.hgo-hero2__btn-primary:hover::before {\r\n  transform: translateX(100%);\r\n}\r\n\r\n.hgo-hero2__btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 16px 32px;\r\n  background: rgba(255,255,255,0.06);\r\n  color: var(--white);\r\n  border: 1.5px solid rgba(255,255,255,0.18);\r\n  border-radius: 12px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  font-family: 'DM Sans', sans-serif;\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  letter-spacing: 0.2px;\r\n}\r\n\r\n.hgo-hero2__btn-secondary:hover {\r\n  border-color: rgba(255,255,255,0.4);\r\n  background: rgba(255,255,255,0.1);\r\n  transform: translateY(-2px);\r\n  text-decoration: none !important;\r\n  color: var(--white);\r\n}\r\n\r\n\/* \u2500\u2500 SCROLL CUE \u2500\u2500 *\/\r\n.hgo-hero2__scroll {\r\n  position: absolute;\r\n  bottom: 32px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 5;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 6px;\r\n  opacity: 0;\r\n  animation: hgo2FadeIn 0.8s 1.2s ease-out forwards, hgo2Bounce 2.5s 2s ease-in-out infinite;\r\n}\r\n\r\n.hgo-hero2__scroll span {\r\n  font-size: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: rgba(255,255,255,0.3);\r\n}\r\n\r\n.hgo-hero2__scroll-line {\r\n  width: 1px;\r\n  height: 28px;\r\n  background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);\r\n}\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n@keyframes hgo2FadeUp {\r\n  from { opacity: 0; transform: translateY(24px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes hgo2FadeIn {\r\n  from { opacity: 0; }\r\n  to   { opacity: 1; }\r\n}\r\n\r\n@keyframes hgo2Bounce {\r\n  0%, 100% { transform: translateX(-50%) translateY(0); }\r\n  50%      { transform: translateX(-50%) translateY(6px); }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE: TABLET \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .hgo-hero2__inner { padding: 100px 32px 80px; }\r\n  .hgo-hero2__title { font-size: clamp(30px, 4vw, 44px); }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE: MOBILE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n\r\n  .hgo-hero2 {\r\n    min-height: 55vh;\r\n    min-height: 55svh;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .hgo-hero2__bg-placeholder {\r\n    background-position: 30% center;\r\n  }\r\n\r\n  .hgo-hero2__overlay {\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(15, 26, 53, 0.88) 0%,\r\n      rgba(15, 26, 53, 0.50) 40%,\r\n      rgba(15, 26, 53, 0.20) 70%,\r\n      rgba(15, 26, 53, 0.10) 100%\r\n    );\r\n  }\r\n\r\n  .hgo-hero2__overlay::after {\r\n    display: none;\r\n  }\r\n\r\n  \/* Mobilde dikey split layout *\/\r\n  .hgo-hero2__inner {\r\n    padding: 15px 20px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    min-height: 55vh;\r\n    min-height: 55svh;\r\n  }\r\n\r\n  .hgo-hero2__text {\r\n    max-width: 100%;\r\n    display: contents;\r\n  }\r\n\r\n  \/* Subtitle \u00fcste \u00e7\u0131k (order ile) *\/\r\n  .hgo-hero2__subtitle {\r\n    order: -2;\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n    max-width: 100%;\r\n    margin-bottom: 0;\r\n    color: rgba(255,255,255,0.75);\r\n  }\r\n\r\n  .hgo-hero2__badge {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Ba\u015fl\u0131k alta in *\/\r\n  .hgo-hero2__title {\r\n    order: 1;\r\n    font-size: 24px;\r\n    line-height: 1.2;\r\n    margin-bottom: 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .hgo-hero2__ctas {\r\n    display: none !important;\r\n  }\r\n\r\n  .hgo-hero2__scroll { display: none; }\r\n\r\n}\r\n\r\n\/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .hgo-hero2 * {\r\n    animation: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500 ASTRA \/ ELEMENTOR OVERRIDES \u2500\u2500 *\/\r\n.hgo-hero2 a,\r\n.hgo-hero2 button { outline: none; text-decoration: none !important; }\r\n.hgo-hero2 img { max-width: none; }\r\n.elementor-widget-html .hgo-hero2 { width: 100%; }\r\n\r\n.hgo-hero2 .hgo-hero2__title em,\r\n.hgo-hero2 .hgo-hero2__title em::after {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-hero2 .hgo-hero2__btn-primary,\r\n.hgo-hero2 .hgo-hero2__btn-primary:hover,\r\n.hgo-hero2 .hgo-hero2__btn-primary:focus,\r\n.hgo-hero2 .hgo-hero2__btn-primary:visited,\r\n.hgo-hero2 .hgo-hero2__btn-secondary,\r\n.hgo-hero2 .hgo-hero2__btn-secondary:hover,\r\n.hgo-hero2 .hgo-hero2__btn-secondary:focus,\r\n.hgo-hero2 .hgo-hero2__btn-secondary:visited {\r\n  text-decoration: none !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hgo-hero2\" id=\"hgoHero\" role=\"banner\" aria-label=\"Hayaller Ger\u00e7ek Olsun \u2014 Ana Sayfa\">\r\n\r\n  <div class=\"hgo-hero2__bg\">\r\n    <div class=\"hgo-hero2__bg-placeholder\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hgo-hero2__overlay\"><\/div>\r\n\r\n  <div class=\"hgo-hero2__inner\">\r\n    <div class=\"hgo-hero2__text\">\r\n\r\n      <div class=\"hgo-hero2__badge\">\ud83c\udf31 2023'ten beri \u00e7ocuklar i\u00e7in<\/div>\r\n\r\n      <h1 class=\"hgo-hero2__title\">\r\n        Bir \u00c7ocu\u011fun Hayalini <em>Ger\u00e7e\u011fe D\u00f6n\u00fc\u015ft\u00fcrmeye<\/em>\r\nHaz\u0131r m\u0131s\u0131n\u0131z?\r\n      <\/h1>\r\n\r\n      <p class=\"hgo-hero2__subtitle\">\r\n        Hayaller Ger\u00e7ek Olsun Dernegi, \u00e7ocuklar\u0131n egitim, sanat ve bilim alanlar\u0131nda geli\u015fmesini destekleyen projeler geli\u015ftirir.\r\n      <\/p>\r\n\r\n      <div class=\"hgo-hero2__ctas\">\r\n        <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/bagis-yap\/\" class=\"hgo-hero2__btn-primary\" role=\"button\">\r\n          Ba\u011f\u0131\u015f Yap\r\n        <\/a>\r\n        <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/\" class=\"hgo-hero2__btn-secondary\" role=\"button\">\r\n          Projelerimizi Ke\u015ffet \u2192\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hgo-hero2__scroll\" aria-hidden=\"true\">\r\n    <span>Kayd\u0131r<\/span>\r\n    <div class=\"hgo-hero2__scroll-line\"><\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62cecd3 e-con-full e-flex e-con e-parent\" data-id=\"62cecd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6290e elementor-widget elementor-widget-html\" data-id=\"ff6290e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hgo-about *,\r\n.hgo-about *::before,\r\n.hgo-about *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-about {\r\n  --navy: #1a2d5a;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --gold-soft: rgba(245, 166, 35, 0.08);\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --bg-section: #f8f9fc;\r\n  --bg-card: #ffffff;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n  background: var(--bg-section);\r\n  padding: 64px 20px;\r\n}\r\n\r\n.hgo-about__inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SOL: Metin \u2550\u2550\u2550 *\/\r\n.hgo-about__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.hgo-about__eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-about__heading {\r\n  font-size: clamp(26px, 3.5vw, 36px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.2;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.hgo-about__desc {\r\n  font-size: 16px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.75;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.hgo-about__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 14px 28px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  border: 1.5px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-about__cta:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-about__cta-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-about__cta:hover .hgo-about__cta-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SA\u011e: G\u00f6rsel \u2550\u2550\u2550 *\/\r\n.hgo-about__image {\r\n  position: relative;\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  aspect-ratio: 4 \/ 3;\r\n  background: var(--bg-card);\r\n  border: 1px solid var(--border-light);\r\n  box-shadow: 0 4px 24px rgba(26, 45, 90, 0.06);\r\n}\r\n\r\n.hgo-about__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.hgo-about__image-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  background: linear-gradient(160deg, rgba(26, 45, 90, 0.03), rgba(245, 166, 35, 0.04));\r\n}\r\n\r\n.hgo-about__image-placeholder-icon { font-size: 40px; }\r\n.hgo-about__image-placeholder-text { font-size: 13px; color: var(--text-light); }\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n  .hgo-about { padding: 40px 16px; }\r\n\r\n  .hgo-about__inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .hgo-about__image {\r\n    max-width: 480px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-about\">\r\n  <div class=\"hgo-about__inner\">\r\n\r\n    <!-- Sol: Metin -->\r\n    <div class=\"hgo-about__text\">\r\n      <div class=\"hgo-about__eyebrow\">Hakk\u0131m\u0131zda<\/div>\r\n      <h2 class=\"hgo-about__heading\">\u00c7ocuklar\u0131n Hayallerine K\u00f6pr\u00fc Oluyoruz<\/h2>\r\n      <p class=\"hgo-about__desc\">\r\n        Hayaller Ger\u00e7ek Olsun Derne\u011fi \u00e7ocuklar\u0131m\u0131z\u0131n e\u011fitimine katk\u0131 sa\u011flamak amac\u0131yla projeler geli\u015ftiren ve T\u00fcrkiye'nin d\u00f6rt bir yan\u0131nda \u00e7ocuklar\u0131m\u0131z\u0131 destekleyen bir sivil toplum kurulu\u015fudur. Amac\u0131m\u0131z, her \u00e7ocu\u011fun hayallerine ula\u015fabilmesi i\u00e7in f\u0131rsatlar yaratmak, onlar\u0131n e\u011fitim yolculuklar\u0131nda yanlar\u0131nda olmak ve daha ayd\u0131nl\u0131k bir gelece\u011fe katk\u0131 sa\u011flamakt\u0131r.\r\n      <\/p>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/hakkimizda\" class=\"hgo-about__cta\">\r\n        Daha Fazla Bilgi\r\n        <span class=\"hgo-about__cta-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Sa\u011f: G\u00f6rsel -->\r\n    <div class=\"hgo-about__image\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hayaller-gercek-olsun-2.webp\" alt=\"Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu A\u00e7\u0131l\u0131\u015f\u0131\" loading=\"lazy\">\r\n      <div class=\"hgo-about__image-placeholder\">\r\n        <div class=\"hgo-about__image-placeholder-icon\">\ud83d\udcf8<\/div>\r\n        <div class=\"hgo-about__image-placeholder-text\">Ekip veya etkinlik foto\u011fraf\u0131<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb3c927 e-con-full e-flex e-con e-parent\" data-id=\"fb3c927\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d094f0 elementor-widget elementor-widget-html\" data-id=\"7d094f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hgo-projects *,\r\n.hgo-projects *::before,\r\n.hgo-projects *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-projects {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #0f1a3a;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --green: #2ecc71;\r\n  --text-primary: #1a1a2e;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --bg-light: #f8f9fc;\r\n  --bg-card: #ffffff;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SECTION HEADER \u2550\u2550\u2550 *\/\r\n.hgo-projects__header {\r\n  text-align: center;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.hgo-projects__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-projects__eyebrow::before,\r\n.hgo-projects__eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-projects__heading {\r\n  font-size: clamp(26px, 4vw, 36px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.2;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 GRID \u2014 3 s\u00fctun \u2550\u2550\u2550 *\/\r\n.hgo-projects__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 CARD \u2550\u2550\u2550 *\/\r\n.hgo-projects__card {\r\n  background: var(--bg-card);\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  border: 1px solid var(--border-light);\r\n  box-shadow:\r\n    0 1px 3px rgba(26, 45, 90, 0.04),\r\n    0 8px 32px rgba(26, 45, 90, 0.06);\r\n  transition: box-shadow 0.4s ease, transform 0.4s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.hgo-projects__card:hover {\r\n  box-shadow:\r\n    0 2px 6px rgba(26, 45, 90, 0.06),\r\n    0 16px 48px rgba(26, 45, 90, 0.1);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Image *\/\r\n.hgo-projects__card-img {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n  overflow: hidden;\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-projects__card-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* Badge *\/\r\n.hgo-projects__badge {\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 2;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: rgba(255, 255, 255, 0.92);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255, 255, 255, 0.6);\r\n  padding: 5px 12px;\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.hgo-projects__badge--completed {\r\n  color: var(--green);\r\n}\r\n\r\n.hgo-projects__badge--active {\r\n  color: var(--gold);\r\n}\r\n\r\n.hgo-projects__badge-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.hgo-projects__badge--completed .hgo-projects__badge-dot {\r\n  background: var(--green);\r\n  box-shadow: 0 0 6px rgba(46, 204, 113, 0.5);\r\n}\r\n\r\n.hgo-projects__badge--active .hgo-projects__badge-dot {\r\n  background: var(--gold);\r\n  box-shadow: 0 0 6px rgba(245, 166, 35, 0.5);\r\n  animation: hgo-pulse 2.5s ease infinite;\r\n}\r\n\r\n@keyframes hgo-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.6; transform: scale(0.85); }\r\n}\r\n\r\n\/* Content *\/\r\n.hgo-projects__card-body {\r\n  padding: 24px 24px 28px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-projects__card-tag {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-projects__card-title {\r\n  font-size: clamp(18px, 2vw, 22px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.25;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.3px;\r\n}\r\n\r\n.hgo-projects__card-desc {\r\n  font-size: 14px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.7;\r\n  margin-bottom: 24px;\r\n  flex: 1;\r\n}\r\n\r\n\/* CTA *\/\r\n.hgo-projects__card-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  padding: 12px 24px;\r\n  border: 1.5px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  align-self: flex-start;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-projects__card-cta:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-projects__card-cta-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-projects__card-cta:hover .hgo-projects__card-cta-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n  .hgo-projects__grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-projects__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .hgo-projects {\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .hgo-projects__card-body {\r\n    padding: 20px 18px 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-projects\">\r\n\r\n  <!-- Section Header -->\r\n  <div class=\"hgo-projects__header\">\r\n    <div class=\"hgo-projects__eyebrow\">Projelerimiz<\/div>\r\n    <h2 class=\"hgo-projects__heading\">Hayalleri Ger\u00e7e\u011fe D\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz<\/h2>\r\n  <\/div>\r\n\r\n  <!-- Cards Grid \u2014 3'l\u00fc -->\r\n  <div class=\"hgo-projects__grid\">\r\n\r\n    <!-- KART 1: B\u0130LSEM Kodlama ve M\u00fczik S\u0131n\u0131f\u0131 -->\r\n    <div class=\"hgo-projects__card\">\r\n      <div class=\"hgo-projects__card-img\">\r\n        <div class=\"hgo-projects__badge hgo-projects__badge--active\">\r\n          <span class=\"hgo-projects__badge-dot\"><\/span>\r\n          Devam Ediyor\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/BILSEM-hayaller-gercek-olsun.webp\" alt=\"B\u0130LSEM Kodlama ve M\u00fczik S\u0131n\u0131f\u0131 Projesi\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"hgo-projects__card-body\">\r\n        <div class=\"hgo-projects__card-tag\">E\u011fitim & Sanat \u00b7 \u0130stanbul \/ Be\u015fikta\u015f<\/div>\r\n        <h3 class=\"hgo-projects__card-title\">B\u0130LSEM Kodlama ve M\u00fczik S\u0131n\u0131f\u0131<\/h3>\r\n        <p class=\"hgo-projects__card-desc\">\r\n          Be\u015fikta\u015f Bilim ve Sanat Merkezi b\u00fcnyesinde \u00e7ocuklar\u0131m\u0131z i\u00e7in bir kodlama s\u0131n\u0131f\u0131 ve bir m\u00fczik s\u0131n\u0131f\u0131 olu\u015fturuyoruz. Hem teknolojiyi \u00f6\u011frenecekleri hem de sanatla kendilerini ifade edebilecekleri alanlarla hayallerini destekliyoruz.\r\n        <\/p>\r\n        <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/bilsem-kodlama-ve-muzik-sinifi\/\" class=\"hgo-projects__card-cta\">\r\n          Detaylar\u0131 G\u00f6r\r\n          <span class=\"hgo-projects__card-cta-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- KART 2: Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu -->\r\n    <div class=\"hgo-projects__card\">\r\n      <div class=\"hgo-projects__card-img\">\r\n        <div class=\"hgo-projects__badge hgo-projects__badge--completed\">\r\n          <span class=\"hgo-projects__badge-dot\"><\/span>\r\n          Tamamland\u0131\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/bahcekoy-okul.webp\" alt=\"Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu A\u00e7\u0131l\u0131\u015f\u0131\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"hgo-projects__card-body\">\r\n        <div class=\"hgo-projects__card-tag\">E\u011fitim \u00b7 Hatay \/ Defne<\/div>\r\n        <h3 class=\"hgo-projects__card-title\">Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu<\/h3>\r\n        <p class=\"hgo-projects__card-desc\">\r\n          Hatay'\u0131n Defne il\u00e7esi Bah\u00e7ek\u00f6y'de in\u015fa edilen okulumuz, Eyl\u00fcl 2025'te d\u00fczenlenen a\u00e7\u0131l\u0131\u015f t\u00f6reniyle e\u011fitim hayat\u0131na ba\u015flad\u0131. Depremden etkilenen b\u00f6lgede \u00e7ocuklara g\u00fcvenli ve modern bir e\u011fitim ortam\u0131 sunuyoruz.\r\n        <\/p>\r\n        <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/bahcekoy-hayaller-gercek-olsun-ilkokulu\/\" class=\"hgo-projects__card-cta\">\r\n          Detaylar\u0131 G\u00f6r\r\n          <span class=\"hgo-projects__card-cta-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- KART 3: Sanat, Spor ve Bilim Projesi -->\r\n    <div class=\"hgo-projects__card\">\r\n      <div class=\"hgo-projects__card-img\">\r\n        <div class=\"hgo-projects__badge hgo-projects__badge--active\">\r\n          <span class=\"hgo-projects__badge-dot\"><\/span>\r\n          Devam Ediyor\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hgo-etkinlikler-hatay-kapak.jpg\" alt=\"Sanat, Spor ve Bilim Projesi \u2014 Hatay\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"hgo-projects__card-body\">\r\n        <div class=\"hgo-projects__card-tag\">E\u011fitim & Geli\u015fim \u00b7 Hatay \/ Antakya<\/div>\r\n        <h3 class=\"hgo-projects__card-title\">Sanat, Spor ve Bilim Projesi<\/h3>\r\n        <p class=\"hgo-projects__card-desc\">\r\n          Deprem b\u00f6lgelerindeki \u00e7ocuklara sanat, spor ve bilim alanlar\u0131nda at\u00f6lyeler ve workshop'lar sunuyoruz. Haluk Levent, ressam Beyza Ak\u0131nc\u0131 ve Ra\u015fit Altun gibi isimlerin deste\u011fiyle \u00e7ocuklar\u0131n yeteneklerini ke\u015ffetmelerine katk\u0131 sa\u011fl\u0131yoruz.\r\n        <\/p>\r\n        <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/sanat-spor-ve-bilim-projesi\/\" class=\"hgo-projects__card-cta\">\r\n          Detaylar\u0131 G\u00f6r\r\n          <span class=\"hgo-projects__card-cta-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e0116b e-con-full e-flex e-con e-parent\" data-id=\"4e0116b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be7e5f elementor-widget elementor-widget-html\" data-id=\"9be7e5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* \u2550\u2550\u2550 LINK RESET (Astra override) \u2550\u2550\u2550 *\/\r\n.hgo-news__card,\r\n.hgo-news__card:hover,\r\n.hgo-news__card:focus,\r\n.hgo-news__card:visited {\r\n  text-decoration: none!important;\r\n}\r\n\r\n.hgo-news__card .hgo-news__card-title,\r\n.hgo-news__card .hgo-news__card-excerpt,\r\n.hgo-news__card .hgo-news__card-date,\r\n.hgo-news__card .hgo-news__card-link {\r\n  text-decoration: none!important;\r\n}\r\n\r\n.hgo-news *,\r\n.hgo-news *::before,\r\n.hgo-news *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-news {\r\n  --navy: #1a2d5a;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --bg-card: #ffffff;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 64px 20px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 HEADER \u2550\u2550\u2550 *\/\r\n.hgo-news__header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.hgo-news__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.hgo-news__eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-news__heading {\r\n  font-size: clamp(24px, 3.5vw, 32px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  letter-spacing: -0.4px;\r\n}\r\n\r\n.hgo-news__all {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  padding: 10px 20px;\r\n  border: 1.5px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n  white-space: nowrap;\r\n}\r\n\r\n.hgo-news__all:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-news__all-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-news__all:hover .hgo-news__all-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 GRID \u2550\u2550\u2550 *\/\r\n.hgo-news__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 CARD \u2550\u2550\u2550 *\/\r\n.hgo-news__card {\r\n  background: var(--bg-card);\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  border: 1px solid var(--border-light);\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-decoration: none;\r\n  color: inherit;\r\n}\r\n\r\n.hgo-news__card:hover {\r\n  box-shadow: 0 8px 32px rgba(26, 45, 90, 0.08);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Thumbnail *\/\r\n.hgo-news__card-img {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  overflow: hidden;\r\n  background: #f0f2f5;\r\n}\r\n\r\n.hgo-news__card-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.hgo-news__card:hover .hgo-news__card-img img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Body *\/\r\n.hgo-news__card-body {\r\n  padding: 22px 22px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-news__card-date {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--text-light);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.hgo-news__card-title {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  line-height: 1.35;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-news__card-excerpt {\r\n  font-size: 14px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.6;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-news__card-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--gold);\r\n  margin-top: 14px;\r\n  text-decoration: none;\r\n  transition: gap 0.25s ease;\r\n}\r\n\r\n.hgo-news__card:hover .hgo-news__card-link {\r\n  gap: 8px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SKELETON LOADING \u2550\u2550\u2550 *\/\r\n@keyframes hgo-shimmer {\r\n  0% { background-position: -400px 0; }\r\n  100% { background-position: 400px 0; }\r\n}\r\n\r\n.hgo-news__skeleton {\r\n  background: linear-gradient(90deg, #f0f2f5 25%, #e8ecf2 50%, #f0f2f5 75%);\r\n  background-size: 400px 100%;\r\n  animation: hgo-shimmer 1.4s ease infinite;\r\n  border-radius: 6px;\r\n}\r\n\r\n.hgo-news__skeleton-img {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n}\r\n\r\n.hgo-news__skeleton-date {\r\n  height: 12px;\r\n  width: 40%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-news__skeleton-title {\r\n  height: 18px;\r\n  width: 85%;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.hgo-news__skeleton-title2 {\r\n  height: 18px;\r\n  width: 60%;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-news__skeleton-text {\r\n  height: 13px;\r\n  width: 95%;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.hgo-news__skeleton-text2 {\r\n  height: 13px;\r\n  width: 70%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n  .hgo-news__grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .hgo-news__grid .hgo-news__card:last-child {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-news {\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .hgo-news__header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n  }\r\n\r\n  .hgo-news__grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hgo-news__grid .hgo-news__card:last-child {\r\n    display: flex;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-news\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"hgo-news__header\">\r\n    <div>\r\n      <div class=\"hgo-news__eyebrow\">Haberler<\/div>\r\n      <h2 class=\"hgo-news__heading\">Son Geli\u015fmeler<\/h2>\r\n    <\/div>\r\n    <a href=\"\/hayallergercekolsun\/haberler\/\" class=\"hgo-news__all\">\r\n      T\u00fcm Haberler\r\n      <span class=\"hgo-news__all-arrow\">\u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- Cards \u2014 JS taraf\u0131ndan doldurulacak -->\r\n  <div class=\"hgo-news__grid\" id=\"hgoNewsGrid\">\r\n    <!-- Skeleton loading (3 kart) -->\r\n    <div class=\"hgo-news__card\">\r\n      <div class=\"hgo-news__skeleton hgo-news__skeleton-img\"><\/div>\r\n      <div class=\"hgo-news__card-body\">\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-date\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-title\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-title2\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-text\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-text2\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hgo-news__card\">\r\n      <div class=\"hgo-news__skeleton hgo-news__skeleton-img\"><\/div>\r\n      <div class=\"hgo-news__card-body\">\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-date\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-title\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-title2\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-text\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-text2\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hgo-news__card\">\r\n      <div class=\"hgo-news__skeleton hgo-news__skeleton-img\"><\/div>\r\n      <div class=\"hgo-news__card-body\">\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-date\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-title\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-title2\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-text\"><\/div>\r\n        <div class=\"hgo-news__skeleton hgo-news__skeleton-text2\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ \u2500\u2500 AYARLAR \u2500\u2500\r\n  var SITE_URL = '\/hayallergercekolsun';\r\n  var POST_COUNT = 3;\r\n\r\n  \/\/ T\u00fcrk\u00e7e ay isimleri\r\n  var aylar = ['Ocak','\u015eubat','Mart','Nisan','May\u0131s','Haziran',\r\n               'Temmuz','A\u011fustos','Eyl\u00fcl','Ekim','Kas\u0131m','Aral\u0131k'];\r\n\r\n  \/\/ Tarih formatlama\r\n  function trTarih(dateStr) {\r\n    var d = new Date(dateStr);\r\n    return d.getDate() + ' ' + aylar[d.getMonth()] + ' ' + d.getFullYear();\r\n  }\r\n\r\n  \/\/ Excerpt olu\u015ftur \u2014 HTML taglar\u0131n\u0131 temizle, max 120 karakter\r\n  function temizExcerpt(html) {\r\n    var tmp = document.createElement('div');\r\n    tmp.innerHTML = html;\r\n    var text = (tmp.textContent || tmp.innerText || '').trim();\r\n    text = text.replace(\/\\s*Devam\u0131n\u0131 oku\\s*$\/, '').trim();\r\n    if (text.length > 120) {\r\n      text = text.substring(0, 117).replace(\/\\s+\\S*$\/, '') + '\u2026';\r\n    }\r\n    return text;\r\n  }\r\n\r\n  \/\/ Kart HTML'i olu\u015ftur\r\n  function kartHTML(post) {\r\n    var gorselBlock = '';\r\n\r\n    if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\r\n      var media = post._embedded['wp:featuredmedia'][0];\r\n      var imgUrl = '';\r\n      if (media.media_details && media.media_details.sizes) {\r\n        var sizes = media.media_details.sizes;\r\n        imgUrl = (sizes.medium_large && sizes.medium_large.source_url)\r\n              || (sizes.medium && sizes.medium.source_url)\r\n              || media.source_url;\r\n      } else {\r\n        imgUrl = media.source_url;\r\n      }\r\n      gorselBlock = '<div class=\"hgo-news__card-img\">'\r\n        + '<img decoding=\"async\" src=\"' + imgUrl + '\" alt=\"' + (post.title.rendered || '') + '\" loading=\"lazy\">'\r\n        + '<\/div>';\r\n    }\r\n\r\n    var excerpt = post.excerpt ? temizExcerpt(post.excerpt.rendered) : '';\r\n\r\n    return '<a href=\"' + post.link + '\" class=\"hgo-news__card\">'\r\n      + gorselBlock\r\n      + '<div class=\"hgo-news__card-body\">'\r\n      +   '<div class=\"hgo-news__card-date\">' + trTarih(post.date) + '<\/div>'\r\n      +   '<div class=\"hgo-news__card-title\">' + post.title.rendered + '<\/div>'\r\n      +   '<div class=\"hgo-news__card-excerpt\">' + excerpt + '<\/div>'\r\n      +   '<span class=\"hgo-news__card-link\">Devam\u0131n\u0131 Oku \u2192<\/span>'\r\n      + '<\/div>'\r\n      + '<\/a>';\r\n  }\r\n\r\n  \/\/ REST API'den \u00e7ek\r\n  var endpoint = SITE_URL + '\/wp-json\/wp\/v2\/posts?per_page=' + POST_COUNT + '&_embed&orderby=date&order=desc';\r\n\r\n  fetch(endpoint)\r\n    .then(function(res) { return res.json(); })\r\n    .then(function(posts) {\r\n      var grid = document.getElementById('hgoNewsGrid');\r\n      if (!posts || !posts.length) {\r\n        grid.innerHTML = '<p style=\"color:#8891a5;font-size:14px;\">Hen\u00fcz haber bulunmuyor.<\/p>';\r\n        return;\r\n      }\r\n      var html = '';\r\n      posts.forEach(function(post) {\r\n        html += kartHTML(post);\r\n      });\r\n      grid.innerHTML = html;\r\n    })\r\n    .catch(function(err) {\r\n      console.warn('HGO Haberler y\u00fcklenemedi:', err);\r\n      var grid = document.getElementById('hgoNewsGrid');\r\n      grid.innerHTML = '<p style=\"color:#8891a5;font-size:14px;\">Haberler \u015fu an y\u00fcklenemiyor.<\/p>';\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-188facc e-con-full e-flex e-con e-parent\" data-id=\"188facc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45f92ff elementor-widget elementor-widget-html\" data-id=\"45f92ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hgo-instagram *,\r\n.hgo-instagram *::before,\r\n.hgo-instagram *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-instagram {\r\n  --navy: #1a2d5a;\r\n  --gold: #f5a623;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --radius-sm: 8px;\r\n  --radius-md: 12px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 64px 20px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 LAYOUT: Sol CTA + Sa\u011f Embedler \u2550\u2550\u2550 *\/\r\n.hgo-instagram__layout {\r\n  display: grid;\r\n  grid-template-columns: 280px 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SOL \u2014 CTA ALANI \u2550\u2550\u2550 *\/\r\n.hgo-instagram__cta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.hgo-instagram__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n}\r\n\r\n.hgo-instagram__eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-instagram__heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  letter-spacing: -0.4px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.hgo-instagram__subtitle {\r\n  font-size: 14px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n.hgo-instagram__handle {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  margin-top: 4px;\r\n}\r\n\r\n.hgo-instagram__handle svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.hgo-instagram__follow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  padding: 13px 28px;\r\n  background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);\r\n  background-size: 150% 150%;\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.3s ease;\r\n  font-family: inherit;\r\n  margin-top: 4px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.hgo-instagram__follow:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(131, 58, 180, 0.3);\r\n  background-position: 100% 0;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-instagram__follow:visited,\r\n.hgo-instagram__follow:focus {\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-instagram__follow svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SA\u011e \u2014 EMBED GRID \u2550\u2550\u2550 *\/\r\n.hgo-instagram__embeds {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n  min-width: 0;\r\n  align-items: start;\r\n}\r\n\r\n\/* Embed'leri s\u0131\u011fd\u0131r *\/\r\n.hgo-instagram__embed-item {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border-radius: var(--radius-md);\r\n  height: 480px;\r\n  position: relative;\r\n}\r\n\r\n\/* Instagram embed override *\/\r\n.hgo-instagram__embed-item .instagram-media {\r\n  min-width: 0 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  margin: 0 !important;\r\n  border-radius: var(--radius-md) !important;\r\n}\r\n\r\n.hgo-instagram__embed-item iframe {\r\n  min-width: 0 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  height: 480px !important;\r\n  border-radius: var(--radius-md) !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .hgo-instagram__layout {\r\n    grid-template-columns: 240px 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .hgo-instagram__embed-item,\r\n  .hgo-instagram__embed-item iframe {\r\n    height: 420px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hgo-instagram {\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .hgo-instagram__layout {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .hgo-instagram__cta {\r\n    text-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .hgo-instagram__eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  .hgo-instagram__follow {\r\n    align-self: center;\r\n  }\r\n\r\n  .hgo-instagram__embeds {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .hgo-instagram__embeds {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    max-width: 400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .hgo-instagram__embed-item,\r\n  .hgo-instagram__embed-item iframe {\r\n    height: 520px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-instagram\">\r\n  <div class=\"hgo-instagram__layout\">\r\n\r\n    <!-- SOL \u2014 CTA -->\r\n    <div class=\"hgo-instagram__cta\">\r\n      <div class=\"hgo-instagram__eyebrow\">Instagram<\/div>\r\n      <h2 class=\"hgo-instagram__heading\">Bizi<br>Takip Edebilirsiniz<\/h2>\r\n      <p class=\"hgo-instagram__subtitle\">Projelerimiz, etkinliklerimiz ve g\u00f6n\u00fcll\u00fclerimizle birlikte ya\u015fad\u0131\u011f\u0131m\u0131z anlar<\/p>\r\n      <div class=\"hgo-instagram__handle\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n        @hayallergercekolsundernegi\r\n      <\/div>\r\n      <a href=\"https:\/\/www.instagram.com\/hayallergercekolsundernegi\/\" target=\"_blank\" rel=\"noopener\" class=\"hgo-instagram__follow\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n        Takip Et\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- SA\u011e \u2014 3 EMBED -->\r\n    <div class=\"hgo-instagram__embeds\">\r\n\r\n      <!-- Embed 1 -->\r\n      <div class=\"hgo-instagram__embed-item\">\r\n        <blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/DO9Ra3xjtJV\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:12px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin:0; max-width:100%; min-width:0; padding:0; width:100%;\"><div style=\"padding:16px;\"><a href=\"https:\/\/www.instagram.com\/p\/DO9Ra3xjtJV\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\"background:#FFFFFF; line-height:0; padding:0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"><div style=\"display:flex; flex-direction:row; align-items:center;\"><div style=\"background-color:#F4F4F4; border-radius:50%; flex-grow:0; height:40px; margin-right:14px; width:40px;\"><\/div><div style=\"display:flex; flex-direction:column; flex-grow:1; justify-content:center;\"><div style=\"background-color:#F4F4F4; border-radius:4px; flex-grow:0; height:14px; margin-bottom:6px; width:100px;\"><\/div><div style=\"background-color:#F4F4F4; border-radius:4px; flex-grow:0; height:14px; width:60px;\"><\/div><\/div><\/div><div style=\"padding:19% 0;\"><\/div><div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><\/div><div style=\"padding-top:8px;\"><div style=\"color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">Bu g\u00f6nderiyi Instagram'da g\u00f6r<\/div><\/div><\/a><\/div><\/blockquote>\r\n      <\/div>\r\n\r\n      <!-- Embed 2 -->\r\n      <div class=\"hgo-instagram__embed-item\">\r\n        <blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/C2LAkxgoxxf\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:12px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin:0; max-width:100%; min-width:0; padding:0; width:100%;\"><div style=\"padding:16px;\"><a href=\"https:\/\/www.instagram.com\/p\/C2LAkxgoxxf\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\"background:#FFFFFF; line-height:0; padding:0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"><div style=\"display:flex; flex-direction:row; align-items:center;\"><div style=\"background-color:#F4F4F4; border-radius:50%; flex-grow:0; height:40px; margin-right:14px; width:40px;\"><\/div><div style=\"display:flex; flex-direction:column; flex-grow:1; justify-content:center;\"><div style=\"background-color:#F4F4F4; border-radius:4px; flex-grow:0; height:14px; margin-bottom:6px; width:100px;\"><\/div><div style=\"background-color:#F4F4F4; border-radius:4px; flex-grow:0; height:14px; width:60px;\"><\/div><\/div><\/div><div style=\"padding:19% 0;\"><\/div><div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><\/div><div style=\"padding-top:8px;\"><div style=\"color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">Bu g\u00f6nderiyi Instagram'da g\u00f6r<\/div><\/div><\/a><\/div><\/blockquote>\r\n      <\/div>\r\n\r\n      <!-- Embed 3 -->\r\n      <div class=\"hgo-instagram__embed-item\">\r\n        <blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/CzRLhLVockV\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:12px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin:0; max-width:100%; min-width:0; padding:0; width:100%;\"><div style=\"padding:16px;\"><a href=\"https:\/\/www.instagram.com\/p\/CzRLhLVockV\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\"background:#FFFFFF; line-height:0; padding:0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"><div style=\"display:flex; flex-direction:row; align-items:center;\"><div style=\"background-color:#F4F4F4; border-radius:50%; flex-grow:0; height:40px; margin-right:14px; width:40px;\"><\/div><div style=\"display:flex; flex-direction:column; flex-grow:1; justify-content:center;\"><div style=\"background-color:#F4F4F4; border-radius:4px; flex-grow:0; height:14px; margin-bottom:6px; width:100px;\"><\/div><div style=\"background-color:#F4F4F4; border-radius:4px; flex-grow:0; height:14px; width:60px;\"><\/div><\/div><\/div><div style=\"padding:19% 0;\"><\/div><div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><\/div><div style=\"padding-top:8px;\"><div style=\"color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">Bu g\u00f6nderiyi Instagram'da g\u00f6r<\/div><\/div><\/a><\/div><\/blockquote>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Instagram embed.js \u2014 tek sefer y\u00fckle -->\r\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00d1f85 e-con-full e-flex e-con e-parent\" data-id=\"00d1f85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47411a9 elementor-widget elementor-widget-shortcode\" data-id=\"47411a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1101\" class=\"elementor elementor-1101\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df5ddc4 e-con-full e-flex e-con e-parent\" data-id=\"df5ddc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2043d7 elementor-widget elementor-widget-html\" data-id=\"e2043d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hgo-cta *,\r\n.hgo-cta *::before,\r\n.hgo-cta *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-cta {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --green: #2ecc71;\r\n  --green-hover: #27ae60;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.85);\r\n  --radius-lg: 24px;\r\n  --radius-md: 16px;\r\n  --radius-sm: 10px;\r\n\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-image: linear-gradient(rgba(26, 45, 90, 0.85), rgba(26, 45, 90, 0.85)), \r\n                    url('https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hgo-cta-bagis-bg1-scaled.webp');\r\n  background-size: cover; \r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-attachment: contain; \r\n}\r\n\r\n.hgo-cta::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: \r\n    radial-gradient(circle at 10% 0%, rgba(245, 166, 35, 0.1) 0%, transparent 40%),\r\n    radial-gradient(circle at 90% 100%, rgba(46, 204, 113, 0.1) 0%, transparent 40%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-cta__inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 100px 24px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n}\r\n\r\n.hgo-cta__card {\r\n  padding: 48px 40px;\r\n  border-radius: var(--radius-lg);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n.hgo-cta__card:hover {\r\n  border-color: rgba(255, 255, 255, 0.3);\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hgo-cta__card--bagis {\r\n  background: linear-gradient(145deg, rgba(26, 45, 90, 0.6) 0%, rgba(245, 166, 35, 0.1) 100%);\r\n}\r\n\r\n.hgo-cta__card--gonullu {\r\n  background: linear-gradient(145deg, rgba(26, 45, 90, 0.6) 0%, rgba(46, 204, 113, 0.1) 100%);\r\n}\r\n\r\n.hgo-cta__icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: var(--radius-md);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.hgo-cta__card:hover .hgo-cta__icon {\r\n  transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.hgo-cta__card--bagis .hgo-cta__icon {\r\n  background: var(--gold);\r\n  color: var(--navy-deep);\r\n}\r\n\r\n.hgo-cta__card--gonullu .hgo-cta__icon {\r\n  background: var(--green);\r\n  color: #ffffff;\r\n}\r\n\r\n.hgo-cta__title {\r\n  font-size: clamp(24px, 3vw, 28px);\r\n  font-weight: 700;\r\n  color: var(--text-on-dark);\r\n  margin-bottom: 16px;\r\n  letter-spacing: -0.5px;\r\n  text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.hgo-cta__desc {\r\n  font-size: 16px;\r\n  color: var(--text-dim);\r\n  line-height: 1.6;\r\n  margin-bottom: 32px;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-cta__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 16px 36px;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  border-radius: var(--radius-sm);\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  font-family: inherit;\r\n  align-self: flex-start;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.hgo-cta__btn--bagis {\r\n  background: var(--gold);\r\n  color: var(--navy-deep);\r\n}\r\n\r\n.hgo-cta__btn--bagis:hover {\r\n  background: #ffffff;\r\n  color: var(--navy-deep);\r\n  box-shadow: 0 8px 25px rgba(245, 166, 35, 0.4);\r\n}\r\n\r\n.hgo-cta__btn--gonullu {\r\n  background: var(--green);\r\n  color: #ffffff;\r\n}\r\n\r\n.hgo-cta__btn--gonullu:hover {\r\n  background: #ffffff;\r\n  color: var(--green);\r\n  box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);\r\n}\r\n\r\n.hgo-cta__btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.hgo-cta__btn:hover svg {\r\n  transform: translateX(5px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hgo-cta {\r\n    background-attachment: scroll;\r\n  }\r\n  \r\n  .hgo-cta__inner {\r\n    grid-template-columns: 1fr;\r\n    padding: 60px 20px;\r\n    gap: 30px;\r\n  }\r\n\r\n  .hgo-cta__card {\r\n    padding: 40px 28px;\r\n  }\r\n\r\n  .hgo-cta__btn {\r\n    width: 100%;\r\n    align-self: stretch;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-cta\">\r\n  <div class=\"hgo-cta__inner\">\r\n\r\n    <div class=\"hgo-cta__card hgo-cta__card--bagis\">\r\n      <div class=\"hgo-cta__icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"hgo-cta__title\">Ba\u011f\u0131\u015f Yap<\/h3>\r\n      <p class=\"hgo-cta__desc\">\r\n        \u00c7ocuklar\u0131n e\u011fitimine ve gelece\u011fine yapaca\u011f\u0131n\u0131z her katk\u0131, bir hayali ger\u00e7e\u011fe d\u00f6n\u00fc\u015ft\u00fcr\u00fcyor. \r\n        G\u00fcvenli \u00f6deme altyap\u0131s\u0131yla tek seferlik veya d\u00fczenli ba\u011f\u0131\u015f yapabilirsiniz.\r\n      <\/p>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/bagis-yap\/\" class=\"hgo-cta__btn hgo-cta__btn--bagis\">\r\n        Ba\u011f\u0131\u015f Yap\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hgo-cta__card hgo-cta__card--gonullu\">\r\n      <div class=\"hgo-cta__icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"hgo-cta__title\">G\u00f6n\u00fcll\u00fc Ol<\/h3>\r\n      <p class=\"hgo-cta__desc\">\r\n        Projelerimizde yer alarak \u00e7ocuklar\u0131n hayat\u0131na dokunabilirsiniz. \r\n        E\u011fitimden organizasyona bir\u00e7ok alanda g\u00f6n\u00fcll\u00fc deste\u011finizi bekliyoruz.\r\n      <\/p>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/iletisim\/\" class=\"hgo-cta__btn hgo-cta__btn--gonullu\">\r\n        Ba\u015fvuru Yap\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf31 2023&#8217;ten beri \u00e7ocuklar i\u00e7in Bir \u00c7ocu\u011fun Hayalini Ger\u00e7e\u011fe D\u00f6n\u00fc\u015ft\u00fcrmeye Haz\u0131r m\u0131s\u0131n\u0131z? Hayaller Ger\u00e7ek Olsun Dernegi, \u00e7ocuklar\u0131n egitim, sanat ve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-427","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/comments?post=427"}],"version-history":[{"count":158,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/427\/revisions"}],"predecessor-version":[{"id":1284,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/427\/revisions\/1284"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}