{"id":884,"date":"2026-03-02T18:10:57","date_gmt":"2026-03-02T15:10:57","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/?page_id=884"},"modified":"2026-03-09T11:52:00","modified_gmt":"2026-03-09T08:52:00","slug":"projelerimiz","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/","title":{"rendered":"Projelerimiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"884\" class=\"elementor elementor-884\">\n\t\t\t\t<div class=\"elementor-element elementor-element-247e1af e-con-full e-flex e-con e-parent\" data-id=\"247e1af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59398cf elementor-widget elementor-widget-html\" data-id=\"59398cf\" 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-proj-page *,\r\n.hgo-proj-page *::before,\r\n.hgo-proj-page *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-proj-page {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\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  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.7);\r\n  --bg-white: #ffffff;\r\n  --bg-light: #f8f9fc;\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}\r\n\r\n.hgo-proj-page__hero {\r\n  background: var(--navy);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.hgo-proj-page__hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 80%, rgba(245, 166, 35, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 20%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-proj-page__hero-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 640px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-proj-page__hero-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: 16px;\r\n}\r\n\r\n.hgo-proj-page__hero-eyebrow::before,\r\n.hgo-proj-page__hero-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-proj-page__hero-title {\r\n  font-size: clamp(32px, 5vw, 46px);\r\n  font-weight: 800;\r\n  color: var(--text-on-dark);\r\n  line-height: 1.15;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proj-page__hero-desc {\r\n  font-size: 17px;\r\n  color: var(--text-dim);\r\n  line-height: 1.7;\r\n}\r\n\r\n.hgo-proj-page__list {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 64px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.hgo-proj-row {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  background: var(--bg-white);\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}\r\n\r\n.hgo-proj-row: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.hgo-proj-row__img {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 340px;\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-proj-row__img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.hgo-proj-row:hover .hgo-proj-row__img img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n.hgo-proj-row__badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n  z-index: 2;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\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: 6px 14px;\r\n  border-radius: 22px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.hgo-proj-row__badge--completed { color: var(--green); }\r\n.hgo-proj-row__badge--active { color: var(--gold); }\r\n\r\n.hgo-proj-row__badge-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.hgo-proj-row__badge--completed .hgo-proj-row__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-proj-row__badge--active .hgo-proj-row__badge-dot {\r\n  background: var(--gold);\r\n  box-shadow: 0 0 6px rgba(245, 166, 35, 0.5);\r\n  animation: hgo-proj-pulse 2.5s ease infinite;\r\n}\r\n\r\n@keyframes hgo-proj-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.hgo-proj-row__content {\r\n  padding: 44px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.hgo-proj-row__tag {\r\n  display: inline-block;\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: 12px;\r\n}\r\n\r\n.hgo-proj-row__title {\r\n  font-size: clamp(22px, 3vw, 28px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.25;\r\n  letter-spacing: -0.3px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proj-row__desc {\r\n  font-size: 15px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.75;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hgo-proj-row__meta {\r\n  display: flex;\r\n  gap: 24px;\r\n  margin-bottom: 28px;\r\n  padding-bottom: 24px;\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proj-row__meta-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n\r\n.hgo-proj-row__meta-value {\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.1;\r\n}\r\n\r\n.hgo-proj-row__meta-label {\r\n  font-size: 11px;\r\n  color: var(--text-light);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n  font-weight: 500;\r\n}\r\n\r\n.hgo-proj-row__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 13px 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  align-self: flex-start;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-proj-row__cta:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-proj-row__cta-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-proj-row__cta:hover .hgo-proj-row__cta-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .hgo-proj-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hgo-proj-row__img {\r\n    min-height: 240px;\r\n  }\r\n\r\n  .hgo-proj-row__content {\r\n    padding: 32px 28px;\r\n  }\r\n\r\n  .hgo-proj-row__meta {\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-proj-page__hero { padding: 56px 16px; }\r\n  .hgo-proj-page__list { padding: 40px 16px; gap: 28px; }\r\n\r\n  .hgo-proj-row__content {\r\n    padding: 28px 20px;\r\n  }\r\n\r\n  .hgo-proj-row__img {\r\n    min-height: 200px;\r\n  }\r\n\r\n  .hgo-proj-row__meta {\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .hgo-proj-row__meta-item {\r\n    min-width: calc(50% - 12px);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-proj-page__hero\">\r\n  <div class=\"hgo-proj-page__hero-inner\">\r\n    <div class=\"hgo-proj-page__hero-eyebrow\">Projelerimiz<\/div>\r\n    <h1 class=\"hgo-proj-page__hero-title\">Projelerimiz<\/h1>\r\n    <p class=\"hgo-proj-page__hero-desc\">\r\n      E\u011fitimden ekolojiye uzanan projelerimizle \u00e7ocuklar\u0131n hayallerini ger\u00e7e\u011fe d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"hgo-proj-page__list\">\r\n\r\n  <!-- 1. B\u0130LSEM Kodlama ve M\u00fczik S\u0131n\u0131f\u0131 -->\r\n  <div class=\"hgo-proj-row\">\r\n    <div class=\"hgo-proj-row__img\">\r\n      <div class=\"hgo-proj-row__badge hgo-proj-row__badge--active\">\r\n        <span class=\"hgo-proj-row__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\" loading=\"lazy\">\r\n    <\/div>\r\n    <div class=\"hgo-proj-row__content\">\r\n      <div class=\"hgo-proj-row__tag\">E\u011fitim & Sanat \u00b7 \u0130stanbul \/ Be\u015fikta\u015f<\/div>\r\n      <h2 class=\"hgo-proj-row__title\">B\u0130LSEM Kodlama ve M\u00fczik S\u0131n\u0131f\u0131<\/h2>\r\n      <p class=\"hgo-proj-row__desc\">\r\n        Be\u015fikta\u015f Bilim ve Sanat Merkezi b\u00fcnyesinde \u00e7ocuklar\u0131m\u0131z i\u00e7in bir robotik kodlama s\u0131n\u0131f\u0131 \r\n        ve bir m\u00fczik s\u0131n\u0131f\u0131 olu\u015fturuyoruz. Hem teknolojiyi \u00f6\u011frenecekleri hem de sanatla kendilerini \r\n        ifade edebilecekleri alanlarla hayallerini destekliyoruz.\r\n      <\/p>\r\n      <div class=\"hgo-proj-row__meta\">\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">2025<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Ba\u015flang\u0131\u00e7<\/span>\r\n        <\/div>\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">Be\u015fikta\u015f<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Konum<\/span>\r\n        <\/div>\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">2 Alan<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Kodlama \u00b7 M\u00fczik<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/bilsem-kodlama-muzik-sinifi\/\" class=\"hgo-proj-row__cta\">\r\n        Proje Detaylar\u0131\r\n        <span class=\"hgo-proj-row__cta-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 2. Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu -->\r\n  <div class=\"hgo-proj-row\">\r\n    <div class=\"hgo-proj-row__img\">\r\n      <div class=\"hgo-proj-row__badge hgo-proj-row__badge--completed\">\r\n        <span class=\"hgo-proj-row__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\" loading=\"lazy\">\r\n    <\/div>\r\n    <div class=\"hgo-proj-row__content\">\r\n      <div class=\"hgo-proj-row__tag\">E\u011fitim \u00b7 Hatay \/ Defne<\/div>\r\n      <h2 class=\"hgo-proj-row__title\">Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu<\/h2>\r\n      <p class=\"hgo-proj-row__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 \r\n        t\u00f6reniyle e\u011fitim hayat\u0131na ba\u015flad\u0131. Depremden etkilenen b\u00f6lgede \u00e7ocuklara g\u00fcvenli ve modern \r\n        bir e\u011fitim ortam\u0131 sunuyoruz.\r\n      <\/p>\r\n      <div class=\"hgo-proj-row__meta\">\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">2025<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">A\u00e7\u0131l\u0131\u015f<\/span>\r\n        <\/div>\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">Defne<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Konum<\/span>\r\n        <\/div>\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">\u0130lkokul<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">T\u00fcr<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/bahcekoy-hayaller-gercek-olsun-ilkokulu\/\" class=\"hgo-proj-row__cta\">\r\n        Proje Detaylar\u0131\r\n        <span class=\"hgo-proj-row__cta-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 3. Sanat, Spor ve Bilim Projesi -->\r\n  <div class=\"hgo-proj-row\">\r\n    <div class=\"hgo-proj-row__img\">\r\n      <div class=\"hgo-proj-row__badge hgo-proj-row__badge--active\">\r\n        <span class=\"hgo-proj-row__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 Etkinlik\" loading=\"lazy\">\r\n    <\/div>\r\n    <div class=\"hgo-proj-row__content\">\r\n      <div class=\"hgo-proj-row__tag\">E\u011fitim & Geli\u015fim \u00b7 Hatay \/ Antakya<\/div>\r\n      <h2 class=\"hgo-proj-row__title\">Sanat, Spor ve Bilim Projesi<\/h2>\r\n      <p class=\"hgo-proj-row__desc\">\r\n        Deprem b\u00f6lgelerindeki \u00e7ocuklara sanat, spor ve bilim alanlar\u0131nda at\u00f6lyeler, workshop'lar \r\n        ve mentorluk programlar\u0131 sunuyoruz. \u00c7ocuklar yeteneklerini ke\u015ffederken \u00f6zg\u00fcven kazan\u0131yor, \r\n        umutlar\u0131n\u0131 b\u00fcy\u00fct\u00fcyor.\r\n      <\/p>\r\n      <div class=\"hgo-proj-row__meta\">\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">2023<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Ba\u015flang\u0131\u00e7<\/span>\r\n        <\/div>\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">Hatay<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Ana B\u00f6lge<\/span>\r\n        <\/div>\r\n        <div class=\"hgo-proj-row__meta-item\">\r\n          <span class=\"hgo-proj-row__meta-value\">3 Alan<\/span>\r\n          <span class=\"hgo-proj-row__meta-label\">Sanat \u00b7 Spor \u00b7 Bilim<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <a href=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/sanat-spor-ve-bilim-projesi\/\" class=\"hgo-proj-row__cta\">\r\n        Proje Detaylar\u0131\r\n        <span class=\"hgo-proj-row__cta-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\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-f6413a6 e-con-full e-flex e-con e-parent\" data-id=\"f6413a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f315041 elementor-widget elementor-widget-shortcode\" data-id=\"f315041\" 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>Projelerimiz Projelerimiz E\u011fitimden ekolojiye uzanan projelerimizle \u00e7ocuklar\u0131n hayallerini ger\u00e7e\u011fe d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz. Devam Ediyor E\u011fitim &#038; Sanat \u00b7 \u0130stanbul \/ Be\u015fikta\u015f B\u0130LSEM [&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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-884","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/884","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=884"}],"version-history":[{"count":19,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/884\/revisions"}],"predecessor-version":[{"id":1258,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/884\/revisions\/1258"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}