{"id":11,"date":"2026-04-07T22:38:04","date_gmt":"2026-04-07T19:38:04","guid":{"rendered":"https:\/\/www.ergruplojistik.com\/?page_id=11"},"modified":"2026-04-11T14:55:49","modified_gmt":"2026-04-11T11:55:49","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/www.ergruplojistik.com\/","title":{"rendered":"Ana Sayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a8b1a8 e-con-full e-flex e-con e-parent\" data-id=\"5a8b1a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=ZOZOqbK86t0&amp;t=2s&quot;,&quot;background_video_start&quot;:30,&quot;background_video_end&quot;:50,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-8d0d006 e-flex e-con-boxed e-con e-child\" data-id=\"8d0d006\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba55b9 elementor-widget elementor-widget-shortcode\" data-id=\"4ba55b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script>window.addEventListener('scroll', function() {\r\n    \/\/ Hem ID hem Class ile garantili se\u00e7im yap\u0131yoruz\r\n    var header = document.getElementById('masthead');\r\n    \r\n    if (window.scrollY > 100) { \r\n        header.classList.add('scrolled-header');\r\n    } else {\r\n        header.classList.remove('scrolled-header');\r\n    }\r\n});<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04ac642 elementor-widget elementor-widget-html\" data-id=\"04ac642\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \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     ER GRUP LOJ\u0130ST\u0130K \u2014 Hero Metin Blo\u011fu\r\n     Elementor > HTML Widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131n\r\n     Arka plan g\u00f6rselini\/slider'\u0131 Elementor\r\n     Section ayarlar\u0131ndan ayr\u0131ca ekleyin.\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 -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400&display=swap');\r\n\r\n.erg-hero-content {\r\n  padding: 60px 0 40px 0;\r\n  max-width: 680px;\r\n  font-family: 'Barlow', sans-serif;\r\n}\r\n\r\n\/* \u2014 Badge (\u00fcstteki etiket) \u2014 *\/\r\n.erg-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(41, 128, 212, 0.20);\r\n  border: 1px solid rgba(41, 128, 212, 0.45);\r\n  border-radius: 100px;\r\n  padding: 7px 18px;\r\n  margin-bottom: 28px;\r\n}\r\n.erg-badge-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: #2980d4;\r\n  animation: erg-blink 2s ease-in-out infinite;\r\n  flex-shrink: 0;\r\n}\r\n@keyframes erg-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50%       { opacity: 0.25; }\r\n}\r\n.erg-badge span {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 12px;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: #c8d4e3;\r\n  line-height: 1;\r\n}\r\n\r\n\/* \u2014 Ana Ba\u015fl\u0131k \u2014 *\/\r\n.erg-hero-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(52px, 8vw, 96px);\r\n  line-height: 0.90;\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n  letter-spacing: -1px;\r\n  margin: 0 0 28px 0;\r\n  padding: 0;\r\n}\r\n\/* G\u00fcvenli + H\u0131zl\u0131 yan yana, ayn\u0131 sat\u0131rda *\/\r\n.erg-title-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 0.22em;\r\n  flex-wrap: nowrap;\r\n}\r\n.erg-line-white  { color: #ffffff; }\r\n.erg-line-blue   { color: #2980d4; }\r\n\/* G\u00fc\u00e7l\u00fc \u2014 outline, tam geni\u015flikte altta *\/\r\n.erg-line-outline {\r\n  display: block;\r\n  color: transparent;\r\n  -webkit-text-stroke: 2px rgba(41, 128, 212, 0.75);\r\n}\r\n\r\n\/* \u2014 A\u00e7\u0131klama \u2014 *\/\r\n.erg-hero-desc {\r\n  font-family: 'Barlow', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  color: rgba(200, 212, 227, 0.88);\r\n  font-weight: 300;\r\n  max-width: 520px;\r\n  margin: 0 0 40px 0;\r\n  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n\/* \u2014 Butonlar \u2014 *\/\r\n.erg-hero-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  align-items: center;\r\n}\r\n.erg-btn-primary {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #1e5cbf, #2980d4);\r\n  color: #ffffff !important;\r\n  padding: 15px 36px;\r\n  border-radius: 6px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  box-shadow: 0 8px 28px rgba(30, 92, 191, 0.45);\r\n  cursor: pointer;\r\n}\r\n.erg-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 36px rgba(41, 128, 212, 0.65);\r\n}\r\n.erg-btn-outline {\r\n  display: inline-block;\r\n  border: 1.5px solid rgba(200, 212, 227, 0.45);\r\n  color: rgba(200, 212, 227, 0.92) !important;\r\n  padding: 15px 36px;\r\n  border-radius: 6px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(4px);\r\n  cursor: pointer;\r\n}\r\n.erg-btn-outline:hover {\r\n  border-color: #2980d4;\r\n  color: #ffffff !important;\r\n  background: rgba(41, 128, 212, 0.18);\r\n}\r\n\r\n\/* \u2014 Fade-in animasyonu \u2014 *\/\r\n.erg-hero-content * {\r\n  animation: erg-fadeup 0.9s ease both;\r\n}\r\n.erg-badge        { animation-delay: 0.10s; }\r\n.erg-hero-title   { animation-delay: 0.25s; }\r\n.erg-hero-desc    { animation-delay: 0.40s; }\r\n.erg-hero-buttons { animation-delay: 0.55s; }\r\n\r\n@keyframes erg-fadeup {\r\n  from { opacity: 0; transform: translateY(30px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u2014 Mobil uyum \u2014 *\/\r\n@media (max-width: 768px) {\r\n  .erg-hero-content { padding: 40px 0 20px 0; }\r\n  .erg-hero-buttons { flex-direction: column; align-items: flex-start; }\r\n  .erg-btn-primary,\r\n  .erg-btn-outline  { width: 100%; text-align: center; padding: 14px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"erg-hero-content\">\r\n\r\n  <!-- Badge -->\r\n  <div class=\"erg-badge\">\r\n    <div class=\"erg-badge-dot\"><\/div>\r\n    <span>T\u00fcrkiye Geneli Lojistik \u00c7\u00f6z\u00fcmleri<\/span>\r\n  <\/div>\r\n\r\n  <!-- Ba\u015fl\u0131k -->\r\n  <h1 class=\"erg-hero-title\">\r\n    <div class=\"erg-title-row\">\r\n      <span class=\"erg-line-white\">G\u00fcvenli<\/span>\r\n      <span class=\"erg-line-blue\">H\u0131zl\u0131<\/span>\r\n    <\/div>\r\n    <span class=\"erg-line-outline\">G\u00fc\u00e7l\u00fc<\/span>\r\n  <\/h1>\r\n\r\n  <!-- A\u00e7\u0131klama -->\r\n  <p class=\"erg-hero-desc\">\r\n    ER Grup Lojistik olarak; yurt i\u00e7i ve yurt d\u0131\u015f\u0131 ta\u015f\u0131mac\u0131l\u0131k, depolama ve\r\n    tedarik zinciri \u00e7\u00f6z\u00fcmlerinde g\u00fc\u00e7l\u00fc altyap\u0131m\u0131z ve deneyimli ekibimizle\r\n    yan\u0131n\u0131zday\u0131z.\r\n  <\/p>\r\n\r\n  <!-- Butonlar -->\r\n  <div class=\"erg-hero-buttons\">\r\n    <a href=\"#hizmetler\" class=\"erg-btn-primary\">Hizmetlerimiz<\/a>\r\n    <a href=\"#iletisim\"  class=\"erg-btn-outline\">Teklif Al &rarr;<\/a>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\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-5bbc3b8 e-con-full e-flex e-con e-parent\" data-id=\"5bbc3b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70e1375 elementor-widget elementor-widget-html\" data-id=\"70e1375\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ER GRUP LOJ\u0130ST\u0130K \u2014 HAKKIMIZDA B\u00d6L\u00dcM\u00dc (YEN\u0130 ARKA PLAN) -->\r\n<!-- Elementor > HTML Widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131n -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@300;400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#erg-about-section {\r\n  --navy:        #0f1f4e;\r\n  --blue:        #1e5cbf;\r\n  --bright-blue: #2980d4;\r\n  --silver:      #8a9bb5;\r\n  --light-silver:#c8d4e3;\r\n  --white:       #ffffff;\r\n  --off-white:   #f0f4f8;\r\n  --light-bg:    #e8eef7;\r\n  --dark-text:   #0a1530;\r\n  --mid-text:    #3a4a6b;\r\n\r\n  font-family: 'Barlow', sans-serif;\r\n  color: var(--dark-text);\r\n  background: var(--off-white); \/* Arka plan rengi de\u011fi\u015ftirildi *\/\r\n  padding: 100px 0 110px; \/* Bo\u015fluklar uyumlu hale getirildi *\/\r\n  overflow: hidden;\r\n  position: relative; \/* Arka plan elementleri i\u00e7in eklendi *\/\r\n}\r\n\r\n\/* Arka plan dekoratif grid deseni *\/\r\n#erg-about-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(41,128,212,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(41,128,212,0.04) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Sa\u011f \u00fcst dekoratif b\u00fcy\u00fck daire *\/\r\n#erg-about-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -160px; right: -160px;\r\n  width: 480px; height: 480px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(41,128,212,0.08);\r\n  pointer-events: none;\r\n}\r\n\r\n#erg-about-section .erg-container {\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  padding: 0 4%;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 56px;\r\n  position: relative; \/* \u0130\u00e7eri\u011fin arka plan\u0131n \u00fcst\u00fcnde kalmas\u0131 i\u00e7in *\/\r\n  z-index: 2; \/* \u0130\u00e7eri\u011fin arka plan\u0131n \u00fcst\u00fcnde kalmas\u0131 i\u00e7in *\/\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550 SOL \u2014 G\u00d6RSEL BLOK \u2550\u2550\u2550\u2550 *\/\r\n#erg-about-section .erg-visual {\r\n  flex: 0 0 46%;\r\n  position: relative;\r\n  align-self: stretch;\r\n}\r\n\r\n#erg-about-section .erg-img-wrap {\r\n  position: relative;\r\n  border-radius: 4px 28px 4px 28px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 56px rgba(15,31,78,0.22);\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n#erg-about-section .erg-img-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 480px;\r\n  max-height: 560px;\r\n  object-fit: cover;\r\n  object-position: center 40%;\r\n  display: block;\r\n  transition: transform 0.8s ease;\r\n}\r\n#erg-about-section .erg-img-wrap:hover img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n#erg-about-section .erg-img-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(150deg, rgba(15,31,78,0.10) 0%, rgba(15,31,78,0.40) 100%);\r\n}\r\n\r\n#erg-about-section .erg-badge {\r\n  position: absolute;\r\n  bottom: -18px;\r\n  right: -18px;\r\n  width: 118px;\r\n  height: 118px;\r\n  background: linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 12px;\r\n  box-shadow: 0 12px 36px rgba(15,31,78,0.42);\r\n  z-index: 10;\r\n  border: 3px solid rgba(255,255,255,0.14);\r\n}\r\n#erg-about-section .erg-badge-num {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 34px;\r\n  font-weight: 900;\r\n  color: #fff;\r\n  line-height: 1;\r\n  letter-spacing: -1px;\r\n}\r\n#erg-about-section .erg-badge-sup {\r\n  font-size: 18px;\r\n  color: var(--bright-blue);\r\n}\r\n#erg-about-section .erg-badge-label {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 9.5px;\r\n  font-weight: 600;\r\n  color: rgba(200,212,227,0.85);\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.4px;\r\n  line-height: 1.3;\r\n  margin-top: 5px;\r\n}\r\n\r\n#erg-about-section .erg-frame-accent {\r\n  position: absolute;\r\n  top: -13px; left: -13px;\r\n  width: 72px; height: 72px;\r\n  border-top: 3px solid var(--bright-blue);\r\n  border-left: 3px solid var(--bright-blue);\r\n  border-radius: 4px 0 0 0;\r\n  z-index: 5;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550 SA\u011e \u2014 \u0130\u00c7ER\u0130K BLOK \u2550\u2550\u2550\u2550 *\/\r\n#erg-about-section .erg-content {\r\n  flex: 1 1 0;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n#erg-about-section .erg-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--bright-blue);\r\n  margin-bottom: 16px;\r\n}\r\n#erg-about-section .erg-tag::before {\r\n  content: '';\r\n  display: block;\r\n  width: 30px; height: 2px;\r\n  background: var(--bright-blue);\r\n  flex-shrink: 0;\r\n}\r\n\r\n#erg-about-section .erg-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(34px, 3.2vw, 50px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  color: var(--dark-text);\r\n  margin-bottom: 20px;\r\n  letter-spacing: -0.5px;\r\n}\r\n#erg-about-section .erg-title .erg-blue { color: var(--bright-blue); }\r\n\r\n#erg-about-section .erg-divider {\r\n  width: 52px; height: 3px;\r\n  background: linear-gradient(90deg, var(--bright-blue), var(--navy));\r\n  border-radius: 2px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#erg-about-section .erg-lead {\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  color: var(--mid-text);\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* Hizmet etiketleri *\/\r\n#erg-about-section .erg-services {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-bottom: 26px;\r\n}\r\n#erg-about-section .erg-service-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: var(--navy);\r\n  background: var(--light-bg);\r\n  border: 1px solid var(--light-silver);\r\n  padding: 6px 14px;\r\n  border-radius: 4px;\r\n  transition: all 0.25s;\r\n  cursor: default;\r\n}\r\n#erg-about-section .erg-service-tag:hover {\r\n  background: var(--navy);\r\n  color: #fff;\r\n  border-color: var(--navy);\r\n}\r\n#erg-about-section .erg-service-tag .erg-dot {\r\n  width: 5px; height: 5px;\r\n  border-radius: 50%;\r\n  background: var(--bright-blue);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u00d6zellikler *\/\r\n#erg-about-section .erg-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-bottom: 32px;\r\n}\r\n#erg-about-section .erg-feature-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n}\r\n#erg-about-section .erg-feature-icon {\r\n  flex-shrink: 0;\r\n  width: 36px; height: 36px;\r\n  background: var(--light-bg);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 17px;\r\n  border: 1px solid var(--light-silver);\r\n}\r\n#erg-about-section .erg-feature-text strong {\r\n  display: block;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--dark-text);\r\n  letter-spacing: 0.3px;\r\n  margin-bottom: 1px;\r\n}\r\n#erg-about-section .erg-feature-text span {\r\n  font-size: 13px;\r\n  color: var(--silver);\r\n  line-height: 1.5;\r\n}\r\n\r\n#erg-about-section .erg-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  background: linear-gradient(135deg, var(--navy), var(--blue));\r\n  padding: 14px 30px;\r\n  border-radius: 6px;\r\n  text-decoration: none;\r\n  box-shadow: 0 6px 24px rgba(30,92,191,0.28);\r\n  transition: all 0.3s;\r\n  border: none;\r\n  cursor: pointer;\r\n  align-self: flex-start;\r\n}\r\n#erg-about-section .erg-cta:hover {\r\n  box-shadow: 0 10px 36px rgba(30,92,191,0.44);\r\n  transform: translateY(-2px);\r\n}\r\n#erg-about-section .erg-cta svg { transition: transform 0.3s; }\r\n#erg-about-section .erg-cta:hover svg { transform: translateX(4px); }\r\n\r\n\/* Reveal *\/\r\n#erg-about-section .erg-reveal-left {\r\n  opacity: 0; transform: translateX(-40px);\r\n  transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n#erg-about-section .erg-reveal-right {\r\n  opacity: 0; transform: translateX(40px);\r\n  transition: opacity 0.9s ease 0.15s, transform 0.9s ease 0.15s;\r\n}\r\n#erg-about-section .erg-reveal-left.erg-visible,\r\n#erg-about-section .erg-reveal-right.erg-visible {\r\n  opacity: 1; transform: translateX(0);\r\n}\r\n\r\n@media (max-width: 960px) {\r\n  #erg-about-section .erg-container { flex-direction: column; gap: 56px; }\r\n  #erg-about-section .erg-visual { flex: none; width: 100%; max-width: 620px; align-self: center; }\r\n  #erg-about-section .erg-img-wrap img { min-height: 320px; max-height: 400px; }\r\n}\r\n@media (max-width: 720px) {\r\n  #erg-about-section { padding: 70px 0 80px; } \/* Mobilde daha iyi g\u00f6r\u00fcn\u00fcm i\u00e7in eklendi *\/\r\n}\r\n@media (max-width: 560px) {\r\n  #erg-about-section .erg-badge { width: 96px; height: 96px; bottom: -14px; right: -8px; }\r\n  #erg-about-section .erg-badge-num { font-size: 26px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"erg-about-section\">\r\n  <div class=\"erg-container\">\r\n\r\n    <!-- SOL: G\u00d6RSEL -->\r\n    <div class=\"erg-visual erg-reveal-left\">\r\n      <div class=\"erg-frame-accent\"><\/div>\r\n      <div class=\"erg-img-wrap\">\r\n        <!-- G\u00d6RSEL: -->\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.ergruplojistik.com\/wp-content\/uploads\/2026\/04\/ergruptruck2.png\"\r\n          alt=\"ER Grup Lojistik - Karayolu Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131\"\r\n          loading=\"lazy\"\r\n        >\r\n        <div class=\"erg-img-overlay\"><\/div>\r\n      <\/div>\r\n      <div class=\"erg-badge\">\r\n        <div class=\"erg-badge-num\">15<span class=\"erg-badge-sup\">+<\/span><\/div>\r\n        <div class=\"erg-badge-label\">Y\u0131ll\u0131k Sekt\u00f6r Tecr\u00fcbesi<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SA\u011e: \u0130\u00c7ER\u0130K -->\r\n    <div class=\"erg-content erg-reveal-right\">\r\n\r\n      <div class=\"erg-tag\">Hakk\u0131m\u0131zda<\/div>\r\n\r\n      <h2 class=\"erg-title\">\r\n        Y\u00fck\u00fcn\u00fcz\u00fc<br>\r\n        <span class=\"erg-blue\">G\u00fcvenle Ta\u015f\u0131yoruz<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"erg-divider\"><\/div>\r\n\r\n      <p class=\"erg-lead\">\r\n        ER Grup Lojistik olarak, 25 y\u0131l\u0131 a\u015fk\u0131n sekt\u00f6r deneyimimizle karayolu ta\u015f\u0131mac\u0131l\u0131\u011f\u0131n\u0131n\r\n        her alan\u0131nda g\u00fcvenilir, zaman\u0131nda ve ekonomik \u00e7\u00f6z\u00fcmler sunuyoruz. Parsiyelden komple y\u00fcke,\r\n        lowbed ta\u015f\u0131mac\u0131l\u0131ktan frigorifik nakliyeye kadar geni\u015f hizmet yelpazemizle\r\n        m\u00fc\u015fterilerimizin her ihtiyac\u0131n\u0131 kar\u015f\u0131l\u0131yoruz.\r\n      <\/p>\r\n\r\n      \r\n\r\n      <div class=\"erg-features\">\r\n        <div class=\"erg-feature-item\">\r\n          <div class=\"erg-feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <div class=\"erg-feature-text\">\r\n            <strong>G\u00fcvenli & Sigortal\u0131 Ta\u015f\u0131mac\u0131l\u0131k<\/strong>\r\n            <span>T\u00fcm y\u00fckleriniz, teslim an\u0131na kadar tam g\u00fcvence alt\u0131nda ta\u015f\u0131n\u0131r.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"erg-feature-item\">\r\n          <div class=\"erg-feature-icon\">\ud83d\udccd<\/div>\r\n          <div class=\"erg-feature-text\">\r\n            <strong>T\u00fcrkiye Geneli 81 \u0130l Hizmet A\u011f\u0131<\/strong>\r\n            <span>Kapsaml\u0131 g\u00fczergah a\u011f\u0131m\u0131zla her noktaya zaman\u0131nda ula\u015f\u0131yoruz.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"erg-feature-item\">\r\n          <div class=\"erg-feature-icon\">\u23f1\ufe0f<\/div>\r\n          <div class=\"erg-feature-text\">\r\n            <strong>7\/24 Operasyonel Destek<\/strong>\r\n            <span>Kesintisiz ileti\u015fim ve anl\u0131k takip imk\u00e2n\u0131yla her an yan\u0131n\u0131zday\u0131z.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"#iletisim\" class=\"erg-cta\">\r\n        Bizimle \u0130leti\u015fime Ge\u00e7in\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('erg-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  document.querySelectorAll('#erg-about-section .erg-reveal-left, #erg-about-section .erg-reveal-right')\r\n    .forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7063b78 e-con-full e-flex e-con e-parent\" data-id=\"7063b78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bada816 elementor-widget elementor-widget-html\" data-id=\"bada816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ER GRUP LOJ\u0130ST\u0130K \u2014 PARALLAX BANNER -->\r\n<!-- Elementor > HTML Widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131n -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@300;400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#erg-parallax-banner {\r\n  --navy:        #0f1f4e;\r\n  --blue:        #1e5cbf;\r\n  --bright-blue: #2980d4;\r\n  --silver:      #8a9bb5;\r\n  --light-silver:#c8d4e3;\r\n}\r\n\r\n#erg-parallax-banner {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 320px;\r\n  background-image: url('https:\/\/images.unsplash.com\/photo-1519003722824-194d4455a60c?q=80&w=2075');\r\n  background-attachment: fixed;\r\n  background-position: center 55%;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 \u00c7ok katmanl\u0131 overlay: sadece d\u00fcz karartma yerine iki renk + diyagonal vurgular \u2500\u2500\u2500 *\/\r\n#erg-parallax-banner .erg-pb-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  \/* Ana gradyan: sol taraf \u00e7ok koyu navy, sa\u011f tarafa do\u011fru biraz a\u00e7\u0131l\u0131yor *\/\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      rgba(8, 16, 38, 0.93) 0%,\r\n      rgba(15, 31, 78, 0.78) 40%,\r\n      rgba(30, 60, 140, 0.55) 70%,\r\n      rgba(8, 16, 38, 0.80) 100%\r\n    );\r\n}\r\n\r\n\/* Mavi diagonal \u0131\u015f\u0131k \u00e7izgisi \u2014 havac\u0131 cam etkisi *\/\r\n#erg-parallax-banner .erg-pb-glare {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    118deg,\r\n    transparent 30%,\r\n    rgba(41, 128, 212, 0.12) 50%,\r\n    transparent 65%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Alt ve \u00fcst ince kenar \u00e7izgileri *\/\r\n#erg-parallax-banner::before,\r\n#erg-parallax-banner::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, rgba(41,128,212,0.6), transparent);\r\n  z-index: 6;\r\n}\r\n#erg-parallax-banner::before { top: 0; }\r\n#erg-parallax-banner::after  { bottom: 0; }\r\n\r\n\/* \u2500\u2500\u2500 \u0130\u00e7erik \u2500\u2500\u2500 *\/\r\n#erg-parallax-banner .erg-pb-content {\r\n  position: relative;\r\n  z-index: 5;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: 0 5%;\r\n  gap: 0;\r\n}\r\n\r\n\/* \u00dcst k\u00fc\u00e7\u00fck etiket *\/\r\n#erg-parallax-banner .erg-pb-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  color: var(--bright-blue);\r\n  margin-bottom: 14px;\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n#erg-parallax-banner .erg-pb-label::before,\r\n#erg-parallax-banner .erg-pb-label::after {\r\n  content: '';\r\n  display: block;\r\n  width: 36px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, var(--bright-blue));\r\n}\r\n#erg-parallax-banner .erg-pb-label::after {\r\n  background: linear-gradient(90deg, var(--bright-blue), transparent);\r\n}\r\n\r\n\/* Ana ba\u015fl\u0131k *\/\r\n#erg-parallax-banner .erg-pb-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(32px, 5.5vw, 66px);\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  line-height: 1;\r\n  letter-spacing: 2px;\r\n  color: #ffffff;\r\n  margin: 0 0 6px 0;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.8s ease 0.12s, transform 0.8s ease 0.12s;\r\n}\r\n\r\n\/* Ba\u015fl\u0131ktaki mavi vurgu kelime *\/\r\n#erg-parallax-banner .erg-pb-title .erg-accent {\r\n  color: var(--bright-blue);\r\n  \/* Hafif text-shadow ile neon hissi *\/\r\n  text-shadow: 0 0 32px rgba(41,128,212,0.55);\r\n}\r\n\r\n\/* Alt a\u00e7\u0131klama *\/\r\n#erg-parallax-banner .erg-pb-sub {\r\n  font-family: 'Barlow', sans-serif;\r\n  font-size: clamp(14px, 1.4vw, 17px);\r\n  font-weight: 400;\r\n  color: rgba(200, 215, 235, 0.85);\r\n  margin-top: 14px;\r\n  letter-spacing: 0.3px;\r\n  line-height: 1.6;\r\n  max-width: 560px;\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  transition: opacity 0.8s ease 0.26s, transform 0.8s ease 0.26s;\r\n}\r\n\r\n\/* Scroll reveal \u2014 aktif s\u0131n\u0131f *\/\r\n#erg-parallax-banner.erg-pb-visible .erg-pb-label,\r\n#erg-parallax-banner.erg-pb-visible .erg-pb-title,\r\n#erg-parallax-banner.erg-pb-visible .erg-pb-sub {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Sa\u011f \u00fcst dekoratif k\u00f6\u015fe \u2500\u2500\u2500 *\/\r\n#erg-parallax-banner .erg-pb-corner {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 24px;\r\n  width: 48px;\r\n  height: 48px;\r\n  border-top: 2px solid rgba(41,128,212,0.45);\r\n  border-right: 2px solid rgba(41,128,212,0.45);\r\n  z-index: 6;\r\n}\r\n#erg-parallax-banner .erg-pb-corner-bl {\r\n  position: absolute;\r\n  bottom: 16px;\r\n  left: 24px;\r\n  width: 48px;\r\n  height: 48px;\r\n  border-bottom: 2px solid rgba(41,128,212,0.45);\r\n  border-left: 2px solid rgba(41,128,212,0.45);\r\n  z-index: 6;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #erg-parallax-banner {\r\n    background-attachment: scroll;\r\n    height: 240px;\r\n  }\r\n  #erg-parallax-banner .erg-pb-corner,\r\n  #erg-parallax-banner .erg-pb-corner-bl { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"erg-parallax-banner\">\r\n  <!-- Overlay katmanlar\u0131 -->\r\n  <div class=\"erg-pb-overlay\"><\/div>\r\n  <div class=\"erg-pb-glare\"><\/div>\r\n\r\n  <!-- Dekoratif k\u00f6\u015fe \u00e7izgileri -->\r\n  <div class=\"erg-pb-corner\"><\/div>\r\n  <div class=\"erg-pb-corner-bl\"><\/div>\r\n\r\n  <!-- \u0130\u00e7erik -->\r\n  <div class=\"erg-pb-content\">\r\n    <div class=\"erg-pb-label\">ER Grup Lojistik<\/div>\r\n    <h2 class=\"erg-pb-title\">\r\n      S\u0131n\u0131r Tan\u0131mayan<br><span class=\"erg-accent\">Ta\u015f\u0131mac\u0131l\u0131k<\/span>\r\n    <\/h2>\r\n    <p class=\"erg-pb-sub\">\r\n      Y\u00fck\u00fcn\u00fcz\u00fcn g\u00fcvencesi, 25 y\u0131l\u0131 a\u015fk\u0131n ER Grup Lojistik tecr\u00fcbesiyle.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var banner = document.getElementById('erg-parallax-banner');\r\n  if (!banner) return;\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    if (entries[0].isIntersecting) {\r\n      banner.classList.add('erg-pb-visible');\r\n      obs.disconnect();\r\n    }\r\n  }, { threshold: 0.25 });\r\n  obs.observe(banner);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bacf3e2 e-flex e-con-boxed e-con e-parent\" data-id=\"bacf3e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae58005 elementor-widget elementor-widget-html\" data-id=\"ae58005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ER GRUP LOJ\u0130ST\u0130K \u2014 H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dc -->\r\n<!-- Elementor > HTML Widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131n -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#erg-services-section {\r\n  --navy:        #0f1f4e;\r\n  --blue:        #1e5cbf;\r\n  --bright-blue: #2980d4;\r\n  --silver:      #8a9bb5;\r\n  --light-silver:#c8d4e3;\r\n  --white:       #ffffff;\r\n  --off-white:   #f0f4f8;\r\n  --light-bg:    #e8eef7;\r\n  --dark-text:   #0a1530;\r\n  --mid-text:    #3a4a6b;\r\n\r\n  font-family: 'Barlow', sans-serif;\r\n  background: var(--off-white);\r\n  padding: 100px 0 110px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n\/* Arka plan dekoratif grid deseni *\/\r\n#erg-services-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(41,128,212,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(41,128,212,0.04) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Sa\u011f \u00fcst dekoratif b\u00fcy\u00fck daire *\/\r\n#erg-services-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -160px; right: -160px;\r\n  width: 480px; height: 480px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(41,128,212,0.08);\r\n  pointer-events: none;\r\n}\r\n\r\n#erg-services-section .erg-sv-container {\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  padding: 0 4%;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* \u2500\u2500 Ba\u015fl\u0131k alan\u0131 \u2500\u2500 *\/\r\n#erg-services-section .erg-sv-header {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  margin-bottom: 56px;\r\n  gap: 32px;\r\n}\r\n#erg-services-section .erg-sv-header-left { max-width: 600px; }\r\n\r\n#erg-services-section .erg-sv-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--bright-blue);\r\n  margin-bottom: 16px;\r\n}\r\n#erg-services-section .erg-sv-tag::before {\r\n  content: '';\r\n  display: block;\r\n  width: 30px; height: 2px;\r\n  background: var(--bright-blue);\r\n}\r\n\r\n#erg-services-section .erg-sv-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(36px, 3.5vw, 54px);\r\n  font-weight: 800;\r\n  line-height: 1.05;\r\n  color: var(--dark-text);\r\n  letter-spacing: -0.5px;\r\n  margin: 0;\r\n}\r\n#erg-services-section .erg-sv-title .erg-sv-blue { color: var(--bright-blue); }\r\n\r\n#erg-services-section .erg-sv-header-right {\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  color: var(--silver);\r\n  max-width: 340px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Kart grid \u2500\u2500 *\/\r\n#erg-services-section .erg-sv-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n\/* \u2500\u2500 Tek kart \u2500\u2500 *\/\r\n#erg-services-section .erg-sv-card {\r\n  background: var(--white);\r\n  border-radius: 4px 20px 4px 20px;\r\n  padding: 36px 28px 32px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(200,212,227,0.6);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\r\n  cursor: default;\r\n}\r\n#erg-services-section .erg-sv-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 20px 48px rgba(15,31,78,0.13);\r\n  border-color: rgba(41,128,212,0.30);\r\n}\r\n\r\n\/* Hover'da kart i\u00e7i navy arka plan ge\u00e7i\u015fi i\u00e7in \u00fcst \u015ferit *\/\r\n#erg-services-section .erg-sv-card-stripe {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--navy), var(--bright-blue));\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n  border-radius: 4px 20px 0 0;\r\n}\r\n#erg-services-section .erg-sv-card:hover .erg-sv-card-stripe {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* \u0130kon kutusu *\/\r\n#erg-services-section .erg-sv-icon {\r\n  width: 52px; height: 52px;\r\n  border-radius: 12px;\r\n  background: var(--light-bg);\r\n  border: 1px solid var(--light-silver);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 22px;\r\n  transition: background 0.3s, border-color 0.3s;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n#erg-services-section .erg-sv-card:hover .erg-sv-icon {\r\n  background: linear-gradient(135deg, var(--navy), var(--blue));\r\n  border-color: transparent;\r\n}\r\n#erg-services-section .erg-sv-icon svg {\r\n  width: 24px; height: 24px;\r\n  stroke: var(--navy);\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  transition: stroke 0.3s;\r\n}\r\n#erg-services-section .erg-sv-card:hover .erg-sv-icon svg {\r\n  stroke: #ffffff;\r\n}\r\n\r\n\/* Kart ba\u015fl\u0131k *\/\r\n#erg-services-section .erg-sv-card-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  color: var(--dark-text);\r\n  letter-spacing: 0.2px;\r\n  margin-bottom: 10px;\r\n  line-height: 1.2;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n\/* Kart alt\u0131 \u00e7izgi *\/\r\n#erg-services-section .erg-sv-card-line {\r\n  width: 28px; height: 2px;\r\n  background: var(--bright-blue);\r\n  border-radius: 2px;\r\n  margin-bottom: 12px;\r\n  transition: width 0.35s ease;\r\n}\r\n#erg-services-section .erg-sv-card:hover .erg-sv-card-line { width: 44px; }\r\n\r\n\/* Kart a\u00e7\u0131klama *\/\r\n#erg-services-section .erg-sv-card-desc {\r\n  font-size: 13.5px;\r\n  line-height: 1.7;\r\n  color: var(--silver);\r\n  position: relative; z-index: 1;\r\n  margin: 0;\r\n}\r\n\r\n\/* Kart alt ok *\/\r\n#erg-services-section .erg-sv-card-arrow {\r\n  position: absolute;\r\n  bottom: 20px; right: 22px;\r\n  width: 28px; height: 28px;\r\n  border-radius: 50%;\r\n  background: var(--light-bg);\r\n  border: 1px solid var(--light-silver);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transform: translateX(-6px);\r\n  transition: opacity 0.3s, transform 0.3s, background 0.3s;\r\n}\r\n#erg-services-section .erg-sv-card:hover .erg-sv-card-arrow {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n  background: var(--bright-blue);\r\n  border-color: var(--bright-blue);\r\n}\r\n#erg-services-section .erg-sv-card-arrow svg {\r\n  width: 12px; height: 12px;\r\n  stroke: var(--navy);\r\n  fill: none;\r\n  stroke-width: 2.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  transition: stroke 0.3s;\r\n}\r\n#erg-services-section .erg-sv-card:hover .erg-sv-card-arrow svg { stroke: #fff; }\r\n\r\n\/* \u2500\u2500 \u00d6ne \u00e7\u0131kan b\u00fcy\u00fck kart (ilk kart, 2 s\u00fctun geni\u015fli\u011fi) \u2500\u2500 *\/\r\n#erg-services-section .erg-sv-card--featured {\r\n  grid-column: span 2;\r\n  background: linear-gradient(135deg, var(--navy) 0%, #162d6e 100%);\r\n  border-color: transparent;\r\n  padding: 44px 36px;\r\n}\r\n#erg-services-section .erg-sv-card--featured:hover {\r\n  box-shadow: 0 24px 56px rgba(15,31,78,0.30);\r\n  border-color: rgba(41,128,212,0.40);\r\n}\r\n#erg-services-section .erg-sv-card--featured .erg-sv-icon {\r\n  background: rgba(255,255,255,0.10);\r\n  border-color: rgba(255,255,255,0.15);\r\n}\r\n#erg-services-section .erg-sv-card--featured:hover .erg-sv-icon {\r\n  background: rgba(255,255,255,0.18);\r\n  border-color: rgba(255,255,255,0.25);\r\n}\r\n#erg-services-section .erg-sv-card--featured .erg-sv-icon svg { stroke: #ffffff; }\r\n#erg-services-section .erg-sv-card--featured:hover .erg-sv-icon svg { stroke: #ffffff; }\r\n#erg-services-section .erg-sv-card--featured .erg-sv-card-stripe {\r\n  background: linear-gradient(90deg, var(--bright-blue), rgba(255,255,255,0.3));\r\n}\r\n#erg-services-section .erg-sv-card--featured .erg-sv-card-title { color: #ffffff; }\r\n#erg-services-section .erg-sv-card--featured .erg-sv-card-line { background: var(--bright-blue); }\r\n#erg-services-section .erg-sv-card--featured .erg-sv-card-desc { color: rgba(200,215,235,0.80); }\r\n#erg-services-section .erg-sv-card--featured .erg-sv-card-arrow {\r\n  background: rgba(255,255,255,0.12);\r\n  border-color: rgba(255,255,255,0.20);\r\n}\r\n#erg-services-section .erg-sv-card--featured:hover .erg-sv-card-arrow {\r\n  background: var(--bright-blue);\r\n  border-color: var(--bright-blue);\r\n}\r\n#erg-services-section .erg-sv-card--featured .erg-sv-card-arrow svg { stroke: #fff; }\r\n\r\n\/* B\u00fcy\u00fck karttaki ek \u00f6zellikler listesi *\/\r\n#erg-services-section .erg-sv-feat-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 18px;\r\n}\r\n#erg-services-section .erg-sv-feat-pill {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  color: rgba(200,215,235,0.75);\r\n  background: rgba(255,255,255,0.07);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  padding: 5px 12px;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n#erg-services-section .erg-sv-reveal {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n#erg-services-section .erg-sv-reveal.erg-sv-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #erg-services-section .erg-sv-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  #erg-services-section .erg-sv-card--featured {\r\n    grid-column: span 2;\r\n  }\r\n}\r\n@media (max-width: 720px) {\r\n  #erg-services-section .erg-sv-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-bottom: 40px;\r\n  }\r\n  #erg-services-section .erg-sv-header-right { max-width: 100%; }\r\n  #erg-services-section .erg-sv-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  #erg-services-section .erg-sv-card--featured {\r\n    grid-column: span 1;\r\n  }\r\n  #erg-services-section { padding: 70px 0 80px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"erg-services-section\">\r\n  <div class=\"erg-sv-container\">\r\n\r\n    <!-- BA\u015eLIK -->\r\n    <div class=\"erg-sv-header erg-sv-reveal\">\r\n      <div class=\"erg-sv-header-left\">\r\n        <div class=\"erg-sv-tag\">Hizmetlerimiz<\/div>\r\n        <h2 class=\"erg-sv-title\">\r\n          Her Y\u00fcke Uygun<br>\r\n          <span class=\"erg-sv-blue\">Lojistik \u00c7\u00f6z\u00fcm<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      <p class=\"erg-sv-header-right\">\r\n        Karayolu ta\u015f\u0131mac\u0131l\u0131\u011f\u0131ndan depolamaya, proje nakliyesinden uluslararas\u0131 lojisti\u011fe kadar\r\n        t\u00fcm ihtiya\u00e7lar\u0131n\u0131za \u00f6zel \u00e7\u00f6z\u00fcmler sunuyoruz.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- KART GR\u0130D\u0130 -->\r\n    <div class=\"erg-sv-grid\">\r\n\r\n      <!-- \u00d6ZEL B\u00dcY\u00dcK KART: Yurt \u0130\u00e7i Nakliye -->\r\n      <div class=\"erg-sv-card erg-sv-card--featured erg-sv-reveal\" style=\"transition-delay:0.05s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 4v4h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">Yurt \u0130\u00e7i Nakliye<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          T\u00fcrkiye'nin 81 iline parsiyel ve komple y\u00fck ta\u015f\u0131mac\u0131l\u0131\u011f\u0131 hizmetleri sunuyoruz.\r\n          G\u00fc\u00e7l\u00fc g\u00fczergah a\u011f\u0131m\u0131z ve deneyimli ekibimizle y\u00fck\u00fcn\u00fcz zaman\u0131nda ve g\u00fcvenle teslim edilir.\r\n        <\/p>\r\n        <div class=\"erg-sv-feat-list\">\r\n          <span class=\"erg-sv-feat-pill\">Parsiyel Y\u00fck<\/span>\r\n          <span class=\"erg-sv-feat-pill\">Komple Y\u00fck<\/span>\r\n          <span class=\"erg-sv-feat-pill\">Frigorifik<\/span>\r\n          <span class=\"erg-sv-feat-pill\">A\u00e7\u0131k Kasa<\/span>\r\n          <span class=\"erg-sv-feat-pill\">Tenteli Ara\u00e7<\/span>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Yurt D\u0131\u015f\u0131 Nakliye -->\r\n      <div class=\"erg-sv-card erg-sv-reveal\" style=\"transition-delay:0.10s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">Yurt D\u0131\u015f\u0131 Nakliye<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          Avrupa ve Orta Do\u011fu g\u00fczergahlar\u0131nda uluslararas\u0131 karayolu ta\u015f\u0131mac\u0131l\u0131\u011f\u0131.\r\n          G\u00fcmr\u00fck ve evrak s\u00fcre\u00e7lerinde tam destek.\r\n        <\/p>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Proje Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131 -->\r\n      <div class=\"erg-sv-card erg-sv-reveal\" style=\"transition-delay:0.15s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">Proje Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          End\u00fcstriyel ekipman, makine ve \u00f6zel boyutlu y\u00fckler i\u00e7in kapsaml\u0131 proje lojisti\u011fi planlamas\u0131.\r\n        <\/p>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- A\u011f\u0131r & Lowbed Nakliye -->\r\n      <div class=\"erg-sv-card erg-sv-reveal\" style=\"transition-delay:0.20s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M1 17 V9 H14 V17\"\/><path d=\"M14 10 H20 L23 14 V17 H14\"\/><circle cx=\"5\" cy=\"17\" r=\"2\"\/><circle cx=\"19\" cy=\"17\" r=\"2\"\/><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"17\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">A\u011f\u0131r & Lowbed Nakliye<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          Lowbed ve gondol ara\u00e7larla a\u011f\u0131r i\u015f makineleri, vin\u00e7 ve end\u00fcstriyel ekipmanlar\u0131n ta\u015f\u0131nmas\u0131.\r\n        <\/p>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Fabrika & Depo Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131 -->\r\n      <div class=\"erg-sv-card erg-sv-reveal\" style=\"transition-delay:0.25s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">Fabrika & Depo Ta\u015f\u0131ma<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          Fabrika i\u00e7i ta\u015f\u0131nmalar, depo g\u00f6\u00e7 operasyonlar\u0131 ve \u00fcretim hatt\u0131 kurulum lojisti\u011fi.\r\n        <\/p>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00f6kme Y\u00fck Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131 -->\r\n      <div class=\"erg-sv-card erg-sv-reveal\" style=\"transition-delay:0.30s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 5 V12 C21 13.66 16.97 15 12 15 C7.03 15 3 13.66 3 12 V5\"\/><path d=\"M21 12 V19 C21 20.66 16.97 22 12 22 C7.03 22 3 20.66 3 19 V12\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">D\u00f6kme Y\u00fck Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          Tah\u0131l, maden, in\u015faat malzemesi ve di\u011fer d\u00f6kme \u00fcr\u00fcnlerin ekonomik ve g\u00fcvenli ta\u015f\u0131nmas\u0131.\r\n        <\/p>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Depolama & Lojistik -->\r\n      <div class=\"erg-sv-card erg-sv-reveal\" style=\"transition-delay:0.35s\">\r\n        <div class=\"erg-sv-card-stripe\"><\/div>\r\n        <div class=\"erg-sv-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 8.5 V21 H2 V8.5\"\/><path d=\"M23 3 H1 L2 8.5 H22 Z\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"erg-sv-card-title\">Depolama & Lojistik<\/div>\r\n        <div class=\"erg-sv-card-line\"><\/div>\r\n        <p class=\"erg-sv-card-desc\">\r\n          G\u00fcvenli depolama alanlar\u0131m\u0131zda stok y\u00f6netimi, elle\u00e7leme ve da\u011f\u0131t\u0131m hizmetleri.\r\n        <\/p>\r\n        <div class=\"erg-sv-card-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var items = document.querySelectorAll('#erg-services-section .erg-sv-reveal');\r\n  if (!items.length) return;\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('erg-sv-visible');\r\n        obs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.10 });\r\n  items.forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-187ce18 e-flex e-con-boxed e-con e-parent\" data-id=\"187ce18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c55ded elementor-widget elementor-widget-html\" data-id=\"8c55ded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ER GRUP LOJ\u0130ST\u0130K \u2014 \u0130STAT\u0130ST\u0130KLER + SCROLL TIR AN\u0130MASYONU -->\r\n<!-- Elementor > HTML Widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131n -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@300;400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#erg-stats-truck {\r\n  --navy:        #0f1f4e;\r\n  --blue:        #1e5cbf;\r\n  --bright-blue: #2980d4;\r\n  --silver:      #8a9bb5;\r\n  --light-silver:#c8d4e3;\r\n  --white:       #ffffff;\r\n  --off-white:   #f0f4f8;\r\n  --light-bg:    #e8eef7;\r\n  --dark-text:   #0a1530;\r\n  --mid-text:    #3a4a6b;\r\n\r\n  font-family: 'Barlow', sans-serif;\r\n  background: var(--navy);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\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\r\n   \u0130STAT\u0130ST\u0130K \u015eERIDI\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 *\/\r\n#erg-stats-truck .erg-stats-bar {\r\n  position: relative;\r\n  z-index: 5;\r\n  display: flex;\r\n  align-items: stretch;\r\n  border-bottom: 1px solid rgba(255,255,255,0.07);\r\n}\r\n\r\n#erg-stats-truck .erg-stat-item {\r\n  flex: 1;\r\n  padding: 44px 28px 40px;\r\n  text-align: center;\r\n  position: relative;\r\n  transition: background 0.3s;\r\n}\r\n#erg-stats-truck .erg-stat-item:hover {\r\n  background: rgba(255,255,255,0.04);\r\n}\r\n#erg-stats-truck .erg-stat-item:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: 20%; bottom: 20%;\r\n  width: 1px;\r\n  background: rgba(255,255,255,0.10);\r\n}\r\n\r\n#erg-stats-truck .erg-stat-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 14px;\r\n  width: 36px; height: 36px;\r\n  border-radius: 8px;\r\n  background: rgba(41,128,212,0.15);\r\n  border: 1px solid rgba(41,128,212,0.25);\r\n}\r\n#erg-stats-truck .erg-stat-icon svg {\r\n  width: 18px; height: 18px;\r\n  stroke: var(--bright-blue);\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#erg-stats-truck .erg-stat-num {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(42px, 5vw, 68px);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  color: #ffffff;\r\n  letter-spacing: -1px;\r\n  display: flex;\r\n  align-items: baseline;\r\n  justify-content: center;\r\n  gap: 2px;\r\n}\r\n#erg-stats-truck .erg-stat-num .erg-stat-suffix {\r\n  font-size: 0.45em;\r\n  color: var(--bright-blue);\r\n  font-weight: 800;\r\n  letter-spacing: 0;\r\n  margin-left: 1px;\r\n}\r\n\r\n#erg-stats-truck .erg-stat-divider {\r\n  width: 24px; height: 2px;\r\n  background: var(--bright-blue);\r\n  border-radius: 2px;\r\n  margin: 10px auto 10px;\r\n  transition: width 0.4s ease;\r\n}\r\n#erg-stats-truck .erg-stat-item:hover .erg-stat-divider { width: 40px; }\r\n\r\n#erg-stats-truck .erg-stat-label {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(200,212,227,0.60);\r\n}\r\n\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\r\n   TIR SCROLL ALANI\r\n   sticky container: sayfa scroll edildik\u00e7e\r\n   t\u0131r g\u00f6r\u00fcnt\u00fcs\u00fc bu i\u00e7inde sola\u2192sa\u011fa kayar\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 *\/\r\n#erg-stats-truck .erg-truck-sticky-wrap {\r\n  \/* Bu wrapper, scroll boyunca \"pin\" edilmez \u2014\r\n     sadece t\u0131r\u0131n konumunu scroll progress'e g\u00f6re hesaplamak i\u00e7in\r\n     y\u00fcksek bir alan olu\u015ftururuz. *\/\r\n  position: relative;\r\n  height: 280px;           \/* G\u00f6rsel alan y\u00fcksekli\u011fi *\/\r\n  overflow: hidden;\r\n  background: linear-gradient(to bottom, var(--navy) 0%, #0c1840 60%, #081030 100%);\r\n}\r\n\r\n\/* Dekoratif b\u00fcy\u00fck daire *\/\r\n#erg-stats-truck .erg-truck-sticky-wrap::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -100px; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 1000px; height: 280px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(41,128,212,0.05);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Yol *\/\r\n#erg-stats-truck .erg-road {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 58px;\r\n  background: #090f22;\r\n  border-top: 2px solid rgba(41,128,212,0.18);\r\n  z-index: 2;\r\n}\r\n\r\n\/* Yol kesik \u00e7izgileri \u2014 scroll h\u0131z\u0131na g\u00f6re JS ile kontrol edilir *\/\r\n#erg-stats-truck .erg-road-dashes {\r\n  position: absolute;\r\n  top: 50%; left: -100%;\r\n  transform: translateY(-50%);\r\n  width: 300%;\r\n  height: 3px;\r\n  background: repeating-linear-gradient(\r\n    90deg,\r\n    rgba(255,255,255,0.14) 0px,\r\n    rgba(255,255,255,0.14) 60px,\r\n    transparent 60px,\r\n    transparent 120px\r\n  );\r\n}\r\n\r\n\/* T\u0131r g\u00f6rseli \u2014 JS ile left% ayarlan\u0131r *\/\r\n#erg-stats-truck .erg-truck-img {\r\n  position: absolute;\r\n  \/* Dikey: t\u0131r lasti\u011fi yol \u00e7izgisine oturmal\u0131\r\n     Yol 58px y\u00fcksekli\u011finde, t\u0131r g\u00f6rseli \u015feffaf + g\u00f6vde a\u015fa\u011f\u0131 hizal\u0131\r\n     bottom = yol y\u00fcksekli\u011fi (58px) - k\u00fc\u00e7\u00fck ayar *\/\r\n  bottom: 52px;\r\n  \/* Yatay konum JS taraf\u0131ndan ayarlan\u0131r, ba\u015flang\u0131\u00e7 sol d\u0131\u015f\u0131nda *\/\r\n  left: -35%;\r\n  \/* Geni\u015flik k\u00fc\u00e7\u00fclt\u00fcld\u00fc: %46'dan %35'e d\u00fc\u015f\u00fcr\u00fcld\u00fc *\/\r\n  width: 35%;\r\n  height: auto;\r\n  filter: drop-shadow(0 6px 20px rgba(0,0,0,0.55));\r\n  z-index: 3;\r\n  will-change: left;\r\n  \/* Ak\u0131c\u0131 g\u00f6r\u00fcn\u00fcm i\u00e7in hafif ge\u00e7i\u015f \u2014 \u00e7ok uzun olursa gecikir *\/\r\n  transition: left 0.05s linear;\r\n}\r\n\r\n\/* Sol \/ sa\u011f kenar silikle\u015ftirme *\/\r\n#erg-stats-truck .erg-fade-left,\r\n#erg-stats-truck .erg-fade-right {\r\n  position: absolute;\r\n  top: 0; bottom: 0;\r\n  width: 100px;\r\n  z-index: 4;\r\n  pointer-events: none;\r\n}\r\n#erg-stats-truck .erg-fade-left {\r\n  left: 0;\r\n  background: linear-gradient(to right, #0f1f4e, transparent);\r\n}\r\n#erg-stats-truck .erg-fade-right {\r\n  right: 0;\r\n  background: linear-gradient(to left, #081030, transparent);\r\n}\r\n\r\n\/* Scroll ipucu \u2014 sadece t\u0131r ba\u015flamadan \u00f6nce g\u00f6r\u00fcn\u00fcr *\/\r\n#erg-stats-truck .erg-scroll-hint {\r\n  position: absolute;\r\n  bottom: 68px; left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 6px;\r\n  opacity: 1;\r\n  transition: opacity 0.4s;\r\n  pointer-events: none;\r\n}\r\n#erg-stats-truck .erg-scroll-hint.erg-hint-hidden { opacity: 0; }\r\n#erg-stats-truck .erg-scroll-hint span {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(200,212,227,0.35);\r\n}\r\n#erg-stats-truck .erg-scroll-hint .erg-hint-arrow {\r\n  width: 18px; height: 26px;\r\n  border: 1.5px solid rgba(200,212,227,0.20);\r\n  border-radius: 10px;\r\n  position: relative;\r\n}\r\n#erg-stats-truck .erg-scroll-hint .erg-hint-dot {\r\n  position: absolute;\r\n  top: 4px; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 3px; height: 3px;\r\n  border-radius: 50%;\r\n  background: rgba(41,128,212,0.7);\r\n  animation: erg-hint-scroll 1.4s ease-in-out infinite;\r\n}\r\n@keyframes erg-hint-scroll {\r\n  0%   { top: 4px; opacity: 1; }\r\n  80%  { top: 14px; opacity: 0; }\r\n  100% { top: 4px; opacity: 0; }\r\n}\r\n\r\n\/* \u2500\u2500 Reveal \u2500\u2500 *\/\r\n#erg-stats-truck .erg-st-reveal {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n#erg-stats-truck .erg-st-reveal.erg-st-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\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\r\n   RESPONSIVE\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 *\/\r\n@media (max-width: 900px) {\r\n  #erg-stats-truck .erg-stats-bar { flex-wrap: wrap; }\r\n  #erg-stats-truck .erg-stat-item { flex: 0 0 50%; padding: 32px 20px 28px; }\r\n  #erg-stats-truck .erg-stat-item:nth-child(2)::after { display: none; }\r\n  #erg-stats-truck .erg-stat-item:nth-child(1),\r\n  #erg-stats-truck .erg-stat-item:nth-child(2) {\r\n    border-bottom: 1px solid rgba(255,255,255,0.07);\r\n  }\r\n  #erg-stats-truck .erg-truck-sticky-wrap { height: 220px; }\r\n  \/* Geni\u015flik k\u00fc\u00e7\u00fclt\u00fcld\u00fc: %58'den %45'e d\u00fc\u015f\u00fcr\u00fcld\u00fc *\/\r\n  #erg-stats-truck .erg-truck-img { width: 45%; bottom: 44px; }\r\n}\r\n@media (max-width: 560px) {\r\n  #erg-stats-truck .erg-stat-item { padding: 26px 12px 22px; }\r\n  #erg-stats-truck .erg-stat-num { font-size: 36px; }\r\n  #erg-stats-truck .erg-truck-sticky-wrap { height: 170px; }\r\n  \/* Geni\u015flik k\u00fc\u00e7\u00fclt\u00fcld\u00fc: %70'ten %55'e d\u00fc\u015f\u00fcr\u00fcld\u00fc *\/\r\n  #erg-stats-truck .erg-truck-img { width: 55%; bottom: 36px; }\r\n  #erg-stats-truck .erg-road { height: 44px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"erg-stats-truck\">\r\n\r\n  <!-- \u0130STAT\u0130ST\u0130K \u015eERIDI -->\r\n  <div class=\"erg-stats-bar erg-st-reveal\">\r\n\r\n    <div class=\"erg-stat-item\">\r\n      <div class=\"erg-stat-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"erg-stat-num\">\r\n        <span class=\"erg-count\" data-target=\"25\">0<\/span>\r\n        <span class=\"erg-stat-suffix\">YIL+<\/span>\r\n      <\/div>\r\n      <div class=\"erg-stat-divider\"><\/div>\r\n      <div class=\"erg-stat-label\">Sekt\u00f6r Tecr\u00fcbesi<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"erg-stat-item\">\r\n      <div class=\"erg-stat-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 4v4h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"erg-stat-num\">\r\n        <span class=\"erg-count\" data-target=\"210\">0<\/span>\r\n        <span class=\"erg-stat-suffix\">B+<\/span>\r\n      <\/div>\r\n      <div class=\"erg-stat-divider\"><\/div>\r\n      <div class=\"erg-stat-label\">Ba\u015far\u0131l\u0131 Teslimat<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"erg-stat-item\">\r\n      <div class=\"erg-stat-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"erg-stat-num\">\r\n        <span class=\"erg-count\" data-target=\"350\">0<\/span>\r\n        <span class=\"erg-stat-suffix\">+<\/span>\r\n      <\/div>\r\n      <div class=\"erg-stat-divider\"><\/div>\r\n      <div class=\"erg-stat-label\">Memnun M\u00fc\u015fteri<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"erg-stat-item\">\r\n      <div class=\"erg-stat-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"erg-stat-num\">\r\n        <span class=\"erg-count\" data-target=\"81\">0<\/span>\r\n        <span class=\"erg-stat-suffix\">\u0130L<\/span>\r\n      <\/div>\r\n      <div class=\"erg-stat-divider\"><\/div>\r\n      <div class=\"erg-stat-label\">Hizmet A\u011f\u0131<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- TIR SCROLL ALANI -->\r\n  <div class=\"erg-truck-sticky-wrap\" id=\"erg-truck-wrap\">\r\n\r\n    <div class=\"erg-fade-left\"><\/div>\r\n    <div class=\"erg-fade-right\"><\/div>\r\n\r\n    <img decoding=\"async\"\r\n      class=\"erg-truck-img\"\r\n      id=\"erg-truck\"\r\n      src=\"https:\/\/www.ergruplojistik.com\/wp-content\/uploads\/2026\/04\/ergrup_truck.png\"\r\n      alt=\"ER Grup Lojistik TIR\"\r\n    >\r\n\r\n    <div class=\"erg-road\">\r\n      <div class=\"erg-road-dashes\" id=\"erg-dashes\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Scroll ipucu -->\r\n    <div class=\"erg-scroll-hint\" id=\"erg-scroll-hint\">\r\n      <div class=\"erg-hint-arrow\"><div class=\"erg-hint-dot\"><\/div><\/div>\r\n      <span>Kayd\u0131r<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n  var section  = document.getElementById('erg-stats-truck');\r\n  var wrap     = document.getElementById('erg-truck-wrap');\r\n  var truck    = document.getElementById('erg-truck');\r\n  var dashes   = document.getElementById('erg-dashes');\r\n  var hint     = document.getElementById('erg-scroll-hint');\r\n  var counters = section.querySelectorAll('.erg-count');\r\n  var reveal   = section.querySelector('.erg-st-reveal');\r\n\r\n  var countersStarted = false;\r\n  var sectionVisible  = false;\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     Saya\u00e7 animasyonu\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  function startCounters() {\r\n    if (countersStarted) return;\r\n    countersStarted = true;\r\n    counters.forEach(function(el) {\r\n      var target   = parseInt(el.getAttribute('data-target'), 10);\r\n      var duration = 1800;\r\n      var start    = null;\r\n      function step(ts) {\r\n        if (!start) start = ts;\r\n        var p = Math.min((ts - start) \/ duration, 1);\r\n        var e = 1 - Math.pow(1 - p, 3);\r\n        el.textContent = Math.floor(e * target);\r\n        if (p < 1) requestAnimationFrame(step);\r\n        else el.textContent = target;\r\n      }\r\n      requestAnimationFrame(step);\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SCROLL \u2192 TIR POZ\u0130SYONU\r\n\r\n     Mant\u0131k:\r\n     - Section ekrana girince sectionVisible = true\r\n     - Kullan\u0131c\u0131 scroll edik\u00e7e, b\u00f6l\u00fcm\u00fcn ekrandaki\r\n       dikey konumunu 0\u21921 aral\u0131\u011f\u0131na normalize ediyoruz\r\n     - Bu de\u011fer t\u0131r\u0131n left% pozisyonunu belirler:\r\n       0   \u2192 t\u0131r sol d\u0131\u015f\u0131nda  (-35%)\r\n       1   \u2192 t\u0131r bir t\u0131k daha ileride (yakla\u015f\u0131k %55)\r\n     - Yol \u00e7izgileri de ayn\u0131 progress'e g\u00f6re kayar\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n  \/\/ Geni\u015flik JS taraf\u0131nda da g\u00fcncellendi (46 yerine 35)\r\n  var truckW    = 35;   \/* t\u0131r geni\u015fli\u011fi % olarak *\/\r\n  var startLeft = -truckW;   \/* tamamen sol d\u0131\u015f\u0131  *\/\r\n  var endLeft   = 55;       \/* scroll bitti\u011finde t\u0131r\u0131n bir t\u0131k daha ileride kalmas\u0131 i\u00e7in 40'tan 55'e art\u0131r\u0131ld\u0131 *\/\r\n\r\n  var dashOffset = 0;   \/* yol \u00e7izgisi offset px *\/\r\n  var lastScroll = window.scrollY;\r\n\r\n  function getTruckProgress() {\r\n    var rect     = wrap.getBoundingClientRect();\r\n    var vh       = window.innerHeight;\r\n    \/* Section \u00fcstten girince 0, tamamen ge\u00e7ince 1 *\/\r\n    \/* Giri\u015fi: rect.top = vh \u2192 \u00e7\u0131k\u0131\u015f\u0131: rect.bottom = 0 *\/\r\n    var total    = vh + rect.height;\r\n    var current  = vh - rect.top;\r\n    return Math.max(0, Math.min(1, current \/ total));\r\n  }\r\n\r\n  function updateTruck() {\r\n    if (!sectionVisible) return;\r\n\r\n    var p    = getTruckProgress();\r\n    var left = startLeft + p * (endLeft - startLeft);\r\n    truck.style.left = left + '%';\r\n\r\n    \/* Yol \u00e7izgisi: ilerleme y\u00f6n\u00fcnde kayar *\/\r\n    var scrollDelta = window.scrollY - lastScroll;\r\n    lastScroll = window.scrollY;\r\n    dashOffset = (dashOffset + scrollDelta * 0.8) % 120;\r\n    dashes.style.transform = 'translateY(-50%) translateX(' + dashOffset + 'px)';\r\n\r\n    \/* Hint: t\u0131r biraz hareket edince gizle *\/\r\n    if (p > 0.04) {\r\n      hint.classList.add('erg-hint-hidden');\r\n    } else {\r\n      hint.classList.remove('erg-hint-hidden');\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     IntersectionObserver \u2014 section g\u00f6r\u00fcn\u00fcnce\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting && !sectionVisible) {\r\n        sectionVisible = true;\r\n        reveal.classList.add('erg-st-visible');\r\n        setTimeout(startCounters, 200);\r\n        lastScroll = window.scrollY;\r\n        updateTruck();\r\n      }\r\n    });\r\n  }, { threshold: 0.05 });\r\n\r\n  obs.observe(section);\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     Scroll listener\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  window.addEventListener('scroll', updateTruck, { passive: true });\r\n\r\n  \/* \u0130lk render *\/\r\n  updateTruck();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f603e4e e-flex e-con-boxed e-con e-parent\" data-id=\"f603e4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2534d15 elementor-widget elementor-widget-html\" data-id=\"2534d15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ER GRUP LOJ\u0130ST\u0130K \u2014 \u0130LET\u0130\u015e\u0130M B\u00d6L\u00dcM\u00dc (A\u00e7\u0131k Ton) -->\r\n<!-- Elementor > HTML Widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131n -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@300;400;600;700;800;900&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#erg-contact-section {\r\n  --navy:        #0f1f4e;\r\n  --blue:        #1e5cbf;\r\n  --bright-blue: #2980d4;\r\n  --silver:      #8a9bb5;\r\n  --light-silver:#c8d4e3;\r\n  --white:       #ffffff;\r\n  --off-white:   #f0f4f8;\r\n  --light-bg:    #e8eef7;\r\n  --dark-text:   #0a1530;\r\n  --mid-text:    #3a4a6b;\r\n\r\n  font-family: 'Barlow', sans-serif;\r\n  background: var(--off-white);\r\n  padding: 90px 0 100px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n\/* Dekoratif grid arka plan *\/\r\n#erg-contact-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(41,128,212,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(41,128,212,0.04) 1px, transparent 1px);\r\n  background-size: 52px 52px;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Sa\u011f \u00fcst dekoratif daire *\/\r\n#erg-contact-section .erg-ct-orb {\r\n  position: absolute;\r\n  top: -120px; right: -120px;\r\n  width: 420px; height: 420px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(41,128,212,0.08);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n#erg-contact-section .erg-ct-orb2 {\r\n  position: absolute;\r\n  top: -60px; right: -60px;\r\n  width: 250px; height: 250px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(41,128,212,0.06);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\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\r\n   BA\u015eLIK ALANI\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 *\/\r\n#erg-contact-section .erg-ct-header {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto 52px;\r\n  padding: 0 5%;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n}\r\n\r\n#erg-contact-section .erg-ct-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--bright-blue);\r\n  margin-bottom: 16px;\r\n}\r\n#erg-contact-section .erg-ct-tag::before {\r\n  content: '';\r\n  display: block;\r\n  width: 30px; height: 2px;\r\n  background: var(--bright-blue);\r\n}\r\n\r\n#erg-contact-section .erg-ct-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(36px, 3.5vw, 54px);\r\n  font-weight: 800;\r\n  line-height: 1.05;\r\n  color: var(--dark-text);\r\n  letter-spacing: -0.5px;\r\n  margin: 0;\r\n}\r\n#erg-contact-section .erg-ct-title .erg-ct-blue { color: var(--bright-blue); }\r\n\r\n#erg-contact-section .erg-ct-header-right {\r\n  font-size: 15px;\r\n  color: var(--silver);\r\n  line-height: 1.75;\r\n  max-width: 340px;\r\n  flex-shrink: 0;\r\n}\r\n\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\r\n   KART ALANI \u2014 Form + Harita\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 *\/\r\n#erg-contact-section .erg-ct-card-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 5%;\r\n}\r\n\r\n#erg-contact-section .erg-ct-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  border-radius: 4px 24px 4px 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(15,31,78,0.12);\r\n  border: 1px solid rgba(200,212,227,0.6);\r\n}\r\n\r\n\/* \u2500\u2500 FORM S\u00dcTUNU \u2500\u2500 *\/\r\n#erg-contact-section .erg-ct-form-col {\r\n  background: var(--white);\r\n  padding: 48px 44px 52px;\r\n  border-right: 1px solid rgba(200,212,227,0.5);\r\n}\r\n\r\n#erg-contact-section .erg-ct-form-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  color: var(--dark-text);\r\n  margin: 0 0 6px;\r\n}\r\n#erg-contact-section .erg-ct-form-divider {\r\n  width: 36px; height: 3px;\r\n  background: linear-gradient(90deg, var(--bright-blue), var(--navy));\r\n  border-radius: 2px;\r\n  margin-bottom: 10px;\r\n}\r\n#erg-contact-section .erg-ct-form-sub {\r\n  font-size: 13px;\r\n  color: var(--silver);\r\n  margin: 0 0 28px;\r\n  line-height: 1.65;\r\n}\r\n\r\n#erg-contact-section .erg-ct-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 13px;\r\n}\r\n#erg-contact-section .erg-ct-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 13px;\r\n}\r\n#erg-contact-section .erg-ct-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n}\r\n#erg-contact-section .erg-ct-field label {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--mid-text);\r\n}\r\n#erg-contact-section .erg-ct-field input,\r\n#erg-contact-section .erg-ct-field select,\r\n#erg-contact-section .erg-ct-field textarea {\r\n  font-family: 'Barlow', sans-serif;\r\n  font-size: 14px;\r\n  color: var(--dark-text);\r\n  background: var(--off-white);\r\n  border: 1.5px solid var(--light-silver);\r\n  border-radius: 7px;\r\n  padding: 10px 13px;\r\n  outline: none;\r\n  transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n}\r\n#erg-contact-section .erg-ct-field input::placeholder,\r\n#erg-contact-section .erg-ct-field textarea::placeholder { color: var(--silver); }\r\n#erg-contact-section .erg-ct-field input:focus,\r\n#erg-contact-section .erg-ct-field select:focus,\r\n#erg-contact-section .erg-ct-field textarea:focus {\r\n  border-color: var(--bright-blue);\r\n  background: #fff;\r\n  box-shadow: 0 0 0 3px rgba(41,128,212,0.10);\r\n}\r\n#erg-contact-section .erg-ct-field textarea {\r\n  resize: vertical;\r\n  min-height: 100px;\r\n}\r\n#erg-contact-section .erg-ct-field select {\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a9bb5' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 12px center;\r\n  padding-right: 36px;\r\n  cursor: pointer;\r\n  color: var(--silver);\r\n}\r\n#erg-contact-section .erg-ct-field select.erg-sel-active { color: var(--dark-text); }\r\n\r\n\/* G\u00f6nder butonu *\/\r\n#erg-contact-section .erg-ct-submit {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  background: linear-gradient(135deg, var(--navy), var(--blue));\r\n  border: none;\r\n  border-radius: 7px;\r\n  padding: 14px 28px;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  box-shadow: 0 5px 18px rgba(30,92,191,0.28);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n  margin-top: 4px;\r\n}\r\n#erg-contact-section .erg-ct-submit:hover {\r\n  box-shadow: 0 8px 28px rgba(30,92,191,0.44);\r\n  transform: translateY(-2px);\r\n}\r\n#erg-contact-section .erg-ct-submit svg {\r\n  width: 15px; height: 15px;\r\n  stroke: #fff; fill: none;\r\n  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 0.3s;\r\n}\r\n#erg-contact-section .erg-ct-submit:hover svg { transform: translateX(4px); }\r\n\r\n\/* Ba\u015far\u0131 *\/\r\n#erg-contact-section .erg-ct-success {\r\n  display: none; flex-direction: column;\r\n  align-items: center; text-align: center;\r\n  padding: 48px 20px; gap: 12px;\r\n}\r\n#erg-contact-section .erg-ct-success.erg-show { display: flex; }\r\n#erg-contact-section .erg-ct-success-icon {\r\n  width: 54px; height: 54px; border-radius: 50%;\r\n  background: rgba(41,128,212,0.08);\r\n  border: 2px solid var(--bright-blue);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n#erg-contact-section .erg-ct-success-icon svg {\r\n  width: 22px; height: 22px; stroke: var(--bright-blue);\r\n  fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n#erg-contact-section .erg-ct-success h4 {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 22px; font-weight: 800;\r\n  color: var(--dark-text); margin: 0;\r\n}\r\n#erg-contact-section .erg-ct-success p {\r\n  font-size: 14px; color: var(--silver); margin: 0; line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 HAR\u0130TA S\u00dcTUNU \u2500\u2500 *\/\r\n#erg-contact-section .erg-ct-map-col {\r\n  background: var(--light-bg);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#erg-contact-section .erg-ct-map-wrap {\r\n  flex: 1;\r\n  position: relative;\r\n  min-height: 320px;\r\n}\r\n#erg-contact-section .erg-ct-map-wrap iframe {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  border: none; display: block;\r\n  filter: saturate(0.75) contrast(1.04);\r\n}\r\n\r\n\/* Harita alt\u0131 ileti\u015fim bilgileri *\/\r\n#erg-contact-section .erg-ct-map-info {\r\n  padding: 24px 32px;\r\n  background: var(--white);\r\n  border-top: 1px solid rgba(200,212,227,0.6);\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 18px;\r\n}\r\n#erg-contact-section .erg-ct-info-item {\r\n  display: flex; align-items: flex-start; gap: 9px;\r\n}\r\n#erg-contact-section .erg-ct-info-dot {\r\n  width: 5px; height: 5px; border-radius: 50%;\r\n  background: var(--bright-blue); flex-shrink: 0; margin-top: 7px;\r\n}\r\n#erg-contact-section .erg-ct-info-label {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  color: var(--silver); display: block; margin-bottom: 2px;\r\n}\r\n#erg-contact-section .erg-ct-info-val {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 14px; font-weight: 700;\r\n  color: var(--dark-text); text-decoration: none;\r\n  display: block; transition: color 0.2s;\r\n}\r\n#erg-contact-section a.erg-ct-info-val:hover { color: var(--bright-blue); }\r\n\r\n\/* \u2500\u2500 Alt h\u0131zl\u0131 ileti\u015fim \u015feridi \u2500\u2500 *\/\r\n#erg-contact-section .erg-ct-quick {\r\n  position: relative; z-index: 2;\r\n  max-width: 1100px; margin: 36px auto 0;\r\n  padding: 0 5%;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n}\r\n#erg-contact-section .erg-ct-quick-card {\r\n  background: var(--white);\r\n  border: 1px solid rgba(200,212,227,0.6);\r\n  border-radius: 12px;\r\n  padding: 20px 22px;\r\n  display: flex; align-items: center; gap: 14px;\r\n  text-decoration: none;\r\n  transition: all 0.25s;\r\n  box-shadow: 0 2px 12px rgba(15,31,78,0.06);\r\n}\r\n#erg-contact-section .erg-ct-quick-card:hover {\r\n  border-color: rgba(41,128,212,0.30);\r\n  box-shadow: 0 6px 24px rgba(15,31,78,0.10);\r\n  transform: translateY(-2px);\r\n}\r\n#erg-contact-section .erg-ct-quick-icon {\r\n  width: 42px; height: 42px; border-radius: 10px;\r\n  background: var(--light-bg); border: 1px solid var(--light-silver);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0; transition: background 0.25s;\r\n}\r\n#erg-contact-section .erg-ct-quick-card:hover .erg-ct-quick-icon {\r\n  background: var(--navy);\r\n  border-color: var(--navy);\r\n}\r\n#erg-contact-section .erg-ct-quick-icon svg {\r\n  width: 18px; height: 18px; stroke: var(--navy);\r\n  fill: none; stroke-width: 1.8;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: stroke 0.25s;\r\n}\r\n#erg-contact-section .erg-ct-quick-card:hover .erg-ct-quick-icon svg { stroke: #fff; }\r\n#erg-contact-section .erg-ct-quick-label {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 10px; font-weight: 700; letter-spacing: 2px;\r\n  text-transform: uppercase; color: var(--silver);\r\n  display: block; margin-bottom: 2px;\r\n}\r\n#erg-contact-section .erg-ct-quick-val {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 15px; font-weight: 800;\r\n  color: var(--dark-text); letter-spacing: 0.2px;\r\n}\r\n\r\n\/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n#erg-contact-section .erg-ct-reveal {\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.75s ease, transform 0.75s ease;\r\n}\r\n#erg-contact-section .erg-ct-reveal.erg-ct-visible {\r\n  opacity: 1; transform: translateY(0);\r\n}\r\n\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\r\n   RESPONSIVE\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 *\/\r\n@media (max-width: 1024px) {\r\n  #erg-contact-section .erg-ct-grid { grid-template-columns: 1fr; }\r\n  #erg-contact-section .erg-ct-form-col { border-right: none; border-bottom: 1px solid rgba(200,212,227,0.5); }\r\n  #erg-contact-section .erg-ct-map-wrap { min-height: 320px; }\r\n  #erg-contact-section .erg-ct-quick { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 760px) {\r\n  #erg-contact-section { padding: 64px 0 72px; }\r\n  #erg-contact-section .erg-ct-header { flex-direction: column; align-items: flex-start; margin-bottom: 36px; }\r\n  #erg-contact-section .erg-ct-header-right { max-width: 100%; }\r\n  #erg-contact-section .erg-ct-form-col { padding: 36px 28px 40px; }\r\n  #erg-contact-section .erg-ct-row { grid-template-columns: 1fr; }\r\n  #erg-contact-section .erg-ct-map-info { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"erg-contact-section\">\r\n\r\n  <!-- Dekoratif daireler -->\r\n  <div class=\"erg-ct-orb\"><\/div>\r\n  <div class=\"erg-ct-orb2\"><\/div>\r\n\r\n  <!-- BA\u015eLIK -->\r\n  <div class=\"erg-ct-header erg-ct-reveal\">\r\n    <div>\r\n      <div class=\"erg-ct-tag\">\u0130leti\u015fim<\/div>\r\n      <h2 class=\"erg-ct-title\">\r\n        Hemen <span class=\"erg-ct-blue\">Teklif<\/span> Al\u0131n\r\n      <\/h2>\r\n    <\/div>\r\n    <p class=\"erg-ct-header-right\">\r\n      Y\u00fck ta\u015f\u0131ma ihtiya\u00e7lar\u0131n\u0131z i\u00e7in uzman ekibimizle ileti\u015fime ge\u00e7in.\r\n      En k\u0131sa s\u00fcrede size \u00f6zel \u00e7\u00f6z\u00fcm sunal\u0131m.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- KART: FORM + HAR\u0130TA -->\r\n  <div class=\"erg-ct-card-wrap erg-ct-reveal\" style=\"transition-delay:0.1s\">\r\n    <div class=\"erg-ct-grid\">\r\n\r\n      <!-- FORM -->\r\n      <div class=\"erg-ct-form-col\">\r\n        <div class=\"erg-ct-form-title\">Teklif Formu<\/div>\r\n        <div class=\"erg-ct-form-divider\"><\/div>\r\n        <p class=\"erg-ct-form-sub\">Formu doldurun, uzmanlar\u0131m\u0131z en k\u0131sa s\u00fcrede size ula\u015fs\u0131n.<\/p>\r\n\r\n        <div class=\"erg-ct-form\" id=\"erg-ct-form\">\r\n          <div class=\"erg-ct-row\">\r\n            <div class=\"erg-ct-field\">\r\n              <label>Ad Soyad<\/label>\r\n              <input type=\"text\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\">\r\n            <\/div>\r\n            <div class=\"erg-ct-field\">\r\n              <label>Firma Ad\u0131<\/label>\r\n              <input type=\"text\" placeholder=\"Firma Ad\u0131\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"erg-ct-row\">\r\n            <div class=\"erg-ct-field\">\r\n              <label>Telefon<\/label>\r\n              <input type=\"tel\" placeholder=\"+90 5XX XXX XX XX\">\r\n            <\/div>\r\n            <div class=\"erg-ct-field\">\r\n              <label>E-Posta<\/label>\r\n              <input type=\"email\" placeholder=\"ornek@email.com\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"erg-ct-field\">\r\n            <label>Hizmet T\u00fcr\u00fc<\/label>\r\n            <select onchange=\"this.classList.add('erg-sel-active')\">\r\n              <option value=\"\">Se\u00e7iniz...<\/option>\r\n              <option>Yurt \u0130\u00e7i Nakliye<\/option>\r\n              <option>Yurt D\u0131\u015f\u0131 Nakliye<\/option>\r\n              <option>Lowbed \/ A\u011f\u0131r Nakliye<\/option>\r\n              <option>Parsiyel Ta\u015f\u0131mac\u0131l\u0131k<\/option>\r\n              <option>Proje Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131<\/option>\r\n              <option>D\u00f6kme Y\u00fck Ta\u015f\u0131mac\u0131l\u0131\u011f\u0131<\/option>\r\n              <option>Fabrika & Depo Ta\u015f\u0131ma<\/option>\r\n              <option>Depolama & Lojistik<\/option>\r\n              <option>Di\u011fer<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"erg-ct-field\">\r\n            <label>Mesaj\u0131n\u0131z<\/label>\r\n            <textarea placeholder=\"Ta\u015f\u0131ma detaylar\u0131, g\u00fczergah ve y\u00fck bilgilerini payla\u015f\u0131n...\"><\/textarea>\r\n          <\/div>\r\n          <button class=\"erg-ct-submit\" onclick=\"ergSubmitForm()\">\r\n            Teklif Talebi G\u00f6nder\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"erg-ct-success\" id=\"erg-ct-success\">\r\n          <div class=\"erg-ct-success-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Talebiniz Al\u0131nd\u0131!<\/h4>\r\n          <p>En k\u0131sa s\u00fcrede uzman ekibimiz sizinle ileti\u015fime ge\u00e7ecektir.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- HAR\u0130TA -->\r\n      <div class=\"erg-ct-map-col\">\r\n        <div class=\"erg-ct-map-wrap\">\r\n          <!-- Kendi adresinizin embed linkiyle de\u011fi\u015ftirin -->\r\n         <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3051.1320423423517!2d32.59430587651959!3d40.117060773822914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40827628ce206a6f%3A0xc1a04da11a918cbe!2sAnkara%20Yurt%20%C4%B0%C3%A7i%20Lojistik%20Merkezi!5e0!3m2!1str!2str!4v1775908463523!5m2!1str!2str\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\r\n            title=\"ER Grup Lojistik Konum\">\r\n          <\/iframe>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        \r\n        <div class=\"erg-ct-map-info\">\r\n          <div class=\"erg-ct-info-item\">\r\n            <div class=\"erg-ct-info-dot\"><\/div>\r\n            <div>\r\n              <span class=\"erg-ct-info-label\">Adres<\/span>\r\n              <span class=\"erg-ct-info-val\">Ankara Lojistik \u00dcss\u00fc, Fethiye, Kahramankazan\/Ankara<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"erg-ct-info-item\">\r\n            <div class=\"erg-ct-info-dot\"><\/div>\r\n            <div>\r\n              <span class=\"erg-ct-info-label\">Telefon<\/span>\r\n              <a href=\"tel:+905001234567\" class=\"erg-ct-info-val\">+90 507 287 49 91<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"erg-ct-info-item\">\r\n            <div class=\"erg-ct-info-dot\"><\/div>\r\n            <div>\r\n              <span class=\"erg-ct-info-label\">E-Posta<\/span>\r\n              <a href=\"mailto:info@ergrup.com\" class=\"erg-ct-info-val\">info@ergrup.com<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"erg-ct-info-item\">\r\n            <div class=\"erg-ct-info-dot\"><\/div>\r\n            <div>\r\n              <span class=\"erg-ct-info-label\">Hizmet<\/span>\r\n              <span class=\"erg-ct-info-val\">7\/24 A\u00e7\u0131k<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ALT HIZLI \u0130LET\u0130\u015e\u0130M KARTLARI -->\r\n  <div class=\"erg-ct-quick erg-ct-reveal\" style=\"transition-delay:0.2s\">\r\n\r\n    <a href=\"tel:+905001234567\" class=\"erg-ct-quick-card\">\r\n      <div class=\"erg-ct-quick-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.38 2 2 0 0 1 3.6 1.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.76a16 16 0 0 0 6.29 6.29l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"erg-ct-quick-label\">Telefon<\/span>\r\n        <span class=\"erg-ct-quick-val\">+90 500 123 45 67<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"mailto:info@ergrup.com\" class=\"erg-ct-quick-card\">\r\n      <div class=\"erg-ct-quick-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"erg-ct-quick-label\">E-Posta<\/span>\r\n        <span class=\"erg-ct-quick-val\">info@ergrup.com<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <div class=\"erg-ct-quick-card\" style=\"cursor:default\">\r\n      <div class=\"erg-ct-quick-icon\">\r\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"erg-ct-quick-label\">\u00c7al\u0131\u015fma Saatleri<\/span>\r\n        <span class=\"erg-ct-quick-val\">7\/24 Hizmetinizdeyiz<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction ergSubmitForm() {\r\n  document.getElementById('erg-ct-form').style.display = 'none';\r\n  document.getElementById('erg-ct-success').classList.add('erg-show');\r\n}\r\n(function() {\r\n  var els = document.querySelectorAll('#erg-contact-section .erg-ct-reveal');\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('erg-ct-visible');\r\n        obs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.07 });\r\n  els.forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1565df elementor-widget elementor-widget-html\" data-id=\"e1565df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ER GRUP LOJ\u0130ST\u0130K \u2014 FLOATING BUTONLAR -->\r\n<!-- Elementor > HTML Widget \u2192 Sayfada TEK kez ekleyin -->\r\n\r\n<style>\r\n#erg-float-btns {\r\n  position: fixed;\r\n  left: 24px;\r\n  bottom: 32px;\r\n  z-index: 9999;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n\/* Ortak buton stili *\/\r\n#erg-float-btns .erg-fb-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  text-decoration: none;\r\n  border-radius: 50px;\r\n  padding: 0 22px 0 8px;\r\n  height: 58px;\r\n  box-shadow: 0 6px 24px rgba(0,0,0,0.25);\r\n  transition: box-shadow 0.3s, transform 0.3s;\r\n  cursor: pointer;\r\n  border: none;\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.8px;\r\n  color: #fff;\r\n  white-space: nowrap;\r\n  animation: erg-fb-up 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;\r\n  \r\n  \/* Render (boyama) hatalar\u0131n\u0131 \u00f6nlemek i\u00e7in taray\u0131c\u0131y\u0131 zorlayan \u00f6zellikler *\/\r\n  will-change: transform, opacity;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n}\r\n#erg-float-btns .erg-fb-btn:nth-child(2) { animation-delay: 0.10s; }\r\n\r\n#erg-float-btns .erg-fb-btn:hover {\r\n  box-shadow: 0 10px 36px rgba(0,0,0,0.32);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n@keyframes erg-fb-up {\r\n  from { opacity: 0; transform: translateY(40px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u0130kon dairesi *\/\r\n#erg-float-btns .erg-fb-icon {\r\n  width: 42px; height: 42px;\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n  position: relative;\r\n  background: rgba(255,255,255,0.18);\r\n}\r\n#erg-float-btns .erg-fb-icon svg {\r\n  width: 22px; height: 22px;\r\n  fill: #fff;\r\n  transition: transform 0.3s;\r\n}\r\n#erg-float-btns .erg-fb-btn:hover .erg-fb-icon svg {\r\n  transform: scale(1.15);\r\n}\r\n\r\n\/* \u2500\u2500 WhatsApp \u2500\u2500 *\/\r\n#erg-float-btns .erg-fb-wp {\r\n  background-color: #25D366; \/* background yerine background-color yap\u0131ld\u0131 *\/\r\n}\r\n#erg-float-btns .erg-fb-wp:hover {\r\n  background-color: #20c05c;\r\n}\r\n\r\n\/* Nab\u0131z efekti *\/\r\n#erg-float-btns .erg-fb-pulse {\r\n  position: absolute;\r\n  inset: -3px;\r\n  border-radius: 50%;\r\n  background-color: #25D366;\r\n  animation: erg-pulse 2.4s ease-out infinite;\r\n  z-index: -1;\r\n}\r\n@keyframes erg-pulse {\r\n  0%   { transform: scale(1);    opacity: 0.50; }\r\n  70%  { transform: scale(1.75); opacity: 0; }\r\n  100% { transform: scale(1.75); opacity: 0; }\r\n}\r\n\r\n\/* Bildirim noktas\u0131 *\/\r\n#erg-float-btns .erg-fb-badge {\r\n  position: absolute;\r\n  top: -1px; right: -1px;\r\n  width: 11px; height: 11px;\r\n  border-radius: 50%;\r\n  background-color: #ff4757;\r\n  border: 2px solid #25D366;\r\n  animation: erg-blink 2.5s ease-in-out infinite;\r\n}\r\n@keyframes erg-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.25; }\r\n}\r\n\r\n\/* \u2500\u2500 Telefon \u2500\u2500 *\/\r\n#erg-float-btns .erg-fb-tel {\r\n  background-color: #1e5cbf; \/* Gradient \u00f6ncesi yedek d\u00fcz renk *\/\r\n  background-image: linear-gradient(135deg, #0f1f4e 0%, #1e5cbf 100%);\r\n  box-shadow: 0 6px 24px rgba(15,31,78,0.40);\r\n}\r\n#erg-float-btns .erg-fb-tel:hover {\r\n  box-shadow: 0 10px 36px rgba(15,31,78,0.55);\r\n}\r\n\r\n\/* Zil animasyonu *\/\r\n#erg-float-btns .erg-fb-tel .erg-fb-icon svg {\r\n  animation: erg-ring 3.5s ease-in-out infinite;\r\n}\r\n@keyframes erg-ring {\r\n  0%,  75%, 100% { transform: rotate(0deg) scale(1); }\r\n  77%  { transform: rotate(-16deg) scale(1.1); }\r\n  81%  { transform: rotate(14deg) scale(1.1); }\r\n  85%  { transform: rotate(-10deg) scale(1.05); }\r\n  89%  { transform: rotate(8deg) scale(1.05); }\r\n  93%  { transform: rotate(-4deg); }\r\n}\r\n\r\n\/* Mobil *\/\r\n@media (max-width: 560px) {\r\n  #erg-float-btns { left: 12px; bottom: 20px; gap: 10px; }\r\n  #erg-float-btns .erg-fb-btn { height: 50px; padding: 0 16px 0 6px; font-size: 13px; }\r\n  #erg-float-btns .erg-fb-icon { width: 36px; height: 36px; }\r\n  #erg-float-btns .erg-fb-icon svg { width: 18px; height: 18px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"erg-float-btns\">\r\n\r\n  <!-- WhatsApp -->\r\n  <a\r\n    class=\"erg-fb-btn erg-fb-wp\"\r\n    href=\"https:\/\/wa.me\/905072874991?text=Merhaba%2C%20lojistik%20hizmetleriniz%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum.\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"WhatsApp ile ileti\u015fim\"\r\n  >\r\n    <div class=\"erg-fb-icon\">\r\n      <div class=\"erg-fb-pulse\"><\/div>\r\n      <div class=\"erg-fb-badge\"><\/div>\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n    <\/div>\r\n    WhatsApp\r\n  <\/a>\r\n\r\n  <!-- Telefon -->\r\n  <a\r\n    class=\"erg-fb-btn erg-fb-tel\"\r\n    href=\"tel:+905072874991\"\r\n    aria-label=\"Telefon ile ara\"\r\n  >\r\n    <div class=\"erg-fb-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n    <\/div>\r\n    Hemen Ara\r\n  <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\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>T\u00fcrkiye Geneli Lojistik \u00c7\u00f6z\u00fcmleri G\u00fcvenli H\u0131zl\u0131 G\u00fc\u00e7l\u00fc ER Grup Lojistik olarak; yurt i\u00e7i ve yurt d\u0131\u015f\u0131 ta\u015f\u0131mac\u0131l\u0131k, depolama ve tedarik [&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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":74,"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/www.ergruplojistik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}