{"id":12,"date":"2022-11-05T09:02:40","date_gmt":"2022-11-05T09:02:40","guid":{"rendered":"http:\/\/sarmedya.com\/wp\/?page_id=12"},"modified":"2025-09-26T23:15:07","modified_gmt":"2025-09-26T23:15:07","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/sarmedya.com\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc715de elementor-section-full_width elementor-section-height-min-height elementor-section-items-top elementor-section-height-default\" data-id=\"fc715de\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee83fed\" data-id=\"ee83fed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e0cb8a elementor-widget elementor-widget-wp-widget-rev-slider-widget\" data-id=\"1e0cb8a\" data-element_type=\"widget\" data-widget_type=\"wp-widget-rev-slider-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css?family=Montserrat:400%2C700%2C500\" rel=\"stylesheet\" property=\"stylesheet\" type=\"text\/css\" media=\"all\">\n<div id=\"rev_slider_1_1_wrapper\" class=\"rev_slider_wrapper fullwidthbanner-container\" data-source=\"gallery\" style=\"margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;\">\n<!-- START REVOLUTION SLIDER 5.4.8 auto mode -->\n\t<div id=\"rev_slider_1_1\" class=\"rev_slider fullwidthabanner\" style=\"display:none;\" data-version=\"5.4.8\">\n<ul>\t<!-- SLIDE  -->\n\t<li data-index=\"rs-1\" data-transition=\"fade\" data-slotamount=\"default\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-thumb=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-22_56_28-100x50.png\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-22_56_28.png\"  alt=\"\" title=\"ChatGPT Image 23 Nis 2025 22_56_28\"  width=\"1536\" height=\"1024\" data-bgposition=\"center top\" data-bgfit=\"100% 60%\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\n\t\t<!-- LAYER NR. 1 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-1-layer-3\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-163','-163','-163','-208']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 5; white-space: nowrap; font-size: 45px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Dijital D\u00fcnyada <\/div>\n\n\t\t<!-- LAYER NR. 2 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-1-layer-4\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-116','-116','-116','-158']\" \n\t\t\t\t\t\tdata-fontsize=\"['75','75','75','50']\"\n\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 6; white-space: nowrap; font-size: 75px; line-height: 22px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Fark Yarat\u0131n <\/div>\n\n\t\t<!-- LAYER NR. 3 -->\n\t\t<div class=\"tp-caption rev-btn rev-hiddenicon\" \n\t\t\t id=\"slide-1-layer-5\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['471','471','471','246']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"button\" \n\t\t\tdata-actions='[{\"event\":\"click\",\"action\":\"simplelink\",\"target\":\"_self\",\"url\":\"http:\\\/\\\/sarmedya.com\\\/wp\\\/?page_id=317\",\"delay\":\"\"}]'\n\t\t\tdata-responsive_offset=\"on\" \n\t\t\tdata-responsive=\"off\"\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"},{\"frame\":\"hover\",\"speed\":\"0\",\"ease\":\"Linear.easeNone\",\"to\":\"o:1;rX:0;rY:0;rZ:0;z:0;\",\"style\":\"c:rgb(255,255,255);bg:rgb(0,178,228);bs:solid;bw:0 0 0 0;\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[7,7,7,7]\"\n\t\t\tdata-paddingright=\"[20,20,20,20]\"\n\t\t\tdata-paddingbottom=\"[7,7,7,7]\"\n\t\t\tdata-paddingleft=\"[20,20,20,20]\"\n\n\t\t\tstyle=\"z-index: 7; white-space: nowrap; font-size: 12px; line-height: 12px; font-weight: 500; color: rgba(255,255,255,1); letter-spacing: px;font-family:Montserrat;background-color:rgba(70,85,104,0.75);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;\">Sargut Medya \u0130leti\u015fim <i class=\"fa-icon-chevron-right\"><\/i> <\/div>\n\n\t\t<!-- LAYER NR. 4 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-1-layer-6\" \n\t\t\t data-x=\"['right','right','right','center']\" data-hoffset=\"['-328','-328','-328','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['-500','-500','-500','291']\" \n\t\t\t\t\t\tdata-fontweight=\"['700','700','700','500']\"\n\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"image\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":1500,\"frame\":\"0\",\"from\":\"x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 8;cursor:pointer;\"><img decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/Adsiz-tasaGBFRDCGrim.svg\" alt=\"\" data-ww=\"['1837px','1837px','1837px','306px']\" data-hh=\"['1993px','1993px','1993px','330px']\" width=\"\" height=\"\" data-no-retina> <\/div>\n\t<\/li>\n\t<!-- SLIDE  -->\n\t<li data-index=\"rs-2\" data-transition=\"fade\" data-slotamount=\"default\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-link=\"http:\/\/sarmedya.com\/cam-gergi-cubuklari\/\"   data-thumb=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-22_56_28-100x50.png\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-22_56_28.png\"  alt=\"\" title=\"ChatGPT Image 23 Nis 2025 22_56_28\"  width=\"1536\" height=\"1024\" data-bgposition=\"center top\" data-bgfit=\"100% 60%\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\n\t\t<!-- LAYER NR. 5 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-2-layer-3\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['144','144','144','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-159','-159','-159','-208']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 5; white-space: nowrap; font-size: 45px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Sar Medya AI <\/div>\n\n\t\t<!-- LAYER NR. 6 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-2-layer-4\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['143','143','143','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-72','-72','-72','-158']\" \n\t\t\t\t\t\tdata-fontsize=\"['75','75','75','50']\"\n\t\t\tdata-width=\"['972','972','972','none']\"\n\t\t\tdata-height=\"['98','98','98','none']\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 6; min-width: 972px; max-width: 972px; max-width: 98px; max-width: 98px; white-space: nowrap; font-size: 75px; line-height: 22px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Veriye Dayal\u0131 Ak\u0131ll\u0131 B\u00fcy\u00fcme <\/div>\n\n\t\t<!-- LAYER NR. 7 -->\n\t\t<div class=\"tp-caption rev-btn rev-hiddenicon\" \n\t\t\t id=\"slide-2-layer-5\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['145','145','145','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['483','483','483','246']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"button\" \n\t\t\tdata-responsive_offset=\"on\" \n\t\t\tdata-responsive=\"off\"\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"},{\"frame\":\"hover\",\"speed\":\"0\",\"ease\":\"Linear.easeNone\",\"to\":\"o:1;rX:0;rY:0;rZ:0;z:0;\",\"style\":\"c:rgb(255,255,255);bg:rgb(0,178,228);bs:solid;bw:0 0 0 0;\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[7,7,7,7]\"\n\t\t\tdata-paddingright=\"[20,20,20,20]\"\n\t\t\tdata-paddingbottom=\"[7,7,7,7]\"\n\t\t\tdata-paddingleft=\"[20,20,20,20]\"\n\n\t\t\tstyle=\"z-index: 7; white-space: nowrap; font-size: 12px; line-height: 12px; font-weight: 500; color: rgba(255,255,255,1); letter-spacing: px;font-family:Montserrat;background-color:rgba(70,85,104,0.75);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;\">ileti\u015fime ge\u00e7 <i class=\"fa-icon-chevron-right\"><\/i> <\/div>\n\n\t\t<!-- LAYER NR. 8 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-2-layer-6\" \n\t\t\t data-x=\"['right','right','right','center']\" data-hoffset=\"['-356','-356','-356','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['-144','-144','-144','291']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"image\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":1500,\"frame\":\"0\",\"from\":\"x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 8;cursor:pointer;\"><img decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/The-fJGTHRTuture-of-technology.svg\" alt=\"\" data-ww=\"['1273px','1273px','1273px','306px']\" data-hh=\"['1373px','1373px','1373px','330px']\" width=\"\" height=\"\" data-no-retina> <\/div>\n\t<\/li>\n\t<!-- SLIDE  -->\n\t<li data-index=\"rs-3\" data-transition=\"fade\" data-slotamount=\"default\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-link=\"http:\/\/sarmedya.com\/cam-kapi-kollari-havluluklar\/\"   data-thumb=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-23_58_59-100x50.png\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-23_58_59.png\"  alt=\"\" title=\"ChatGPT Image 23 Nis 2025 23_58_59\"  width=\"1024\" height=\"1024\" data-bgposition=\"center top\" data-bgfit=\"100% 60%\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\n\t\t<!-- LAYER NR. 9 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-3-layer-3\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-163','-163','-163','-208']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":10,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 5; white-space: nowrap; font-size: 45px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Reklamlarla <\/div>\n\n\t\t<!-- LAYER NR. 10 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-3-layer-4\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-115','-115','-115','-158']\" \n\t\t\t\t\t\tdata-fontsize=\"['75','75','75','50']\"\n\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":10,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 6; white-space: nowrap; font-size: 75px; line-height: 22px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Y\u00fckseli\u015fe Haz\u0131r olun <\/div>\n\n\t\t<!-- LAYER NR. 11 -->\n\t\t<div class=\"tp-caption rev-btn rev-hiddenicon\" \n\t\t\t id=\"slide-3-layer-5\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['328','328','328','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['483','483','483','246']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"button\" \n\t\t\tdata-responsive_offset=\"on\" \n\t\t\tdata-responsive=\"off\"\n\t\t\tdata-frames='[{\"delay\":10,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"},{\"frame\":\"hover\",\"speed\":\"0\",\"ease\":\"Linear.easeNone\",\"to\":\"o:1;rX:0;rY:0;rZ:0;z:0;\",\"style\":\"c:rgb(255,255,255);bg:rgb(0,178,228);bs:solid;bw:0 0 0 0;\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[7,7,7,7]\"\n\t\t\tdata-paddingright=\"[20,20,20,20]\"\n\t\t\tdata-paddingbottom=\"[7,7,7,7]\"\n\t\t\tdata-paddingleft=\"[20,20,20,20]\"\n\n\t\t\tstyle=\"z-index: 7; white-space: nowrap; font-size: 12px; line-height: 12px; font-weight: 500; color: rgba(255,255,255,1); letter-spacing: px;font-family:Montserrat;background-color:rgba(70,85,104,0.75);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;\">Reklam Paketini \u0130ncele <i class=\"fa-icon-chevron-right\"><\/i> <\/div>\n\n\t\t<!-- LAYER NR. 12 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-3-layer-6\" \n\t\t\t data-x=\"['right','right','right','center']\" data-hoffset=\"['-539','-539','-539','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['-310','-310','-310','291']\" \n\t\t\t\t\t\tdata-fontweight=\"['700','700','700','500']\"\n\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"image\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":10,\"speed\":1500,\"frame\":\"0\",\"from\":\"x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 8;cursor:pointer;\"><img decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/The-futurehtght-of-technology.svg\" alt=\"\" data-ww=\"['1505px','1505px','1505px','306px']\" data-hh=\"['1623px','1623px','1623px','330px']\" width=\"\" height=\"\" data-no-retina> <\/div>\n\t<\/li>\n\t<!-- SLIDE  -->\n\t<li data-index=\"rs-4\" data-transition=\"fade\" data-slotamount=\"default\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-link=\"http:\/\/sarmedya.com\/pvd-kaplama-2\/\"   data-thumb=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-23_58_59-1-100x50.png\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-Nis-2025-23_58_59-1.png\"  alt=\"\" title=\"ChatGPT Image 23 Nis 2025 23_58_59\"  width=\"1024\" height=\"1024\" data-bgposition=\"center top\" data-bgfit=\"100% 60%\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\n\t\t<!-- LAYER NR. 13 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-4-layer-4\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['middle','middle','middle','middle']\" data-voffset=\"['-135','-135','-135','-158']\" \n\t\t\t\t\t\tdata-fontsize=\"['75','75','75','50']\"\n\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"text\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 5; white-space: nowrap; font-size: 75px; line-height: 22px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;cursor:pointer;\">Detayl\u0131 Bilgi \u0130\u00e7in <\/div>\n\n\t\t<!-- LAYER NR. 14 -->\n\t\t<div class=\"tp-caption rev-btn rev-hiddenicon\" \n\t\t\t id=\"slide-4-layer-5\" \n\t\t\t data-x=\"['left','left','left','center']\" data-hoffset=\"['330','330','330','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['471','471','471','246']\" \n\t\t\t\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"button\" \n\t\t\tdata-responsive_offset=\"on\" \n\t\t\tdata-responsive=\"off\"\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":300,\"frame\":\"0\",\"from\":\"opacity:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"},{\"frame\":\"hover\",\"speed\":\"0\",\"ease\":\"Linear.easeNone\",\"to\":\"o:1;rX:0;rY:0;rZ:0;z:0;\",\"style\":\"c:rgb(255,255,255);bg:rgb(0,178,228);bs:solid;bw:0 0 0 0;\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[7,7,7,7]\"\n\t\t\tdata-paddingright=\"[20,20,20,20]\"\n\t\t\tdata-paddingbottom=\"[7,7,7,7]\"\n\t\t\tdata-paddingleft=\"[20,20,20,20]\"\n\n\t\t\tstyle=\"z-index: 6; white-space: nowrap; font-size: 12px; line-height: 12px; font-weight: 500; color: rgba(255,255,255,1); letter-spacing: px;font-family:Montserrat;background-color:rgba(70,85,104,0.75);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;\">\u0130LET\u0130\u015e\u0130M <i class=\"fa-icon-chevron-right\"><\/i> <\/div>\n\n\t\t<!-- LAYER NR. 15 -->\n\t\t<div class=\"tp-caption   tp-resizeme\" \n\t\t\t id=\"slide-4-layer-6\" \n\t\t\t data-x=\"['right','right','right','center']\" data-hoffset=\"['143','143','143','0']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['116','116','116','291']\" \n\t\t\t\t\t\tdata-fontweight=\"['700','700','700','500']\"\n\t\t\tdata-width=\"none\"\n\t\t\tdata-height=\"none\"\n\t\t\tdata-whitespace=\"nowrap\"\n \n\t\t\tdata-type=\"image\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\tdata-frames='[{\"delay\":0,\"speed\":1500,\"frame\":\"0\",\"from\":\"x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;\",\"to\":\"o:1;\",\"ease\":\"Power3.easeInOut\"},{\"delay\":\"wait\",\"speed\":300,\"frame\":\"999\",\"to\":\"opacity:0;\",\"ease\":\"Power3.easeInOut\"}]'\n\t\t\tdata-textalign=\"['inherit','inherit','inherit','inherit']\"\n\t\t\tdata-paddingtop=\"[0,0,0,0]\"\n\t\t\tdata-paddingright=\"[0,0,0,0]\"\n\t\t\tdata-paddingbottom=\"[0,0,0,0]\"\n\t\t\tdata-paddingleft=\"[0,0,0,0]\"\n\n\t\t\tstyle=\"z-index: 7;cursor:pointer;\"><img decoding=\"async\" src=\"https:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/Adsiz-tfdwafdwaasarim.svg\" alt=\"\" data-ww=\"['751px','751px','751px','306px']\" data-hh=\"['810px','810px','810px','330px']\" width=\"\" height=\"\" data-no-retina> <\/div>\n\t<\/li>\n<\/ul>\n<script>var htmlDiv = document.getElementById(\"rs-plugin-settings-inline-css\"); var htmlDivCss=\"\";\r\n\t\t\t\t\t\tif(htmlDiv) {\r\n\t\t\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\r\n\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\tvar htmlDiv = document.createElement(\"div\");\r\n\t\t\t\t\t\t\thtmlDiv.innerHTML = \"<style>\" + htmlDivCss + \"<\/style>\";\r\n\t\t\t\t\t\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(htmlDiv.childNodes[0]);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t<\/script>\n<div class=\"tp-bannertimer tp-bottom\" style=\"visibility: hidden !important;\"><\/div>\t<\/div>\n<script>var htmlDiv = document.getElementById(\"rs-plugin-settings-inline-css\"); var htmlDivCss=\"\";\r\n\t\t\t\tif(htmlDiv) {\r\n\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\r\n\t\t\t\t}else{\r\n\t\t\t\t\tvar htmlDiv = document.createElement(\"div\");\r\n\t\t\t\t\thtmlDiv.innerHTML = \"<style>\" + htmlDivCss + \"<\/style>\";\r\n\t\t\t\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(htmlDiv.childNodes[0]);\r\n\t\t\t\t}\r\n\t\t\t<\/script>\n\t\t<script type=\"text\/javascript\">\r\nif (setREVStartSize!==undefined) setREVStartSize(\r\n\t{c: '#rev_slider_1_1', responsiveLevels: [1240,1240,1240,480], gridwidth: [1920,1920,1920,480], gridheight: [1080,1080,1080,720], sliderLayout: 'auto'});\r\n\t\t\t\r\nvar revapi1,\r\n\ttpj;\t\r\n(function() {\t\t\t\r\n\tif (!\/loaded|interactive|complete\/.test(document.readyState)) document.addEventListener(\"DOMContentLoaded\",onLoad); else onLoad();\t\r\n\tfunction onLoad() {\t\t\t\t\r\n\t\tif (tpj===undefined) { tpj = jQuery; if(\"off\" == \"on\") tpj.noConflict();}\r\n\tif(tpj(\"#rev_slider_1_1\").revolution == undefined){\n\t\trevslider_showDoubleJqueryError(\"#rev_slider_1_1\");\n\t}else{\n\t\trevapi1 = tpj(\"#rev_slider_1_1\").show().revolution({\n\t\t\tsliderType:\"standard\",\n\t\t\tjsFileLocation:\"\/\/sarmedya.com\/wp-content\/plugins\/revslider\/public\/assets\/js\/\",\n\t\t\tsliderLayout:\"auto\",\n\t\t\tdottedOverlay:\"none\",\n\t\t\tdelay:9000,\n\t\t\tnavigation: {\n\t\t\t\tkeyboardNavigation:\"off\",\n\t\t\t\tkeyboard_direction: \"horizontal\",\n\t\t\t\tmouseScrollNavigation:\"off\",\n \t\t\t\t\t\t\tmouseScrollReverse:\"default\",\n\t\t\t\tonHoverStop:\"off\",\n\t\t\t\ttouch:{\n\t\t\t\t\ttouchenabled:\"on\",\n\t\t\t\t\ttouchOnDesktop:\"off\",\n\t\t\t\t\tswipe_threshold: 75,\n\t\t\t\t\tswipe_min_touches: 1,\n\t\t\t\t\tswipe_direction: \"horizontal\",\n\t\t\t\t\tdrag_block_vertical: false\n\t\t\t\t}\n\t\t\t\t,\n\t\t\t\tarrows: {\n\t\t\t\t\tstyle:\"hesperiden\",\n\t\t\t\t\tenable:true,\n\t\t\t\t\thide_onmobile:false,\n\t\t\t\t\thide_onleave:false,\n\t\t\t\t\ttmp:'',\n\t\t\t\t\tleft: {\n\t\t\t\t\t\th_align:\"left\",\n\t\t\t\t\t\tv_align:\"center\",\n\t\t\t\t\t\th_offset:20,\n\t\t\t\t\t\tv_offset:0\n\t\t\t\t\t},\n\t\t\t\t\tright: {\n\t\t\t\t\t\th_align:\"right\",\n\t\t\t\t\t\tv_align:\"center\",\n\t\t\t\t\t\th_offset:20,\n\t\t\t\t\t\tv_offset:0\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tresponsiveLevels:[1240,1240,1240,480],\n\t\t\tvisibilityLevels:[1240,1240,1240,480],\n\t\t\tgridwidth:[1920,1920,1920,480],\n\t\t\tgridheight:[1080,1080,1080,720],\n\t\t\tlazyType:\"none\",\n\t\t\tscrolleffect: {\n\t\t\t\tfade:\"on\",\n\t\t\t},\n\t\t\tshadow:0,\n\t\t\tspinner:\"spinner0\",\n\t\t\tstopLoop:\"off\",\n\t\t\tstopAfterLoops:-1,\n\t\t\tstopAtSlide:-1,\n\t\t\tshuffle:\"off\",\n\t\t\tautoHeight:\"off\",\n\t\t\tdisableProgressBar:\"on\",\n\t\t\thideThumbsOnMobile:\"off\",\n\t\t\thideSliderAtLimit:0,\n\t\t\thideCaptionAtLimit:0,\n\t\t\thideAllCaptionAtLilmit:0,\n\t\t\tdebugMode:false,\n\t\t\tfallbacks: {\n\t\t\t\tsimplifyAll:\"off\",\n\t\t\t\tnextSlideOnWindowFocus:\"off\",\n\t\t\t\tdisableFocusListener:false,\n\t\t\t}\n\t\t});\n\t}; \/* END OF revapi call *\/\n\t\n }; \/* END OF ON LOAD FUNCTION *\/\r\n}()); \/* END OF WRAPPING FUNCTION *\/\r\n<\/script>\r\n\t\t<script>\r\n\t\t\t\t\tvar htmlDivCss = unescape(\".hesperiden.tparrows%20%7B%0A%09cursor%3Apointer%3B%0A%09background%3Argba%280%2C0%2C0%2C0.5%29%3B%0A%09width%3A40px%3B%0A%09height%3A40px%3B%0A%09position%3Aabsolute%3B%0A%09display%3Ablock%3B%0A%09z-index%3A100%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%7D%0A.hesperiden.tparrows%3Ahover%20%7B%0A%09background%3Argba%280%2C%200%2C%200%2C%201%29%3B%0A%7D%0A.hesperiden.tparrows%3Abefore%20%7B%0A%09font-family%3A%20%22revicons%22%3B%0A%09font-size%3A20px%3B%0A%09color%3Argb%28255%2C%20255%2C%20255%29%3B%0A%09display%3Ablock%3B%0A%09line-height%3A%2040px%3B%0A%09text-align%3A%20center%3B%0A%7D%0A.hesperiden.tparrows.tp-leftarrow%3Abefore%20%7B%0A%09content%3A%20%22%5Ce82c%22%3B%0A%20%20%20%20margin-left%3A-3px%3B%0A%7D%0A.hesperiden.tparrows.tp-rightarrow%3Abefore%20%7B%0A%09content%3A%20%22%5Ce82d%22%3B%0A%20%20%20%20margin-right%3A-3px%3B%0A%7D%0A\");\r\n\t\t\t\t\tvar htmlDiv = document.getElementById('rs-plugin-settings-inline-css');\r\n\t\t\t\t\tif(htmlDiv) {\r\n\t\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse{\r\n\t\t\t\t\t\tvar htmlDiv = document.createElement('div');\r\n\t\t\t\t\t\thtmlDiv.innerHTML = '<style>' + htmlDivCss + '<\/style>';\r\n\t\t\t\t\t\tdocument.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);\r\n\t\t\t\t\t}\r\n\t\t\t\t  <\/script>\r\n\t\t\t\t<\/div><!-- END REVOLUTION SLIDER -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-202743c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"202743c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b44be96\" data-id=\"b44be96\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c11f983 elementor-widget elementor-widget-html\" data-id=\"c11f983\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Sar Medya - Anasayfa<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Arial', sans-serif;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .sarmedya-homepage {\r\n            position: relative;\r\n        }\r\n\r\n        \/* Floating Elements for Animation *\/\r\n        .floating-decorative {\r\n            position: fixed;\r\n            pointer-events: none;\r\n            z-index: 10;\r\n            opacity: 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .star-particle {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #f39c12;\r\n            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\r\n            animation: sparkle 2s ease-in-out infinite;\r\n        }\r\n\r\n        .circle-particle {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #3498db;\r\n            border-radius: 50%;\r\n            animation: float 3s ease-in-out infinite;\r\n        }\r\n\r\n        .triangle-particle {\r\n            width: 0;\r\n            height: 0;\r\n            border-left: 4px solid transparent;\r\n            border-right: 4px solid transparent;\r\n            border-bottom: 8px solid #e74c3c;\r\n            animation: rotate 4s linear infinite;\r\n        }\r\n\r\n        @keyframes sparkle {\r\n            0%, 100% { opacity: 0.3; transform: scale(1); }\r\n            50% { opacity: 1; transform: scale(1.2); }\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n\r\n        @keyframes rotate {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        \/* Enhanced Underline Animation *\/\r\n        .animated-underline {\r\n            position: relative;\r\n            transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n            transform-origin: center;\r\n        }\r\n\r\n        .animated-underline.dancing {\r\n            animation: dancingLine 2s ease-in-out;\r\n        }\r\n\r\n        @keyframes dancingLine {\r\n            0% { \r\n                transform: translateX(0) translateY(0) rotate(0deg) scale(1);\r\n                opacity: 1;\r\n            }\r\n            20% { \r\n                transform: translateX(200px) translateY(-50px) rotate(45deg) scale(0.8);\r\n                opacity: 0.7;\r\n            }\r\n            40% { \r\n                transform: translateX(-150px) translateY(30px) rotate(-30deg) scale(1.2);\r\n                opacity: 0.5;\r\n            }\r\n            60% { \r\n                transform: translateX(100px) translateY(-80px) rotate(90deg) scale(0.6);\r\n                opacity: 0.3;\r\n            }\r\n            80% { \r\n                transform: translateX(-50px) translateY(20px) rotate(-45deg) scale(1.1);\r\n                opacity: 0.6;\r\n            }\r\n            100% { \r\n                transform: translateX(0) translateY(0) rotate(0deg) scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Service Card Floating Animation *\/\r\n        .service-card.float-animate {\r\n            animation: cardFloat 3s ease-in-out;\r\n        }\r\n\r\n        @keyframes cardFloat {\r\n            0% { transform: translateY(0) rotate(0deg); }\r\n            25% { transform: translateY(-20px) rotate(2deg); }\r\n            50% { transform: translateY(-30px) rotate(-1deg); }\r\n            75% { transform: translateY(-15px) rotate(1deg); }\r\n            100% { transform: translateY(0) rotate(0deg); }\r\n        }\r\n\r\n        \/* Package Icon Dancing *\/\r\n        .package-icon.dance {\r\n            animation: iconDance 2.5s ease-in-out;\r\n        }\r\n\r\n        @keyframes iconDance {\r\n            0% { transform: translateX(0) translateY(0) rotate(0deg) scale(1); }\r\n            20% { transform: translateX(50px) translateY(-30px) rotate(180deg) scale(0.8); }\r\n            40% { transform: translateX(-40px) translateY(20px) rotate(-90deg) scale(1.2); }\r\n            60% { transform: translateX(30px) translateY(-40px) rotate(270deg) scale(0.9); }\r\n            80% { transform: translateX(-20px) translateY(10px) rotate(45deg) scale(1.1); }\r\n            100% { transform: translateX(0) translateY(0) rotate(0deg) scale(1); }\r\n        }\r\n\r\n        \/* Stats Counter Animation *\/\r\n        .stat-card.bounce {\r\n            animation: statBounce 2s ease-in-out;\r\n        }\r\n\r\n        @keyframes statBounce {\r\n            0% { transform: translateY(0) scale(1); }\r\n            25% { transform: translateY(-50px) scale(1.1); }\r\n            50% { transform: translateY(-80px) scale(0.9); }\r\n            75% { transform: translateY(-30px) scale(1.05); }\r\n            100% { transform: translateY(0) scale(1); }\r\n        }\r\n\r\n        \/* Timeline Steps Dancing *\/\r\n        .step-circle.orbit {\r\n            animation: stepOrbit 3s ease-in-out;\r\n        }\r\n\r\n        @keyframes stepOrbit {\r\n            0% { transform: translateX(0) translateY(0) rotate(0deg); }\r\n            25% { transform: translateX(60px) translateY(-30px) rotate(90deg); }\r\n            50% { transform: translateX(0) translateY(-60px) rotate(180deg); }\r\n            75% { transform: translateX(-60px) translateY(-30px) rotate(270deg); }\r\n            100% { transform: translateX(0) translateY(0) rotate(360deg); }\r\n        }\r\n\r\n        @keyframes morphFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) rotate(0deg); \r\n                border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n            }\r\n            25% {\r\n                transform: translateY(-15px) rotate(90deg);\r\n                border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\r\n            }\r\n            50% { \r\n                transform: translateY(-25px) rotate(180deg); \r\n                border-radius: 40% 60% 60% 40% \/ 70% 30% 70% 30%;\r\n            }\r\n            75% {\r\n                transform: translateY(-15px) rotate(270deg);\r\n                border-radius: 70% 30% 40% 60% \/ 30% 70% 30% 70%;\r\n            }\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(60px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-60px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInRight {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(60px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        \/* Enhanced Hover Effects *\/\r\n        .service-card:hover {\r\n            transform: translateY(-20px) scale(1.02) !important;\r\n            box-shadow: 0 25px 60px rgba(0,0,0,0.5) !important;\r\n            border-color: rgba(52,73,94,0.6) !important;\r\n        }\r\n\r\n        .service-card:hover .card-glow {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        .service-card:hover .service-icon {\r\n            transform: scale(1.15) rotate(8deg) !important;\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.2) !important;\r\n        }\r\n\r\n        .service-card:hover h3 {\r\n            color: #ffffff !important;\r\n            transform: translateY(-3px) !important;\r\n        }\r\n\r\n        .service-card:hover p {\r\n            color: rgba(255,255,255,0.9) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-15px) scale(1.05) !important;\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.2) !important;\r\n        }\r\n\r\n        .stat-card:hover .stat-glow {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        .stat-card:hover .stat-number {\r\n            transform: scale(1.1) !important;\r\n            color: #1a252f !important;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            transform: translateY(-8px) !important;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;\r\n        }\r\n\r\n        .feature-item:hover .feature-icon {\r\n            transform: scale(1.1) rotate(5deg) !important;\r\n            box-shadow: 0 12px 35px rgba(44,62,80,0.4) !important;\r\n        }\r\n\r\n        .step-circle:hover {\r\n            transform: scale(1.15) rotate(10deg) !important;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6), inset 0 3px 0 rgba(255,255,255,0.2) !important;\r\n        }\r\n\r\n        .process-step:hover h4 {\r\n            color: #ffffff !important;\r\n            transform: translateY(-5px) !important;\r\n        }\r\n\r\n        .process-step:hover p {\r\n            color: rgba(255,255,255,0.9) !important;\r\n            transform: translateY(-3px) !important;\r\n        }\r\n\r\n        .cta-btn.primary:hover {\r\n            transform: translateY(-8px) scale(1.05) !important;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;\r\n            color: #1a252f !important;\r\n        }\r\n\r\n        .cta-btn.primary:hover .btn-glow {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        .cta-btn.secondary:hover {\r\n            transform: translateY(-8px) scale(1.05) !important;\r\n            background: rgba(255,255,255,0.1) !important;\r\n            border-color: rgba(255,255,255,0.6) !important;\r\n            box-shadow: 0 15px 40px rgba(255,255,255,0.1) !important;\r\n        }\r\n\r\n        .cta-btn.secondary:hover .btn-glow {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        \/* Responsive Enhancements *\/\r\n        @media (max-width: 992px) {\r\n            .content-wrapper {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 60px !important;\r\n            }\r\n            \r\n            .process-steps {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 50px !important;\r\n            }\r\n            \r\n            .timeline-line {\r\n                display: none !important;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column !important;\r\n                align-items: center !important;\r\n            }\r\n            \r\n            .services-section h2,\r\n            .why-choose-us h2,\r\n            .process-section h2,\r\n            .cta-section h2 {\r\n                font-size: 2.4rem !important;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .services-section,\r\n            .why-choose-us,\r\n            .process-section,\r\n            .cta-section {\r\n                padding: 90px 0 !important;\r\n            }\r\n            \r\n            .services-section h2,\r\n            .why-choose-us h2,\r\n            .process-section h2,\r\n            .cta-section h2 {\r\n                font-size: 2rem !important;\r\n            }\r\n            \r\n            .stats-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 25px !important;\r\n            }\r\n            \r\n            .feature-item {\r\n                flex-direction: column !important;\r\n                text-align: center !important;\r\n                padding: 20px !important;\r\n            }\r\n            \r\n            .feature-icon {\r\n                margin-right: 0 !important;\r\n                margin-bottom: 20px !important;\r\n            }\r\n            \r\n            .step-circle {\r\n                width: 75px !important;\r\n                height: 75px !important;\r\n                font-size: 1.6rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .service-card {\r\n                padding: 35px 25px !important;\r\n            }\r\n            \r\n            .service-icon {\r\n                width: 70px !important;\r\n                height: 70px !important;\r\n            }\r\n            \r\n            .service-icon svg {\r\n                width: 35px !important;\r\n                height: 35px !important;\r\n            }\r\n            \r\n            .cta-btn {\r\n                padding: 16px 28px !important;\r\n                font-size: 1rem !important;\r\n            }\r\n            \r\n            .stat-card {\r\n                padding: 35px 25px !important;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 2.8rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"sarmedya-homepage\">\r\n        \r\n        <!-- Services Section -->\r\n        <section class=\"services-section\" style=\"padding: 120px 0; background: linear-gradient(135deg, #0f1419 0%, #1a252f 50%, #0f1419 100%); position: relative; overflow: hidden;\">\r\n            <!-- Enhanced Background Animation -->\r\n            <div class=\"bg-animation\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.08; pointer-events: none;\">\r\n                <div class=\"floating-shape\" style=\"position: absolute; top: 15%; left: 8%; width: 120px; height: 120px; background: linear-gradient(45deg, #2a3441, #34495e); border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; animation: morphFloat 8s ease-in-out infinite;\"><\/div>\r\n                <div class=\"floating-shape\" style=\"position: absolute; top: 65%; right: 12%; width: 100px; height: 100px; background: linear-gradient(45deg, #34495e, #2a3441); border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; animation: morphFloat 10s ease-in-out infinite reverse;\"><\/div>\r\n                <div class=\"floating-shape\" style=\"position: absolute; bottom: 25%; left: 15%; width: 90px; height: 90px; background: linear-gradient(45deg, #2c3e50, #34495e); border-radius: 40% 60% 60% 40% \/ 70% 30% 70% 30%; animation: morphFloat 12s ease-in-out infinite;\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2;\">\r\n                <div class=\"section-header\" style=\"text-align: center; margin-bottom: 80px;\">\r\n                    <h2 style=\"font-size: 3rem; font-weight: 700; color: white; margin-bottom: 20px; animation: slideInUp 1s ease-out; text-shadow: 0 4px 8px rgba(0,0,0,0.3);\">Dijital \u00c7\u00f6z\u00fcmlerimiz<\/h2>\r\n                    <p style=\"font-size: 1.3rem; color: rgba(255,255,255,0.85); max-width: 600px; margin: 0 auto; animation: slideInUp 1s ease-out 0.2s both;\">Markan\u0131z\u0131 dijital d\u00fcnyada \u00f6ne \u00e7\u0131karan profesyonel hizmetlerle tan\u0131\u015f\u0131n<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"services-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 35px; margin-top: 60px;\">\r\n                    \r\n                    <!-- Web Tasar\u0131m -->\r\n                    <div class=\"service-card\" style=\"background: linear-gradient(145deg, rgba(42,52,65,0.9), rgba(26,37,47,0.9)); border-radius: 25px; padding: 45px 35px; text-align: center; border: 1px solid rgba(52,73,94,0.3); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(15px); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.3s both; box-shadow: 0 8px 32px rgba(0,0,0,0.3);\">\r\n                        <div class=\"card-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(52,73,94,0.1), transparent); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;\"><\/div>\r\n                        <div class=\"service-icon\" style=\"width: 90px; height: 90px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\">\r\n                            <svg width=\"45\" height=\"45\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z\"\/>\r\n                                <path d=\"M6 10h4v2H6zm6 0h6v2h-6zm-6 4h3v2H6zm5 0h7v2h-7z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Web Tasar\u0131m<\/h3>\r\n                        <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; font-size: 1.05rem; transition: all 0.3s ease;\">Modern, responsive ve SEO uyumlu web siteleri ile dijital varl\u0131\u011f\u0131n\u0131z\u0131 g\u00fc\u00e7lendirin.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- SEO -->\r\n                    <div class=\"service-card\" style=\"background: linear-gradient(145deg, rgba(42,52,65,0.9), rgba(26,37,47,0.9)); border-radius: 25px; padding: 45px 35px; text-align: center; border: 1px solid rgba(52,73,94,0.3); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(15px); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.4s both; box-shadow: 0 8px 32px rgba(0,0,0,0.3);\">\r\n                        <div class=\"card-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(52,73,94,0.1), transparent); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;\"><\/div>\r\n                        <div class=\"service-icon\" style=\"width: 90px; height: 90px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\">\r\n                            <svg width=\"45\" height=\"45\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z\"\/>\r\n                                <path d=\"M11.412 8.586c.379.38.588.882.588 1.414h2a3.977 3.977 0 0 0-1.174-2.828c-1.514-1.512-4.139-1.512-5.652 0l1.412 1.416c.76-.758 2.07-.756 2.826-.002z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">SEO Optimizasyonu<\/h3>\r\n                        <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; font-size: 1.05rem; transition: all 0.3s ease;\">Google'da \u00fcst s\u0131ralarda yer alarak organik trafi\u011finizi art\u0131r\u0131n ve rekabette \u00f6ne ge\u00e7in.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Dijital Reklam -->\r\n                    <div class=\"service-card\" style=\"background: linear-gradient(145deg, rgba(42,52,65,0.9), rgba(26,37,47,0.9)); border-radius: 25px; padding: 45px 35px; text-align: center; border: 1px solid rgba(52,73,94,0.3); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(15px); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.5s both; box-shadow: 0 8px 32px rgba(0,0,0,0.3);\">\r\n                        <div class=\"card-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(52,73,94,0.1), transparent); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;\"><\/div>\r\n                        <div class=\"service-icon\" style=\"width: 90px; height: 90px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\">\r\n                            <svg width=\"45\" height=\"45\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15.5v-3.8l7-7 1.4 1.4-5.6 5.6v3.8h-2.8z\"\/>\r\n                                <path d=\"M17 6.4L15.6 5 9 11.6v1.4h1.4L17 6.4z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Dijital Reklam<\/h3>\r\n                        <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; font-size: 1.05rem; transition: all 0.3s ease;\">Google Ads, Facebook ve Instagram reklamlar\u0131yla hedef kitlenize etkili \u015fekilde ula\u015f\u0131n.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Video Prod\u00fcksiyon -->\r\n                    <div class=\"service-card\" style=\"background: linear-gradient(145deg, rgba(42,52,65,0.9), rgba(26,37,47,0.9)); border-radius: 25px; padding: 45px 35px; text-align: center; border: 1px solid rgba(52,73,94,0.3); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(15px); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.6s both; box-shadow: 0 8px 32px rgba(0,0,0,0.3);\">\r\n                        <div class=\"card-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(52,73,94,0.1), transparent); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;\"><\/div>\r\n                        <div class=\"service-icon\" style=\"width: 90px; height: 90px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\">\r\n                            <svg width=\"45\" height=\"45\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M18 7c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-3.333L22 17V7l-4 3.333V7z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Video Prod\u00fcksiyon<\/h3>\r\n                        <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; font-size: 1.05rem; transition: all 0.3s ease;\">Profesyonel video \u00e7ekimi ve post prod\u00fcksiyon ile markan\u0131z\u0131 g\u00f6rsel olarak \u00f6ne \u00e7\u0131kar\u0131n.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Grafik Tasar\u0131m -->\r\n                    <div class=\"service-card\" style=\"background: linear-gradient(145deg, rgba(42,52,65,0.9), rgba(26,37,47,0.9)); border-radius: 25px; padding: 45px 35px; text-align: center; border: 1px solid rgba(52,73,94,0.3); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(15px); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.7s both; box-shadow: 0 8px 32px rgba(0,0,0,0.3);\">\r\n                        <div class=\"card-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(52,73,94,0.1), transparent); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;\"><\/div>\r\n                        <div class=\"service-icon\" style=\"width: 90px; height: 90px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\">\r\n                            <svg width=\"45\" height=\"45\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Grafik Tasar\u0131m<\/h3>\r\n                        <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; font-size: 1.05rem; transition: all 0.3s ease;\">Logo, kurumsal kimlik ve sosyal medya g\u00f6rselleriyle markan\u0131za profesyonel kimlik kazand\u0131r\u0131n.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Sosyal Medya -->\r\n                    <div class=\"service-card\" style=\"background: linear-gradient(145deg, rgba(42,52,65,0.9), rgba(26,37,47,0.9)); border-radius: 25px; padding: 45px 35px; text-align: center; border: 1px solid rgba(52,73,94,0.3); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(15px); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.8s both; box-shadow: 0 8px 32px rgba(0,0,0,0.3);\">\r\n                        <div class=\"card-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(52,73,94,0.1), transparent); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;\"><\/div>\r\n                        <div class=\"service-icon\" style=\"width: 90px; height: 90px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 8px 25px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\">\r\n                            <svg width=\"45\" height=\"45\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM8.339 18.337H5.667v-8.59h2.672v8.59zM7.003 8.574a1.548 1.548 0 1 1 0-3.096 1.548 1.548 0 0 1 0 3.096zm11.335 9.763h-2.669V14.16c0-.996-.018-2.277-1.388-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248h-2.667v-8.59h2.56v1.174h.037c.355-.675 1.227-1.387 2.524-1.387 2.704 0 3.203 1.778 3.203 4.092v4.71z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.6rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Sosyal Medya<\/h3>\r\n                        <p style=\"color: rgba(255,255,255,0.75); line-height: 1.7; font-size: 1.05rem; transition: all 0.3s ease;\">\u0130\u00e7erik \u00fcretimi ve sosyal medya y\u00f6netimi ile dijital toplulu\u011funuzu b\u00fcy\u00fct\u00fcn.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Featured Packages Section -->\r\n        <section class=\"featured-packages\" style=\"padding: 130px 0; background: linear-gradient(135deg, #f1f3f4 0%, #e9ecef 50%, #f8f9fa 100%); position: relative;\">\r\n            <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n                <div class=\"section-header\" style=\"text-align: center; margin-bottom: 80px;\">\r\n                    <h2 style=\"font-size: 3rem; font-weight: 700; color: #0f1419; margin-bottom: 25px; animation: slideInUp 1s ease-out; position: relative;\">\r\n                        Paket Hizmetlerimiz\r\n                        <div class=\"animated-underline\" style=\"position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background: linear-gradient(90deg, #2c3e50, #34495e); border-radius: 2px;\"><\/div>\r\n                    <\/h2>\r\n                    <p style=\"font-size: 1.3rem; color: #5a6c7d; max-width: 700px; margin: 0 auto; animation: slideInUp 1s ease-out 0.2s both; line-height: 1.6;\">Size \u00f6zel haz\u0131rlanm\u0131\u015f profesyonel paket \u00e7\u00f6z\u00fcmlerimizi ke\u015ffedin<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"packages-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; margin-top: 60px;\">\r\n                    \r\n                    <!-- Photography Package -->\r\n                    <div class=\"package-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); border-radius: 25px; padding: 45px 40px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.3s both;\">\r\n                        <div class=\"package-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                        <div class=\"package-icon\" style=\"width: 100px; height: 100px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 30px; display: flex; align-items: center; justify-content: center; margin: 0 auto 35px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 15px 35px rgba(44,62,80,0.3), inset 0 2px 0 rgba(255,255,255,0.1); position: relative; z-index: 2;\">\r\n                            <svg width=\"50\" height=\"50\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-1.5c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5S8.5 10.57 8.5 12.5s1.57 3.5 3.5 3.5z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.8rem; font-weight: 600; color: #0f1419; margin-bottom: 20px; transition: all 0.3s ease; position: relative; z-index: 2;\">Foto\u011fraf \u00c7ekim Paketleri<\/h3>\r\n                        <p style=\"color: #5a6c7d; line-height: 1.7; font-size: 1.1rem; margin-bottom: 35px; transition: all 0.3s ease; position: relative; z-index: 2;\">Profesyonel foto\u011fraf \u00e7ekimi hizmetlerimiz ile markan\u0131z\u0131 g\u00f6rsel olarak g\u00fc\u00e7lendirin. \u00dcr\u00fcn, kurumsal ve etkinlik foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131.<\/p>\r\n                        <a href=\"https:\/\/sarmedya.com\/en\/fotograf-cekim-paketleri\/\" class=\"package-btn\" style=\"display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #2c3e50, #34495e); color: white; padding: 16px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.05rem; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 8px 25px rgba(44,62,80,0.3); position: relative; overflow: hidden; z-index: 2;\">\r\n                            <span style=\"position: relative; z-index: 2;\">Paketleri \u0130ncele<\/span>\r\n                            <div class=\"btn-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 24 24\" style=\"margin-left: 10px; transition: transform 0.3s ease; position: relative; z-index: 2;\">\r\n                                <path d=\"M16.01 11H4v2h12.01v3L20 12l-3.99-4v3z\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <!-- Design & Advertising Package -->\r\n                    <div class=\"package-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); border-radius: 25px; padding: 45px 40px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.4s both;\">\r\n                        <div class=\"package-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                        <div class=\"package-icon\" style=\"width: 100px; height: 100px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 30px; display: flex; align-items: center; justify-content: center; margin: 0 auto 35px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 15px 35px rgba(44,62,80,0.3), inset 0 2px 0 rgba(255,255,255,0.1); position: relative; z-index: 2;\">\r\n                            <svg width=\"50\" height=\"50\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                                <path d=\"M9 11h6v2H9z\"\/>\r\n                                <path d=\"M11 9h2v6h-2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.8rem; font-weight: 600; color: #0f1419; margin-bottom: 20px; transition: all 0.3s ease; position: relative; z-index: 2;\">Tasar\u0131m & Reklam<\/h3>\r\n                        <p style=\"color: #5a6c7d; line-height: 1.7; font-size: 1.1rem; margin-bottom: 35px; transition: all 0.3s ease; position: relative; z-index: 2;\">Yarat\u0131c\u0131 tasar\u0131m ve etkili reklam \u00e7\u00f6z\u00fcmleri ile markan\u0131z\u0131n g\u00f6rsel kimli\u011fini olu\u015fturun. Logo, katalog, bro\u015f\u00fcr ve reklam tasar\u0131mlar\u0131.<\/p>\r\n                        <a href=\"https:\/\/sarmedya.com\/en\/tasarimreklam\/\" class=\"package-btn\" style=\"display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #2c3e50, #34495e); color: white; padding: 16px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.05rem; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 8px 25px rgba(44,62,80,0.3); position: relative; overflow: hidden; z-index: 2;\">\r\n                            <span style=\"position: relative; z-index: 2;\">Hizmetleri G\u00f6r<\/span>\r\n                            <div class=\"btn-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 24 24\" style=\"margin-left: 10px; transition: transform 0.3s ease; position: relative; z-index: 2;\">\r\n                                <path d=\"M16.01 11H4v2h12.01v3L20 12l-3.99-4v3z\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <!-- Advertising Packages -->\r\n                    <div class=\"package-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); border-radius: 25px; padding: 45px 40px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden; animation: slideInUp 1s ease-out 0.5s both;\">\r\n                        <div class=\"package-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                        <div class=\"package-icon\" style=\"width: 100px; height: 100px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 30px; display: flex; align-items: center; justify-content: center; margin: 0 auto 35px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); box-shadow: 0 15px 35px rgba(44,62,80,0.3), inset 0 2px 0 rgba(255,255,255,0.1); position: relative; z-index: 2;\">\r\n                            <svg width=\"50\" height=\"50\" fill=\"white\" viewbox=\"0 0 24 24\" style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\">\r\n                                <path d=\"M18.5 4l1.16 4.35-.96.26c-.45-.87-.77-1.14-1.58-1.14H13.5c-1.5 0-2 1-2 2.5V16c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-2.5c0-.55-.45-1-1-1h-1.5v-2h3.5c.55 0 1 .45 1 1v5c0 1.65-1.35 3-3 3h-4c-1.65 0-3-1.35-3-3V9.5c0-2.48 2.02-4.5 4.5-4.5h6z\"\/>\r\n                                <path d=\"M2 12h3l2 2 2-4 2 2 2-4 2 2h3\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 style=\"font-size: 1.8rem; font-weight: 600; color: #0f1419; margin-bottom: 20px; transition: all 0.3s ease; position: relative; z-index: 2;\">Reklam Paketleri<\/h3>\r\n                        <p style=\"color: #5a6c7d; line-height: 1.7; font-size: 1.1rem; margin-bottom: 35px; transition: all 0.3s ease; position: relative; z-index: 2;\">Google Ads, Facebook ve Instagram reklam y\u00f6netimi paketleri. Hedef kitlenize ula\u015f\u0131n ve sat\u0131\u015flar\u0131n\u0131z\u0131 art\u0131r\u0131n.<\/p>\r\n                        <a href=\"https:\/\/sarmedya.com\/en\/reklam-paketleri\/\" class=\"package-btn\" style=\"display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #2c3e50, #34495e); color: white; padding: 16px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.05rem; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 8px 25px rgba(44,62,80,0.3); position: relative; overflow: hidden; z-index: 2;\">\r\n                            <span style=\"position: relative; z-index: 2;\">Paketleri Ke\u015ffet<\/span>\r\n                            <div class=\"btn-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 24 24\" style=\"margin-left: 10px; transition: transform 0.3s ease; position: relative; z-index: 2;\">\r\n                                <path d=\"M16.01 11H4v2h12.01v3L20 12l-3.99-4v3z\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Why Choose Us -->\r\n        <section class=\"why-choose-us\" style=\"padding: 130px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f1f3f4 100%); position: relative;\">\r\n            <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n                <div class=\"content-wrapper\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;\">\r\n                    \r\n                    <div class=\"text-content\" style=\"animation: slideInLeft 1s ease-out;\">\r\n                        <h2 style=\"font-size: 3rem; font-weight: 700; color: #0f1419; margin-bottom: 30px; position: relative;\">\r\n                            Neden Sar Medya?\r\n                            <div style=\"position: absolute; bottom: -10px; left: 0; width: 80px; height: 4px; background: linear-gradient(90deg, #2c3e50, #34495e); border-radius: 2px;\"><\/div>\r\n                        <\/h2>\r\n                        <p style=\"font-size: 1.25rem; color: #5a6c7d; margin-bottom: 45px; line-height: 1.7;\">7 y\u0131ll\u0131k deneyimimiz ve 100'den fazla ba\u015far\u0131l\u0131 projeyle dijital d\u00fcnyada fark yarat\u0131yoruz.<\/p>\r\n                        \r\n                        <div class=\"features-list\">\r\n                            <div class=\"feature-item\" style=\"display: flex; align-items: flex-start; margin-bottom: 35px; animation: slideInLeft 1s ease-out 0.2s both; padding: 25px; background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: all 0.4s ease;\">\r\n                                <div class=\"feature-icon\" style=\"width: 65px; height: 65px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 18px; display: flex; align-items: center; justify-content: center; margin-right: 25px; flex-shrink: 0; box-shadow: 0 8px 25px rgba(44,62,80,0.3);\">\r\n                                    <svg width=\"28\" height=\"28\" fill=\"white\" viewbox=\"0 0 24 24\">\r\n                                        <path d=\"m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div style=\"flex: 1;\">\r\n                                    <h4 style=\"font-size: 1.4rem; font-weight: 600; color: #0f1419; margin-bottom: 8px;\">%100 M\u00fc\u015fteri Memnuniyeti<\/h4>\r\n                                    <p style=\"color: #5a6c7d; margin: 0; font-size: 1.05rem; line-height: 1.6;\">Projelerimizde kalite ve zaman\u0131nda teslimat garantisi veriyoruz.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"feature-item\" style=\"display: flex; align-items: flex-start; margin-bottom: 35px; animation: slideInLeft 1s ease-out 0.4s both; padding: 25px; background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: all 0.4s ease;\">\r\n                                <div class=\"feature-icon\" style=\"width: 65px; height: 65px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 18px; display: flex; align-items: center; justify-content: center; margin-right: 25px; flex-shrink: 0; box-shadow: 0 8px 25px rgba(44,62,80,0.3);\">\r\n                                    <svg width=\"28\" height=\"28\" fill=\"white\" viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div style=\"flex: 1;\">\r\n                                    <h4 style=\"font-size: 1.4rem; font-weight: 600; color: #0f1419; margin-bottom: 8px;\">Uzman Ekip<\/h4>\r\n                                    <p style=\"color: #5a6c7d; margin: 0; font-size: 1.05rem; line-height: 1.6;\">Alan\u0131nda deneyimli profesyonellerden olu\u015fan 4 ki\u015filik ekibimiz.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"feature-item\" style=\"display: flex; align-items: flex-start; margin-bottom: 35px; animation: slideInLeft 1s ease-out 0.6s both; padding: 25px; background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: all 0.4s ease;\">\r\n                                <div class=\"feature-icon\" style=\"width: 65px; height: 65px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 18px; display: flex; align-items: center; justify-content: center; margin-right: 25px; flex-shrink: 0; box-shadow: 0 8px 25px rgba(44,62,80,0.3);\">\r\n                                    <svg width=\"28\" height=\"28\" fill=\"white\" viewbox=\"0 0 24 24\">\r\n                                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div style=\"flex: 1;\">\r\n                                    <h4 style=\"font-size: 1.4rem; font-weight: 600; color: #0f1419; margin-bottom: 8px;\">Modern Teknolojiler<\/h4>\r\n                                    <p style=\"color: #5a6c7d; margin: 0; font-size: 1.05rem; line-height: 1.6;\">En g\u00fcncel ara\u00e7lar ve teknolojilerle \u00e7al\u0131\u015f\u0131yoruz.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"stats-content\" style=\"animation: slideInRight 1s ease-out;\">\r\n                        <div class=\"stats-grid\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 35px;\">\r\n                            <div class=\"stat-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); padding: 45px 35px; border-radius: 25px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden;\">\r\n                                <div class=\"stat-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                                <div class=\"stat-number\" style=\"font-size: 3.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 12px; position: relative; z-index: 2;\">7+<\/div>\r\n                                <div class=\"stat-label\" style=\"font-size: 1.15rem; color: #5a6c7d; font-weight: 500; position: relative; z-index: 2;\">Y\u0131ll\u0131k Deneyim<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); padding: 45px 35px; border-radius: 25px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden;\">\r\n                                <div class=\"stat-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                                <div class=\"stat-number\" style=\"font-size: 3.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 12px; position: relative; z-index: 2;\">100+<\/div>\r\n                                <div class=\"stat-label\" style=\"font-size: 1.15rem; color: #5a6c7d; font-weight: 500; position: relative; z-index: 2;\">Mutlu M\u00fc\u015fteri<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); padding: 45px 35px; border-radius: 25px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden;\">\r\n                                <div class=\"stat-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                                <div class=\"stat-number\" style=\"font-size: 3.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 12px; position: relative; z-index: 2;\">250+<\/div>\r\n                                <div class=\"stat-label\" style=\"font-size: 1.15rem; color: #5a6c7d; font-weight: 500; position: relative; z-index: 2;\">Proje<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-card\" style=\"background: linear-gradient(145deg, white, #f8f9fa); padding: 45px 35px; border-radius: 25px; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.12); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(44,62,80,0.1); position: relative; overflow: hidden;\">\r\n                                <div class=\"stat-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.05), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                                <div class=\"stat-number\" style=\"font-size: 3.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 12px; position: relative; z-index: 2;\">4<\/div>\r\n                                <div class=\"stat-label\" style=\"font-size: 1.15rem; color: #5a6c7d; font-weight: 500; position: relative; z-index: 2;\">Uzman<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Process Section -->\r\n        <section class=\"process-section\" style=\"padding: 130px 0; background: linear-gradient(135deg, #0f1419 0%, #1a252f 50%, #0f1419 100%); position: relative; overflow: hidden;\">\r\n            <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n                <div class=\"section-header\" style=\"text-align: center; margin-bottom: 90px;\">\r\n                    <h2 style=\"font-size: 3rem; font-weight: 700; color: white; margin-bottom: 25px; animation: slideInUp 1s ease-out; text-shadow: 0 4px 8px rgba(0,0,0,0.3);\">\u00c7al\u0131\u015fma S\u00fcrecimiz<\/h2>\r\n                    <p style=\"font-size: 1.3rem; color: rgba(255,255,255,0.8); max-width: 600px; margin: 0 auto; animation: slideInUp 1s ease-out 0.2s both;\">5 ad\u0131mda profesyonel dijital \u00e7\u00f6z\u00fcmler<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"process-timeline\" style=\"max-width: 1100px; margin: 0 auto; position: relative;\">\r\n                    <!-- Enhanced Timeline Line -->\r\n                    <div class=\"timeline-line\" style=\"position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #2c3e50, #34495e, #2c3e50); transform: translateY(-50%); z-index: 1; border-radius: 2px; box-shadow: 0 2px 8px rgba(44,62,80,0.3);\"><\/div>\r\n                    \r\n                    <div class=\"process-steps\" style=\"display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; position: relative; z-index: 2;\">\r\n                        \r\n                        <div class=\"process-step\" style=\"text-align: center; animation: slideInUp 1s ease-out 0.3s both;\">\r\n                            <div class=\"step-circle\" style=\"width: 95px; height: 95px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2rem; font-weight: 700; border: 5px solid #0f1419; box-shadow: 0 15px 35px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\">1<\/div>\r\n                            <h4 style=\"font-size: 1.3rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Ke\u015fif<\/h4>\r\n                            <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.6; transition: all 0.3s ease;\">\u0130htiya\u00e7lar\u0131n\u0131z\u0131 detayl\u0131 analiz ediyoruz<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"process-step\" style=\"text-align: center; animation: slideInUp 1s ease-out 0.4s both;\">\r\n                            <div class=\"step-circle\" style=\"width: 95px; height: 95px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2rem; font-weight: 700; border: 5px solid #0f1419; box-shadow: 0 15px 35px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\">2<\/div>\r\n                            <h4 style=\"font-size: 1.3rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Strateji<\/h4>\r\n                            <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.6; transition: all 0.3s ease;\">Size \u00f6zel plan\u0131n\u0131z\u0131 haz\u0131rl\u0131yoruz<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"process-step\" style=\"text-align: center; animation: slideInUp 1s ease-out 0.5s both;\">\r\n                            <div class=\"step-circle\" style=\"width: 95px; height: 95px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2rem; font-weight: 700; border: 5px solid #0f1419; box-shadow: 0 15px 35px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\">3<\/div>\r\n                            <h4 style=\"font-size: 1.3rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Tasar\u0131m<\/h4>\r\n                            <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.6; transition: all 0.3s ease;\">Kreatif \u00e7\u00f6z\u00fcmler \u00fcretiyoruz<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"process-step\" style=\"text-align: center; animation: slideInUp 1s ease-out 0.6s both;\">\r\n                            <div class=\"step-circle\" style=\"width: 95px; height: 95px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2rem; font-weight: 700; border: 5px solid #0f1419; box-shadow: 0 15px 35px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\">4<\/div>\r\n                            <h4 style=\"font-size: 1.3rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Uygulama<\/h4>\r\n                            <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.6; transition: all 0.3s ease;\">Projeyi hayata ge\u00e7iriyoruz<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"process-step\" style=\"text-align: center; animation: slideInUp 1s ease-out 0.7s both;\">\r\n                            <div class=\"step-circle\" style=\"width: 95px; height: 95px; background: linear-gradient(145deg, #2c3e50, #34495e); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2rem; font-weight: 700; border: 5px solid #0f1419; box-shadow: 0 15px 35px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\">5<\/div>\r\n                            <h4 style=\"font-size: 1.3rem; font-weight: 600; color: white; margin-bottom: 18px; transition: all 0.3s ease;\">Takip<\/h4>\r\n                            <p style=\"color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.6; transition: all 0.3s ease;\">Performans\u0131 s\u00fcrekli izliyoruz<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Enhanced CTA Section -->\r\n        <section class=\"cta-section\" style=\"padding: 120px 0; background: linear-gradient(135deg, #2c3e50 0%, #34495e 50%, #2c3e50 100%); position: relative; overflow: hidden;\">\r\n            <div class=\"cta-bg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.08; background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255,255,255,0.05) 0%, transparent 50%);\"><\/div>\r\n            \r\n            <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2;\">\r\n                <div class=\"cta-content\" style=\"text-align: center; animation: slideInUp 1s ease-out;\">\r\n                    <h2 style=\"font-size: 3.2rem; font-weight: 700; color: white; margin-bottom: 30px; text-shadow: 0 4px 8px rgba(0,0,0,0.3); line-height: 1.2;\">Dijital D\u00f6n\u00fc\u015f\u00fcm\u00fcn\u00fcze Ba\u015flay\u0131n<\/h2>\r\n                    <p style=\"font-size: 1.4rem; color: rgba(255,255,255,0.9); margin-bottom: 45px; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.6;\">Markan\u0131z\u0131 dijital d\u00fcnyada \u00f6ne \u00e7\u0131karmak i\u00e7in profesyonel ekibimizle tan\u0131\u015f\u0131n.<\/p>\r\n                    \r\n                    <div class=\"cta-buttons\" style=\"display: flex; gap: 25px; justify-content: center; flex-wrap: wrap;\">\r\n                        <a href=\"#\" class=\"cta-btn primary\" style=\"display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, white, #f8f9fa); color: #2c3e50; padding: 20px 40px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.15rem; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 2px solid rgba(255,255,255,0.2); box-shadow: 0 8px 25px rgba(0,0,0,0.15); position: relative; overflow: hidden;\">\r\n                            <div class=\"btn-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(44,62,80,0.1), transparent); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                            <svg width=\"22\" height=\"22\" fill=\"currentColor\" viewbox=\"0 0 24 24\" style=\"margin-right: 12px; position: relative; z-index: 2;\">\r\n                                <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                            <\/svg>\r\n                            <span style=\"position: relative; z-index: 2;\">\u0130leti\u015fime Ge\u00e7in<\/span>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"cta-btn secondary\" style=\"display: inline-flex; align-items: center; justify-content: center; background: transparent; color: white; padding: 20px 40px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.15rem; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 2px solid rgba(255,255,255,0.3); position: relative; overflow: hidden;\">\r\n                            <div class=\"btn-glow\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.05); opacity: 0; transition: opacity 0.5s ease;\"><\/div>\r\n                            <svg width=\"22\" height=\"22\" fill=\"currentColor\" viewbox=\"0 0 24 24\" style=\"margin-right: 12px; position: relative; z-index: 2;\">\r\n                                <path d=\"M8 5v14l11-7z\"\/>\r\n                            <\/svg>\r\n                            <span style=\"position: relative; z-index: 2;\">Portfolyoyu \u0130nceleyin<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"contact-info\" style=\"margin-top: 60px; opacity: 0.95;\">\r\n                        <p style=\"color: rgba(255,255,255,0.8); margin-bottom: 12px; font-size: 1.1rem;\">\u00dccretsiz dan\u0131\u015fmanl\u0131k i\u00e7in:<\/p>\r\n                        <a href=\"tel: 905538831565\" style=\"color: white; text-decoration: none; font-size: 1.4rem; font-weight: 600; transition: all 0.3s ease;\">+90 553 883 1565<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Floating Decorative Elements -->\r\n    <div class=\"floating-decorative star-particle\" id=\"particle1\"><\/div>\r\n    <div class=\"floating-decorative circle-particle\" id=\"particle2\"><\/div>\r\n    <div class=\"floating-decorative triangle-particle\" id=\"particle3\"><\/div>\r\n    <div class=\"floating-decorative star-particle\" id=\"particle4\"><\/div>\r\n    <div class=\"floating-decorative circle-particle\" id=\"particle5\"><\/div>\r\n\r\n    <script>\r\n        \/\/ Enhanced Scroll-triggered Animations\r\n        let isScrolling = false;\r\n        let scrollTriggers = new Set();\r\n\r\n        function createParticleAnimation() {\r\n            const particles = document.querySelectorAll('.floating-decorative');\r\n            particles.forEach((particle, index) => {\r\n                const randomX = Math.random() * window.innerWidth;\r\n                const randomY = Math.random() * window.innerHeight;\r\n                \r\n                particle.style.left = randomX + 'px';\r\n                particle.style.top = randomY + 'px';\r\n                particle.style.opacity = '1';\r\n                \r\n                setTimeout(() => {\r\n                    particle.style.transition = 'all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55)';\r\n                    particle.style.left = (randomX + (Math.random() - 0.5) * 400) + 'px';\r\n                    particle.style.top = (randomY + (Math.random() - 0.5) * 400) + 'px';\r\n                    particle.style.opacity = '0';\r\n                }, 100 + index * 200);\r\n            });\r\n        }\r\n\r\n        function animateUnderline() {\r\n            const underline = document.querySelector('.animated-underline');\r\n            if (underline && !underline.classList.contains('dancing')) {\r\n                underline.classList.add('dancing');\r\n                createParticleAnimation();\r\n                \r\n                setTimeout(() => {\r\n                    underline.classList.remove('dancing');\r\n                }, 2000);\r\n            }\r\n        }\r\n\r\n        function animateRandomElements() {\r\n            \/\/ Random service card animation\r\n            const serviceCards = document.querySelectorAll('.service-card');\r\n            if (serviceCards.length > 0) {\r\n                const randomCard = serviceCards[Math.floor(Math.random() * serviceCards.length)];\r\n                randomCard.classList.add('float-animate');\r\n                setTimeout(() => randomCard.classList.remove('float-animate'), 3000);\r\n            }\r\n\r\n            \/\/ Random package icon animation\r\n            const packageIcons = document.querySelectorAll('.package-icon');\r\n            if (packageIcons.length > 0) {\r\n                const randomIcon = packageIcons[Math.floor(Math.random() * packageIcons.length)];\r\n                randomIcon.classList.add('dance');\r\n                setTimeout(() => randomIcon.classList.remove('dance'), 2500);\r\n            }\r\n\r\n            \/\/ Random stat card animation\r\n            const statCards = document.querySelectorAll('.stat-card');\r\n            if (statCards.length > 0) {\r\n                const randomStat = statCards[Math.floor(Math.random() * statCards.length)];\r\n                randomStat.classList.add('bounce');\r\n                setTimeout(() => randomStat.classList.remove('bounce'), 2000);\r\n            }\r\n\r\n            \/\/ Random step circle animation\r\n            const stepCircles = document.querySelectorAll('.step-circle');\r\n            if (stepCircles.length > 0) {\r\n                const randomStep = stepCircles[Math.floor(Math.random() * stepCircles.length)];\r\n                randomStep.classList.add('orbit');\r\n                setTimeout(() => randomStep.classList.remove('orbit'), 3000);\r\n            }\r\n        }\r\n\r\n        function handleScroll() {\r\n            if (!isScrolling) {\r\n                isScrolling = true;\r\n                \r\n                \/\/ Trigger underline animation on specific scroll positions\r\n                const scrollY = window.scrollY;\r\n                const featuredPackagesSection = document.querySelector('.featured-packages');\r\n                \r\n                if (featuredPackagesSection) {\r\n                    const rect = featuredPackagesSection.getBoundingClientRect();\r\n                    const sectionTop = rect.top + scrollY;\r\n                    \r\n                    \/\/ Trigger animation when section comes into view\r\n                    if (scrollY > sectionTop - window.innerHeight && \r\n                        scrollY < sectionTop + rect.height) {\r\n                        \r\n                        if (!scrollTriggers.has('underline-' + Math.floor(scrollY \/ 500))) {\r\n                            scrollTriggers.add('underline-' + Math.floor(scrollY \/ 500));\r\n                            animateUnderline();\r\n                            \r\n                            \/\/ Random chance to trigger other animations\r\n                            if (Math.random() > 0.7) {\r\n                                setTimeout(animateRandomElements, 500);\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                \r\n                \/\/ Reset scroll throttle\r\n                setTimeout(() => {\r\n                    isScrolling = false;\r\n                }, 150);\r\n            }\r\n        }\r\n\r\n        \/\/ Enhanced hover effects with more dynamic animations\r\n        function addEnhancedHoverEffects() {\r\n            \/\/ Service cards enhanced hover\r\n            document.querySelectorAll('.service-card').forEach(card => {\r\n                card.addEventListener('mouseenter', function() {\r\n                    this.style.transform = 'translateY(-20px) scale(1.02) rotateY(5deg)';\r\n                    \r\n                    \/\/ Add particle effect\r\n                    if (Math.random() > 0.6) {\r\n                        createParticleAnimation();\r\n                    }\r\n                });\r\n                \r\n                card.addEventListener('mouseleave', function() {\r\n                    this.style.transform = 'translateY(0) scale(1) rotateY(0deg)';\r\n                });\r\n            });\r\n\r\n            \/\/ Package cards with icon dancing\r\n            document.querySelectorAll('.package-card').forEach(card => {\r\n                card.addEventListener('mouseenter', function() {\r\n                    const icon = this.querySelector('.package-icon');\r\n                    if (icon) {\r\n                        icon.classList.add('dance');\r\n                        setTimeout(() => icon.classList.remove('dance'), 2500);\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Stats with bouncing effect\r\n            document.querySelectorAll('.stat-card').forEach(card => {\r\n                card.addEventListener('mouseenter', function() {\r\n                    this.classList.add('bounce');\r\n                    setTimeout(() => this.classList.remove('bounce'), 2000);\r\n                });\r\n            });\r\n\r\n            \/\/ Process steps with orbit animation\r\n            document.querySelectorAll('.step-circle').forEach(circle => {\r\n                circle.addEventListener('mouseenter', function() {\r\n                    this.classList.add('orbit');\r\n                    setTimeout(() => this.classList.remove('orbit'), 3000);\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Random autonomous animations\r\n        function startRandomAnimations() {\r\n            setInterval(() => {\r\n                if (Math.random() > 0.8) {\r\n                    animateUnderline();\r\n                }\r\n                \r\n                if (Math.random() > 0.9) {\r\n                    animateRandomElements();\r\n                }\r\n                \r\n                if (Math.random() > 0.85) {\r\n                    createParticleAnimation();\r\n                }\r\n            }, 5000);\r\n        }\r\n\r\n        \/\/ Intersection Observer for scroll-triggered animations\r\n        function setupIntersectionObserver() {\r\n            const observerOptions = {\r\n                threshold: 0.3,\r\n                rootMargin: '0px 0px -100px 0px'\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const element = entry.target;\r\n                        \r\n                        \/\/ Trigger specific animations based on element type\r\n                        if (element.classList.contains('featured-packages')) {\r\n                            setTimeout(animateUnderline, 500);\r\n                            setTimeout(animateRandomElements, 1000);\r\n                        }\r\n                        \r\n                        if (element.classList.contains('why-choose-us')) {\r\n                            setTimeout(() => {\r\n                                const statCards = element.querySelectorAll('.stat-card');\r\n                                statCards.forEach((card, index) => {\r\n                                    setTimeout(() => {\r\n                                        card.classList.add('bounce');\r\n                                        setTimeout(() => card.classList.remove('bounce'), 2000);\r\n                                    }, index * 200);\r\n                                });\r\n                            }, 500);\r\n                        }\r\n                        \r\n                        if (element.classList.contains('process-section')) {\r\n                            setTimeout(() => {\r\n                                const stepCircles = element.querySelectorAll('.step-circle');\r\n                                stepCircles.forEach((circle, index) => {\r\n                                    setTimeout(() => {\r\n                                        circle.classList.add('orbit');\r\n                                        setTimeout(() => circle.classList.remove('orbit'), 3000);\r\n                                    }, index * 300);\r\n                                });\r\n                            }, 800);\r\n                        }\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            \/\/ Observe main sections\r\n            document.querySelectorAll('section').forEach(section => {\r\n                observer.observe(section);\r\n            });\r\n        }\r\n\r\n        \/\/ Initialize all animations and event listeners\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            addEnhancedHoverEffects();\r\n            setupIntersectionObserver();\r\n            startRandomAnimations();\r\n            \r\n            \/\/ Initial particle animation\r\n            setTimeout(createParticleAnimation, 1000);\r\n            \r\n            \/\/ Initial underline animation after page load\r\n            setTimeout(animateUnderline, 2000);\r\n        });\r\n\r\n        \/\/ Scroll event listener\r\n        window.addEventListener('scroll', handleScroll, { passive: true });\r\n\r\n        \/\/ Window resize handling\r\n        window.addEventListener('resize', () => {\r\n            \/\/ Reset particle positions on resize\r\n            const particles = document.querySelectorAll('.floating-decorative');\r\n            particles.forEach(particle => {\r\n                particle.style.opacity = '0';\r\n                particle.style.transition = 'none';\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Sar Medya &#8211; Anasayfa Dijital \u00c7\u00f6z\u00fcmlerimiz Markan\u0131z\u0131 dijital d\u00fcnyada \u00f6ne \u00e7\u0131karan profesyonel hizmetlerle tan\u0131\u015f\u0131n Web Tasar\u0131m Modern, responsive ve SEO uyumlu web siteleri ile dijital varl\u0131\u011f\u0131n\u0131z\u0131 g\u00fc\u00e7lendirin. SEO Optimizasyonu Google&#8217;da&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":303,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":4088,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions\/4088"}],"wp:attachment":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}