{"id":592,"date":"2025-12-22T12:14:57","date_gmt":"2025-12-22T12:14:57","guid":{"rendered":"https:\/\/acaservices.de\/?page_id=592"},"modified":"2026-05-15T11:13:02","modified_gmt":"2026-05-15T11:13:02","slug":"projeler","status":"publish","type":"page","link":"https:\/\/acaservices.de\/?page_id=592","title":{"rendered":"Projeler"},"content":{"rendered":"<section class=\"bde-section-592-113 bde-section\" data-element=\"{&quot;id&quot;:113,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;flex-start&quot;}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;dividers&quot;:{&quot;shape_dividers_section&quot;:{&quot;dividers&quot;:[]}},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:150,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;150px&quot;},&quot;bottom&quot;:{&quot;number&quot;:150,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;150px&quot;}}}}},&quot;meta&quot;:{&quot;friendlyName&quot;:&quot;giris&quot;}}},&quot;children&quot;:[{&quot;id&quot;:350,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ref-component\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-ref-chip chip-logo\\&quot;&gt;Logo Tasar\\u0131m&lt;\\\/div&gt;\\n  &lt;div class=\\&quot;aca-ref-chip chip-web\\&quot;&gt;Web Tasar\\u0131m&lt;\\\/div&gt;\\n  &lt;div class=\\&quot;aca-ref-chip chip-social\\&quot;&gt;Sosyal Medya&lt;\\\/div&gt;\\n  &lt;div class=\\&quot;aca-ref-chip chip-video\\&quot;&gt;Video Tasar\\u0131m&lt;\\\/div&gt;\\n  &lt;div class=\\&quot;aca-ref-chip chip-print\\&quot;&gt;Bask\\u0131 Tasar\\u0131m&lt;\\\/div&gt;\\n\\n  &lt;div class=\\&quot;aca-ref-ring ring-1\\&quot;&gt;&lt;\\\/div&gt;\\n  &lt;div class=\\&quot;aca-ref-ring ring-2\\&quot;&gt;&lt;\\\/div&gt;\\n\\n  &lt;div class=\\&quot;aca-ref-line line-1\\&quot;&gt;&lt;\\\/div&gt;\\n  &lt;div class=\\&quot;aca-ref-line line-2\\&quot;&gt;&lt;\\\/div&gt;\\n\\n  &lt;div class=\\&quot;aca-ref-content\\&quot;&gt;\\n\\n    &lt;span class=\\&quot;aca-ref-label\\&quot;&gt;\\n      REFERANSLAR\\n    &lt;\\\/span&gt;\\n\\n    &lt;h2 class=\\&quot;aca-ref-heading\\&quot;&gt;\\n      Se\\u00e7ilmi\\u015f proje \\u00e7al\\u0131\\u015fmalar\\u0131\\n    &lt;\\\/h2&gt;\\n\\n    &lt;p class=\\&quot;aca-ref-text\\&quot;&gt;\\n      Logo, web tasar\\u0131m\\u0131, sosyal medya, video, sunum ve bas\\u0131l\\u0131 tasar\\u0131m projelerinden olu\\u015fan referanslar\\u0131m\\u0131z\\n    &lt;\\\/p&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-ref-component{\\n  position:relative;\\n\\n  width:100%;\\n  min-height:420px;\\n\\n  padding:110px 3%;\\n\\n  box-sizing:border-box;\\n\\n  overflow:hidden;\\n  isolation:isolate;\\n\\n  font-family:\\&quot;Inter\\&quot;, Arial, sans-serif;\\n}\\n\\n\\\/* CONTENT *\\\/\\n\\n.aca-ref-content{\\n  position:relative;\\n  z-index:5;\\n\\n  max-width:940px;\\n  margin:0 auto;\\n\\n  text-align:center;\\n\\n  padding:44px 48px;\\n}\\n\\n.aca-ref-label{\\n  display:inline-flex;\\n  align-items:center;\\n  justify-content:center;\\n\\n  padding:10px 18px;\\n\\n  border:\\n  1px solid rgba(57,205,208,.28);\\n\\n  border-radius:999px;\\n\\n  color:#39cdd0;\\n\\n  font-size:11px;\\n  font-weight:700;\\n\\n  letter-spacing:.22em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-ref-heading{\\n  margin:34px 0 0;\\n\\n  color:#ffffff;\\n\\n  font-size:clamp(40px,5vw,76px);\\n  line-height:1;\\n\\n  letter-spacing:-.06em;\\n\\n  font-weight:900;\\n}\\n\\n.aca-ref-text{\\n  max-width:700px;\\n\\n  margin:\\n  30px auto 0;\\n\\n  color:\\n  rgba(255,255,255,.58);\\n\\n  font-size:16px;\\n  line-height:1.8;\\n}\\n\\n\\\/* FLOATING BUTTONS *\\\/\\n\\n.aca-ref-chip{\\n  position:absolute;\\n  z-index:3;\\n\\n  padding:12px 16px;\\n\\n  border:\\n  1px solid rgba(57,205,208,.24);\\n\\n  border-radius:999px;\\n\\n  color:\\n  rgba(255,255,255,.78);\\n\\n  background:\\n  rgba(255,255,255,.02);\\n\\n  font-size:11px;\\n  font-weight:700;\\n\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n\\n  box-shadow:\\n    0 0 24px rgba(0,224,255,.08);\\n\\n  transition:\\n    transform .45s ease,\\n    border-color .45s ease,\\n    color .45s ease;\\n}\\n\\n\\\/* POSITIONS *\\\/\\n\\n.chip-logo{\\n  left:6%;\\n  top:20%;\\n\\n  animation:\\n  acaChipFloat1 7s ease-in-out infinite;\\n}\\n\\n.chip-web{\\n  right:6%;\\n  top:18%;\\n\\n  animation:\\n  acaChipFloat2 8s ease-in-out infinite;\\n}\\n\\n.chip-social{\\n  left:10%;\\n  bottom:18%;\\n\\n  animation:\\n  acaChipFloat2 9s ease-in-out infinite;\\n}\\n\\n.chip-video{\\n  right:12%;\\n  bottom:16%;\\n\\n  animation:\\n  acaChipFloat1 7.5s ease-in-out infinite;\\n}\\n\\n.chip-print{\\n  left:50%;\\n  bottom:4%;\\n\\n  transform:translateX(-50%);\\n\\n  animation:\\n  acaChipFloat3 8.5s ease-in-out infinite;\\n}\\n\\n\\\/* RINGS *\\\/\\n\\n.aca-ref-ring{\\n  position:absolute;\\n\\n  border-radius:50%;\\n\\n  border:\\n  1px solid rgba(57,205,208,.14);\\n\\n  z-index:1;\\n\\n  pointer-events:none;\\n}\\n\\n.ring-1{\\n  width:340px;\\n  height:340px;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:\\n  translate(-50%,-50%);\\n\\n  animation:\\n  acaRingRotate 24s linear infinite;\\n}\\n\\n.ring-2{\\n  width:460px;\\n  height:460px;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:\\n  translate(-50%,-50%)\\n  rotate(12deg);\\n\\n  opacity:.5;\\n\\n  animation:\\n  acaRingRotateReverse 32s linear infinite;\\n}\\n\\n\\\/* LIGHT LINES *\\\/\\n\\n.aca-ref-line{\\n  position:absolute;\\n\\n  height:1px;\\n\\n  background:\\n  linear-gradient(\\n    90deg,\\n    transparent,\\n    rgba(57,205,208,.7),\\n    transparent\\n  );\\n\\n  box-shadow:\\n    0 0 18px rgba(0,224,255,.45);\\n\\n  z-index:2;\\n}\\n\\n.line-1{\\n  width:260px;\\n\\n  top:32%;\\n  left:4%;\\n\\n  transform:rotate(-12deg);\\n\\n  animation:\\n  acaLineMove1 8s ease-in-out infinite;\\n}\\n\\n.line-2{\\n  width:220px;\\n\\n  bottom:28%;\\n  right:5%;\\n\\n  transform:rotate(14deg);\\n\\n  animation:\\n  acaLineMove2 9s ease-in-out infinite;\\n}\\n\\n\\\/* INTERACTION *\\\/\\n\\n.aca-ref-component:hover .aca-ref-chip{\\n  border-color:\\n  rgba(57,205,208,.55);\\n\\n  color:#ffffff;\\n}\\n\\n.aca-ref-component:hover .chip-logo{\\n  transform:translateY(-8px);\\n}\\n\\n.aca-ref-component:hover .chip-web{\\n  transform:translateY(8px);\\n}\\n\\n.aca-ref-component:hover .chip-social{\\n  transform:translateX(10px);\\n}\\n\\n.aca-ref-component:hover .chip-video{\\n  transform:translateX(-10px);\\n}\\n\\n.aca-ref-component:hover .chip-print{\\n  transform:\\n  translateX(-50%)\\n  translateY(-8px);\\n}\\n\\n\\\/* ANIMATIONS *\\\/\\n\\n@keyframes acaChipFloat1{\\n\\n  0%,100%{\\n    translate:0 0;\\n  }\\n\\n  50%{\\n    translate:0 -12px;\\n  }\\n\\n}\\n\\n@keyframes acaChipFloat2{\\n\\n  0%,100%{\\n    translate:0 0;\\n  }\\n\\n  50%{\\n    translate:0 12px;\\n  }\\n\\n}\\n\\n@keyframes acaChipFloat3{\\n\\n  0%,100%{\\n    translate:0 0;\\n  }\\n\\n  50%{\\n    translate:0 -10px;\\n  }\\n\\n}\\n\\n@keyframes acaRingRotate{\\n\\n  from{\\n    rotate:0deg;\\n  }\\n\\n  to{\\n    rotate:360deg;\\n  }\\n\\n}\\n\\n@keyframes acaRingRotateReverse{\\n\\n  from{\\n    rotate:360deg;\\n  }\\n\\n  to{\\n    rotate:0deg;\\n  }\\n\\n}\\n\\n@keyframes acaLineMove1{\\n\\n  0%,100%{\\n    opacity:.25;\\n    translate:0 0;\\n  }\\n\\n  50%{\\n    opacity:.75;\\n    translate:40px 0;\\n  }\\n\\n}\\n\\n@keyframes acaLineMove2{\\n\\n  0%,100%{\\n    opacity:.25;\\n    translate:0 0;\\n  }\\n\\n  50%{\\n    opacity:.75;\\n    translate:-40px 0;\\n  }\\n\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:768px){\\n\\n  .aca-ref-component{\\n    min-height:360px;\\n\\n    padding:90px 6%;\\n  }\\n\\n  .aca-ref-content{\\n    padding:24px 12px;\\n  }\\n\\n  .aca-ref-heading{\\n    margin-top:24px;\\n\\n    font-size:42px;\\n  }\\n\\n  .aca-ref-text{\\n    margin-top:22px;\\n\\n    font-size:14px;\\n    line-height:1.7;\\n  }\\n\\n  .aca-ref-chip{\\n    font-size:9px;\\n\\n    padding:8px 11px;\\n  }\\n\\n  .chip-logo{\\n    left:2%;\\n    top:14%;\\n  }\\n\\n  .chip-web{\\n    right:2%;\\n    top:14%;\\n  }\\n\\n  .chip-social{\\n    left:3%;\\n    bottom:12%;\\n  }\\n\\n  .chip-video{\\n    right:3%;\\n    bottom:12%;\\n  }\\n\\n  .chip-print{\\n    display:none;\\n  }\\n\\n  .ring-1{\\n    width:240px;\\n    height:240px;\\n  }\\n\\n  .ring-2,\\n  .line-1,\\n  .line-2{\\n    display:none;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:113}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-592-350 bde-code-block\">\n\n  <div class=\"aca-ref-component\">\n\n  <div class=\"aca-ref-chip chip-logo\">Logo Tasar\u0131m<\/div>\n  <div class=\"aca-ref-chip chip-web\">Web Tasar\u0131m<\/div>\n  <div class=\"aca-ref-chip chip-social\">Sosyal Medya<\/div>\n  <div class=\"aca-ref-chip chip-video\">Video Tasar\u0131m<\/div>\n  <div class=\"aca-ref-chip chip-print\">Bask\u0131 Tasar\u0131m<\/div>\n\n  <div class=\"aca-ref-ring ring-1\"><\/div>\n  <div class=\"aca-ref-ring ring-2\"><\/div>\n\n  <div class=\"aca-ref-line line-1\"><\/div>\n  <div class=\"aca-ref-line line-2\"><\/div>\n\n  <div class=\"aca-ref-content\">\n\n    <span class=\"aca-ref-label\">\n      REFERANSLAR\n    <\/span>\n\n    <h2 class=\"aca-ref-heading\">\n      Se\u00e7ilmi\u015f proje \u00e7al\u0131\u015fmalar\u0131\n    <\/h2>\n\n    <p class=\"aca-ref-text\">\n      Logo, web tasar\u0131m\u0131, sosyal medya, video, sunum ve bas\u0131l\u0131 tasar\u0131m projelerinden olu\u015fan referanslar\u0131m\u0131z\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-176 bde-section olceklenen_heading\" data-element=\"{&quot;id&quot;:176,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:175,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;01 I Web Tasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:176},{&quot;id&quot;:177,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:176}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-175 bde-heading olceklenen_heading\">\n01 I Web Tasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-177 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-117 bde-section\" data-element=\"{&quot;id&quot;:117,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:251,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:252,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:261,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-device-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-monitor-wrap\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-top\\&quot;&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-screen\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/1400\\\/900?1\\&quot; alt=\\&quot;\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor-stand\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;div class=\\&quot;aca-monitor-base\\&quot;&gt;&lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-device-item{\\n  position:relative;\\n  width:620px;\\n  padding-bottom:14px;\\n}\\n\\n.aca-monitor-wrap{\\n  position:relative;\\n  width:100%;\\n}\\n\\n.aca-monitor,\\n.aca-monitor-stand,\\n.aca-monitor-base{\\n  background:\\n  linear-gradient(\\n    180deg,\\n    #39cdd0 0%,\\n    #1f6f73 45%,\\n    #123f42 100%\\n  );\\n}\\n\\n.aca-monitor{\\n  position:relative;\\n  width:100%;\\n\\n  border-radius:18px 18px 10px 10px;\\n\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-monitor-top{\\n  height:14px;\\n\\n  margin-bottom:8px;\\n\\n  display:flex;\\n  align-items:center;\\n\\n  gap:5px;\\n  padding-left:8px;\\n}\\n\\n.aca-monitor-dot{\\n  width:6px;\\n  height:6px;\\n\\n  border-radius:50%;\\n\\n  background:\\n  rgba(255,255,255,.92);\\n}\\n\\n.aca-monitor-screen{\\n  position:relative;\\n\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n\\n  overflow:hidden;\\n\\n  border-radius:6px;\\n  background:#edf7f7;\\n}\\n\\n.aca-monitor-screen img{\\n  position:absolute;\\n  inset:0;\\n\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .35s ease;\\n}\\n\\n.aca-device-item:hover .aca-monitor-screen img{\\n  transform:scale(1.02);\\n}\\n\\n.aca-monitor-stand{\\n  width:82px;\\n  height:46px;\\n\\n  margin:0 auto;\\n\\n  clip-path:\\n  polygon(\\n    28% 0%,\\n    72% 0%,\\n    62% 100%,\\n    38% 100%\\n  );\\n}\\n\\n.aca-monitor-base{\\n  width:174px;\\n  height:14px;\\n\\n  margin:-2px auto 0;\\n\\n  border-radius:999px;\\n}\\n\\n\\\/* RESPONSIVE *\\\/\\n\\n@media(max-width:1024px){\\n\\n  .aca-device-item{\\n    width:520px;\\n  }\\n\\n}\\n\\n@media(max-width:640px){\\n\\n  .aca-device-item{\\n    width:340px;\\n  }\\n\\n  .aca-monitor{\\n    border-radius:14px 14px 8px 8px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-monitor-top{\\n    height:10px;\\n    margin-bottom:5px;\\n    padding-left:6px;\\n    gap:4px;\\n  }\\n\\n  .aca-monitor-dot{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-monitor-screen{\\n    border-radius:5px;\\n  }\\n\\n  .aca-monitor-stand{\\n    width:54px;\\n    height:30px;\\n  }\\n\\n  .aca-monitor-base{\\n    width:116px;\\n    height:10px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:252},{&quot;id&quot;:352,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-device-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-monitor-wrap\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-top\\&quot;&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-screen\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/1400\\\/900?1\\&quot; alt=\\&quot;\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor-stand\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;div class=\\&quot;aca-monitor-base\\&quot;&gt;&lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-device-item{\\n  position:relative;\\n  width:620px;\\n  padding:22px 22px 18px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* arka ek \\u00e7er\\u00e7eve *\\\/\\n.aca-device-item::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:10px 12px 0 12px;\\n  border-radius:28px;\\n  background:\\n    linear-gradient(135deg, rgba(57,205,208,.10), transparent 34%),\\n    linear-gradient(315deg, rgba(116,238,240,.08), transparent 42%);\\n  border:1px solid rgba(57,205,208,.16);\\n  pointer-events:none;\\n}\\n\\n\\\/* sa\\u011f alt glow *\\\/\\n.aca-device-item::after{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  right:24px;\\n  bottom:18px;\\n  width:160px;\\n  aspect-ratio:1\\\/1;\\n  border-radius:50%;\\n  background:radial-gradient(circle, rgba(57,205,208,.24), transparent 72%);\\n  filter:blur(20px);\\n  opacity:.85;\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-wrap{\\n  position:relative;\\n  width:100%;\\n  z-index:2;\\n}\\n\\n.aca-monitor,\\n.aca-monitor-stand,\\n.aca-monitor-base{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      #39cdd0 0%,\\n      #1f6f73 45%,\\n      #123f42 100%\\n    );\\n}\\n\\n.aca-monitor{\\n  position:relative;\\n  width:100%;\\n  border-radius:18px 18px 10px 10px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  border:1px solid rgba(116,238,240,.32);\\n  overflow:hidden;\\n  box-shadow:\\n    0 26px 58px rgba(0,0,0,.28),\\n    0 10px 40px rgba(31,111,115,.22),\\n    0 0 34px rgba(57,205,208,.10),\\n    inset 0 2px 0 rgba(255,255,255,.14),\\n    inset 0 0 0 1px rgba(255,255,255,.04);\\n}\\n\\n.aca-monitor::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  border-radius:inherit;\\n  background:\\n    linear-gradient(135deg, rgba(255,255,255,.16), transparent 24%),\\n    linear-gradient(315deg, rgba(116,238,240,.16), transparent 38%);\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-top{\\n  position:relative;\\n  z-index:2;\\n  height:14px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:5px;\\n  padding-left:8px;\\n}\\n\\n.aca-monitor-dot{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n  box-shadow:0 0 10px rgba(255,255,255,.24);\\n}\\n\\n.aca-monitor-screen{\\n  position:relative;\\n  z-index:2;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:6px;\\n  background:#edf7f7;\\n  box-shadow:\\n    inset 0 0 0 1px rgba(255,255,255,.18),\\n    inset 0 20px 34px rgba(255,255,255,.10),\\n    0 0 22px rgba(57,205,208,.10);\\n}\\n\\n.aca-monitor-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  z-index:2;\\n  background:\\n    linear-gradient(180deg, rgba(255,255,255,.20), transparent 24%),\\n    linear-gradient(125deg, rgba(116,238,240,.10), transparent 30%);\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-screen img{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .35s ease, filter .35s ease;\\n}\\n\\n.aca-device-item:hover .aca-monitor-screen img{\\n  transform:scale(1.02);\\n  filter:saturate(1.04);\\n}\\n\\n.aca-device-item:hover .aca-monitor{\\n  border-color:rgba(116,238,240,.46);\\n}\\n\\n.aca-monitor-stand{\\n  position:relative;\\n  width:82px;\\n  height:46px;\\n  margin:0 auto;\\n  clip-path:\\n    polygon(\\n      28% 0%,\\n      72% 0%,\\n      62% 100%,\\n      38% 100%\\n    );\\n  box-shadow:\\n    inset 0 1px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-monitor-base{\\n  position:relative;\\n  width:174px;\\n  height:14px;\\n  margin:-2px auto 0;\\n  border-radius:999px;\\n  box-shadow:\\n    0 10px 24px rgba(0,0,0,.26),\\n    0 0 18px rgba(57,205,208,.10),\\n    inset 0 1px 0 rgba(255,255,255,.10);\\n}\\n\\n\\\/* RESPONSIVE *\\\/\\n\\n@media(max-width:1024px){\\n\\n  .aca-device-item{\\n    width:520px;\\n  }\\n\\n}\\n\\n@media(max-width:640px){\\n\\n  .aca-device-item{\\n    width:340px;\\n    padding:14px 12px 12px;\\n  }\\n\\n  .aca-device-item::before{\\n    inset:6px 6px 0 6px;\\n    border-radius:20px;\\n  }\\n\\n  .aca-device-item::after{\\n    right:14px;\\n    bottom:12px;\\n    width:100px;\\n    filter:blur(16px);\\n  }\\n\\n  .aca-monitor{\\n    border-radius:14px 14px 8px 8px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-monitor-top{\\n    height:10px;\\n    margin-bottom:5px;\\n    padding-left:6px;\\n    gap:4px;\\n  }\\n\\n  .aca-monitor-dot{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-monitor-screen{\\n    border-radius:5px;\\n  }\\n\\n  .aca-monitor-stand{\\n    width:54px;\\n    height:30px;\\n  }\\n\\n  .aca-monitor-base{\\n    width:116px;\\n    height:10px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:252},{&quot;id&quot;:354,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-device-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-monitor-wrap\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-top\\&quot;&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-screen\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/1400\\\/900?1\\&quot; alt=\\&quot;\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor-stand\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;div class=\\&quot;aca-monitor-base\\&quot;&gt;&lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-device-item{\\n  position:relative;\\n  width:620px;\\n  padding:22px 22px 18px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* arka ek \\u00e7er\\u00e7eve *\\\/\\n.aca-device-item::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:10px 12px 0 12px;\\n  border-radius:28px;\\n  background:\\n    linear-gradient(135deg, rgba(57,205,208,.10), transparent 34%),\\n    linear-gradient(315deg, rgba(116,238,240,.08), transparent 42%);\\n  border:1px solid rgba(57,205,208,.16);\\n  pointer-events:none;\\n}\\n\\n\\\/* sa\\u011f alt glow *\\\/\\n.aca-device-item::after{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  right:24px;\\n  bottom:18px;\\n  width:160px;\\n  aspect-ratio:1\\\/1;\\n  border-radius:50%;\\n  background:radial-gradient(circle, rgba(57,205,208,.24), transparent 72%);\\n  filter:blur(20px);\\n  opacity:.85;\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-wrap{\\n  position:relative;\\n  width:100%;\\n  z-index:2;\\n}\\n\\n.aca-monitor,\\n.aca-monitor-stand,\\n.aca-monitor-base{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      #39cdd0 0%,\\n      #1f6f73 45%,\\n      #123f42 100%\\n    );\\n}\\n\\n.aca-monitor{\\n  position:relative;\\n  width:100%;\\n  border-radius:18px 18px 10px 10px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  border:1px solid rgba(116,238,240,.32);\\n  overflow:hidden;\\n  box-shadow:\\n    0 26px 58px rgba(0,0,0,.28),\\n    0 10px 40px rgba(31,111,115,.22),\\n    0 0 34px rgba(57,205,208,.10),\\n    inset 0 2px 0 rgba(255,255,255,.14),\\n    inset 0 0 0 1px rgba(255,255,255,.04);\\n}\\n\\n.aca-monitor::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  border-radius:inherit;\\n  background:\\n    linear-gradient(135deg, rgba(255,255,255,.16), transparent 24%),\\n    linear-gradient(315deg, rgba(116,238,240,.16), transparent 38%);\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-top{\\n  position:relative;\\n  z-index:2;\\n  height:14px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:5px;\\n  padding-left:8px;\\n}\\n\\n.aca-monitor-dot{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n  box-shadow:0 0 10px rgba(255,255,255,.24);\\n}\\n\\n.aca-monitor-screen{\\n  position:relative;\\n  z-index:2;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:6px;\\n  background:#edf7f7;\\n  box-shadow:\\n    inset 0 0 0 1px rgba(255,255,255,.18),\\n    inset 0 20px 34px rgba(255,255,255,.10),\\n    0 0 22px rgba(57,205,208,.10);\\n}\\n\\n.aca-monitor-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  z-index:2;\\n  background:\\n    linear-gradient(180deg, rgba(255,255,255,.20), transparent 24%),\\n    linear-gradient(125deg, rgba(116,238,240,.10), transparent 30%);\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-screen img{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .35s ease, filter .35s ease;\\n}\\n\\n.aca-device-item:hover .aca-monitor-screen img{\\n  transform:scale(1.02);\\n  filter:saturate(1.04);\\n}\\n\\n.aca-device-item:hover .aca-monitor{\\n  border-color:rgba(116,238,240,.46);\\n}\\n\\n.aca-monitor-stand{\\n  position:relative;\\n  width:82px;\\n  height:46px;\\n  margin:0 auto;\\n  clip-path:\\n    polygon(\\n      28% 0%,\\n      72% 0%,\\n      62% 100%,\\n      38% 100%\\n    );\\n  box-shadow:\\n    inset 0 1px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-monitor-base{\\n  position:relative;\\n  width:174px;\\n  height:14px;\\n  margin:-2px auto 0;\\n  border-radius:999px;\\n  box-shadow:\\n    0 10px 24px rgba(0,0,0,.26),\\n    0 0 18px rgba(57,205,208,.10),\\n    inset 0 1px 0 rgba(255,255,255,.10);\\n}\\n\\n\\\/* RESPONSIVE *\\\/\\n\\n@media(max-width:1024px){\\n\\n  .aca-device-item{\\n    width:520px;\\n  }\\n\\n}\\n\\n@media(max-width:640px){\\n\\n  .aca-device-item{\\n    width:340px;\\n    padding:14px 12px 12px;\\n  }\\n\\n  .aca-device-item::before{\\n    inset:6px 6px 0 6px;\\n    border-radius:20px;\\n  }\\n\\n  .aca-device-item::after{\\n    right:14px;\\n    bottom:12px;\\n    width:100px;\\n    filter:blur(16px);\\n  }\\n\\n  .aca-monitor{\\n    border-radius:14px 14px 8px 8px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-monitor-top{\\n    height:10px;\\n    margin-bottom:5px;\\n    padding-left:6px;\\n    gap:4px;\\n  }\\n\\n  .aca-monitor-dot{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-monitor-screen{\\n    border-radius:5px;\\n  }\\n\\n  .aca-monitor-stand{\\n    width:54px;\\n    height:30px;\\n  }\\n\\n  .aca-monitor-base{\\n    width:116px;\\n    height:10px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:252},{&quot;id&quot;:353,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-device-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-monitor-wrap\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-top\\&quot;&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n        &lt;span class=\\&quot;aca-monitor-dot\\&quot;&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-monitor-screen\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/1400\\\/900?1\\&quot; alt=\\&quot;\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-monitor-stand\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;div class=\\&quot;aca-monitor-base\\&quot;&gt;&lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-device-item{\\n  position:relative;\\n  width:620px;\\n  padding:22px 22px 18px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* arka ek \\u00e7er\\u00e7eve *\\\/\\n.aca-device-item::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:10px 12px 0 12px;\\n  border-radius:28px;\\n  background:\\n    linear-gradient(135deg, rgba(57,205,208,.10), transparent 34%),\\n    linear-gradient(315deg, rgba(116,238,240,.08), transparent 42%);\\n  border:1px solid rgba(57,205,208,.16);\\n  pointer-events:none;\\n}\\n\\n\\\/* sa\\u011f alt glow *\\\/\\n.aca-device-item::after{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  right:24px;\\n  bottom:18px;\\n  width:160px;\\n  aspect-ratio:1\\\/1;\\n  border-radius:50%;\\n  background:radial-gradient(circle, rgba(57,205,208,.24), transparent 72%);\\n  filter:blur(20px);\\n  opacity:.85;\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-wrap{\\n  position:relative;\\n  width:100%;\\n  z-index:2;\\n}\\n\\n.aca-monitor,\\n.aca-monitor-stand,\\n.aca-monitor-base{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      #39cdd0 0%,\\n      #1f6f73 45%,\\n      #123f42 100%\\n    );\\n}\\n\\n.aca-monitor{\\n  position:relative;\\n  width:100%;\\n  border-radius:18px 18px 10px 10px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  border:1px solid rgba(116,238,240,.32);\\n  overflow:hidden;\\n  box-shadow:\\n    0 26px 58px rgba(0,0,0,.28),\\n    0 10px 40px rgba(31,111,115,.22),\\n    0 0 34px rgba(57,205,208,.10),\\n    inset 0 2px 0 rgba(255,255,255,.14),\\n    inset 0 0 0 1px rgba(255,255,255,.04);\\n}\\n\\n.aca-monitor::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  border-radius:inherit;\\n  background:\\n    linear-gradient(135deg, rgba(255,255,255,.16), transparent 24%),\\n    linear-gradient(315deg, rgba(116,238,240,.16), transparent 38%);\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-top{\\n  position:relative;\\n  z-index:2;\\n  height:14px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:5px;\\n  padding-left:8px;\\n}\\n\\n.aca-monitor-dot{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n  box-shadow:0 0 10px rgba(255,255,255,.24);\\n}\\n\\n.aca-monitor-screen{\\n  position:relative;\\n  z-index:2;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:6px;\\n  background:#edf7f7;\\n  box-shadow:\\n    inset 0 0 0 1px rgba(255,255,255,.18),\\n    inset 0 20px 34px rgba(255,255,255,.10),\\n    0 0 22px rgba(57,205,208,.10);\\n}\\n\\n.aca-monitor-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  z-index:2;\\n  background:\\n    linear-gradient(180deg, rgba(255,255,255,.20), transparent 24%),\\n    linear-gradient(125deg, rgba(116,238,240,.10), transparent 30%);\\n  pointer-events:none;\\n}\\n\\n.aca-monitor-screen img{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .35s ease, filter .35s ease;\\n}\\n\\n.aca-device-item:hover .aca-monitor-screen img{\\n  transform:scale(1.02);\\n  filter:saturate(1.04);\\n}\\n\\n.aca-device-item:hover .aca-monitor{\\n  border-color:rgba(116,238,240,.46);\\n}\\n\\n.aca-monitor-stand{\\n  position:relative;\\n  width:82px;\\n  height:46px;\\n  margin:0 auto;\\n  clip-path:\\n    polygon(\\n      28% 0%,\\n      72% 0%,\\n      62% 100%,\\n      38% 100%\\n    );\\n  box-shadow:\\n    inset 0 1px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-monitor-base{\\n  position:relative;\\n  width:174px;\\n  height:14px;\\n  margin:-2px auto 0;\\n  border-radius:999px;\\n  box-shadow:\\n    0 10px 24px rgba(0,0,0,.26),\\n    0 0 18px rgba(57,205,208,.10),\\n    inset 0 1px 0 rgba(255,255,255,.10);\\n}\\n\\n\\\/* RESPONSIVE *\\\/\\n\\n@media(max-width:1024px){\\n\\n  .aca-device-item{\\n    width:520px;\\n  }\\n\\n}\\n\\n@media(max-width:640px){\\n\\n  .aca-device-item{\\n    width:340px;\\n    padding:14px 12px 12px;\\n  }\\n\\n  .aca-device-item::before{\\n    inset:6px 6px 0 6px;\\n    border-radius:20px;\\n  }\\n\\n  .aca-device-item::after{\\n    right:14px;\\n    bottom:12px;\\n    width:100px;\\n    filter:blur(16px);\\n  }\\n\\n  .aca-monitor{\\n    border-radius:14px 14px 8px 8px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-monitor-top{\\n    height:10px;\\n    margin-bottom:5px;\\n    padding-left:6px;\\n    gap:4px;\\n  }\\n\\n  .aca-monitor-dot{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-monitor-screen{\\n    border-radius:5px;\\n  }\\n\\n  .aca-monitor-stand{\\n    width:54px;\\n    height:30px;\\n  }\\n\\n  .aca-monitor-base{\\n    width:116px;\\n    height:10px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:252}],&quot;_parentId&quot;:251}],&quot;_parentId&quot;:117}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-251 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-252 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-261 bde-code-block\">\n\n  <div class=\"aca-device-item\">\n\n  <div class=\"aca-monitor-wrap\">\n\n    <div class=\"aca-monitor\">\n\n      <div class=\"aca-monitor-top\">\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n      <\/div>\n\n      <div class=\"aca-monitor-screen\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/1400\/900?1\" alt=\"\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"aca-monitor-stand\"><\/div>\n    <div class=\"aca-monitor-base\"><\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-352 bde-code-block\">\n\n  <div class=\"aca-device-item\">\n\n  <div class=\"aca-monitor-wrap\">\n\n    <div class=\"aca-monitor\">\n\n      <div class=\"aca-monitor-top\">\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n      <\/div>\n\n      <div class=\"aca-monitor-screen\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/1400\/900?1\" alt=\"\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"aca-monitor-stand\"><\/div>\n    <div class=\"aca-monitor-base\"><\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-354 bde-code-block\">\n\n  <div class=\"aca-device-item\">\n\n  <div class=\"aca-monitor-wrap\">\n\n    <div class=\"aca-monitor\">\n\n      <div class=\"aca-monitor-top\">\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n      <\/div>\n\n      <div class=\"aca-monitor-screen\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/1400\/900?1\" alt=\"\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"aca-monitor-stand\"><\/div>\n    <div class=\"aca-monitor-base\"><\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-353 bde-code-block\">\n\n  <div class=\"aca-device-item\">\n\n  <div class=\"aca-monitor-wrap\">\n\n    <div class=\"aca-monitor\">\n\n      <div class=\"aca-monitor-top\">\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n        <span class=\"aca-monitor-dot\"><\/span>\n      <\/div>\n\n      <div class=\"aca-monitor-screen\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/1400\/900?1\" alt=\"\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"aca-monitor-stand\"><\/div>\n    <div class=\"aca-monitor-base\"><\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-178 bde-section\" data-element=\"{&quot;id&quot;:178,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}}}},&quot;children&quot;:[{&quot;id&quot;:179,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;02 I Sosyal Medya Tasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:178},{&quot;id&quot;:180,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:178}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-179 bde-heading olceklenen_heading\">\n02 I Sosyal Medya Tasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-180 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-196 bde-section\" data-element=\"{&quot;id&quot;:196,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:220,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:221,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:230,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:272,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:271,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:270,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:274,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:348,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:347,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221},{&quot;id&quot;:273,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-ig-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-ig-phone\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-ig-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-topbar\\&quot;&gt;\\n        &lt;span&gt;09:41&lt;\\\/span&gt;\\n        &lt;span&gt;\\u25cf \\u25cf \\u25cf&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-appbar\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-app-title\\&quot;&gt;aca.services&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-app-icons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-icon plus\\&quot;&gt;&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-icon menu\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-profile\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-profile-top\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-avatar\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-avatar-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/300\\\/300?31\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n\\n          &lt;div class=\\&quot;aca-ig-stats\\&quot;&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;128&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;posts&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;24.8K&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;followers&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n            &lt;div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-number\\&quot;&gt;312&lt;\\\/div&gt;\\n              &lt;div class=\\&quot;aca-ig-stat-label\\&quot;&gt;following&lt;\\\/div&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-name\\&quot;&gt;ACA Services&lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-bio\\&quot;&gt;\\n          Web tasar\\u0131m \\u2022 sosyal medya \\u2022 branding&lt;br&gt;\\n          Modern ve d\\u00f6n\\u00fc\\u015f\\u00fcm odakl\\u0131 dijital tasar\\u0131mlar.\\n        &lt;\\\/div&gt;\\n\\n        &lt;a href=\\&quot;#\\&quot; class=\\&quot;aca-ig-link\\&quot;&gt;www.acaservices.de&lt;\\\/a&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-buttons\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Edit profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn\\&quot;&gt;Share profile&lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-btn icon\\&quot;&gt;+&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-highlights\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?41\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Works&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?42\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Clients&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?43\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;Branding&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n\\n        &lt;div class=\\&quot;aca-ig-highlight\\&quot;&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-ring\\&quot;&gt;\\n            &lt;div class=\\&quot;aca-ig-highlight-inner\\&quot;&gt;\\n              &lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/200\\\/200?44\\&quot; alt=\\&quot;\\&quot;&gt;\\n            &lt;\\\/div&gt;\\n          &lt;\\\/div&gt;\\n          &lt;div class=\\&quot;aca-ig-highlight-title\\&quot;&gt;About&lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-tabs\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-tab active\\&quot;&gt;\\u2317&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25b7&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-tab\\&quot;&gt;\\u25f7&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-grid\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?51\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?52\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?53\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?54\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?55\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?56\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?57\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?58\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;div class=\\&quot;aca-ig-post\\&quot;&gt;&lt;img src=\\&quot;https:\\\/\\\/picsum.photos\\\/500\\\/500?59\\&quot; alt=\\&quot;\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-ig-bottom\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-ig-homebar\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;:root {\\n  --aca-ig-frame: #1f6f73;\\n  --aca-ig-frame-dark: #12484a;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-item {\\n  width: 280px;\\n}\\n\\n.aca-ig-phone {\\n  position: relative;\\n  width: 100%;\\n  height: 610px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 34px;\\n  padding: 10px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-phone::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 8px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n  width: 72px;\\n  height: 14px;\\n  border-radius: 999px;\\n  background: var(--aca-ig-frame-dark);\\n  z-index: 5;\\n}\\n\\n.aca-ig-screen {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 26px;\\n  overflow: hidden;\\n  background: var(--aca-ig-bg);\\n}\\n\\n.aca-ig-topbar {\\n  height: 34px;\\n  padding: 10px 14px 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  font-size: 11px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-appbar {\\n  height: 40px;\\n  padding: 0 14px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  border-bottom: 1px solid var(--aca-ig-border);\\n}\\n\\n.aca-ig-app-title {\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-app-icons {\\n  display: flex;\\n  gap: 10px;\\n}\\n\\n.aca-ig-icon {\\n  width: 17px;\\n  height: 17px;\\n  position: relative;\\n}\\n\\n.aca-ig-icon.plus {\\n  border: 1.7px solid var(--aca-ig-text);\\n  border-radius: 4px;\\n}\\n\\n.aca-ig-icon.plus::before,\\n.aca-ig-icon.plus::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.plus::before {\\n  width: 9px;\\n  height: 1.7px;\\n  top: 7px;\\n  left: 3px;\\n}\\n\\n.aca-ig-icon.plus::after {\\n  width: 1.7px;\\n  height: 9px;\\n  top: 3px;\\n  left: 7px;\\n}\\n\\n.aca-ig-icon.menu {\\n  width: 18px;\\n  height: 13px;\\n}\\n\\n.aca-ig-icon.menu::before,\\n.aca-ig-icon.menu::after,\\n.aca-ig-icon.menu span {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  left: 0;\\n  width: 18px;\\n  height: 1.8px;\\n  background: var(--aca-ig-text);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-icon.menu::before {\\n  top: 0;\\n}\\n\\n.aca-ig-icon.menu span {\\n  top: 5.5px;\\n}\\n\\n.aca-ig-icon.menu::after {\\n  bottom: 0;\\n}\\n\\n.aca-ig-profile {\\n  padding: 10px 14px 8px;\\n}\\n\\n.aca-ig-profile-top {\\n  display: grid;\\n  grid-template-columns: 56px 1fr;\\n  gap: 12px;\\n  align-items: center;\\n}\\n\\n.aca-ig-avatar {\\n  width: 56px;\\n  height: 56px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: linear-gradient(135deg, var(--aca-ig-frame), #7ed5d8);\\n}\\n\\n.aca-ig-avatar-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img,\\n.aca-ig-post img {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.aca-ig-avatar-inner img,\\n.aca-ig-highlight-inner img {\\n  border-radius: 50%;\\n}\\n\\n.aca-ig-stats {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  text-align: center;\\n}\\n\\n.aca-ig-stat-number {\\n  font-size: 13px;\\n  font-weight: 800;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-stat-label {\\n  font-size: 10px;\\n  color: var(--aca-ig-muted);\\n  margin-top: 2px;\\n}\\n\\n.aca-ig-name {\\n  margin-top: 8px;\\n  font-size: 12px;\\n  font-weight: 700;\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-bio {\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  line-height: 1.4;\\n  color: #374151;\\n}\\n\\n.aca-ig-link {\\n  display: inline-block;\\n  margin-top: 3px;\\n  font-size: 10.5px;\\n  color: var(--aca-ig-frame);\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.aca-ig-buttons {\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 34px;\\n  gap: 6px;\\n  margin-top: 9px;\\n}\\n\\n.aca-ig-btn {\\n  height: 26px;\\n  border: 1px solid var(--aca-ig-border);\\n  border-radius: 7px;\\n  background: #f9fafb;\\n  font-size: 10px;\\n  font-weight: 600;\\n  color: var(--aca-ig-text);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-btn.icon {\\n  font-size: 14px;\\n}\\n\\n.aca-ig-highlights {\\n  display: flex;\\n  gap: 10px;\\n  padding: 8px 14px 10px;\\n  overflow: hidden;\\n}\\n\\n.aca-ig-highlight {\\n  width: 48px;\\n  flex: 0 0 48px;\\n  text-align: center;\\n}\\n\\n.aca-ig-highlight-ring {\\n  width: 48px;\\n  height: 48px;\\n  border-radius: 50%;\\n  padding: 2px;\\n  background: #e5e7eb;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-inner {\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  background: #fff;\\n  padding: 2px;\\n  box-sizing: border-box;\\n}\\n\\n.aca-ig-highlight-title {\\n  margin-top: 4px;\\n  font-size: 8.8px;\\n  color: var(--aca-ig-text);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aca-ig-tabs {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  border-top: 1px solid var(--aca-ig-border);\\n  border-bottom: 1px solid var(--aca-ig-border);\\n  height: 34px;\\n}\\n\\n.aca-ig-tab {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: relative;\\n  font-size: 12px;\\n  color: #6b7280;\\n}\\n\\n.aca-ig-tab.active {\\n  color: var(--aca-ig-text);\\n}\\n\\n.aca-ig-tab.active::after {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  bottom: 0;\\n  left: 22%;\\n  width: 56%;\\n  height: 2px;\\n  background: var(--aca-ig-frame);\\n  border-radius: 999px;\\n}\\n\\n.aca-ig-grid {\\n  display: grid;\\n  grid-template-columns: repeat(3, 1fr);\\n  gap: 2px;\\n}\\n\\n.aca-ig-post {\\n  aspect-ratio: 1 \\\/ 1;\\n  overflow: hidden;\\n  background: var(--aca-ig-soft);\\n}\\n\\n.aca-ig-bottom {\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  height: 16px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.aca-ig-homebar {\\n  width: 84px;\\n  height: 4px;\\n  border-radius: 999px;\\n  background: rgba(17, 24, 39, 0.18);\\n}\\n\\n@media (max-width: 640px) {\\n  .aca-ig-item {\\n    width: 230px;\\n  }\\n\\n  .aca-ig-phone {\\n    height: 540px;\\n    border-radius: 28px;\\n    padding: 8px;\\n  }\\n\\n  .aca-ig-screen {\\n    border-radius: 22px;\\n  }\\n\\n  .aca-ig-phone::before {\\n    width: 58px;\\n    height: 12px;\\n    top: 7px;\\n  }\\n}:root{\\n  --aca-ig-frame: #39cdd0;\\n  --aca-ig-frame-mid: #1f6f73;\\n  --aca-ig-frame-dark: #123f42;\\n  --aca-ig-bg: #ffffff;\\n  --aca-ig-text: #111827;\\n  --aca-ig-muted: #6b7280;\\n  --aca-ig-border: #e5e7eb;\\n  --aca-ig-soft: #f3f4f6;\\n}\\n\\n.aca-ig-phone{\\n  background:\\n    linear-gradient(\\n      180deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 45%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n\\n  box-shadow:\\n    0 10px 40px rgba(31,111,115,.18),\\n    inset 0 2px 0 rgba(255,255,255,.10);\\n}\\n\\n.aca-ig-phone::before{\\n  background:rgba(255,255,255,.18) !important;\\n}\\n\\n.aca-ig-avatar{\\n  background:\\n    linear-gradient(\\n      135deg,\\n      var(--aca-ig-frame) 0%,\\n      var(--aca-ig-frame-mid) 55%,\\n      var(--aca-ig-frame-dark) 100%\\n    ) !important;\\n}\\n\\n.aca-ig-tab.active::after{\\n  background:\\n    linear-gradient(\\n      90deg,\\n      var(--aca-ig-frame),\\n      var(--aca-ig-frame-mid)\\n    ) !important;\\n}\\n\\n.aca-ig-link{\\n  color:var(--aca-ig-frame-mid) !important;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:221}],&quot;_parentId&quot;:220}],&quot;_parentId&quot;:196}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-220 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-221 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-230 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-272 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-271 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-270 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-274 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-348 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-347 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-273 bde-code-block\">\n\n  <div class=\"aca-ig-item\">\n  <div class=\"aca-ig-phone\">\n    <div class=\"aca-ig-screen\">\n\n      <div class=\"aca-ig-topbar\">\n        <span>09:41<\/span>\n        <span>\u25cf \u25cf \u25cf<\/span>\n      <\/div>\n\n      <div class=\"aca-ig-appbar\">\n        <div class=\"aca-ig-app-title\">aca.services<\/div>\n        <div class=\"aca-ig-app-icons\">\n          <div class=\"aca-ig-icon plus\"><\/div>\n          <div class=\"aca-ig-icon menu\"><span><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-profile\">\n        <div class=\"aca-ig-profile-top\">\n          <div class=\"aca-ig-avatar\">\n            <div class=\"aca-ig-avatar-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/300?31\" alt=\"\">\n            <\/div>\n          <\/div>\n\n          <div class=\"aca-ig-stats\">\n            <div>\n              <div class=\"aca-ig-stat-number\">128<\/div>\n              <div class=\"aca-ig-stat-label\">posts<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">24.8K<\/div>\n              <div class=\"aca-ig-stat-label\">followers<\/div>\n            <\/div>\n            <div>\n              <div class=\"aca-ig-stat-number\">312<\/div>\n              <div class=\"aca-ig-stat-label\">following<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"aca-ig-name\">ACA Services<\/div>\n\n        <div class=\"aca-ig-bio\">\n          Web tasar\u0131m \u2022 sosyal medya \u2022 branding<br>\n          Modern ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 dijital tasar\u0131mlar.\n        <\/div>\n\n        <a href=\"#\" class=\"aca-ig-link\">www.acaservices.de<\/a>\n\n        <div class=\"aca-ig-buttons\">\n          <div class=\"aca-ig-btn\">Edit profile<\/div>\n          <div class=\"aca-ig-btn\">Share profile<\/div>\n          <div class=\"aca-ig-btn icon\">+<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-highlights\">\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?41\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Works<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?42\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Clients<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?43\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">Branding<\/div>\n        <\/div>\n\n        <div class=\"aca-ig-highlight\">\n          <div class=\"aca-ig-highlight-ring\">\n            <div class=\"aca-ig-highlight-inner\">\n              <img decoding=\"async\" src=\"https:\/\/picsum.photos\/200\/200?44\" alt=\"\">\n            <\/div>\n          <\/div>\n          <div class=\"aca-ig-highlight-title\">About<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"aca-ig-tabs\">\n        <div class=\"aca-ig-tab active\">\u2317<\/div>\n        <div class=\"aca-ig-tab\">\u25b7<\/div>\n        <div class=\"aca-ig-tab\">\u25f7<\/div>\n      <\/div>\n\n      <div class=\"aca-ig-grid\">\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?51\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?52\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?53\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?54\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?55\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?56\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?57\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?58\" alt=\"\"><\/div>\n        <div class=\"aca-ig-post\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/500\/500?59\" alt=\"\"><\/div>\n      <\/div>\n\n      <div class=\"aca-ig-bottom\">\n        <div class=\"aca-ig-homebar\"><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-181 bde-section\" data-element=\"{&quot;id&quot;:181,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}}}},&quot;children&quot;:[{&quot;id&quot;:182,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;03 I Video Tasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:181},{&quot;id&quot;:183,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:181}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-182 bde-heading olceklenen_heading\">\n03 I Video Tasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-183 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-275 bde-section\" data-element=\"{&quot;id&quot;:275,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:276,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:277,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:288,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-video-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-video-frame\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-video-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-video-screen\\&quot; onclick=\\&quot;acaToggleVideo(this)\\&quot;&gt;\\n\\n      &lt;video class=\\&quot;aca-video-media\\&quot; muted loop playsinline poster=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1492691527719-9d1e07e534b4?q=80&amp;w=1600&amp;auto=format&amp;fit=crop\\&quot;&gt;\\n        &lt;source src=\\&quot;https:\\\/\\\/interactive-examples.mdn.mozilla.net\\\/media\\\/cc0-videos\\\/flower.mp4\\&quot; type=\\&quot;video\\\/mp4\\&quot;&gt;\\n      &lt;\\\/video&gt;\\n\\n      &lt;div class=\\&quot;aca-video-overlay\\&quot;&gt;&lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-play-button\\&quot;&gt;\\n        &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-video-time\\&quot;&gt;00:12&lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-video-timeline\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-video-progress\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n\\n&lt;script&gt;\\nfunction acaToggleVideo(screen){\\n\\n  const video = screen.querySelector(\\&quot;.aca-video-media\\&quot;);\\n\\n  if(video.paused){\\n\\n    video.play();\\n    screen.classList.add(\\&quot;is-playing\\&quot;);\\n\\n  }else{\\n\\n    video.pause();\\n    screen.classList.remove(\\&quot;is-playing\\&quot;);\\n\\n  }\\n\\n}\\n\\n\\\/* timeline progress *\\\/\\n\\ndocument.querySelectorAll(\\&quot;.aca-video-media\\&quot;).forEach(video =&gt; {\\n\\n  video.addEventListener(\\&quot;timeupdate\\&quot;, () =&gt; {\\n\\n    const screen = video.closest(\\&quot;.aca-video-screen\\&quot;);\\n    const progress = screen.querySelector(\\&quot;.aca-video-progress\\&quot;);\\n\\n    const percent =\\n      (video.currentTime \\\/ video.duration) * 100;\\n\\n    progress.style.width = percent + \\&quot;%\\&quot;;\\n\\n  });\\n\\n});\\n&lt;\\\/script&gt;&quot;,&quot;css_code&quot;:&quot;.aca-video-item{\\n  position:relative;\\n  width:720px;\\n}\\n\\n.aca-video-frame{\\n  position:relative;\\n  width:100%;\\n  border-radius:24px;\\n  padding:12px;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 35px 100px rgba(0,0,0,.45),\\n    inset 0 2px 0 rgba(255,255,255,.14);\\n  box-sizing:border-box;\\n}\\n\\n.aca-video-top{\\n  height:22px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-video-top span{\\n  width:7px;\\n  height:7px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-video-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:21\\\/9;\\n  overflow:hidden;\\n  border-radius:14px;\\n  background:#0b0f16;\\n  cursor:pointer;\\n}\\n\\n.aca-video-media{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-video-overlay{\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),\\n    radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.25) 80%);\\n  transition:opacity .35s ease;\\n}\\n\\n.aca-play-button{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  width:74px;\\n  height:74px;\\n  transform:translate(-50%,-50%);\\n  border-radius:50%;\\n  background:rgba(255,255,255,.14);\\n  border:1px solid rgba(255,255,255,.26);\\n  backdrop-filter:blur(16px);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  transition:opacity .35s ease, transform .35s ease;\\n}\\n\\n.aca-play-button span{\\n  width:0;\\n  height:0;\\n  margin-left:5px;\\n  border-top:13px solid transparent;\\n  border-bottom:13px solid transparent;\\n  border-left:20px solid #fff;\\n}\\n\\n.aca-video-time{\\n  position:absolute;\\n  right:18px;\\n  bottom:20px;\\n  padding:8px 12px;\\n  border-radius:999px;\\n  background:rgba(0,0,0,.45);\\n  color:#fff;\\n  font-size:12px;\\n  font-weight:700;\\n}\\n\\n.aca-video-timeline{\\n  position:absolute;\\n  left:18px;\\n  right:78px;\\n  bottom:28px;\\n  height:4px;\\n  border-radius:999px;\\n  background:rgba(255,255,255,.22);\\n  overflow:hidden;\\n}\\n\\n.aca-video-progress{\\n  width:0%;\\n  height:100%;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,#ffffff);\\n  transition:width .3s linear;\\n}\\n\\n.aca-video-screen.is-playing .aca-play-button{\\n  opacity:0;\\n  transform:translate(-50%,-50%) scale(.9);\\n  pointer-events:none;\\n}\\n\\n.aca-video-screen.is-playing .aca-video-overlay{\\n  opacity:.25;\\n}\\n\\n@media(max-width:768px){\\n  .aca-video-item{\\n    width:100%;\\n  }\\n\\n  .aca-video-screen{\\n    aspect-ratio:16\\\/10;\\n  }\\n\\n  .aca-play-button{\\n    width:58px;\\n    height:58px;\\n  }\\n\\n  .aca-play-button span{\\n    border-top-width:10px;\\n    border-bottom-width:10px;\\n    border-left-width:16px;\\n  }\\n} .aca-video-item{\\n  position:relative;\\n  flex:0 0 auto;\\n  width:720px;\\n  max-width:720px;\\n  min-width:720px;\\n}\\n\\n.aca-video-frame{\\n  width:100%;\\n  box-sizing:border-box;\\n}\\n\\n.aca-video-screen{\\n  position:relative;\\n  display:block;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  min-height:260px;\\n  overflow:hidden;\\n  border-radius:14px;\\n  background:#0b0f16;\\n}\\n\\n.aca-video-media{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  background:#0b0f16;\\n}\\n\\n@media(max-width:768px){\\n  .aca-video-item{\\n    width:86vw;\\n    min-width:86vw;\\n    max-width:86vw;\\n  }\\n\\n  .aca-video-screen{\\n    min-height:auto;\\n    aspect-ratio:16\\\/9;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:277},{&quot;id&quot;:289,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-video-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-video-frame\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-video-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-video-screen\\&quot; onclick=\\&quot;acaToggleVideo(this)\\&quot;&gt;\\n\\n      &lt;video class=\\&quot;aca-video-media\\&quot; muted loop playsinline poster=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1492691527719-9d1e07e534b4?q=80&amp;w=1600&amp;auto=format&amp;fit=crop\\&quot;&gt;\\n        &lt;source src=\\&quot;https:\\\/\\\/interactive-examples.mdn.mozilla.net\\\/media\\\/cc0-videos\\\/flower.mp4\\&quot; type=\\&quot;video\\\/mp4\\&quot;&gt;\\n      &lt;\\\/video&gt;\\n\\n      &lt;div class=\\&quot;aca-video-overlay\\&quot;&gt;&lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-play-button\\&quot;&gt;\\n        &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-video-time\\&quot;&gt;00:12&lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-video-timeline\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-video-progress\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n\\n&lt;script&gt;\\nfunction acaToggleVideo(screen){\\n\\n  const video = screen.querySelector(\\&quot;.aca-video-media\\&quot;);\\n\\n  if(video.paused){\\n\\n    video.play();\\n    screen.classList.add(\\&quot;is-playing\\&quot;);\\n\\n  }else{\\n\\n    video.pause();\\n    screen.classList.remove(\\&quot;is-playing\\&quot;);\\n\\n  }\\n\\n}\\n\\n\\\/* timeline progress *\\\/\\n\\ndocument.querySelectorAll(\\&quot;.aca-video-media\\&quot;).forEach(video =&gt; {\\n\\n  video.addEventListener(\\&quot;timeupdate\\&quot;, () =&gt; {\\n\\n    const screen = video.closest(\\&quot;.aca-video-screen\\&quot;);\\n    const progress = screen.querySelector(\\&quot;.aca-video-progress\\&quot;);\\n\\n    const percent =\\n      (video.currentTime \\\/ video.duration) * 100;\\n\\n    progress.style.width = percent + \\&quot;%\\&quot;;\\n\\n  });\\n\\n});\\n&lt;\\\/script&gt;&quot;,&quot;css_code&quot;:&quot;.aca-video-item{\\n  position:relative;\\n  width:720px;\\n}\\n\\n.aca-video-frame{\\n  position:relative;\\n  width:100%;\\n  border-radius:24px;\\n  padding:12px;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 35px 100px rgba(0,0,0,.45),\\n    inset 0 2px 0 rgba(255,255,255,.14);\\n  box-sizing:border-box;\\n}\\n\\n.aca-video-top{\\n  height:22px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-video-top span{\\n  width:7px;\\n  height:7px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-video-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:21\\\/9;\\n  overflow:hidden;\\n  border-radius:14px;\\n  background:#0b0f16;\\n  cursor:pointer;\\n}\\n\\n.aca-video-media{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-video-overlay{\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),\\n    radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.25) 80%);\\n  transition:opacity .35s ease;\\n}\\n\\n.aca-play-button{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  width:74px;\\n  height:74px;\\n  transform:translate(-50%,-50%);\\n  border-radius:50%;\\n  background:rgba(255,255,255,.14);\\n  border:1px solid rgba(255,255,255,.26);\\n  backdrop-filter:blur(16px);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  transition:opacity .35s ease, transform .35s ease;\\n}\\n\\n.aca-play-button span{\\n  width:0;\\n  height:0;\\n  margin-left:5px;\\n  border-top:13px solid transparent;\\n  border-bottom:13px solid transparent;\\n  border-left:20px solid #fff;\\n}\\n\\n.aca-video-time{\\n  position:absolute;\\n  right:18px;\\n  bottom:20px;\\n  padding:8px 12px;\\n  border-radius:999px;\\n  background:rgba(0,0,0,.45);\\n  color:#fff;\\n  font-size:12px;\\n  font-weight:700;\\n}\\n\\n.aca-video-timeline{\\n  position:absolute;\\n  left:18px;\\n  right:78px;\\n  bottom:28px;\\n  height:4px;\\n  border-radius:999px;\\n  background:rgba(255,255,255,.22);\\n  overflow:hidden;\\n}\\n\\n.aca-video-progress{\\n  width:0%;\\n  height:100%;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,#ffffff);\\n  transition:width .3s linear;\\n}\\n\\n.aca-video-screen.is-playing .aca-play-button{\\n  opacity:0;\\n  transform:translate(-50%,-50%) scale(.9);\\n  pointer-events:none;\\n}\\n\\n.aca-video-screen.is-playing .aca-video-overlay{\\n  opacity:.25;\\n}\\n\\n@media(max-width:768px){\\n  .aca-video-item{\\n    width:100%;\\n  }\\n\\n  .aca-video-screen{\\n    aspect-ratio:16\\\/10;\\n  }\\n\\n  .aca-play-button{\\n    width:58px;\\n    height:58px;\\n  }\\n\\n  .aca-play-button span{\\n    border-top-width:10px;\\n    border-bottom-width:10px;\\n    border-left-width:16px;\\n  }\\n} .aca-video-item{\\n  position:relative;\\n  flex:0 0 auto;\\n  width:720px;\\n  max-width:720px;\\n  min-width:720px;\\n}\\n\\n.aca-video-frame{\\n  width:100%;\\n  box-sizing:border-box;\\n}\\n\\n.aca-video-screen{\\n  position:relative;\\n  display:block;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  min-height:260px;\\n  overflow:hidden;\\n  border-radius:14px;\\n  background:#0b0f16;\\n}\\n\\n.aca-video-media{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  background:#0b0f16;\\n}\\n\\n@media(max-width:768px){\\n  .aca-video-item{\\n    width:86vw;\\n    min-width:86vw;\\n    max-width:86vw;\\n  }\\n\\n  .aca-video-screen{\\n    min-height:auto;\\n    aspect-ratio:16\\\/9;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:277},{&quot;id&quot;:290,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-video-item\\&quot;&gt;\\n  &lt;div class=\\&quot;aca-video-frame\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-video-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-video-screen\\&quot; onclick=\\&quot;acaToggleVideo(this)\\&quot;&gt;\\n\\n      &lt;video class=\\&quot;aca-video-media\\&quot; muted loop playsinline poster=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1492691527719-9d1e07e534b4?q=80&amp;w=1600&amp;auto=format&amp;fit=crop\\&quot;&gt;\\n        &lt;source src=\\&quot;https:\\\/\\\/interactive-examples.mdn.mozilla.net\\\/media\\\/cc0-videos\\\/flower.mp4\\&quot; type=\\&quot;video\\\/mp4\\&quot;&gt;\\n      &lt;\\\/video&gt;\\n\\n      &lt;div class=\\&quot;aca-video-overlay\\&quot;&gt;&lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-play-button\\&quot;&gt;\\n        &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-video-time\\&quot;&gt;00:12&lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-video-timeline\\&quot;&gt;\\n        &lt;div class=\\&quot;aca-video-progress\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n\\n&lt;script&gt;\\nfunction acaToggleVideo(screen){\\n\\n  const video = screen.querySelector(\\&quot;.aca-video-media\\&quot;);\\n\\n  if(video.paused){\\n\\n    video.play();\\n    screen.classList.add(\\&quot;is-playing\\&quot;);\\n\\n  }else{\\n\\n    video.pause();\\n    screen.classList.remove(\\&quot;is-playing\\&quot;);\\n\\n  }\\n\\n}\\n\\n\\\/* timeline progress *\\\/\\n\\ndocument.querySelectorAll(\\&quot;.aca-video-media\\&quot;).forEach(video =&gt; {\\n\\n  video.addEventListener(\\&quot;timeupdate\\&quot;, () =&gt; {\\n\\n    const screen = video.closest(\\&quot;.aca-video-screen\\&quot;);\\n    const progress = screen.querySelector(\\&quot;.aca-video-progress\\&quot;);\\n\\n    const percent =\\n      (video.currentTime \\\/ video.duration) * 100;\\n\\n    progress.style.width = percent + \\&quot;%\\&quot;;\\n\\n  });\\n\\n});\\n&lt;\\\/script&gt;&quot;,&quot;css_code&quot;:&quot;.aca-video-item{\\n  position:relative;\\n  width:720px;\\n}\\n\\n.aca-video-frame{\\n  position:relative;\\n  width:100%;\\n  border-radius:24px;\\n  padding:12px;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 35px 100px rgba(0,0,0,.45),\\n    inset 0 2px 0 rgba(255,255,255,.14);\\n  box-sizing:border-box;\\n}\\n\\n.aca-video-top{\\n  height:22px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-video-top span{\\n  width:7px;\\n  height:7px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-video-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:21\\\/9;\\n  overflow:hidden;\\n  border-radius:14px;\\n  background:#0b0f16;\\n  cursor:pointer;\\n}\\n\\n.aca-video-media{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-video-overlay{\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),\\n    radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.25) 80%);\\n  transition:opacity .35s ease;\\n}\\n\\n.aca-play-button{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  width:74px;\\n  height:74px;\\n  transform:translate(-50%,-50%);\\n  border-radius:50%;\\n  background:rgba(255,255,255,.14);\\n  border:1px solid rgba(255,255,255,.26);\\n  backdrop-filter:blur(16px);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  transition:opacity .35s ease, transform .35s ease;\\n}\\n\\n.aca-play-button span{\\n  width:0;\\n  height:0;\\n  margin-left:5px;\\n  border-top:13px solid transparent;\\n  border-bottom:13px solid transparent;\\n  border-left:20px solid #fff;\\n}\\n\\n.aca-video-time{\\n  position:absolute;\\n  right:18px;\\n  bottom:20px;\\n  padding:8px 12px;\\n  border-radius:999px;\\n  background:rgba(0,0,0,.45);\\n  color:#fff;\\n  font-size:12px;\\n  font-weight:700;\\n}\\n\\n.aca-video-timeline{\\n  position:absolute;\\n  left:18px;\\n  right:78px;\\n  bottom:28px;\\n  height:4px;\\n  border-radius:999px;\\n  background:rgba(255,255,255,.22);\\n  overflow:hidden;\\n}\\n\\n.aca-video-progress{\\n  width:0%;\\n  height:100%;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,#ffffff);\\n  transition:width .3s linear;\\n}\\n\\n.aca-video-screen.is-playing .aca-play-button{\\n  opacity:0;\\n  transform:translate(-50%,-50%) scale(.9);\\n  pointer-events:none;\\n}\\n\\n.aca-video-screen.is-playing .aca-video-overlay{\\n  opacity:.25;\\n}\\n\\n@media(max-width:768px){\\n  .aca-video-item{\\n    width:100%;\\n  }\\n\\n  .aca-video-screen{\\n    aspect-ratio:16\\\/10;\\n  }\\n\\n  .aca-play-button{\\n    width:58px;\\n    height:58px;\\n  }\\n\\n  .aca-play-button span{\\n    border-top-width:10px;\\n    border-bottom-width:10px;\\n    border-left-width:16px;\\n  }\\n} .aca-video-item{\\n  position:relative;\\n  flex:0 0 auto;\\n  width:720px;\\n  max-width:720px;\\n  min-width:720px;\\n}\\n\\n.aca-video-frame{\\n  width:100%;\\n  box-sizing:border-box;\\n}\\n\\n.aca-video-screen{\\n  position:relative;\\n  display:block;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  min-height:260px;\\n  overflow:hidden;\\n  border-radius:14px;\\n  background:#0b0f16;\\n}\\n\\n.aca-video-media{\\n  position:absolute;\\n  inset:0;\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  background:#0b0f16;\\n}\\n\\n@media(max-width:768px){\\n  .aca-video-item{\\n    width:86vw;\\n    min-width:86vw;\\n    max-width:86vw;\\n  }\\n\\n  .aca-video-screen{\\n    min-height:auto;\\n    aspect-ratio:16\\\/9;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:277}],&quot;_parentId&quot;:276}],&quot;_parentId&quot;:275}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-276 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-277 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-288 bde-code-block\">\n\n  <div class=\"aca-video-item\">\n  <div class=\"aca-video-frame\">\n\n    <div class=\"aca-video-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-video-screen\" onclick=\"acaToggleVideo(this)\">\n\n      <video class=\"aca-video-media\" muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1492691527719-9d1e07e534b4?q=80&w=1600&auto=format&fit=crop\">\n        <source src=\"https:\/\/interactive-examples.mdn.mozilla.net\/media\/cc0-videos\/flower.mp4\" type=\"video\/mp4\">\n      <\/video>\n\n      <div class=\"aca-video-overlay\"><\/div>\n\n      <div class=\"aca-play-button\">\n        <span><\/span>\n      <\/div>\n\n      <div class=\"aca-video-time\">00:12<\/div>\n\n      <div class=\"aca-video-timeline\">\n        <div class=\"aca-video-progress\"><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction acaToggleVideo(screen){\n\n  const video = screen.querySelector(\".aca-video-media\");\n\n  if(video.paused){\n\n    video.play();\n    screen.classList.add(\"is-playing\");\n\n  }else{\n\n    video.pause();\n    screen.classList.remove(\"is-playing\");\n\n  }\n\n}\n\n\/* timeline progress *\/\n\ndocument.querySelectorAll(\".aca-video-media\").forEach(video => {\n\n  video.addEventListener(\"timeupdate\", () => {\n\n    const screen = video.closest(\".aca-video-screen\");\n    const progress = screen.querySelector(\".aca-video-progress\");\n\n    const percent =\n      (video.currentTime \/ video.duration) * 100;\n\n    progress.style.width = percent + \"%\";\n\n  });\n\n});\n<\/script>\n\n\n<\/div><div class=\"bde-code-block-592-289 bde-code-block\">\n\n  <div class=\"aca-video-item\">\n  <div class=\"aca-video-frame\">\n\n    <div class=\"aca-video-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-video-screen\" onclick=\"acaToggleVideo(this)\">\n\n      <video class=\"aca-video-media\" muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1492691527719-9d1e07e534b4?q=80&w=1600&auto=format&fit=crop\">\n        <source src=\"https:\/\/interactive-examples.mdn.mozilla.net\/media\/cc0-videos\/flower.mp4\" type=\"video\/mp4\">\n      <\/video>\n\n      <div class=\"aca-video-overlay\"><\/div>\n\n      <div class=\"aca-play-button\">\n        <span><\/span>\n      <\/div>\n\n      <div class=\"aca-video-time\">00:12<\/div>\n\n      <div class=\"aca-video-timeline\">\n        <div class=\"aca-video-progress\"><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction acaToggleVideo(screen){\n\n  const video = screen.querySelector(\".aca-video-media\");\n\n  if(video.paused){\n\n    video.play();\n    screen.classList.add(\"is-playing\");\n\n  }else{\n\n    video.pause();\n    screen.classList.remove(\"is-playing\");\n\n  }\n\n}\n\n\/* timeline progress *\/\n\ndocument.querySelectorAll(\".aca-video-media\").forEach(video => {\n\n  video.addEventListener(\"timeupdate\", () => {\n\n    const screen = video.closest(\".aca-video-screen\");\n    const progress = screen.querySelector(\".aca-video-progress\");\n\n    const percent =\n      (video.currentTime \/ video.duration) * 100;\n\n    progress.style.width = percent + \"%\";\n\n  });\n\n});\n<\/script>\n\n\n<\/div><div class=\"bde-code-block-592-290 bde-code-block\">\n\n  <div class=\"aca-video-item\">\n  <div class=\"aca-video-frame\">\n\n    <div class=\"aca-video-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-video-screen\" onclick=\"acaToggleVideo(this)\">\n\n      <video class=\"aca-video-media\" muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1492691527719-9d1e07e534b4?q=80&w=1600&auto=format&fit=crop\">\n        <source src=\"https:\/\/interactive-examples.mdn.mozilla.net\/media\/cc0-videos\/flower.mp4\" type=\"video\/mp4\">\n      <\/video>\n\n      <div class=\"aca-video-overlay\"><\/div>\n\n      <div class=\"aca-play-button\">\n        <span><\/span>\n      <\/div>\n\n      <div class=\"aca-video-time\">00:12<\/div>\n\n      <div class=\"aca-video-timeline\">\n        <div class=\"aca-video-progress\"><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction acaToggleVideo(screen){\n\n  const video = screen.querySelector(\".aca-video-media\");\n\n  if(video.paused){\n\n    video.play();\n    screen.classList.add(\"is-playing\");\n\n  }else{\n\n    video.pause();\n    screen.classList.remove(\"is-playing\");\n\n  }\n\n}\n\n\/* timeline progress *\/\n\ndocument.querySelectorAll(\".aca-video-media\").forEach(video => {\n\n  video.addEventListener(\"timeupdate\", () => {\n\n    const screen = video.closest(\".aca-video-screen\");\n    const progress = screen.querySelector(\".aca-video-progress\");\n\n    const percent =\n      (video.currentTime \/ video.duration) * 100;\n\n    progress.style.width = percent + \"%\";\n\n  });\n\n});\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-184 bde-section\" data-element=\"{&quot;id&quot;:184,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}}}},&quot;children&quot;:[{&quot;id&quot;:185,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;04 I Logo Tasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:184},{&quot;id&quot;:186,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:184}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-185 bde-heading olceklenen_heading\">\n04 I Logo Tasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-186 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-291 bde-section\" data-element=\"{&quot;id&quot;:291,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:292,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:293,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:303,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-logo-mockup-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-logo-mockup-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-image-box\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/upload.wikimedia.org\\\/wikipedia\\\/commons\\\/a\\\/a6\\\/Logo_NIKE.svg\\&quot; alt=\\&quot;Logo\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-bottom-info\\&quot;&gt;\\n        &lt;span&gt;Logo Design&lt;\\\/span&gt;\\n        &lt;strong&gt;Brand Identity&lt;\\\/strong&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-logo-mockup-item{\\n  position:relative;\\n  width:620px;\\n  padding-bottom:14px;\\n}\\n\\n.aca-logo-mockup-card{\\n  position:relative;\\n  width:100%;\\n  border-radius:22px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.45),\\n    0 0 45px rgba(0,224,255,.18),\\n    inset 0 2px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-logo-mockup-top{\\n  height:16px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-logo-mockup-top span{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-logo-mockup-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:10px;\\n  background:\\n    radial-gradient(circle at 50% 45%, rgba(0,224,255,.13), transparent 42%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n}\\n\\n.aca-logo-mockup-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:36px 36px;\\n  opacity:.35;\\n  pointer-events:none;\\n}\\n\\n.aca-logo-image-box{\\n  position:relative;\\n  z-index:2;\\n  width:58%;\\n  height:34%;\\n  border-radius:22px;\\n  border:1px solid rgba(57,205,208,.28);\\n  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));\\n  box-shadow:\\n    inset 0 0 24px rgba(0,224,255,.05),\\n    0 0 30px rgba(0,224,255,.08);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  padding:34px;\\n  box-sizing:border-box;\\n}\\n\\n.aca-logo-image-box img{\\n  max-width:72%;\\n  max-height:72%;\\n  width:auto;\\n  height:auto;\\n  object-fit:contain;\\n  display:block;\\n  filter:\\n    brightness(0)\\n    invert(1)\\n    drop-shadow(0 0 18px rgba(0,224,255,.28));\\n  transition:transform .35s ease;\\n}\\n\\n.aca-logo-mockup-item:hover .aca-logo-image-box img{\\n  transform:scale(1.03);\\n}\\n\\n.aca-logo-bottom-info{\\n  position:absolute;\\n  left:28px;\\n  right:28px;\\n  bottom:24px;\\n  z-index:2;\\n  display:flex;\\n  align-items:flex-end;\\n  justify-content:space-between;\\n  gap:20px;\\n}\\n\\n.aca-logo-bottom-info span{\\n  color:rgba(255,255,255,.48);\\n  font-size:12px;\\n  letter-spacing:.18em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-logo-bottom-info strong{\\n  color:#39cdd0;\\n  font-size:13px;\\n  font-weight:600;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n@media(max-width:1024px){\\n  .aca-logo-mockup-item{\\n    width:520px;\\n  }\\n}\\n\\n@media(max-width:640px){\\n  .aca-logo-mockup-item{\\n    width:340px;\\n  }\\n\\n  .aca-logo-mockup-card{\\n    border-radius:16px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-logo-mockup-top{\\n    height:10px;\\n    margin-bottom:6px;\\n    gap:4px;\\n    padding-left:6px;\\n  }\\n\\n  .aca-logo-mockup-top span{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-logo-mockup-screen{\\n    border-radius:8px;\\n  }\\n\\n  .aca-logo-image-box{\\n    width:68%;\\n    height:38%;\\n    border-radius:16px;\\n    padding:18px;\\n  }\\n\\n  .aca-logo-image-box img{\\n    max-width:78%;\\n    max-height:78%;\\n  }\\n\\n  .aca-logo-bottom-info{\\n    left:16px;\\n    right:16px;\\n    bottom:14px;\\n  }\\n\\n  .aca-logo-bottom-info span,\\n  .aca-logo-bottom-info strong{\\n    font-size:9px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:293},{&quot;id&quot;:309,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-logo-mockup-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-logo-mockup-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-image-box\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/upload.wikimedia.org\\\/wikipedia\\\/commons\\\/a\\\/a6\\\/Logo_NIKE.svg\\&quot; alt=\\&quot;Logo\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-bottom-info\\&quot;&gt;\\n        &lt;span&gt;Logo Design&lt;\\\/span&gt;\\n        &lt;strong&gt;Brand Identity&lt;\\\/strong&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-logo-mockup-item{\\n  position:relative;\\n  width:620px;\\n  padding-bottom:14px;\\n}\\n\\n.aca-logo-mockup-card{\\n  position:relative;\\n  width:100%;\\n  border-radius:22px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.45),\\n    0 0 45px rgba(0,224,255,.18),\\n    inset 0 2px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-logo-mockup-top{\\n  height:16px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-logo-mockup-top span{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-logo-mockup-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:10px;\\n  background:\\n    radial-gradient(circle at 50% 45%, rgba(0,224,255,.13), transparent 42%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n}\\n\\n.aca-logo-mockup-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:36px 36px;\\n  opacity:.35;\\n  pointer-events:none;\\n}\\n\\n.aca-logo-image-box{\\n  position:relative;\\n  z-index:2;\\n  width:58%;\\n  height:34%;\\n  border-radius:22px;\\n  border:1px solid rgba(57,205,208,.28);\\n  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));\\n  box-shadow:\\n    inset 0 0 24px rgba(0,224,255,.05),\\n    0 0 30px rgba(0,224,255,.08);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  padding:34px;\\n  box-sizing:border-box;\\n}\\n\\n.aca-logo-image-box img{\\n  max-width:72%;\\n  max-height:72%;\\n  width:auto;\\n  height:auto;\\n  object-fit:contain;\\n  display:block;\\n  filter:\\n    brightness(0)\\n    invert(1)\\n    drop-shadow(0 0 18px rgba(0,224,255,.28));\\n  transition:transform .35s ease;\\n}\\n\\n.aca-logo-mockup-item:hover .aca-logo-image-box img{\\n  transform:scale(1.03);\\n}\\n\\n.aca-logo-bottom-info{\\n  position:absolute;\\n  left:28px;\\n  right:28px;\\n  bottom:24px;\\n  z-index:2;\\n  display:flex;\\n  align-items:flex-end;\\n  justify-content:space-between;\\n  gap:20px;\\n}\\n\\n.aca-logo-bottom-info span{\\n  color:rgba(255,255,255,.48);\\n  font-size:12px;\\n  letter-spacing:.18em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-logo-bottom-info strong{\\n  color:#39cdd0;\\n  font-size:13px;\\n  font-weight:600;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n@media(max-width:1024px){\\n  .aca-logo-mockup-item{\\n    width:520px;\\n  }\\n}\\n\\n@media(max-width:640px){\\n  .aca-logo-mockup-item{\\n    width:340px;\\n  }\\n\\n  .aca-logo-mockup-card{\\n    border-radius:16px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-logo-mockup-top{\\n    height:10px;\\n    margin-bottom:6px;\\n    gap:4px;\\n    padding-left:6px;\\n  }\\n\\n  .aca-logo-mockup-top span{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-logo-mockup-screen{\\n    border-radius:8px;\\n  }\\n\\n  .aca-logo-image-box{\\n    width:68%;\\n    height:38%;\\n    border-radius:16px;\\n    padding:18px;\\n  }\\n\\n  .aca-logo-image-box img{\\n    max-width:78%;\\n    max-height:78%;\\n  }\\n\\n  .aca-logo-bottom-info{\\n    left:16px;\\n    right:16px;\\n    bottom:14px;\\n  }\\n\\n  .aca-logo-bottom-info span,\\n  .aca-logo-bottom-info strong{\\n    font-size:9px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:293},{&quot;id&quot;:343,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-logo-mockup-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-logo-mockup-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-image-box\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/upload.wikimedia.org\\\/wikipedia\\\/commons\\\/a\\\/a6\\\/Logo_NIKE.svg\\&quot; alt=\\&quot;Logo\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-bottom-info\\&quot;&gt;\\n        &lt;span&gt;Logo Design&lt;\\\/span&gt;\\n        &lt;strong&gt;Brand Identity&lt;\\\/strong&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-logo-mockup-item{\\n  position:relative;\\n  width:620px;\\n  padding-bottom:14px;\\n}\\n\\n.aca-logo-mockup-card{\\n  position:relative;\\n  width:100%;\\n  border-radius:22px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.45),\\n    0 0 45px rgba(0,224,255,.18),\\n    inset 0 2px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-logo-mockup-top{\\n  height:16px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-logo-mockup-top span{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-logo-mockup-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:10px;\\n  background:\\n    radial-gradient(circle at 50% 45%, rgba(0,224,255,.13), transparent 42%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n}\\n\\n.aca-logo-mockup-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:36px 36px;\\n  opacity:.35;\\n  pointer-events:none;\\n}\\n\\n.aca-logo-image-box{\\n  position:relative;\\n  z-index:2;\\n  width:58%;\\n  height:34%;\\n  border-radius:22px;\\n  border:1px solid rgba(57,205,208,.28);\\n  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));\\n  box-shadow:\\n    inset 0 0 24px rgba(0,224,255,.05),\\n    0 0 30px rgba(0,224,255,.08);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  padding:34px;\\n  box-sizing:border-box;\\n}\\n\\n.aca-logo-image-box img{\\n  max-width:72%;\\n  max-height:72%;\\n  width:auto;\\n  height:auto;\\n  object-fit:contain;\\n  display:block;\\n  filter:\\n    brightness(0)\\n    invert(1)\\n    drop-shadow(0 0 18px rgba(0,224,255,.28));\\n  transition:transform .35s ease;\\n}\\n\\n.aca-logo-mockup-item:hover .aca-logo-image-box img{\\n  transform:scale(1.03);\\n}\\n\\n.aca-logo-bottom-info{\\n  position:absolute;\\n  left:28px;\\n  right:28px;\\n  bottom:24px;\\n  z-index:2;\\n  display:flex;\\n  align-items:flex-end;\\n  justify-content:space-between;\\n  gap:20px;\\n}\\n\\n.aca-logo-bottom-info span{\\n  color:rgba(255,255,255,.48);\\n  font-size:12px;\\n  letter-spacing:.18em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-logo-bottom-info strong{\\n  color:#39cdd0;\\n  font-size:13px;\\n  font-weight:600;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n@media(max-width:1024px){\\n  .aca-logo-mockup-item{\\n    width:520px;\\n  }\\n}\\n\\n@media(max-width:640px){\\n  .aca-logo-mockup-item{\\n    width:340px;\\n  }\\n\\n  .aca-logo-mockup-card{\\n    border-radius:16px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-logo-mockup-top{\\n    height:10px;\\n    margin-bottom:6px;\\n    gap:4px;\\n    padding-left:6px;\\n  }\\n\\n  .aca-logo-mockup-top span{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-logo-mockup-screen{\\n    border-radius:8px;\\n  }\\n\\n  .aca-logo-image-box{\\n    width:68%;\\n    height:38%;\\n    border-radius:16px;\\n    padding:18px;\\n  }\\n\\n  .aca-logo-image-box img{\\n    max-width:78%;\\n    max-height:78%;\\n  }\\n\\n  .aca-logo-bottom-info{\\n    left:16px;\\n    right:16px;\\n    bottom:14px;\\n  }\\n\\n  .aca-logo-bottom-info span,\\n  .aca-logo-bottom-info strong{\\n    font-size:9px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:293},{&quot;id&quot;:342,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-logo-mockup-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-logo-mockup-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-image-box\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/upload.wikimedia.org\\\/wikipedia\\\/commons\\\/a\\\/a6\\\/Logo_NIKE.svg\\&quot; alt=\\&quot;Logo\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-bottom-info\\&quot;&gt;\\n        &lt;span&gt;Logo Design&lt;\\\/span&gt;\\n        &lt;strong&gt;Brand Identity&lt;\\\/strong&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-logo-mockup-item{\\n  position:relative;\\n  width:620px;\\n  padding-bottom:14px;\\n}\\n\\n.aca-logo-mockup-card{\\n  position:relative;\\n  width:100%;\\n  border-radius:22px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.45),\\n    0 0 45px rgba(0,224,255,.18),\\n    inset 0 2px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-logo-mockup-top{\\n  height:16px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-logo-mockup-top span{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-logo-mockup-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:10px;\\n  background:\\n    radial-gradient(circle at 50% 45%, rgba(0,224,255,.13), transparent 42%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n}\\n\\n.aca-logo-mockup-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:36px 36px;\\n  opacity:.35;\\n  pointer-events:none;\\n}\\n\\n.aca-logo-image-box{\\n  position:relative;\\n  z-index:2;\\n  width:58%;\\n  height:34%;\\n  border-radius:22px;\\n  border:1px solid rgba(57,205,208,.28);\\n  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));\\n  box-shadow:\\n    inset 0 0 24px rgba(0,224,255,.05),\\n    0 0 30px rgba(0,224,255,.08);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  padding:34px;\\n  box-sizing:border-box;\\n}\\n\\n.aca-logo-image-box img{\\n  max-width:72%;\\n  max-height:72%;\\n  width:auto;\\n  height:auto;\\n  object-fit:contain;\\n  display:block;\\n  filter:\\n    brightness(0)\\n    invert(1)\\n    drop-shadow(0 0 18px rgba(0,224,255,.28));\\n  transition:transform .35s ease;\\n}\\n\\n.aca-logo-mockup-item:hover .aca-logo-image-box img{\\n  transform:scale(1.03);\\n}\\n\\n.aca-logo-bottom-info{\\n  position:absolute;\\n  left:28px;\\n  right:28px;\\n  bottom:24px;\\n  z-index:2;\\n  display:flex;\\n  align-items:flex-end;\\n  justify-content:space-between;\\n  gap:20px;\\n}\\n\\n.aca-logo-bottom-info span{\\n  color:rgba(255,255,255,.48);\\n  font-size:12px;\\n  letter-spacing:.18em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-logo-bottom-info strong{\\n  color:#39cdd0;\\n  font-size:13px;\\n  font-weight:600;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n@media(max-width:1024px){\\n  .aca-logo-mockup-item{\\n    width:520px;\\n  }\\n}\\n\\n@media(max-width:640px){\\n  .aca-logo-mockup-item{\\n    width:340px;\\n  }\\n\\n  .aca-logo-mockup-card{\\n    border-radius:16px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-logo-mockup-top{\\n    height:10px;\\n    margin-bottom:6px;\\n    gap:4px;\\n    padding-left:6px;\\n  }\\n\\n  .aca-logo-mockup-top span{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-logo-mockup-screen{\\n    border-radius:8px;\\n  }\\n\\n  .aca-logo-image-box{\\n    width:68%;\\n    height:38%;\\n    border-radius:16px;\\n    padding:18px;\\n  }\\n\\n  .aca-logo-image-box img{\\n    max-width:78%;\\n    max-height:78%;\\n  }\\n\\n  .aca-logo-bottom-info{\\n    left:16px;\\n    right:16px;\\n    bottom:14px;\\n  }\\n\\n  .aca-logo-bottom-info span,\\n  .aca-logo-bottom-info strong{\\n    font-size:9px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:293},{&quot;id&quot;:341,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-logo-mockup-item\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-logo-mockup-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-top\\&quot;&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n      &lt;span&gt;&lt;\\\/span&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-logo-mockup-screen\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-image-box\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/upload.wikimedia.org\\\/wikipedia\\\/commons\\\/a\\\/a6\\\/Logo_NIKE.svg\\&quot; alt=\\&quot;Logo\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-logo-bottom-info\\&quot;&gt;\\n        &lt;span&gt;Logo Design&lt;\\\/span&gt;\\n        &lt;strong&gt;Brand Identity&lt;\\\/strong&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-logo-mockup-item{\\n  position:relative;\\n  width:620px;\\n  padding-bottom:14px;\\n}\\n\\n.aca-logo-mockup-card{\\n  position:relative;\\n  width:100%;\\n  border-radius:22px;\\n  padding:10px 10px 14px;\\n  box-sizing:border-box;\\n  background:linear-gradient(180deg,#39cdd0 0%,#1f6f73 45%,#123f42 100%);\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.45),\\n    0 0 45px rgba(0,224,255,.18),\\n    inset 0 2px 0 rgba(255,255,255,.12);\\n}\\n\\n.aca-logo-mockup-top{\\n  height:16px;\\n  margin-bottom:8px;\\n  display:flex;\\n  align-items:center;\\n  gap:6px;\\n  padding-left:8px;\\n}\\n\\n.aca-logo-mockup-top span{\\n  width:6px;\\n  height:6px;\\n  border-radius:50%;\\n  background:rgba(255,255,255,.92);\\n}\\n\\n.aca-logo-mockup-screen{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/10;\\n  overflow:hidden;\\n  border-radius:10px;\\n  background:\\n    radial-gradient(circle at 50% 45%, rgba(0,224,255,.13), transparent 42%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n}\\n\\n.aca-logo-mockup-screen::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:36px 36px;\\n  opacity:.35;\\n  pointer-events:none;\\n}\\n\\n.aca-logo-image-box{\\n  position:relative;\\n  z-index:2;\\n  width:58%;\\n  height:34%;\\n  border-radius:22px;\\n  border:1px solid rgba(57,205,208,.28);\\n  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));\\n  box-shadow:\\n    inset 0 0 24px rgba(0,224,255,.05),\\n    0 0 30px rgba(0,224,255,.08);\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  padding:34px;\\n  box-sizing:border-box;\\n}\\n\\n.aca-logo-image-box img{\\n  max-width:72%;\\n  max-height:72%;\\n  width:auto;\\n  height:auto;\\n  object-fit:contain;\\n  display:block;\\n  filter:\\n    brightness(0)\\n    invert(1)\\n    drop-shadow(0 0 18px rgba(0,224,255,.28));\\n  transition:transform .35s ease;\\n}\\n\\n.aca-logo-mockup-item:hover .aca-logo-image-box img{\\n  transform:scale(1.03);\\n}\\n\\n.aca-logo-bottom-info{\\n  position:absolute;\\n  left:28px;\\n  right:28px;\\n  bottom:24px;\\n  z-index:2;\\n  display:flex;\\n  align-items:flex-end;\\n  justify-content:space-between;\\n  gap:20px;\\n}\\n\\n.aca-logo-bottom-info span{\\n  color:rgba(255,255,255,.48);\\n  font-size:12px;\\n  letter-spacing:.18em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-logo-bottom-info strong{\\n  color:#39cdd0;\\n  font-size:13px;\\n  font-weight:600;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n@media(max-width:1024px){\\n  .aca-logo-mockup-item{\\n    width:520px;\\n  }\\n}\\n\\n@media(max-width:640px){\\n  .aca-logo-mockup-item{\\n    width:340px;\\n  }\\n\\n  .aca-logo-mockup-card{\\n    border-radius:16px;\\n    padding:7px 7px 12px;\\n  }\\n\\n  .aca-logo-mockup-top{\\n    height:10px;\\n    margin-bottom:6px;\\n    gap:4px;\\n    padding-left:6px;\\n  }\\n\\n  .aca-logo-mockup-top span{\\n    width:5px;\\n    height:5px;\\n  }\\n\\n  .aca-logo-mockup-screen{\\n    border-radius:8px;\\n  }\\n\\n  .aca-logo-image-box{\\n    width:68%;\\n    height:38%;\\n    border-radius:16px;\\n    padding:18px;\\n  }\\n\\n  .aca-logo-image-box img{\\n    max-width:78%;\\n    max-height:78%;\\n  }\\n\\n  .aca-logo-bottom-info{\\n    left:16px;\\n    right:16px;\\n    bottom:14px;\\n  }\\n\\n  .aca-logo-bottom-info span,\\n  .aca-logo-bottom-info strong{\\n    font-size:9px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:293}],&quot;_parentId&quot;:292}],&quot;_parentId&quot;:291}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-292 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-293 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-303 bde-code-block\">\n\n  <div class=\"aca-logo-mockup-item\">\n\n  <div class=\"aca-logo-mockup-card\">\n\n    <div class=\"aca-logo-mockup-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-logo-mockup-screen\">\n\n      <div class=\"aca-logo-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a6\/Logo_NIKE.svg\" alt=\"Logo\">\n      <\/div>\n\n      <div class=\"aca-logo-bottom-info\">\n        <span>Logo Design<\/span>\n        <strong>Brand Identity<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-309 bde-code-block\">\n\n  <div class=\"aca-logo-mockup-item\">\n\n  <div class=\"aca-logo-mockup-card\">\n\n    <div class=\"aca-logo-mockup-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-logo-mockup-screen\">\n\n      <div class=\"aca-logo-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a6\/Logo_NIKE.svg\" alt=\"Logo\">\n      <\/div>\n\n      <div class=\"aca-logo-bottom-info\">\n        <span>Logo Design<\/span>\n        <strong>Brand Identity<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-343 bde-code-block\">\n\n  <div class=\"aca-logo-mockup-item\">\n\n  <div class=\"aca-logo-mockup-card\">\n\n    <div class=\"aca-logo-mockup-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-logo-mockup-screen\">\n\n      <div class=\"aca-logo-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a6\/Logo_NIKE.svg\" alt=\"Logo\">\n      <\/div>\n\n      <div class=\"aca-logo-bottom-info\">\n        <span>Logo Design<\/span>\n        <strong>Brand Identity<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-342 bde-code-block\">\n\n  <div class=\"aca-logo-mockup-item\">\n\n  <div class=\"aca-logo-mockup-card\">\n\n    <div class=\"aca-logo-mockup-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-logo-mockup-screen\">\n\n      <div class=\"aca-logo-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a6\/Logo_NIKE.svg\" alt=\"Logo\">\n      <\/div>\n\n      <div class=\"aca-logo-bottom-info\">\n        <span>Logo Design<\/span>\n        <strong>Brand Identity<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-341 bde-code-block\">\n\n  <div class=\"aca-logo-mockup-item\">\n\n  <div class=\"aca-logo-mockup-card\">\n\n    <div class=\"aca-logo-mockup-top\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"aca-logo-mockup-screen\">\n\n      <div class=\"aca-logo-image-box\">\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a6\/Logo_NIKE.svg\" alt=\"Logo\">\n      <\/div>\n\n      <div class=\"aca-logo-bottom-info\">\n        <span>Logo Design<\/span>\n        <strong>Brand Identity<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-187 bde-section\" data-element=\"{&quot;id&quot;:187,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}}}},&quot;children&quot;:[{&quot;id&quot;:188,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;05 I Kartvizit Tasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:187},{&quot;id&quot;:189,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:187}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-188 bde-heading olceklenen_heading\">\n05 I Kartvizit Tasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-189 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-310 bde-section\" data-element=\"{&quot;id&quot;:310,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:311,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:312,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:316,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-business-card-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card back-card\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-card-logo\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card front-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-card-image-area\\&quot;&gt;\\n\\n      &lt;!-- BURAYA KARTV\\u0130Z\\u0130T TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Kartvizit\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-business-card-item{\\n  position:relative;\\n  width:620px;\\n  height:430px;\\n  margin:0 auto;\\n}\\n\\n.aca-business-card{\\n  position:absolute;\\n  width:460px;\\n  height:270px;\\n  border-radius:24px;\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.16), transparent 38%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  border:1px solid rgba(57,205,208,.65);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 42px rgba(0,224,255,.18),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-business-card::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:34px 34px;\\n  opacity:.35;\\n}\\n\\n\\\/* BACK CARD *\\\/\\n\\n.back-card{\\n  left:20px;\\n  top:90px;\\n  transform:rotate(-8deg);\\n  opacity:.55;\\n}\\n\\n.back-card .aca-card-logo{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  transform:translate(-50%,-50%);\\n  font-size:90px;\\n  font-weight:800;\\n  letter-spacing:-.08em;\\n  color:#39cdd0;\\n  opacity:.28;\\n}\\n\\n\\\/* FRONT CARD *\\\/\\n\\n.front-card{\\n  right:25px;\\n  top:65px;\\n  transform:rotate(5deg);\\n  z-index:3;\\n  padding:5px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE AREA *\\\/\\n\\n.aca-card-image-area{\\n  position:relative;\\n  width:100%;\\n  height:100%;\\n  border-radius:16px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-card-image-area img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .45s ease;\\n}\\n\\n\\\/* hover *\\\/\\n\\n.front-card:hover .aca-card-image-area img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-business-card-item{\\n    width:340px;\\n    height:320px;\\n  }\\n\\n  .aca-business-card{\\n    width:300px;\\n    height:180px;\\n    border-radius:18px;\\n  }\\n\\n  .back-card{\\n    left:0;\\n    top:92px;\\n  }\\n\\n  .front-card{\\n    right:0;\\n    top:58px;\\n    padding:10px;\\n  }\\n\\n  .aca-card-image-area{\\n    border-radius:12px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:312},{&quot;id&quot;:319,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-business-card-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card back-card\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-card-logo\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card front-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-card-image-area\\&quot;&gt;\\n\\n      &lt;!-- BURAYA KARTV\\u0130Z\\u0130T TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Kartvizit\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-business-card-item{\\n  position:relative;\\n  width:620px;\\n  height:430px;\\n  margin:0 auto;\\n}\\n\\n.aca-business-card{\\n  position:absolute;\\n  width:460px;\\n  height:270px;\\n  border-radius:24px;\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.16), transparent 38%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  border:1px solid rgba(57,205,208,.65);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 42px rgba(0,224,255,.18),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-business-card::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:34px 34px;\\n  opacity:.35;\\n}\\n\\n\\\/* BACK CARD *\\\/\\n\\n.back-card{\\n  left:20px;\\n  top:90px;\\n  transform:rotate(-8deg);\\n  opacity:.55;\\n}\\n\\n.back-card .aca-card-logo{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  transform:translate(-50%,-50%);\\n  font-size:90px;\\n  font-weight:800;\\n  letter-spacing:-.08em;\\n  color:#39cdd0;\\n  opacity:.28;\\n}\\n\\n\\\/* FRONT CARD *\\\/\\n\\n.front-card{\\n  right:25px;\\n  top:65px;\\n  transform:rotate(5deg);\\n  z-index:3;\\n  padding:5px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE AREA *\\\/\\n\\n.aca-card-image-area{\\n  position:relative;\\n  width:100%;\\n  height:100%;\\n  border-radius:16px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-card-image-area img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .45s ease;\\n}\\n\\n\\\/* hover *\\\/\\n\\n.front-card:hover .aca-card-image-area img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-business-card-item{\\n    width:340px;\\n    height:320px;\\n  }\\n\\n  .aca-business-card{\\n    width:300px;\\n    height:180px;\\n    border-radius:18px;\\n  }\\n\\n  .back-card{\\n    left:0;\\n    top:92px;\\n  }\\n\\n  .front-card{\\n    right:0;\\n    top:58px;\\n    padding:10px;\\n  }\\n\\n  .aca-card-image-area{\\n    border-radius:12px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:312},{&quot;id&quot;:318,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-business-card-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card back-card\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-card-logo\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card front-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-card-image-area\\&quot;&gt;\\n\\n      &lt;!-- BURAYA KARTV\\u0130Z\\u0130T TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Kartvizit\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-business-card-item{\\n  position:relative;\\n  width:620px;\\n  height:430px;\\n  margin:0 auto;\\n}\\n\\n.aca-business-card{\\n  position:absolute;\\n  width:460px;\\n  height:270px;\\n  border-radius:24px;\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.16), transparent 38%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  border:1px solid rgba(57,205,208,.65);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 42px rgba(0,224,255,.18),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-business-card::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:34px 34px;\\n  opacity:.35;\\n}\\n\\n\\\/* BACK CARD *\\\/\\n\\n.back-card{\\n  left:20px;\\n  top:90px;\\n  transform:rotate(-8deg);\\n  opacity:.55;\\n}\\n\\n.back-card .aca-card-logo{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  transform:translate(-50%,-50%);\\n  font-size:90px;\\n  font-weight:800;\\n  letter-spacing:-.08em;\\n  color:#39cdd0;\\n  opacity:.28;\\n}\\n\\n\\\/* FRONT CARD *\\\/\\n\\n.front-card{\\n  right:25px;\\n  top:65px;\\n  transform:rotate(5deg);\\n  z-index:3;\\n  padding:5px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE AREA *\\\/\\n\\n.aca-card-image-area{\\n  position:relative;\\n  width:100%;\\n  height:100%;\\n  border-radius:16px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-card-image-area img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .45s ease;\\n}\\n\\n\\\/* hover *\\\/\\n\\n.front-card:hover .aca-card-image-area img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-business-card-item{\\n    width:340px;\\n    height:320px;\\n  }\\n\\n  .aca-business-card{\\n    width:300px;\\n    height:180px;\\n    border-radius:18px;\\n  }\\n\\n  .back-card{\\n    left:0;\\n    top:92px;\\n  }\\n\\n  .front-card{\\n    right:0;\\n    top:58px;\\n    padding:10px;\\n  }\\n\\n  .aca-card-image-area{\\n    border-radius:12px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:312},{&quot;id&quot;:317,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-business-card-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card back-card\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-card-logo\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N KART --&gt;\\n  &lt;div class=\\&quot;aca-business-card front-card\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-card-image-area\\&quot;&gt;\\n\\n      &lt;!-- BURAYA KARTV\\u0130Z\\u0130T TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Kartvizit\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-business-card-item{\\n  position:relative;\\n  width:620px;\\n  height:430px;\\n  margin:0 auto;\\n}\\n\\n.aca-business-card{\\n  position:absolute;\\n  width:460px;\\n  height:270px;\\n  border-radius:24px;\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.16), transparent 38%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n  border:1px solid rgba(57,205,208,.65);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 42px rgba(0,224,255,.18),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-business-card::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n  background-size:34px 34px;\\n  opacity:.35;\\n}\\n\\n\\\/* BACK CARD *\\\/\\n\\n.back-card{\\n  left:20px;\\n  top:90px;\\n  transform:rotate(-8deg);\\n  opacity:.55;\\n}\\n\\n.back-card .aca-card-logo{\\n  position:absolute;\\n  left:50%;\\n  top:50%;\\n  transform:translate(-50%,-50%);\\n  font-size:90px;\\n  font-weight:800;\\n  letter-spacing:-.08em;\\n  color:#39cdd0;\\n  opacity:.28;\\n}\\n\\n\\\/* FRONT CARD *\\\/\\n\\n.front-card{\\n  right:25px;\\n  top:65px;\\n  transform:rotate(5deg);\\n  z-index:3;\\n  padding:5px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE AREA *\\\/\\n\\n.aca-card-image-area{\\n  position:relative;\\n  width:100%;\\n  height:100%;\\n  border-radius:16px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-card-image-area img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n  transition:transform .45s ease;\\n}\\n\\n\\\/* hover *\\\/\\n\\n.front-card:hover .aca-card-image-area img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-business-card-item{\\n    width:340px;\\n    height:320px;\\n  }\\n\\n  .aca-business-card{\\n    width:300px;\\n    height:180px;\\n    border-radius:18px;\\n  }\\n\\n  .back-card{\\n    left:0;\\n    top:92px;\\n  }\\n\\n  .front-card{\\n    right:0;\\n    top:58px;\\n    padding:10px;\\n  }\\n\\n  .aca-card-image-area{\\n    border-radius:12px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:312}],&quot;_parentId&quot;:311}],&quot;_parentId&quot;:310}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-311 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-312 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-316 bde-code-block\">\n\n  <div class=\"aca-business-card-item\">\n\n  <!-- ARKA KART -->\n  <div class=\"aca-business-card back-card\">\n    <div class=\"aca-card-logo\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N KART -->\n  <div class=\"aca-business-card front-card\">\n\n    <div class=\"aca-card-image-area\">\n\n      <!-- BURAYA KARTV\u0130Z\u0130T TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Kartvizit\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-319 bde-code-block\">\n\n  <div class=\"aca-business-card-item\">\n\n  <!-- ARKA KART -->\n  <div class=\"aca-business-card back-card\">\n    <div class=\"aca-card-logo\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N KART -->\n  <div class=\"aca-business-card front-card\">\n\n    <div class=\"aca-card-image-area\">\n\n      <!-- BURAYA KARTV\u0130Z\u0130T TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Kartvizit\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-318 bde-code-block\">\n\n  <div class=\"aca-business-card-item\">\n\n  <!-- ARKA KART -->\n  <div class=\"aca-business-card back-card\">\n    <div class=\"aca-card-logo\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N KART -->\n  <div class=\"aca-business-card front-card\">\n\n    <div class=\"aca-card-image-area\">\n\n      <!-- BURAYA KARTV\u0130Z\u0130T TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Kartvizit\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-317 bde-code-block\">\n\n  <div class=\"aca-business-card-item\">\n\n  <!-- ARKA KART -->\n  <div class=\"aca-business-card back-card\">\n    <div class=\"aca-card-logo\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N KART -->\n  <div class=\"aca-business-card front-card\">\n\n    <div class=\"aca-card-image-area\">\n\n      <!-- BURAYA KARTV\u0130Z\u0130T TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Kartvizit\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-190 bde-section\" data-element=\"{&quot;id&quot;:190,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}}}},&quot;children&quot;:[{&quot;id&quot;:191,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;06 I Bro\\u015f\\u00fcr Tasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:190},{&quot;id&quot;:192,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:190}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-191 bde-heading olceklenen_heading\">\n06 I Bro\u015f\u00fcr Tasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-192 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-320 bde-section\" data-element=\"{&quot;id&quot;:320,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:321,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:322,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:323,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-brochure-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper back-paper\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-brochure-mark\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper front-paper\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-brochure-image\\&quot;&gt;\\n\\n      &lt;!-- BRO\\u015e\\u00dcR TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Bro\\u015f\\u00fcr\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-brochure-item{\\n  position:relative;\\n  width:420px;\\n  height:520px;\\n  margin:0 auto;\\n}\\n\\n\\\/* PAPER *\\\/\\n\\n.aca-brochure-paper{\\n  position:absolute;\\n  width:300px;\\n  height:420px;\\n\\n  border-radius:20px;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.14), transparent 36%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n\\n  border:1px solid rgba(57,205,208,.62);\\n\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.48),\\n    0 0 34px rgba(0,224,255,.16),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-brochure-paper::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n\\n  background-size:28px 28px;\\n\\n  opacity:.28;\\n}\\n\\n\\\/* BACK *\\\/\\n\\n.back-paper{\\n  left:26px;\\n  top:70px;\\n\\n  transform:rotate(-8deg);\\n\\n  opacity:.55;\\n}\\n\\n.aca-brochure-mark{\\n  position:absolute;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:translate(-50%,-50%);\\n\\n  font-size:74px;\\n  font-weight:800;\\n\\n  letter-spacing:-.08em;\\n\\n  color:#39cdd0;\\n\\n  opacity:.22;\\n}\\n\\n\\\/* FRONT *\\\/\\n\\n.front-paper{\\n  right:20px;\\n  top:34px;\\n\\n  transform:rotate(5deg);\\n\\n  z-index:3;\\n\\n  padding:12px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-brochure-image{\\n  position:relative;\\n\\n  width:100%;\\n  height:100%;\\n\\n  border-radius:14px;\\n\\n  overflow:hidden;\\n\\n  background:#000;\\n}\\n\\n.aca-brochure-image img{\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .45s ease;\\n}\\n\\n.front-paper:hover .aca-brochure-image img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-brochure-item{\\n    width:280px;\\n    height:360px;\\n  }\\n\\n  .aca-brochure-paper{\\n    width:210px;\\n    height:290px;\\n\\n    border-radius:14px;\\n  }\\n\\n  .back-paper{\\n    left:0;\\n    top:50px;\\n  }\\n\\n  .front-paper{\\n    right:0;\\n    top:20px;\\n\\n    padding:8px;\\n  }\\n\\n  .aca-brochure-image{\\n    border-radius:10px;\\n  }\\n\\n  .aca-brochure-mark{\\n    font-size:54px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:322},{&quot;id&quot;:330,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-brochure-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper back-paper\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-brochure-mark\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper front-paper\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-brochure-image\\&quot;&gt;\\n\\n      &lt;!-- BRO\\u015e\\u00dcR TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Bro\\u015f\\u00fcr\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-brochure-item{\\n  position:relative;\\n  width:420px;\\n  height:520px;\\n  margin:0 auto;\\n}\\n\\n\\\/* PAPER *\\\/\\n\\n.aca-brochure-paper{\\n  position:absolute;\\n  width:300px;\\n  height:420px;\\n\\n  border-radius:20px;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.14), transparent 36%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n\\n  border:1px solid rgba(57,205,208,.62);\\n\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.48),\\n    0 0 34px rgba(0,224,255,.16),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-brochure-paper::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n\\n  background-size:28px 28px;\\n\\n  opacity:.28;\\n}\\n\\n\\\/* BACK *\\\/\\n\\n.back-paper{\\n  left:26px;\\n  top:70px;\\n\\n  transform:rotate(-8deg);\\n\\n  opacity:.55;\\n}\\n\\n.aca-brochure-mark{\\n  position:absolute;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:translate(-50%,-50%);\\n\\n  font-size:74px;\\n  font-weight:800;\\n\\n  letter-spacing:-.08em;\\n\\n  color:#39cdd0;\\n\\n  opacity:.22;\\n}\\n\\n\\\/* FRONT *\\\/\\n\\n.front-paper{\\n  right:20px;\\n  top:34px;\\n\\n  transform:rotate(5deg);\\n\\n  z-index:3;\\n\\n  padding:12px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-brochure-image{\\n  position:relative;\\n\\n  width:100%;\\n  height:100%;\\n\\n  border-radius:14px;\\n\\n  overflow:hidden;\\n\\n  background:#000;\\n}\\n\\n.aca-brochure-image img{\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .45s ease;\\n}\\n\\n.front-paper:hover .aca-brochure-image img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-brochure-item{\\n    width:280px;\\n    height:360px;\\n  }\\n\\n  .aca-brochure-paper{\\n    width:210px;\\n    height:290px;\\n\\n    border-radius:14px;\\n  }\\n\\n  .back-paper{\\n    left:0;\\n    top:50px;\\n  }\\n\\n  .front-paper{\\n    right:0;\\n    top:20px;\\n\\n    padding:8px;\\n  }\\n\\n  .aca-brochure-image{\\n    border-radius:10px;\\n  }\\n\\n  .aca-brochure-mark{\\n    font-size:54px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:322},{&quot;id&quot;:329,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-brochure-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper back-paper\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-brochure-mark\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper front-paper\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-brochure-image\\&quot;&gt;\\n\\n      &lt;!-- BRO\\u015e\\u00dcR TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Bro\\u015f\\u00fcr\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-brochure-item{\\n  position:relative;\\n  width:420px;\\n  height:520px;\\n  margin:0 auto;\\n}\\n\\n\\\/* PAPER *\\\/\\n\\n.aca-brochure-paper{\\n  position:absolute;\\n  width:300px;\\n  height:420px;\\n\\n  border-radius:20px;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.14), transparent 36%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n\\n  border:1px solid rgba(57,205,208,.62);\\n\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.48),\\n    0 0 34px rgba(0,224,255,.16),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-brochure-paper::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n\\n  background-size:28px 28px;\\n\\n  opacity:.28;\\n}\\n\\n\\\/* BACK *\\\/\\n\\n.back-paper{\\n  left:26px;\\n  top:70px;\\n\\n  transform:rotate(-8deg);\\n\\n  opacity:.55;\\n}\\n\\n.aca-brochure-mark{\\n  position:absolute;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:translate(-50%,-50%);\\n\\n  font-size:74px;\\n  font-weight:800;\\n\\n  letter-spacing:-.08em;\\n\\n  color:#39cdd0;\\n\\n  opacity:.22;\\n}\\n\\n\\\/* FRONT *\\\/\\n\\n.front-paper{\\n  right:20px;\\n  top:34px;\\n\\n  transform:rotate(5deg);\\n\\n  z-index:3;\\n\\n  padding:12px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-brochure-image{\\n  position:relative;\\n\\n  width:100%;\\n  height:100%;\\n\\n  border-radius:14px;\\n\\n  overflow:hidden;\\n\\n  background:#000;\\n}\\n\\n.aca-brochure-image img{\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .45s ease;\\n}\\n\\n.front-paper:hover .aca-brochure-image img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-brochure-item{\\n    width:280px;\\n    height:360px;\\n  }\\n\\n  .aca-brochure-paper{\\n    width:210px;\\n    height:290px;\\n\\n    border-radius:14px;\\n  }\\n\\n  .back-paper{\\n    left:0;\\n    top:50px;\\n  }\\n\\n  .front-paper{\\n    right:0;\\n    top:20px;\\n\\n    padding:8px;\\n  }\\n\\n  .aca-brochure-image{\\n    border-radius:10px;\\n  }\\n\\n  .aca-brochure-mark{\\n    font-size:54px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:322},{&quot;id&quot;:346,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-brochure-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper back-paper\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-brochure-mark\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper front-paper\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-brochure-image\\&quot;&gt;\\n\\n      &lt;!-- BRO\\u015e\\u00dcR TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Bro\\u015f\\u00fcr\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-brochure-item{\\n  position:relative;\\n  width:420px;\\n  height:520px;\\n  margin:0 auto;\\n}\\n\\n\\\/* PAPER *\\\/\\n\\n.aca-brochure-paper{\\n  position:absolute;\\n  width:300px;\\n  height:420px;\\n\\n  border-radius:20px;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.14), transparent 36%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n\\n  border:1px solid rgba(57,205,208,.62);\\n\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.48),\\n    0 0 34px rgba(0,224,255,.16),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-brochure-paper::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n\\n  background-size:28px 28px;\\n\\n  opacity:.28;\\n}\\n\\n\\\/* BACK *\\\/\\n\\n.back-paper{\\n  left:26px;\\n  top:70px;\\n\\n  transform:rotate(-8deg);\\n\\n  opacity:.55;\\n}\\n\\n.aca-brochure-mark{\\n  position:absolute;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:translate(-50%,-50%);\\n\\n  font-size:74px;\\n  font-weight:800;\\n\\n  letter-spacing:-.08em;\\n\\n  color:#39cdd0;\\n\\n  opacity:.22;\\n}\\n\\n\\\/* FRONT *\\\/\\n\\n.front-paper{\\n  right:20px;\\n  top:34px;\\n\\n  transform:rotate(5deg);\\n\\n  z-index:3;\\n\\n  padding:12px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-brochure-image{\\n  position:relative;\\n\\n  width:100%;\\n  height:100%;\\n\\n  border-radius:14px;\\n\\n  overflow:hidden;\\n\\n  background:#000;\\n}\\n\\n.aca-brochure-image img{\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .45s ease;\\n}\\n\\n.front-paper:hover .aca-brochure-image img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-brochure-item{\\n    width:280px;\\n    height:360px;\\n  }\\n\\n  .aca-brochure-paper{\\n    width:210px;\\n    height:290px;\\n\\n    border-radius:14px;\\n  }\\n\\n  .back-paper{\\n    left:0;\\n    top:50px;\\n  }\\n\\n  .front-paper{\\n    right:0;\\n    top:20px;\\n\\n    padding:8px;\\n  }\\n\\n  .aca-brochure-image{\\n    border-radius:10px;\\n  }\\n\\n  .aca-brochure-mark{\\n    font-size:54px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:322},{&quot;id&quot;:345,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-brochure-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper back-paper\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-brochure-mark\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper front-paper\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-brochure-image\\&quot;&gt;\\n\\n      &lt;!-- BRO\\u015e\\u00dcR TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Bro\\u015f\\u00fcr\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-brochure-item{\\n  position:relative;\\n  width:420px;\\n  height:520px;\\n  margin:0 auto;\\n}\\n\\n\\\/* PAPER *\\\/\\n\\n.aca-brochure-paper{\\n  position:absolute;\\n  width:300px;\\n  height:420px;\\n\\n  border-radius:20px;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.14), transparent 36%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n\\n  border:1px solid rgba(57,205,208,.62);\\n\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.48),\\n    0 0 34px rgba(0,224,255,.16),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-brochure-paper::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n\\n  background-size:28px 28px;\\n\\n  opacity:.28;\\n}\\n\\n\\\/* BACK *\\\/\\n\\n.back-paper{\\n  left:26px;\\n  top:70px;\\n\\n  transform:rotate(-8deg);\\n\\n  opacity:.55;\\n}\\n\\n.aca-brochure-mark{\\n  position:absolute;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:translate(-50%,-50%);\\n\\n  font-size:74px;\\n  font-weight:800;\\n\\n  letter-spacing:-.08em;\\n\\n  color:#39cdd0;\\n\\n  opacity:.22;\\n}\\n\\n\\\/* FRONT *\\\/\\n\\n.front-paper{\\n  right:20px;\\n  top:34px;\\n\\n  transform:rotate(5deg);\\n\\n  z-index:3;\\n\\n  padding:12px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-brochure-image{\\n  position:relative;\\n\\n  width:100%;\\n  height:100%;\\n\\n  border-radius:14px;\\n\\n  overflow:hidden;\\n\\n  background:#000;\\n}\\n\\n.aca-brochure-image img{\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .45s ease;\\n}\\n\\n.front-paper:hover .aca-brochure-image img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-brochure-item{\\n    width:280px;\\n    height:360px;\\n  }\\n\\n  .aca-brochure-paper{\\n    width:210px;\\n    height:290px;\\n\\n    border-radius:14px;\\n  }\\n\\n  .back-paper{\\n    left:0;\\n    top:50px;\\n  }\\n\\n  .front-paper{\\n    right:0;\\n    top:20px;\\n\\n    padding:8px;\\n  }\\n\\n  .aca-brochure-image{\\n    border-radius:10px;\\n  }\\n\\n  .aca-brochure-mark{\\n    font-size:54px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:322},{&quot;id&quot;:344,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-brochure-item\\&quot;&gt;\\n\\n  &lt;!-- ARKA SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper back-paper\\&quot;&gt;\\n    &lt;div class=\\&quot;aca-brochure-mark\\&quot;&gt;ACA&lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n\\n  &lt;!-- \\u00d6N SAYFA --&gt;\\n  &lt;div class=\\&quot;aca-brochure-paper front-paper\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-brochure-image\\&quot;&gt;\\n\\n      &lt;!-- BRO\\u015e\\u00dcR TASARIMI --&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1516321318423-f06f85e504b3?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Bro\\u015f\\u00fcr\\&quot;&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-brochure-item{\\n  position:relative;\\n  width:420px;\\n  height:520px;\\n  margin:0 auto;\\n}\\n\\n\\\/* PAPER *\\\/\\n\\n.aca-brochure-paper{\\n  position:absolute;\\n  width:300px;\\n  height:420px;\\n\\n  border-radius:20px;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(0,224,255,.14), transparent 36%),\\n    linear-gradient(180deg,#020406 0%,#071018 100%);\\n\\n  border:1px solid rgba(57,205,208,.62);\\n\\n  box-shadow:\\n    0 26px 80px rgba(0,0,0,.48),\\n    0 0 34px rgba(0,224,255,.16),\\n    inset 0 1px 0 rgba(255,255,255,.08);\\n\\n  overflow:hidden;\\n}\\n\\n\\\/* subtle grid *\\\/\\n\\n.aca-brochure-paper::before{\\n  content:\\&quot;\\&quot;;\\n  position:absolute;\\n  inset:0;\\n\\n  background:\\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\\n\\n  background-size:28px 28px;\\n\\n  opacity:.28;\\n}\\n\\n\\\/* BACK *\\\/\\n\\n.back-paper{\\n  left:26px;\\n  top:70px;\\n\\n  transform:rotate(-8deg);\\n\\n  opacity:.55;\\n}\\n\\n.aca-brochure-mark{\\n  position:absolute;\\n\\n  left:50%;\\n  top:50%;\\n\\n  transform:translate(-50%,-50%);\\n\\n  font-size:74px;\\n  font-weight:800;\\n\\n  letter-spacing:-.08em;\\n\\n  color:#39cdd0;\\n\\n  opacity:.22;\\n}\\n\\n\\\/* FRONT *\\\/\\n\\n.front-paper{\\n  right:20px;\\n  top:34px;\\n\\n  transform:rotate(5deg);\\n\\n  z-index:3;\\n\\n  padding:12px;\\n  box-sizing:border-box;\\n}\\n\\n\\\/* IMAGE *\\\/\\n\\n.aca-brochure-image{\\n  position:relative;\\n\\n  width:100%;\\n  height:100%;\\n\\n  border-radius:14px;\\n\\n  overflow:hidden;\\n\\n  background:#000;\\n}\\n\\n.aca-brochure-image img{\\n  width:100%;\\n  height:100%;\\n\\n  object-fit:cover;\\n  display:block;\\n\\n  transition:transform .45s ease;\\n}\\n\\n.front-paper:hover .aca-brochure-image img{\\n  transform:scale(1.03);\\n}\\n\\n\\\/* MOBILE *\\\/\\n\\n@media(max-width:640px){\\n\\n  .aca-brochure-item{\\n    width:280px;\\n    height:360px;\\n  }\\n\\n  .aca-brochure-paper{\\n    width:210px;\\n    height:290px;\\n\\n    border-radius:14px;\\n  }\\n\\n  .back-paper{\\n    left:0;\\n    top:50px;\\n  }\\n\\n  .front-paper{\\n    right:0;\\n    top:20px;\\n\\n    padding:8px;\\n  }\\n\\n  .aca-brochure-image{\\n    border-radius:10px;\\n  }\\n\\n  .aca-brochure-mark{\\n    font-size:54px;\\n  }\\n\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:322}],&quot;_parentId&quot;:321}],&quot;_parentId&quot;:320},{&quot;id&quot;:327,&quot;data&quot;:{&quot;type&quot;:&quot;OxygenElements\\\\CssCode&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;css_code&quot;:&quot;\\\/* Sadece bu b\\u00f6l\\u00fcm *\\\/\\n.projects-slider {\\n  width: 100%;\\n  overflow: hidden;\\n  position: relative;\\n}\\n\\n\\\/* Kayan sat\\u0131r *\\\/\\n.projects-slider .projects-track {\\n  display: flex;\\n  flex-wrap: nowrap;\\n  align-items: stretch;\\n  gap: 24px;\\n  width: max-content;\\n  animation-name: project-marquee;\\n  animation-duration: 30s;\\n  animation-timing-function: linear;\\n  animation-iteration-count: infinite;\\n}\\n\\n\\\/* Kart *\\\/\\n.projects-slider .project-card {\\n  flex: 0 0 auto;\\n  width: 320px;\\n}\\n\\n\\\/* Animasyon *\\\/\\n@keyframes project-marquee {\\n  from {\\n    transform: translate3d(0, 0, 0);\\n  }\\n  to {\\n    transform: translate3d(calc(-50% - 12px), 0, 0);\\n  }\\n}\\n\\n\\\/* Mobil *\\\/\\n@media (max-width: 768px) {\\n  .projects-slider .projects-track {\\n    gap: 16px;\\n    animation-duration: 22s;\\n  }\\n\\n  .projects-slider .project-card {\\n    width: 240px;\\n  }\\n}\\n\\n\\\/* Hareket azaltma ayar\\u0131 a\\u00e7\\u0131k olan kullan\\u0131c\\u0131lar i\\u00e7in *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n  .projects-slider .projects-track {\\n    animation: none;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:320}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-321 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-322 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-323 bde-code-block\">\n\n  <div class=\"aca-brochure-item\">\n\n  <!-- ARKA SAYFA -->\n  <div class=\"aca-brochure-paper back-paper\">\n    <div class=\"aca-brochure-mark\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N SAYFA -->\n  <div class=\"aca-brochure-paper front-paper\">\n\n    <div class=\"aca-brochure-image\">\n\n      <!-- BRO\u015e\u00dcR TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Bro\u015f\u00fcr\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-330 bde-code-block\">\n\n  <div class=\"aca-brochure-item\">\n\n  <!-- ARKA SAYFA -->\n  <div class=\"aca-brochure-paper back-paper\">\n    <div class=\"aca-brochure-mark\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N SAYFA -->\n  <div class=\"aca-brochure-paper front-paper\">\n\n    <div class=\"aca-brochure-image\">\n\n      <!-- BRO\u015e\u00dcR TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Bro\u015f\u00fcr\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-329 bde-code-block\">\n\n  <div class=\"aca-brochure-item\">\n\n  <!-- ARKA SAYFA -->\n  <div class=\"aca-brochure-paper back-paper\">\n    <div class=\"aca-brochure-mark\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N SAYFA -->\n  <div class=\"aca-brochure-paper front-paper\">\n\n    <div class=\"aca-brochure-image\">\n\n      <!-- BRO\u015e\u00dcR TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Bro\u015f\u00fcr\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-346 bde-code-block\">\n\n  <div class=\"aca-brochure-item\">\n\n  <!-- ARKA SAYFA -->\n  <div class=\"aca-brochure-paper back-paper\">\n    <div class=\"aca-brochure-mark\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N SAYFA -->\n  <div class=\"aca-brochure-paper front-paper\">\n\n    <div class=\"aca-brochure-image\">\n\n      <!-- BRO\u015e\u00dcR TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Bro\u015f\u00fcr\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-345 bde-code-block\">\n\n  <div class=\"aca-brochure-item\">\n\n  <!-- ARKA SAYFA -->\n  <div class=\"aca-brochure-paper back-paper\">\n    <div class=\"aca-brochure-mark\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N SAYFA -->\n  <div class=\"aca-brochure-paper front-paper\">\n\n    <div class=\"aca-brochure-image\">\n\n      <!-- BRO\u015e\u00dcR TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Bro\u015f\u00fcr\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-344 bde-code-block\">\n\n  <div class=\"aca-brochure-item\">\n\n  <!-- ARKA SAYFA -->\n  <div class=\"aca-brochure-paper back-paper\">\n    <div class=\"aca-brochure-mark\">ACA<\/div>\n  <\/div>\n\n  <!-- \u00d6N SAYFA -->\n  <div class=\"aca-brochure-paper front-paper\">\n\n    <div class=\"aca-brochure-image\">\n\n      <!-- BRO\u015e\u00dcR TASARIMI -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1400&auto=format&fit=crop\" alt=\"Bro\u015f\u00fcr\">\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-193 bde-section\" data-element=\"{&quot;id&quot;:193,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;top&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;bottom&quot;:{&quot;number&quot;:20,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;20px&quot;},&quot;left&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;},&quot;right&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}}}}}},&quot;children&quot;:[{&quot;id&quot;:194,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;07 I SunumTasar\\u0131m\\u0131&quot;}},&quot;design&quot;:{&quot;typography&quot;:{&quot;color&quot;:{&quot;breakpoint_base&quot;:&quot;#FFFFFFFF&quot;},&quot;typography&quot;:{&quot;custom&quot;:{&quot;customTypography&quot;:{&quot;fontFamily&quot;:{&quot;breakpoint_base&quot;:&quot;gfont-inter&quot;}}}}}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;f2704dd1-a761-45af-bfa1-6796fe0467ef&quot;]}}},&quot;children&quot;:[],&quot;_parentId&quot;:193},{&quot;id&quot;:195,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\FancyDivider&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;content&quot;:{&quot;divider&quot;:{&quot;content&quot;:null}},&quot;design&quot;:{&quot;divider&quot;:{&quot;style&quot;:&quot;solid&quot;}}}},&quot;children&quot;:[],&quot;_parentId&quot;:193}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-592-194 bde-heading olceklenen_heading\">\n07 I SunumTasar\u0131m\u0131\n<\/h1><div class=\"bde-fancy-divider-592-195 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-592-331 bde-section\" data-element=\"{&quot;id&quot;:331,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_vertical_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;v_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;},&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:&quot;full&quot;},&quot;height&quot;:{&quot;breakpoint_base&quot;:&quot;fit-content&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;breakpoint_base&quot;:{&quot;left&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;right&quot;:{&quot;number&quot;:2,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;2%&quot;},&quot;bottom&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:null},&quot;top&quot;:{&quot;number&quot;:5,&quot;unit&quot;:&quot;%&quot;,&quot;style&quot;:&quot;5%&quot;}}}}},&quot;settings&quot;:{&quot;animations&quot;:{&quot;entrance_animation&quot;:null}}}},&quot;children&quot;:[{&quot;id&quot;:332,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;,&quot;h_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;},&quot;h_gap&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:50,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;50px&quot;}}},&quot;background&quot;:{&quot;color&quot;:&quot;#000000FF&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;c420dc90-2d46-4bd3-98dc-3972bcd7aed3&quot;]}}},&quot;children&quot;:[{&quot;id&quot;:333,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Div&quot;,&quot;properties&quot;:{&quot;settings&quot;:{&quot;advanced&quot;:{&quot;tag&quot;:&quot;div&quot;}},&quot;meta&quot;:{&quot;classes&quot;:[&quot;9ca45ab5-b711-4942-971a-2dd4df7d99f6&quot;]},&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;horizontal&quot;}}}},&quot;children&quot;:[{&quot;id&quot;:336,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-presentation-mockup\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-presentation-window\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-sidebar\\&quot;&gt;\\n      &lt;div class=\\&quot;aca-thumb active\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-main\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-slide-canvas\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1557804506-669a67965ba0?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Sunum\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-presentation-controls\\&quot;&gt;\\n        &lt;span&gt;Slide 01&lt;\\\/span&gt;\\n        &lt;div class=\\&quot;aca-control-line\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;span&gt;12 Slides&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-presentation-mockup{\\n  width:680px;\\n  margin:0 auto;\\n}\\n\\n.aca-presentation-window{\\n  display:grid;\\n  grid-template-columns:90px 1fr;\\n  gap:14px;\\n  padding:14px;\\n  border-radius:24px;\\n  background:linear-gradient(180deg,#39cdd0,#1f6f73 45%,#123f42);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 50px rgba(0,224,255,.18);\\n}\\n\\n.aca-presentation-sidebar{\\n  display:flex;\\n  flex-direction:column;\\n  gap:10px;\\n  padding:10px;\\n  border-radius:14px;\\n  background:#020406;\\n}\\n\\n.aca-thumb{\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:7px;\\n  background:\\n    linear-gradient(135deg,rgba(57,205,208,.25),transparent),\\n    #071018;\\n  border:1px solid rgba(57,205,208,.22);\\n}\\n\\n.aca-thumb.active{\\n  border-color:#39cdd0;\\n  box-shadow:0 0 16px rgba(0,224,255,.32);\\n}\\n\\n.aca-presentation-main{\\n  border-radius:16px;\\n  background:#020406;\\n  padding:12px;\\n}\\n\\n.aca-slide-canvas{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:12px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n.aca-slide-canvas img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-presentation-controls{\\n  margin-top:10px;\\n  height:28px;\\n  display:flex;\\n  align-items:center;\\n  gap:12px;\\n  color:rgba(255,255,255,.65);\\n  font-size:11px;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-control-line{\\n  flex:1;\\n  height:3px;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,rgba(255,255,255,.15));\\n}\\n\\n@media(max-width:640px){\\n  .aca-presentation-mockup{\\n    width:340px;\\n  }\\n\\n  .aca-presentation-window{\\n    grid-template-columns:54px 1fr;\\n    gap:8px;\\n    padding:8px;\\n    border-radius:16px;\\n  }\\n\\n  .aca-presentation-sidebar{\\n    padding:6px;\\n    gap:6px;\\n  }\\n\\n  .aca-presentation-main{\\n    padding:7px;\\n    border-radius:12px;\\n  }\\n\\n  .aca-presentation-controls{\\n    font-size:8px;\\n    gap:7px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:333},{&quot;id&quot;:340,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-presentation-mockup\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-presentation-window\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-sidebar\\&quot;&gt;\\n      &lt;div class=\\&quot;aca-thumb active\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-main\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-slide-canvas\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1557804506-669a67965ba0?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Sunum\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-presentation-controls\\&quot;&gt;\\n        &lt;span&gt;Slide 01&lt;\\\/span&gt;\\n        &lt;div class=\\&quot;aca-control-line\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;span&gt;12 Slides&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-presentation-mockup{\\n  width:680px;\\n  margin:0 auto;\\n}\\n\\n.aca-presentation-window{\\n  display:grid;\\n  grid-template-columns:90px 1fr;\\n  gap:14px;\\n  padding:14px;\\n  border-radius:24px;\\n  background:linear-gradient(180deg,#39cdd0,#1f6f73 45%,#123f42);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 50px rgba(0,224,255,.18);\\n}\\n\\n.aca-presentation-sidebar{\\n  display:flex;\\n  flex-direction:column;\\n  gap:10px;\\n  padding:10px;\\n  border-radius:14px;\\n  background:#020406;\\n}\\n\\n.aca-thumb{\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:7px;\\n  background:\\n    linear-gradient(135deg,rgba(57,205,208,.25),transparent),\\n    #071018;\\n  border:1px solid rgba(57,205,208,.22);\\n}\\n\\n.aca-thumb.active{\\n  border-color:#39cdd0;\\n  box-shadow:0 0 16px rgba(0,224,255,.32);\\n}\\n\\n.aca-presentation-main{\\n  border-radius:16px;\\n  background:#020406;\\n  padding:12px;\\n}\\n\\n.aca-slide-canvas{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:12px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n.aca-slide-canvas img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-presentation-controls{\\n  margin-top:10px;\\n  height:28px;\\n  display:flex;\\n  align-items:center;\\n  gap:12px;\\n  color:rgba(255,255,255,.65);\\n  font-size:11px;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-control-line{\\n  flex:1;\\n  height:3px;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,rgba(255,255,255,.15));\\n}\\n\\n@media(max-width:640px){\\n  .aca-presentation-mockup{\\n    width:340px;\\n  }\\n\\n  .aca-presentation-window{\\n    grid-template-columns:54px 1fr;\\n    gap:8px;\\n    padding:8px;\\n    border-radius:16px;\\n  }\\n\\n  .aca-presentation-sidebar{\\n    padding:6px;\\n    gap:6px;\\n  }\\n\\n  .aca-presentation-main{\\n    padding:7px;\\n    border-radius:12px;\\n  }\\n\\n  .aca-presentation-controls{\\n    font-size:8px;\\n    gap:7px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:333},{&quot;id&quot;:339,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-presentation-mockup\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-presentation-window\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-sidebar\\&quot;&gt;\\n      &lt;div class=\\&quot;aca-thumb active\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-main\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-slide-canvas\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1557804506-669a67965ba0?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Sunum\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-presentation-controls\\&quot;&gt;\\n        &lt;span&gt;Slide 01&lt;\\\/span&gt;\\n        &lt;div class=\\&quot;aca-control-line\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;span&gt;12 Slides&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-presentation-mockup{\\n  width:680px;\\n  margin:0 auto;\\n}\\n\\n.aca-presentation-window{\\n  display:grid;\\n  grid-template-columns:90px 1fr;\\n  gap:14px;\\n  padding:14px;\\n  border-radius:24px;\\n  background:linear-gradient(180deg,#39cdd0,#1f6f73 45%,#123f42);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 50px rgba(0,224,255,.18);\\n}\\n\\n.aca-presentation-sidebar{\\n  display:flex;\\n  flex-direction:column;\\n  gap:10px;\\n  padding:10px;\\n  border-radius:14px;\\n  background:#020406;\\n}\\n\\n.aca-thumb{\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:7px;\\n  background:\\n    linear-gradient(135deg,rgba(57,205,208,.25),transparent),\\n    #071018;\\n  border:1px solid rgba(57,205,208,.22);\\n}\\n\\n.aca-thumb.active{\\n  border-color:#39cdd0;\\n  box-shadow:0 0 16px rgba(0,224,255,.32);\\n}\\n\\n.aca-presentation-main{\\n  border-radius:16px;\\n  background:#020406;\\n  padding:12px;\\n}\\n\\n.aca-slide-canvas{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:12px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n.aca-slide-canvas img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-presentation-controls{\\n  margin-top:10px;\\n  height:28px;\\n  display:flex;\\n  align-items:center;\\n  gap:12px;\\n  color:rgba(255,255,255,.65);\\n  font-size:11px;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-control-line{\\n  flex:1;\\n  height:3px;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,rgba(255,255,255,.15));\\n}\\n\\n@media(max-width:640px){\\n  .aca-presentation-mockup{\\n    width:340px;\\n  }\\n\\n  .aca-presentation-window{\\n    grid-template-columns:54px 1fr;\\n    gap:8px;\\n    padding:8px;\\n    border-radius:16px;\\n  }\\n\\n  .aca-presentation-sidebar{\\n    padding:6px;\\n    gap:6px;\\n  }\\n\\n  .aca-presentation-main{\\n    padding:7px;\\n    border-radius:12px;\\n  }\\n\\n  .aca-presentation-controls{\\n    font-size:8px;\\n    gap:7px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:333},{&quot;id&quot;:338,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;php_code&quot;:&quot;&lt;div class=\\&quot;aca-presentation-mockup\\&quot;&gt;\\n\\n  &lt;div class=\\&quot;aca-presentation-window\\&quot;&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-sidebar\\&quot;&gt;\\n      &lt;div class=\\&quot;aca-thumb active\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n      &lt;div class=\\&quot;aca-thumb\\&quot;&gt;&lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;div class=\\&quot;aca-presentation-main\\&quot;&gt;\\n\\n      &lt;div class=\\&quot;aca-slide-canvas\\&quot;&gt;\\n        &lt;img src=\\&quot;https:\\\/\\\/images.unsplash.com\\\/photo-1557804506-669a67965ba0?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\\&quot; alt=\\&quot;Sunum\\&quot;&gt;\\n      &lt;\\\/div&gt;\\n\\n      &lt;div class=\\&quot;aca-presentation-controls\\&quot;&gt;\\n        &lt;span&gt;Slide 01&lt;\\\/span&gt;\\n        &lt;div class=\\&quot;aca-control-line\\&quot;&gt;&lt;\\\/div&gt;\\n        &lt;span&gt;12 Slides&lt;\\\/span&gt;\\n      &lt;\\\/div&gt;\\n\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n\\n&lt;\\\/div&gt;&quot;,&quot;css_code&quot;:&quot;.aca-presentation-mockup{\\n  width:680px;\\n  margin:0 auto;\\n}\\n\\n.aca-presentation-window{\\n  display:grid;\\n  grid-template-columns:90px 1fr;\\n  gap:14px;\\n  padding:14px;\\n  border-radius:24px;\\n  background:linear-gradient(180deg,#39cdd0,#1f6f73 45%,#123f42);\\n  box-shadow:\\n    0 30px 90px rgba(0,0,0,.45),\\n    0 0 50px rgba(0,224,255,.18);\\n}\\n\\n.aca-presentation-sidebar{\\n  display:flex;\\n  flex-direction:column;\\n  gap:10px;\\n  padding:10px;\\n  border-radius:14px;\\n  background:#020406;\\n}\\n\\n.aca-thumb{\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:7px;\\n  background:\\n    linear-gradient(135deg,rgba(57,205,208,.25),transparent),\\n    #071018;\\n  border:1px solid rgba(57,205,208,.22);\\n}\\n\\n.aca-thumb.active{\\n  border-color:#39cdd0;\\n  box-shadow:0 0 16px rgba(0,224,255,.32);\\n}\\n\\n.aca-presentation-main{\\n  border-radius:16px;\\n  background:#020406;\\n  padding:12px;\\n}\\n\\n.aca-slide-canvas{\\n  position:relative;\\n  width:100%;\\n  aspect-ratio:16\\\/9;\\n  border-radius:12px;\\n  overflow:hidden;\\n  background:#000;\\n}\\n\\n.aca-slide-canvas img{\\n  width:100%;\\n  height:100%;\\n  object-fit:cover;\\n  display:block;\\n}\\n\\n.aca-presentation-controls{\\n  margin-top:10px;\\n  height:28px;\\n  display:flex;\\n  align-items:center;\\n  gap:12px;\\n  color:rgba(255,255,255,.65);\\n  font-size:11px;\\n  letter-spacing:.12em;\\n  text-transform:uppercase;\\n}\\n\\n.aca-control-line{\\n  flex:1;\\n  height:3px;\\n  border-radius:999px;\\n  background:linear-gradient(90deg,#39cdd0,rgba(255,255,255,.15));\\n}\\n\\n@media(max-width:640px){\\n  .aca-presentation-mockup{\\n    width:340px;\\n  }\\n\\n  .aca-presentation-window{\\n    grid-template-columns:54px 1fr;\\n    gap:8px;\\n    padding:8px;\\n    border-radius:16px;\\n  }\\n\\n  .aca-presentation-sidebar{\\n    padding:6px;\\n    gap:6px;\\n  }\\n\\n  .aca-presentation-main{\\n    padding:7px;\\n    border-radius:12px;\\n  }\\n\\n  .aca-presentation-controls{\\n    font-size:8px;\\n    gap:7px;\\n  }\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:333}],&quot;_parentId&quot;:332}],&quot;_parentId&quot;:331}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-592-332 bde-div projects-slider\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-592-333 bde-div projects-track\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-592-336 bde-code-block\">\n\n  <div class=\"aca-presentation-mockup\">\n\n  <div class=\"aca-presentation-window\">\n\n    <div class=\"aca-presentation-sidebar\">\n      <div class=\"aca-thumb active\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n    <\/div>\n\n    <div class=\"aca-presentation-main\">\n\n      <div class=\"aca-slide-canvas\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1400&auto=format&fit=crop\" alt=\"Sunum\">\n      <\/div>\n\n      <div class=\"aca-presentation-controls\">\n        <span>Slide 01<\/span>\n        <div class=\"aca-control-line\"><\/div>\n        <span>12 Slides<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-340 bde-code-block\">\n\n  <div class=\"aca-presentation-mockup\">\n\n  <div class=\"aca-presentation-window\">\n\n    <div class=\"aca-presentation-sidebar\">\n      <div class=\"aca-thumb active\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n    <\/div>\n\n    <div class=\"aca-presentation-main\">\n\n      <div class=\"aca-slide-canvas\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1400&auto=format&fit=crop\" alt=\"Sunum\">\n      <\/div>\n\n      <div class=\"aca-presentation-controls\">\n        <span>Slide 01<\/span>\n        <div class=\"aca-control-line\"><\/div>\n        <span>12 Slides<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-339 bde-code-block\">\n\n  <div class=\"aca-presentation-mockup\">\n\n  <div class=\"aca-presentation-window\">\n\n    <div class=\"aca-presentation-sidebar\">\n      <div class=\"aca-thumb active\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n    <\/div>\n\n    <div class=\"aca-presentation-main\">\n\n      <div class=\"aca-slide-canvas\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1400&auto=format&fit=crop\" alt=\"Sunum\">\n      <\/div>\n\n      <div class=\"aca-presentation-controls\">\n        <span>Slide 01<\/span>\n        <div class=\"aca-control-line\"><\/div>\n        <span>12 Slides<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-592-338 bde-code-block\">\n\n  <div class=\"aca-presentation-mockup\">\n\n  <div class=\"aca-presentation-window\">\n\n    <div class=\"aca-presentation-sidebar\">\n      <div class=\"aca-thumb active\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n      <div class=\"aca-thumb\"><\/div>\n    <\/div>\n\n    <div class=\"aca-presentation-main\">\n\n      <div class=\"aca-slide-canvas\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1400&auto=format&fit=crop\" alt=\"Sunum\">\n      <\/div>\n\n      <div class=\"aca-presentation-controls\">\n        <span>Slide 01<\/span>\n        <div class=\"aca-control-line\"><\/div>\n        <span>12 Slides<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><div class=\"bde-code-block-592-370 bde-code-block\" data-element=\"{&quot;id&quot;:370,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\CodeBlock&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;javascript_code&quot;:null,&quot;php_code&quot;:&quot;&lt;script&gt;\\ndocument.addEventListener(\\&quot;DOMContentLoaded\\&quot;, function(){\\n\\n  document.querySelectorAll(\\&quot;.projects-slider\\&quot;).forEach(function(slider){\\n\\n    let isDown = false;\\n    let startX = 0;\\n    let scrollStart = 0;\\n\\n    slider.addEventListener(\\&quot;mousedown\\&quot;, function(e){\\n      isDown = true;\\n      slider.classList.add(\\&quot;is-dragging\\&quot;);\\n\\n      startX = e.clientX;\\n      scrollStart = slider.scrollLeft;\\n\\n      e.preventDefault();\\n    });\\n\\n    window.addEventListener(\\&quot;mousemove\\&quot;, function(e){\\n      if(!isDown) return;\\n\\n      const distance = e.clientX - startX;\\n      slider.scrollLeft = scrollStart - distance;\\n    });\\n\\n    window.addEventListener(\\&quot;mouseup\\&quot;, function(){\\n      isDown = false;\\n      slider.classList.remove(\\&quot;is-dragging\\&quot;);\\n    });\\n\\n  });\\n\\n});\\n&lt;\\\/script&gt;&quot;,&quot;css_code&quot;:&quot;.projects-slider{\\n  width:100%;\\n  overflow-x:auto;\\n  overflow-y:hidden;\\n  cursor:grab;\\n  scrollbar-width:none;\\n  -webkit-overflow-scrolling:touch;\\n}\\n\\n.projects-slider::-webkit-scrollbar{\\n  display:none;\\n}\\n\\n.projects-slider.is-dragging{\\n  cursor:grabbing;\\n  user-select:none;\\n}\\n\\n.projects-track{\\n  display:flex !important;\\n  flex-wrap:nowrap !important;\\n  gap:30px;\\n  width:max-content !important;\\n  min-width:max-content !important;\\n  animation:none !important;\\n  transform:none !important;\\n}\\n\\n.projects-track &gt; *{\\n  flex:0 0 auto !important;\\n}\\n\\n.projects-track img{\\n  pointer-events:none;\\n  user-select:none;\\n  -webkit-user-drag:none;\\n}&quot;,&quot;disable_builder_label&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:1}\">\n\n  <script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  document.querySelectorAll(\".projects-slider\").forEach(function(slider){\n\n    let isDown = false;\n    let startX = 0;\n    let scrollStart = 0;\n\n    slider.addEventListener(\"mousedown\", function(e){\n      isDown = true;\n      slider.classList.add(\"is-dragging\");\n\n      startX = e.clientX;\n      scrollStart = slider.scrollLeft;\n\n      e.preventDefault();\n    });\n\n    window.addEventListener(\"mousemove\", function(e){\n      if(!isDown) return;\n\n      const distance = e.clientX - startX;\n      slider.scrollLeft = scrollStart - distance;\n    });\n\n    window.addEventListener(\"mouseup\", function(){\n      isDown = false;\n      slider.classList.remove(\"is-dragging\");\n    });\n\n  });\n\n});\n<\/script>\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Logo Tasar\u0131m Web Tasar\u0131m Sosyal Medya Video Tasar\u0131m Bask\u0131 Tasar\u0131m REFERANSLAR Se\u00e7ilmi\u015f proje \u00e7al\u0131\u015fmalar\u0131 Logo, web tasar\u0131m\u0131, sosyal medya, video, sunum ve bas\u0131l\u0131 tasar\u0131m projelerinden olu\u015fan referanslar\u0131m\u0131z 01 I Web Tasar\u0131m\u0131 02 I Sosyal Medya Tasar\u0131m\u0131 09:41 \u25cf \u25cf \u25cf aca.services 128 posts 24.8K followers 312 following ACA Services Web tasar\u0131m \u2022 sosyal medya \u2022 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"ornek_tasarim_kategoriler_temp":[],"class_list":["post-592","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/acaservices.de\/index.php?rest_route=\/wp\/v2\/pages\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acaservices.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acaservices.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acaservices.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acaservices.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=592"}],"version-history":[{"count":112,"href":"https:\/\/acaservices.de\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions"}],"predecessor-version":[{"id":1934,"href":"https:\/\/acaservices.de\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions\/1934"}],"wp:attachment":[{"href":"https:\/\/acaservices.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=592"}],"wp:term":[{"taxonomy":"ornek_tasarim_kategoriler_temp","embeddable":true,"href":"https:\/\/acaservices.de\/index.php?rest_route=%2Fwp%2Fv2%2Fornek_tasarim_kategoriler_temp&post=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}