{"id":690,"date":"2020-04-13T11:18:54","date_gmt":"2020-04-13T11:18:54","guid":{"rendered":"https:\/\/saraskimya.com\/home\/"},"modified":"2026-08-17T23:59:16","modified_gmt":"2026-08-17T20:59:16","slug":"home","status":"publish","type":"page","link":"https:\/\/saraskimya.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"690\" class=\"elementor elementor-690\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ea24767 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ea24767\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38fa226\" data-id=\"38fa226\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-16ce882 elementor-widget elementor-widget-html\" data-id=\"16ce882\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasFinalSlider\">\r\n\r\n  <div class=\"sfs-stage\">\r\n\r\n    <div class=\"sfs-slide active\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/saras-zemin-kaplama.png\"\r\n        alt=\"Saras Kimya Zemin Kaplama Teknolojileri\"\r\n        draggable=\"false\">\r\n    <\/div>\r\n\r\n    <div class=\"sfs-slide\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/kurumsal-saras-kimya.png\"\r\n        alt=\"Saras Kimya \u00dcretim G\u00fcc\u00fc ve Kurumsal Yap\u0131\"\r\n        draggable=\"false\">\r\n    <\/div>\r\n\r\n    <div class=\"sfs-slide\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/yapistirici-baglayici.png\"\r\n        alt=\"Saras Kimya Yap\u0131\u015ft\u0131r\u0131c\u0131 Ba\u011flay\u0131c\u0131 ve Su Yal\u0131t\u0131m\u0131\"\r\n        draggable=\"false\">\r\n    <\/div>\r\n\r\n    <div class=\"sfs-slide\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/astarlar-kufboyasi-tas-sabitleyici-sprey.png\"\r\n        alt=\"Saras Kimya Geni\u015f \u00dcr\u00fcn Yelpazesi\"\r\n        draggable=\"false\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <button class=\"sfs-arrow sfs-prev\" aria-label=\"\u00d6nceki slayt\">\u2039<\/button>\r\n  <button class=\"sfs-arrow sfs-next\" aria-label=\"Sonraki slayt\">\u203a<\/button>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n#sarasFinalSlider,\r\n#sarasFinalSlider * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#sarasFinalSlider {\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  left: 50%;\r\n\r\n  margin-left: -50vw !important;\r\n  margin-right: -50vw !important;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #eef3f4;\r\n}\r\n\r\n#sarasFinalSlider .sfs-stage {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 2172 \/ 700;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n#sarasFinalSlider .sfs-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  opacity: 0;\r\n  visibility: hidden;\r\n\r\n  pointer-events: none;\r\n\r\n  transition:\r\n    opacity 1s ease,\r\n    visibility 1s ease;\r\n}\r\n\r\n#sarasFinalSlider .sfs-slide.active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n\r\n  pointer-events: auto;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n#sarasFinalSlider .sfs-slide img {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: contain;\r\n  object-position: center center;\r\n\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n\r\n  transform: scale(1);\r\n\r\n  transition:\r\n    transform 7s cubic-bezier(.2,.65,.2,1);\r\n}\r\n\r\n#sarasFinalSlider .sfs-slide.active img {\r\n  transform: scale(1.004);\r\n}\r\n\r\n\r\n\/* SA\u011e - SOL OKLAR *\/\r\n\r\n#sarasFinalSlider .sfs-arrow {\r\n  position: absolute;\r\n\r\n  z-index: 30;\r\n\r\n  top: 50%;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  padding: 0;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.62);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(8,29,42,.30);\r\n\r\n  color: #fff;\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 28px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1;\r\n\r\n  cursor: pointer;\r\n\r\n  backdrop-filter: blur(7px);\r\n  -webkit-backdrop-filter: blur(7px);\r\n\r\n  box-shadow:\r\n    0 5px 22px\r\n    rgba(0,0,0,.12);\r\n\r\n  transition:\r\n    background .22s ease,\r\n    transform .22s ease;\r\n}\r\n\r\n#sarasFinalSlider .sfs-prev {\r\n  left: 18px;\r\n}\r\n\r\n#sarasFinalSlider .sfs-next {\r\n  right: 18px;\r\n}\r\n\r\n#sarasFinalSlider .sfs-arrow:hover {\r\n  background:\r\n    rgba(68,132,141,.82);\r\n}\r\n\r\n#sarasFinalSlider .sfs-arrow:active {\r\n  transform:\r\n    translateY(-50%)\r\n    scale(.94);\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  #sarasFinalSlider .sfs-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    font-size: 25px;\r\n  }\r\n\r\n  #sarasFinalSlider .sfs-prev {\r\n    left: 12px;\r\n  }\r\n\r\n  #sarasFinalSlider .sfs-next {\r\n    right: 12px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #sarasFinalSlider {\r\n    width: 100vw !important;\r\n  }\r\n\r\n  #sarasFinalSlider .sfs-stage {\r\n    aspect-ratio: 2172 \/ 700;\r\n  }\r\n\r\n  #sarasFinalSlider .sfs-arrow {\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    font-size: 21px;\r\n\r\n    background:\r\n      rgba(8,29,42,.36);\r\n  }\r\n\r\n  #sarasFinalSlider .sfs-prev {\r\n    left: 6px;\r\n  }\r\n\r\n  #sarasFinalSlider .sfs-next {\r\n    right: 6px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* HAREKET AZALTMA *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #sarasFinalSlider *,\r\n  #sarasFinalSlider *::before,\r\n  #sarasFinalSlider *::after {\r\n    transition-duration: .01ms !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const slider =\r\n    document.getElementById(\"sarasFinalSlider\");\r\n\r\n  if (!slider) return;\r\n\r\n\r\n  const slides =\r\n    Array.from(\r\n      slider.querySelectorAll(\".sfs-slide\")\r\n    );\r\n\r\n\r\n  const prev =\r\n    slider.querySelector(\".sfs-prev\");\r\n\r\n\r\n  const next =\r\n    slider.querySelector(\".sfs-next\");\r\n\r\n\r\n  let current = 0;\r\n  let timer = null;\r\n  let touchStartX = 0;\r\n\r\n  const delay = 6500;\r\n\r\n\r\n  const reducedMotion =\r\n    window.matchMedia(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n\r\n\r\n  function showSlide(index) {\r\n\r\n    current =\r\n      (\r\n        index +\r\n        slides.length\r\n      ) %\r\n      slides.length;\r\n\r\n\r\n    slides.forEach(\r\n      function (slide, i) {\r\n\r\n        slide.classList.toggle(\r\n          \"active\",\r\n          i === current\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function stopAuto() {\r\n\r\n    if (timer) {\r\n\r\n      clearInterval(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function startAuto() {\r\n\r\n    stopAuto();\r\n\r\n\r\n    if (reducedMotion) {\r\n      return;\r\n    }\r\n\r\n\r\n    timer =\r\n      setInterval(\r\n        function () {\r\n\r\n          showSlide(\r\n            current + 1\r\n          );\r\n\r\n        },\r\n        delay\r\n      );\r\n\r\n  }\r\n\r\n\r\n  prev.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      showSlide(\r\n        current - 1\r\n      );\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  next.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      showSlide(\r\n        current + 1\r\n      );\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"touchstart\",\r\n    function (event) {\r\n\r\n      touchStartX =\r\n        event.changedTouches[0].screenX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  slider.addEventListener(\r\n    \"touchend\",\r\n    function (event) {\r\n\r\n      const touchEndX =\r\n        event.changedTouches[0].screenX;\r\n\r\n\r\n      const difference =\r\n        touchStartX -\r\n        touchEndX;\r\n\r\n\r\n      if (Math.abs(difference) < 45) {\r\n        return;\r\n      }\r\n\r\n\r\n      if (difference > 0) {\r\n\r\n        showSlide(\r\n          current + 1\r\n        );\r\n\r\n      } else {\r\n\r\n        showSlide(\r\n          current - 1\r\n        );\r\n\r\n      }\r\n\r\n\r\n      startAuto();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        stopAuto();\r\n\r\n      } else {\r\n\r\n        startAuto();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  showSlide(0);\r\n\r\n  startAuto();\r\n\r\n})();\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e9ed7b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9e9ed7b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7016438\" data-id=\"7016438\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-94b6924 elementor-widget elementor-widget-html\" data-id=\"94b6924\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"saras-power-band\">\r\n  <div class=\"spb-wrap\">\r\n\r\n    <div class=\"spb-head\">\r\n      <span class=\"spb-kicker\">SARAS K\u0130MYA<\/span>\r\n      <h2><strong>\u00dcretim G\u00fcc\u00fc.<\/strong> <span>Teknolojiyle Geli\u015fen \u00dcr\u00fcnler.<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"spb-features\">\r\n      <div class=\"spb-item\">\r\n        <span class=\"spb-dot\"><\/span>\r\n        <div class=\"spb-text\">Modern \u00dcretim Altyap\u0131s\u0131<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"spb-item\">\r\n        <span class=\"spb-dot\"><\/span>\r\n        <div class=\"spb-text\">Ar-Ge &amp; \u00dcr-Ge Odakl\u0131 Yakla\u015f\u0131m<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"spb-item\">\r\n        <span class=\"spb-dot\"><\/span>\r\n        <div class=\"spb-text\">Profesyonel \u00dcr\u00fcn Sistemleri<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"spb-item\">\r\n        <span class=\"spb-dot\"><\/span>\r\n        <div class=\"spb-text\">Kalite Odakl\u0131 \u00dcretim<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.saras-power-band,\r\n.saras-power-band *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.saras-power-band{\r\n  position:relative;\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  margin:0 !important;\r\n  padding:0;\r\n  overflow:hidden;\r\n  font-family:Inter, \"Helvetica Neue\", Arial, sans-serif;\r\n  background:\r\n    radial-gradient(circle at 0% 50%, rgba(138,181,186,.18) 0%, rgba(138,181,186,0) 26%),\r\n    linear-gradient(90deg, #f4f8f8 0%, #eef4f4 42%, #f7f9f9 100%);\r\n  border-top:1px solid rgba(115,155,161,.18);\r\n  border-bottom:1px solid rgba(115,155,161,.20);\r\n}\r\n\r\n.saras-power-band:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:\r\n    linear-gradient(90deg,\r\n      rgba(255,255,255,.00) 0%,\r\n      rgba(255,255,255,.40) 20%,\r\n      rgba(255,255,255,.00) 40%);\r\n  opacity:.55;\r\n}\r\n\r\n.spb-wrap{\r\n  position:relative;\r\n  z-index:2;\r\n  width:min(1520px, calc(100% - 56px));\r\n  margin:0 auto;\r\n  min-height:112px;\r\n  display:grid;\r\n  grid-template-columns:minmax(320px, 470px) 1fr;\r\n  align-items:center;\r\n  gap:34px;\r\n  padding:18px 0;\r\n}\r\n\r\n.spb-head{\r\n  min-width:0;\r\n}\r\n\r\n.spb-kicker{\r\n  display:block;\r\n  margin-bottom:7px;\r\n  color:#7f9da2;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.28em;\r\n  line-height:1;\r\n}\r\n\r\n.spb-head h2{\r\n  margin:0;\r\n  font-size:clamp(26px, 2.15vw, 42px);\r\n  line-height:1.05;\r\n  letter-spacing:-.03em;\r\n  font-weight:400;\r\n  color:#7b949d;\r\n}\r\n\r\n.spb-head h2 strong{\r\n  color:#102a43;\r\n  font-weight:800;\r\n}\r\n\r\n.spb-head h2 span{\r\n  color:#7f97a0;\r\n  font-weight:400;\r\n}\r\n\r\n.spb-features{\r\n  display:grid;\r\n  grid-template-columns:repeat(4, minmax(150px, 1fr));\r\n  gap:0;\r\n  align-items:stretch;\r\n  min-width:0;\r\n}\r\n\r\n.spb-item{\r\n  min-width:0;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  padding:12px 18px;\r\n  border-left:1px solid rgba(103,141,148,.18);\r\n}\r\n\r\n.spb-item:first-child{\r\n  border-left:0;\r\n}\r\n\r\n.spb-dot{\r\n  flex:0 0 auto;\r\n  width:11px;\r\n  height:11px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,#84aeb3,#bfd6d8);\r\n  box-shadow:0 0 0 5px rgba(132,174,179,.12);\r\n}\r\n\r\n.spb-text{\r\n  color:#223c4c;\r\n  font-size:19px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:-.015em;\r\n}\r\n\r\n@media (max-width:1450px){\r\n  .spb-wrap{\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n    padding:20px 0;\r\n  }\r\n\r\n  .spb-head h2{\r\n    max-width:none;\r\n  }\r\n\r\n  .spb-features{\r\n    grid-template-columns:repeat(4, minmax(0,1fr));\r\n  }\r\n\r\n  .spb-item{\r\n    padding:10px 16px;\r\n  }\r\n\r\n  .spb-text{\r\n    font-size:17px;\r\n  }\r\n}\r\n\r\n@media (max-width:1080px){\r\n  .spb-wrap{\r\n    width:calc(100% - 34px);\r\n  }\r\n\r\n  .spb-features{\r\n    grid-template-columns:repeat(2, minmax(0,1fr));\r\n    gap:0;\r\n  }\r\n\r\n  .spb-item{\r\n    min-height:58px;\r\n  }\r\n\r\n  .spb-item:nth-child(3){\r\n    border-left:0;\r\n  }\r\n\r\n  .spb-text{\r\n    font-size:16px;\r\n  }\r\n}\r\n\r\n@media (max-width:767px){\r\n  .saras-power-band{\r\n    background:\r\n      radial-gradient(circle at 0% 40%, rgba(138,181,186,.16) 0%, rgba(138,181,186,0) 30%),\r\n      linear-gradient(180deg, #f5f8f8 0%, #eef4f4 100%);\r\n  }\r\n\r\n  .spb-wrap{\r\n    width:calc(100% - 24px);\r\n    min-height:auto;\r\n    padding:16px 0;\r\n    gap:14px;\r\n  }\r\n\r\n  .spb-kicker{\r\n    font-size:8px;\r\n  }\r\n\r\n  .spb-head h2{\r\n    font-size:30px;\r\n    line-height:1.07;\r\n  }\r\n\r\n  .spb-features{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .spb-item{\r\n    border-left:0 !important;\r\n    min-height:46px;\r\n    padding:8px 4px;\r\n  }\r\n\r\n  .spb-dot{\r\n    width:9px;\r\n    height:9px;\r\n  }\r\n\r\n  .spb-text{\r\n    font-size:15px;\r\n    line-height:1.28;\r\n  }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a05fed9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a05fed9\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4912e19\" data-id=\"4912e19\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-001b993 elementor-widget elementor-widget-html\" data-id=\"001b993\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasSystemWorld\">\r\n\r\n  <div class=\"ssw-shell\">\r\n\r\n    <header class=\"ssw-head\">\r\n\r\n      <div class=\"ssw-head-left\">\r\n\r\n        <span class=\"ssw-kicker\">\r\n          \u00dcR\u00dcNLER &amp; S\u0130STEMLER\r\n        <\/span>\r\n\r\n        <h2>\r\n          Farkl\u0131 Uygulamalar.\r\n          <em>Birbirini Tamamlayan Sistemler.<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Profesyonel zeminlerden yap\u0131\u015ft\u0131r\u0131c\u0131lara, yal\u0131t\u0131mdan \u00f6zel re\u00e7ine\r\n        sistemlerine kadar farkl\u0131 kullan\u0131m alanlar\u0131 i\u00e7in geli\u015ftirilen \u00e7\u00f6z\u00fcmler.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"ssw-grid\">\r\n\r\n\r\n      <!-- END\u00dcSTR\u0130YEL S\u0130STEMLER -->\r\n      <a\r\n        class=\"ssw-card ssw-industrial\"\r\n        href=\"https:\/\/saraskimya.com\/endustriyel-zemin-sistemleri\/\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/epoksi-zemin-kaplama-self.png\"\r\n          alt=\"End\u00fcstriyel Zemin Sistemleri\">\r\n\r\n        <span class=\"ssw-shade\"><\/span>\r\n\r\n        <div class=\"ssw-content\">\r\n\r\n          <span class=\"ssw-eyebrow\">\r\n            PROFESYONEL ZEM\u0130N TEKNOLOJ\u0130LER\u0130\r\n          <\/span>\r\n\r\n          <h3>\r\n            Zemin\r\n            <em>\u00c7\u00f6z\u00fcmleri<\/em>\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u00dcretim tesisleri, ticari alanlar ve y\u00fcksek performans gerektiren\r\n            y\u00fczeyler i\u00e7in geli\u015ftirilen profesyonel zemin sistemleri.\r\n          <\/p>\r\n\r\n          <span class=\"ssw-go\">\r\n            Sistemleri Ke\u015ffet\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- YAPI\u015eTIRICILAR & BA\u011eLAYICILAR -->\r\n      <div class=\"ssw-card ssw-bond\">\r\n\r\n        <div class=\"ssw-bond-light\"><\/div>\r\n\r\n        <div class=\"ssw-bond-head\">\r\n\r\n          <span class=\"ssw-bond-kicker\">\r\n            YAPI\u015eTIRMA &amp; BA\u011eLAMA TEKNOLOJ\u0130LER\u0130\r\n          <\/span>\r\n\r\n          <h3>\r\n            Yap\u0131\u015ft\u0131r\u0131c\u0131lar\r\n            <em>&amp; Ba\u011flay\u0131c\u0131lar<\/em>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Farkl\u0131 y\u00fczeyler ve profesyonel uygulamalar i\u00e7in geli\u015ftirilen\r\n            yap\u0131\u015ft\u0131rma ve ba\u011flama sistemleri.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <nav class=\"ssw-category-links\">\r\n\r\n          <a href=\"https:\/\/saraskimya.com\/parke-yapistiricilari\/\">\r\n\r\n            <span class=\"ssw-link-copy\">\r\n              <small>PARKE S\u0130STEMLER\u0130<\/small>\r\n              <strong>Parke Yap\u0131\u015ft\u0131r\u0131c\u0131lar\u0131<\/strong>\r\n            <\/span>\r\n\r\n            <span class=\"ssw-link-arrow\">\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n          <a href=\"https:\/\/saraskimya.com\/kaucuk-yapistiricilari\/\">\r\n\r\n            <span class=\"ssw-link-copy\">\r\n              <small>KAU\u00c7UK UYGULAMALARI<\/small>\r\n              <strong>Kau\u00e7uk Yap\u0131\u015ft\u0131r\u0131c\u0131lar\u0131<\/strong>\r\n            <\/span>\r\n\r\n            <span class=\"ssw-link-arrow\">\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n          <a href=\"https:\/\/saraskimya.com\/suni-cim-yapistiricilari\/\">\r\n\r\n            <span class=\"ssw-link-copy\">\r\n              <small>SUN\u0130 \u00c7\u0130M S\u0130STEMLER\u0130<\/small>\r\n              <strong>Suni \u00c7im Yap\u0131\u015ft\u0131r\u0131c\u0131lar\u0131<\/strong>\r\n            <\/span>\r\n\r\n            <span class=\"ssw-link-arrow\">\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n          <a href=\"https:\/\/saraskimya.com\/baglayicilar\/dokme-baglayicilar\/\">\r\n\r\n            <span class=\"ssw-link-copy\">\r\n              <small>PROFESYONEL BA\u011eLAMA<\/small>\r\n              <strong>Ba\u011flay\u0131c\u0131 Sistemler<\/strong>\r\n            <\/span>\r\n\r\n            <span class=\"ssw-link-arrow\">\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n        <\/nav>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- BOYALAR & \u0130ZOLASYONLAR -->\r\n      <a\r\n        class=\"ssw-card ssw-small-card ssw-isolation\"\r\n        href=\"https:\/\/saraskimya.com\/su-izolasyon\/\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/su-yalitim-cozumleri.png\"\r\n          alt=\"Boyalar ve \u0130zolasyonlar\">\r\n\r\n        <span class=\"ssw-shade\"><\/span>\r\n\r\n        <div class=\"ssw-small-content\">\r\n\r\n          <span class=\"ssw-eyebrow\">\r\n            Y\u00dcZEY &amp; YAPI KORUMA\r\n          <\/span>\r\n\r\n          <h3>\r\n            Boyalar &\r\n            <em>\u0130zolasyonlar<\/em>\r\n          <\/h3>\r\n\r\n          <span class=\"ssw-small-arrow\">\u2197<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- EPOKS\u0130 RE\u00c7\u0130NELER -->\r\n      <a\r\n        class=\"ssw-card ssw-small-card ssw-resin\"\r\n        href=\"https:\/\/saraskimya.com\/epoksi-dokum-recineleri\/\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2022\/02\/recine.jpg\"\r\n          alt=\"Epoksi Re\u00e7ineler\">\r\n\r\n        <span class=\"ssw-shade\"><\/span>\r\n\r\n        <div class=\"ssw-small-content\">\r\n\r\n          <span class=\"ssw-eyebrow\">\r\n            EPOKS\u0130 &amp; RE\u00c7\u0130NE S\u0130STEMLER\u0130\r\n          <\/span>\r\n\r\n          <h3>\r\n            Epoksi\r\n            <em>Re\u00e7ineler<\/em>\r\n          <\/h3>\r\n\r\n          <span class=\"ssw-small-arrow\">\u2197<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- SPOR ZEM\u0130N -->\r\n      <a\r\n        class=\"ssw-card ssw-small-card ssw-sport\"\r\n        href=\"https:\/\/saraskimya.com\/spor-zemin-sistemleri\/\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/cocuk-parki-baglayici-binder.png\"\r\n          alt=\"Spor Zemin Sistemleri\">\r\n\r\n        <span class=\"ssw-shade\"><\/span>\r\n\r\n        <div class=\"ssw-small-content\">\r\n\r\n          <span class=\"ssw-eyebrow\">\r\n            SPOR &amp; REKREASYON\r\n          <\/span>\r\n\r\n          <h3>\r\n            Spor Zemin\r\n            <em>Sistemleri<\/em>\r\n          <\/h3>\r\n\r\n          <span class=\"ssw-small-arrow\">\u2197<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n#sarasSystemWorld,\r\n#sarasSystemWorld * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld {\r\n\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 58px 0 64px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 4%,\r\n      rgba(104,161,167,.10),\r\n      transparent 27%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8f8 100%\r\n    );\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: .22;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(48,84,98,.034) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(48,84,98,.034) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    68px 68px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-shell {\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1520px,\r\n      calc(100% - 80px)\r\n    );\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-head {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.15fr\r\n    .75fr;\r\n\r\n  align-items: end;\r\n\r\n  gap: 70px;\r\n\r\n  margin-bottom: 27px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-kicker {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color: #78999e;\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .22em;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-head h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #142e43;\r\n\r\n  font-size:\r\n    clamp(\r\n      34px,\r\n      3vw,\r\n      50px\r\n    );\r\n\r\n  line-height: .99;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  font-weight: 790;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-head h2 em {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: #829ba0;\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 430;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-head > p {\r\n\r\n  max-width: 520px;\r\n\r\n  margin: 0;\r\n\r\n  color: #687a84;\r\n\r\n  font-size: 12.5px;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP GRID\r\n\r\n   \u00dcST:\r\n   End\u00fcstriyel = g\u00fc\u00e7l\u00fc ana alan\r\n   Yap\u0131\u015ft\u0131r\u0131c\u0131lar = daha geni\u015f ikinci ana alan\r\n\r\n   ALT:\r\n   Boyalar = geni\u015f\r\n   Epoksi = orta\r\n   Spor = en k\u00fc\u00e7\u00fck\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.20fr\r\n    .82fr\r\n    .58fr;\r\n\r\n  grid-template-rows:\r\n    400px\r\n    230px;\r\n\r\n  grid-template-areas:\r\n    \"industrial industrial bond\"\r\n    \"isolation resin sport\";\r\n\r\n  gap: 17px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-industrial {\r\n  grid-area: industrial;\r\n}\r\n\r\n#sarasSystemWorld .ssw-bond {\r\n  grid-area: bond;\r\n}\r\n\r\n#sarasSystemWorld .ssw-isolation {\r\n  grid-area: isolation;\r\n}\r\n\r\n#sarasSystemWorld .ssw-resin {\r\n  grid-area: resin;\r\n}\r\n\r\n#sarasSystemWorld .ssw-sport {\r\n  grid-area: sport;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BASE CARDS\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-card {\r\n\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  min-width: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 23px;\r\n\r\n  text-decoration: none !important;\r\n\r\n  isolation: isolate;\r\n\r\n  box-shadow:\r\n    0 16px 42px\r\n    rgba(20,50,61,.08);\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-card > img {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .6s cubic-bezier(.2,.7,.3,1),\r\n    filter .45s ease;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-industrial > img {\r\n\r\n  object-position: center center;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-industrial:hover > img {\r\n\r\n  transform: scale(1.018);\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-small-card:hover > img {\r\n\r\n  transform: scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHADES\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-shade {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(9,27,39,.92) 0%,\r\n      rgba(11,33,45,.68) 44%,\r\n      rgba(15,37,48,.12) 87%\r\n    );\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-small-card .ssw-shade {\r\n\r\n  background:\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(9,28,40,.90) 0%,\r\n      rgba(10,31,43,.46) 48%,\r\n      rgba(13,34,45,.06) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDUSTRIAL\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-content {\r\n\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  width: 56%;\r\n  height: 100%;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: flex-start;\r\n\r\n  justify-content: flex-end;\r\n\r\n  padding: 38px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 9px;\r\n\r\n  color:\r\n    rgba(208,231,234,.80);\r\n\r\n  font-size: 7.5px;\r\n\r\n  line-height: 1.3;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-content h3 {\r\n\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size:\r\n    clamp(\r\n      32px,\r\n      2.7vw,\r\n      45px\r\n    );\r\n\r\n  line-height: .95;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  font-weight: 790;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-content h3 em {\r\n\r\n  display: block;\r\n\r\n  color: #b9d1d4;\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 430;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-content p {\r\n\r\n  max-width: 500px;\r\n\r\n  margin: 14px 0 0;\r\n\r\n  color:\r\n    rgba(238,246,247,.78);\r\n\r\n  font-size: 11.5px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-go {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  margin-top: 18px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 9.5px;\r\n\r\n  font-weight: 750;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-go b {\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.27);\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n  font-size: 11px;\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-industrial:hover .ssw-go b {\r\n\r\n  color: #173247;\r\n\r\n  background: #ffffff;\r\n\r\n  border-color: #ffffff;\r\n\r\n  transform: rotate(8deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YAPI\u015eTIRICILAR & BA\u011eLAYICILAR\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-bond {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  padding:\r\n    25px\r\n    22px\r\n    20px;\r\n\r\n  border:\r\n    1px solid rgba(91,140,148,.21);\r\n\r\n  background:\r\n    linear-gradient(\r\n      138deg,\r\n      rgba(255,255,255,.99) 0%,\r\n      rgba(240,247,247,.98) 55%,\r\n      rgba(226,240,241,.97) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-bond-light {\r\n\r\n  position: absolute;\r\n\r\n  width: 320px;\r\n  height: 320px;\r\n\r\n  right: -145px;\r\n  top: -130px;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(107,171,179,.20),\r\n      rgba(107,171,179,0) 68%\r\n    );\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-bond-head {\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-bond-kicker {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #6f959b;\r\n\r\n  font-size: 7px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-bond h3 {\r\n\r\n  margin: 0;\r\n\r\n  color: #153146;\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      2vw,\r\n      34px\r\n    );\r\n\r\n  line-height: .95;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-bond h3 em {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: #78999e;\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 450;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-bond-head > p {\r\n\r\n  max-width: 430px;\r\n\r\n  margin: 8px 0 0;\r\n\r\n  color: #667983;\r\n\r\n  font-size: 9.7px;\r\n\r\n  line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY LINKS\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-category-links {\r\n\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 13px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-category-links > a {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 12px;\r\n\r\n  min-height: 52px;\r\n\r\n  padding:\r\n    7px 9px\r\n    7px 12px;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid rgba(91,139,147,.17);\r\n\r\n  border-radius: 12px;\r\n\r\n  color: #183447 !important;\r\n\r\n  background:\r\n    rgba(255,255,255,.72);\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    transform .24s ease,\r\n    border-color .24s ease,\r\n    background .24s ease,\r\n    box-shadow .24s ease;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-category-links > a::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  top: 9px;\r\n  bottom: 9px;\r\n\r\n  width: 2px;\r\n\r\n  border-radius: 2px;\r\n\r\n  background: #83aeb3;\r\n\r\n  opacity: .65;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-link-copy {\r\n\r\n  display: flex;\r\n\r\n  min-width: 0;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 2px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-link-copy small {\r\n\r\n  display: block;\r\n\r\n  color: #86a1a6;\r\n\r\n  font-size: 6px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .13em;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-link-copy strong {\r\n\r\n  display: block;\r\n\r\n  color: #173447;\r\n\r\n  font-size:\r\n    clamp(\r\n      12.5px,\r\n      .95vw,\r\n      15px\r\n    );\r\n\r\n  line-height: 1.1;\r\n\r\n  letter-spacing: -.02em;\r\n\r\n  font-weight: 820;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-link-arrow {\r\n\r\n  flex: 0 0 auto;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #638e95;\r\n\r\n  border:\r\n    1px solid rgba(91,139,147,.23);\r\n\r\n  background:\r\n    rgba(245,249,249,.92);\r\n\r\n  font-size: 11px;\r\n\r\n  transition: .24s ease;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-category-links > a:hover {\r\n\r\n  transform:\r\n    translateX(3px);\r\n\r\n  border-color:\r\n    rgba(91,139,147,.34);\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n    0 7px 17px\r\n    rgba(24,58,69,.06);\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-category-links > a:hover .ssw-link-arrow {\r\n\r\n  color: #ffffff;\r\n\r\n  border-color: #69979e;\r\n\r\n  background: #69979e;\r\n\r\n  transform: rotate(8deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOWER CARDS\r\n========================================================= *\/\r\n\r\n#sarasSystemWorld .ssw-small-content {\r\n\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  height: 100%;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: flex-end;\r\n\r\n  align-items: flex-start;\r\n\r\n  padding: 24px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-small-content h3 {\r\n\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size:\r\n    clamp(\r\n      22px,\r\n      1.7vw,\r\n      29px\r\n    );\r\n\r\n  line-height: .98;\r\n\r\n  letter-spacing: -.04em;\r\n\r\n  font-weight: 780;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-small-content h3 em {\r\n\r\n  display: block;\r\n\r\n  color: #bad2d4;\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 430;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-small-arrow {\r\n\r\n  position: absolute;\r\n\r\n  right: 20px;\r\n  bottom: 20px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 30px;\r\n  height: 30px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.26);\r\n\r\n  color: #ffffff;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n  font-size: 12px;\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-small-card:hover .ssw-small-arrow {\r\n\r\n  color: #173247;\r\n\r\n  background: #ffffff;\r\n\r\n  border-color: #ffffff;\r\n\r\n  transform: rotate(8deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT SIRA \u00d6ZEL ORANLAR\r\n========================================================= *\/\r\n\r\n\/* Boyalar daha geni\u015f hissetsin *\/\r\n#sarasSystemWorld .ssw-isolation .ssw-small-content {\r\n\r\n  padding-left: 28px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-isolation h3 {\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      2vw,\r\n      33px\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* Spor daha kompakt *\/\r\n#sarasSystemWorld .ssw-sport .ssw-small-content {\r\n\r\n  padding:\r\n    20px;\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-sport h3 {\r\n\r\n  font-size:\r\n    clamp(\r\n      19px,\r\n      1.45vw,\r\n      25px\r\n    );\r\n\r\n}\r\n\r\n\r\n#sarasSystemWorld .ssw-sport .ssw-eyebrow {\r\n\r\n  font-size: 6.5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1150px) {\r\n\r\n  #sarasSystemWorld .ssw-shell {\r\n\r\n    width:\r\n      calc(100% - 44px);\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-head {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 12px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n    grid-template-rows:\r\n      350px\r\n      auto\r\n      240px\r\n      220px;\r\n\r\n    grid-template-areas:\r\n      \"industrial industrial\"\r\n      \"bond bond\"\r\n      \"isolation resin\"\r\n      \"sport sport\";\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-content {\r\n\r\n    width: 70%;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-bond {\r\n\r\n    padding: 28px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-category-links {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 20px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-category-links > a {\r\n\r\n    min-height: 64px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-link-copy strong {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #sarasSystemWorld {\r\n\r\n    padding:\r\n      42px 0 46px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-shell {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-head {\r\n\r\n    margin-bottom: 20px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-head h2 {\r\n\r\n    font-size: 34px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-head > p {\r\n\r\n    font-size: 11.5px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    grid-template-rows: auto;\r\n\r\n    grid-template-areas:\r\n      \"industrial\"\r\n      \"bond\"\r\n      \"isolation\"\r\n      \"resin\"\r\n      \"sport\";\r\n\r\n    gap: 12px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-industrial {\r\n\r\n    min-height: 330px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-content {\r\n\r\n    width: 88%;\r\n\r\n    padding:\r\n      25px 22px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-content h3 {\r\n\r\n    font-size: 33px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-content p {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-bond {\r\n\r\n    padding:\r\n      25px 20px\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-bond h3 {\r\n\r\n    font-size: 31px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-bond-head > p {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-category-links {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 20px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-category-links > a {\r\n\r\n    min-height: 62px;\r\n\r\n    padding:\r\n      10px 10px\r\n      10px 14px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-link-copy small {\r\n\r\n    font-size: 6.5px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-link-copy strong {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-link-arrow {\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-isolation,\r\n  #sarasSystemWorld .ssw-resin,\r\n  #sarasSystemWorld .ssw-sport {\r\n\r\n    min-height: 225px;\r\n\r\n  }\r\n\r\n\r\n  #sarasSystemWorld .ssw-isolation h3,\r\n  #sarasSystemWorld .ssw-small-content h3 {\r\n\r\n    font-size: 28px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e54e0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e54e0d\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d187d5\" data-id=\"6d187d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9949c85 elementor-widget elementor-widget-html\" data-id=\"9949c85\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasVideoShowcase\">\r\n\r\n  <div class=\"svs-shell\">\r\n\r\n    <!-- \u00dcST BA\u015eLIK -->\r\n    <div class=\"svs-head\">\r\n\r\n      <div class=\"svs-heading\">\r\n\r\n        <span class=\"svs-eyebrow\">\r\n          SARAS K\u0130MYA \/ V\u0130DEO\r\n        <\/span>\r\n\r\n        <h2>\r\n          \u00dcretimden Uygulamaya\r\n          <em>Yak\u0131ndan \u0130nceleyin.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n          \u00dcr\u00fcnlerimizi, uygulama sistemlerimizi ve profesyonel\r\n          \u00e7\u00f6z\u00fcmlerimizi videolar\u0131m\u0131zla ke\u015ffedin.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"svs-controls\">\r\n\r\n        <button class=\"svs-arrow svs-prev\" aria-label=\"\u00d6nceki videolar\">\r\n          \u2190\r\n        <\/button>\r\n\r\n        <button class=\"svs-arrow svs-next\" aria-label=\"Sonraki videolar\">\r\n          \u2192\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- V\u0130DEOLAR -->\r\n    <div class=\"svs-viewport\">\r\n\r\n      <div class=\"svs-track\">\r\n\r\n\r\n        <!-- 01 -->\r\n        <article class=\"svs-card\" data-video=\"CJ_p6AvkJ-Y\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/CJ_p6AvkJ-Y\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">01<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>Profesyonel Uygulama Sistemleri<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 02 -->\r\n        <article class=\"svs-card\" data-video=\"K-TciYCx-9k\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/K-TciYCx-9k\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">02<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>\u00dcr\u00fcn ve Sistem \u00c7\u00f6z\u00fcmleri<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 03 -->\r\n        <article class=\"svs-card\" data-video=\"EiGcO-XAuAs\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/EiGcO-XAuAs\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">03<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>End\u00fcstriyel \u00c7\u00f6z\u00fcmler<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 04 -->\r\n        <article class=\"svs-card\" data-video=\"9nl_vdOy5_M\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/9nl_vdOy5_M\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">04<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>Y\u00fczey Teknolojileri<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 05 -->\r\n        <article class=\"svs-card\" data-video=\"evaApfdThlg\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/evaApfdThlg\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">05<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>\u00dcretim ve Uygulama<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 06 -->\r\n        <article class=\"svs-card\" data-video=\"mmw6ykYaO0E\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/mmw6ykYaO0E\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">06<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>Teknik Uygulamalar<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 07 -->\r\n        <article class=\"svs-card\" data-video=\"-YACYJCcQ-w\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/-YACYJCcQ-w\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">07<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>Profesyonel \u00dcr\u00fcn Sistemleri<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 08 -->\r\n        <article class=\"svs-card\" data-video=\"WGzsm-Lav2w\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/WGzsm-Lav2w\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">08<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>Kimyasal \u00c7\u00f6z\u00fcm Teknolojileri<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- 09 -->\r\n        <article class=\"svs-card\" data-video=\"0BETgplSN2c\">\r\n\r\n          <div class=\"svs-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i.ytimg.com\/vi\/0BETgplSN2c\/hqdefault.jpg\"\r\n              alt=\"Saras Kimya Video\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"svs-shade\"><\/div>\r\n\r\n            <button class=\"svs-play\" aria-label=\"Videoyu oynat\">\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n            <span class=\"svs-number\">09<\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"svs-meta\">\r\n            <span>SARAS K\u0130MYA<\/span>\r\n            <strong>Uygulama ve Performans<\/strong>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase,\r\n#sarasVideoShowcase * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GER\u00c7EK TAM GEN\u0130\u015eL\u0130K\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase {\r\n\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  margin: 0 !important;\r\n\r\n  padding:\r\n    48px\r\n    0\r\n    44px;\r\n\r\n  overflow-x: clip;\r\n  overflow-y: visible;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 20%,\r\n      rgba(121,172,177,.09),\r\n      transparent 27%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f8fbfb 100%\r\n    );\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u0130\u00c7 ALAN\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-shell {\r\n\r\n  width:\r\n    calc(100% - 90px);\r\n\r\n  max-width:\r\n    1680px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BA\u015eLIK\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-head {\r\n\r\n  display: flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap: 40px;\r\n\r\n  margin-bottom:\r\n    25px;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-heading {\r\n\r\n  max-width:\r\n    700px;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom:\r\n    9px;\r\n\r\n  color:\r\n    #789ba1;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    .20em;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase h2 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #142b43;\r\n\r\n  font-size:\r\n    clamp(\r\n      32px,\r\n      2.8vw,\r\n      49px\r\n    );\r\n\r\n  line-height:\r\n    1.02;\r\n\r\n  letter-spacing:\r\n    -.045em;\r\n\r\n  font-weight:\r\n    780;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase h2 em {\r\n\r\n  color:\r\n    #78979d;\r\n\r\n  font-style:\r\n    normal;\r\n\r\n  font-weight:\r\n    450;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-heading p {\r\n\r\n  max-width:\r\n    610px;\r\n\r\n  margin:\r\n    12px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    #657681;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OKLAR\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-controls {\r\n\r\n  display: flex;\r\n\r\n  gap: 9px;\r\n\r\n  flex:\r\n    0 0 auto;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-arrow {\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 44px;\r\n  height: 44px;\r\n\r\n  padding: 0;\r\n\r\n  border:\r\n    1px solid\r\n    #d7e1e2;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    #fff;\r\n\r\n  color:\r\n    #315867;\r\n\r\n  font-size:\r\n    18px;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  box-shadow:\r\n    0 7px 22px\r\n    rgba(21,51,61,.06);\r\n\r\n  transition:\r\n    background .22s ease,\r\n    color .22s ease,\r\n    transform .22s ease,\r\n    border-color .22s ease;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-arrow:hover {\r\n\r\n  color:\r\n    #fff;\r\n\r\n  border-color:\r\n    #6f999f;\r\n\r\n  background:\r\n    #6f999f;\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-viewport {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KAYAN ALAN\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-track {\r\n\r\n  display: flex;\r\n\r\n  gap: 20px;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n\r\n  padding:\r\n    3px\r\n    2px\r\n    5px;\r\n\r\n  overflow-x:\r\n    auto;\r\n\r\n  overflow-y:\r\n    hidden;\r\n\r\n  scroll-behavior:\r\n    smooth;\r\n\r\n  scroll-snap-type:\r\n    x mandatory;\r\n\r\n  -webkit-overflow-scrolling:\r\n    touch;\r\n\r\n  scrollbar-width:\r\n    none !important;\r\n\r\n  -ms-overflow-style:\r\n    none;\r\n\r\n  cursor:\r\n    grab;\r\n\r\n}\r\n\r\n\r\n\/* Chrome \/ Safari *\/\r\n\r\n#sarasVideoShowcase .svs-track::-webkit-scrollbar {\r\n\r\n  width: 0 !important;\r\n  height: 0 !important;\r\n\r\n  display: none !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-track.dragging {\r\n\r\n  cursor:\r\n    grabbing;\r\n\r\n  scroll-behavior:\r\n    auto;\r\n\r\n  scroll-snap-type:\r\n    none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KART\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-card {\r\n\r\n  flex:\r\n    0 0\r\n    calc(\r\n      (100% - 40px) \/ 3\r\n    );\r\n\r\n  min-width: 0;\r\n\r\n  scroll-snap-align:\r\n    start;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(194,211,213,.72);\r\n\r\n  border-radius:\r\n    18px;\r\n\r\n  background:\r\n    #fff;\r\n\r\n  box-shadow:\r\n    0 14px 34px\r\n    rgba(20,52,61,.075);\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease,\r\n    border-color .28s ease;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-card:hover {\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  border-color:\r\n    rgba(114,162,168,.55);\r\n\r\n  box-shadow:\r\n    0 21px 48px\r\n    rgba(20,52,61,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO KAPA\u011eI\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-media {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio:\r\n    16 \/ 9;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    #0c1d27;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-media > img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n  object-position:\r\n    center;\r\n\r\n  transform:\r\n    scale(1.001);\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.2,.65,.2,1);\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase\r\n.svs-card:hover\r\n.svs-media > img {\r\n\r\n  transform:\r\n    scale(1.04);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KAPAK G\u00d6LGES\u0130\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-shade {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent 46%,\r\n      rgba(4,18,27,.46) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-play {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  left: 50%;\r\n  top: 50%;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  padding: 0;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.58);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.91);\r\n\r\n  box-shadow:\r\n    0 12px 35px\r\n    rgba(3,21,30,.23);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-play span {\r\n\r\n  display: block;\r\n\r\n  width: 0;\r\n  height: 0;\r\n\r\n  margin-left:\r\n    4px;\r\n\r\n  border-top:\r\n    7px solid transparent;\r\n\r\n  border-bottom:\r\n    7px solid transparent;\r\n\r\n  border-left:\r\n    12px solid #39727b;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase\r\n.svs-card:hover\r\n.svs-play {\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    scale(1.08);\r\n\r\n  background:\r\n    #fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMARA\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-number {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 4;\r\n\r\n  left: 15px;\r\n  bottom: 13px;\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  min-width:\r\n    35px;\r\n\r\n  height:\r\n    24px;\r\n\r\n  padding:\r\n    0\r\n    8px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.30);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(7,26,36,.40);\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    .08em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALT YAZI\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase .svs-meta {\r\n\r\n  min-height:\r\n    79px;\r\n\r\n  padding:\r\n    15px\r\n    19px\r\n    16px;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-meta span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    5px;\r\n\r\n  color:\r\n    #7c9ba0;\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    850;\r\n\r\n  letter-spacing:\r\n    .17em;\r\n\r\n}\r\n\r\n\r\n#sarasVideoShowcase .svs-meta strong {\r\n\r\n  display:\r\n    block;\r\n\r\n  color:\r\n    #193146;\r\n\r\n  font-size:\r\n    15px;\r\n\r\n  line-height:\r\n    1.3;\r\n\r\n  font-weight:\r\n    700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YOUTUBE OYNATICI\r\n========================================================= *\/\r\n\r\n#sarasVideoShowcase iframe {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 20;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  border: 0;\r\n\r\n  background:\r\n    #000;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  #sarasVideoShowcase .svs-shell {\r\n\r\n    width:\r\n      calc(100% - 44px);\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-card {\r\n\r\n    flex:\r\n      0 0\r\n      calc(\r\n        (100% - 18px) \/ 2\r\n      );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOB\u0130L\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #sarasVideoShowcase {\r\n\r\n    padding:\r\n      36px\r\n      0\r\n      34px;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-shell {\r\n\r\n    width:\r\n      calc(100% - 30px);\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-head {\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n    margin-bottom:\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-heading {\r\n\r\n    max-width:\r\n      100%;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        29px,\r\n        8.5vw,\r\n        38px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-heading p {\r\n\r\n    margin-top:\r\n      9px;\r\n\r\n    font-size:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   Mobilde oklar\u0131 gizliyoruz.\r\n   Parmakla kayd\u0131r\u0131l\u0131yor.\r\n  *\/\r\n\r\n  #sarasVideoShowcase .svs-controls {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   Bir kart + s\u0131radaki kart\u0131n bir k\u0131sm\u0131.\r\n  *\/\r\n\r\n  #sarasVideoShowcase .svs-card {\r\n\r\n    flex:\r\n      0 0\r\n      87%;\r\n\r\n    border-radius:\r\n      15px;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-track {\r\n\r\n    gap:\r\n      12px;\r\n\r\n    padding-right:\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-play {\r\n\r\n    width:\r\n      50px;\r\n\r\n    height:\r\n      50px;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-meta {\r\n\r\n    min-height:\r\n      68px;\r\n\r\n    padding:\r\n      12px\r\n      15px\r\n      13px;\r\n\r\n  }\r\n\r\n\r\n  #sarasVideoShowcase .svs-meta strong {\r\n\r\n    font-size:\r\n      13px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #sarasVideoShowcase *,\r\n  #sarasVideoShowcase *::before,\r\n  #sarasVideoShowcase *::after {\r\n\r\n    scroll-behavior:\r\n      auto !important;\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const root =\r\n    document.getElementById(\r\n      \"sarasVideoShowcase\"\r\n    );\r\n\r\n  if (!root) return;\r\n\r\n\r\n  const track =\r\n    root.querySelector(\r\n      \".svs-track\"\r\n    );\r\n\r\n\r\n  const cards =\r\n    Array.from(\r\n      root.querySelectorAll(\r\n        \".svs-card\"\r\n      )\r\n    );\r\n\r\n\r\n  const prev =\r\n    root.querySelector(\r\n      \".svs-prev\"\r\n    );\r\n\r\n\r\n  const next =\r\n    root.querySelector(\r\n      \".svs-next\"\r\n    );\r\n\r\n\r\n  let timer = null;\r\n\r\n  let mouseDown = false;\r\n\r\n  let startX = 0;\r\n\r\n  let scrollStart = 0;\r\n\r\n  let videoPlaying = false;\r\n\r\n\r\n  const autoDelay =\r\n    6200;\r\n\r\n\r\n\r\n  function getStep() {\r\n\r\n    if (!cards.length)\r\n      return 300;\r\n\r\n\r\n    const style =\r\n      window.getComputedStyle(\r\n        track\r\n      );\r\n\r\n\r\n    const gap =\r\n      parseFloat(\r\n        style.columnGap ||\r\n        style.gap ||\r\n        0\r\n      );\r\n\r\n\r\n    return (\r\n      cards[0]\r\n      .getBoundingClientRect()\r\n      .width\r\n      +\r\n      gap\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  function move(direction) {\r\n\r\n    track.scrollBy({\r\n\r\n      left:\r\n        getStep() *\r\n        direction,\r\n\r\n      behavior:\r\n        \"smooth\"\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n\r\n  if (prev) {\r\n\r\n    prev.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        move(-1);\r\n\r\n        restartAuto();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  if (next) {\r\n\r\n    next.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        move(1);\r\n\r\n        restartAuto();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  function startAuto() {\r\n\r\n    stopAuto();\r\n\r\n\r\n    if (videoPlaying)\r\n      return;\r\n\r\n\r\n    timer =\r\n      setInterval(\r\n        function () {\r\n\r\n          const maxScroll =\r\n            track.scrollWidth -\r\n            track.clientWidth;\r\n\r\n\r\n          if (\r\n            track.scrollLeft >=\r\n            maxScroll - 20\r\n          ) {\r\n\r\n            track.scrollTo({\r\n              left: 0,\r\n              behavior: \"smooth\"\r\n            });\r\n\r\n          }\r\n\r\n          else {\r\n\r\n            move(1);\r\n\r\n          }\r\n\r\n        },\r\n        autoDelay\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  function stopAuto() {\r\n\r\n    if (timer) {\r\n\r\n      clearInterval(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  function restartAuto() {\r\n\r\n    stopAuto();\r\n\r\n    startAuto();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/*\r\n   VIDEO OYNAT\r\n  *\/\r\n\r\n  cards.forEach(\r\n    function (card) {\r\n\r\n      const play =\r\n        card.querySelector(\r\n          \".svs-play\"\r\n        );\r\n\r\n\r\n      const media =\r\n        card.querySelector(\r\n          \".svs-media\"\r\n        );\r\n\r\n\r\n      if (!play || !media)\r\n        return;\r\n\r\n\r\n      play.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n          event.preventDefault();\r\n\r\n          event.stopPropagation();\r\n\r\n\r\n          const id =\r\n            card.dataset.video;\r\n\r\n\r\n          if (!id)\r\n            return;\r\n\r\n\r\n          \/*\r\n           A\u00e7\u0131k ba\u015fka video varsa kapat.\r\n          *\/\r\n\r\n          root.querySelectorAll(\r\n            \".svs-media iframe\"\r\n          ).forEach(\r\n            function (iframe) {\r\n\r\n              const holder =\r\n                iframe.parentElement;\r\n\r\n\r\n              iframe.remove();\r\n\r\n\r\n              holder\r\n                .querySelectorAll(\r\n                  \"img,.svs-shade,.svs-play,.svs-number\"\r\n                )\r\n                .forEach(\r\n                  function (item) {\r\n\r\n                    item.style.display =\r\n                      \"\";\r\n\r\n                  }\r\n                );\r\n\r\n            }\r\n          );\r\n\r\n\r\n          \/*\r\n           Se\u00e7ilen kapa\u011f\u0131 gizle.\r\n          *\/\r\n\r\n          media\r\n            .querySelectorAll(\r\n              \"img,.svs-shade,.svs-play,.svs-number\"\r\n            )\r\n            .forEach(\r\n              function (item) {\r\n\r\n                item.style.display =\r\n                  \"none\";\r\n\r\n              }\r\n            );\r\n\r\n\r\n          const iframe =\r\n            document.createElement(\r\n              \"iframe\"\r\n            );\r\n\r\n\r\n          iframe.src =\r\n            \"https:\/\/www.youtube-nocookie.com\/embed\/\" +\r\n            id +\r\n            \"?autoplay=1&rel=0&playsinline=1\";\r\n\r\n\r\n          iframe.title =\r\n            \"Saras Kimya YouTube Video\";\r\n\r\n\r\n          iframe.allow =\r\n            \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\";\r\n\r\n\r\n          iframe.allowFullscreen =\r\n            true;\r\n\r\n\r\n          media.appendChild(\r\n            iframe\r\n          );\r\n\r\n\r\n          videoPlaying =\r\n            true;\r\n\r\n\r\n          stopAuto();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/*\r\n   MASA\u00dcST\u00dc MOUSE DRAG\r\n  *\/\r\n\r\n  track.addEventListener(\r\n    \"mousedown\",\r\n    function (event) {\r\n\r\n      mouseDown =\r\n        true;\r\n\r\n\r\n      startX =\r\n        event.pageX;\r\n\r\n\r\n      scrollStart =\r\n        track.scrollLeft;\r\n\r\n\r\n      track.classList.add(\r\n        \"dragging\"\r\n      );\r\n\r\n\r\n      stopAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener(\r\n    \"mouseup\",\r\n    function () {\r\n\r\n      if (!mouseDown)\r\n        return;\r\n\r\n\r\n      mouseDown =\r\n        false;\r\n\r\n\r\n      track.classList.remove(\r\n        \"dragging\"\r\n      );\r\n\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  track.addEventListener(\r\n    \"mousemove\",\r\n    function (event) {\r\n\r\n      if (!mouseDown)\r\n        return;\r\n\r\n\r\n      event.preventDefault();\r\n\r\n\r\n      const walk =\r\n        (\r\n          event.pageX -\r\n          startX\r\n        ) *\r\n        1.2;\r\n\r\n\r\n      track.scrollLeft =\r\n        scrollStart -\r\n        walk;\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/*\r\n   MOB\u0130L SWIPE\r\n  *\/\r\n\r\n  track.addEventListener(\r\n    \"touchstart\",\r\n    stopAuto,\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  track.addEventListener(\r\n    \"touchend\",\r\n    startAuto,\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        stopAuto();\r\n\r\n      }\r\n\r\n      else {\r\n\r\n        startAuto();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  startAuto();\r\n\r\n})();\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21b1e90 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"21b1e90\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f10b55\" data-id=\"7f10b55\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-16104da elementor-widget elementor-widget-html\" data-id=\"16104da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasApplicationAreas\">\r\n\r\n  <div class=\"saa-shell\">\r\n\r\n    <div class=\"saa-head\">\r\n\r\n      <div class=\"saa-head-left\">\r\n\r\n        <span class=\"saa-kicker\">\r\n          UYGULAMA ALANLARI\r\n        <\/span>\r\n\r\n        <h2>\r\n          Farkl\u0131 Alanlar.\r\n          <em>Farkl\u0131 Beklentiler.<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Her y\u00fczey ayn\u0131 ihtiyaca sahip de\u011fil. \u00dcr\u00fcn ve sistemlerimizi,\r\n        kullan\u0131m alan\u0131n\u0131n ko\u015fullar\u0131na ve uygulama beklentilerine g\u00f6re ele al\u0131yoruz.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"saa-grid\">\r\n\r\n      <a class=\"saa-item\" href=\"https:\/\/saraskimya.com\/endustriyel-zemin-sistemleri\/\">\r\n\r\n        <span class=\"saa-dot\"><\/span>\r\n\r\n        <div class=\"saa-copy\">\r\n          <span class=\"saa-label\">YO\u011eUN KULLANIM<\/span>\r\n          <h3>End\u00fcstri<\/h3>\r\n          <p>\r\n            \u00dcretim tesisleri ve y\u00fcksek performans gerektiren profesyonel y\u00fczeyler.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <span class=\"saa-arrow\">\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <div class=\"saa-item saa-static\">\r\n\r\n        <span class=\"saa-dot\"><\/span>\r\n\r\n        <div class=\"saa-copy\">\r\n          <span class=\"saa-label\">G\u00dcNL\u00dcK KULLANIM<\/span>\r\n          <h3>Ticari Alanlar<\/h3>\r\n          <p>\r\n            Dayan\u0131m, g\u00f6r\u00fcn\u00fcm ve kullan\u0131m konforunun birlikte \u00f6nem kazand\u0131\u011f\u0131 projeler.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a class=\"saa-item\" href=\"https:\/\/saraskimya.com\/spor-zemin-sistemleri\/\">\r\n\r\n        <span class=\"saa-dot\"><\/span>\r\n\r\n        <div class=\"saa-copy\">\r\n          <span class=\"saa-label\">AKT\u0130F Y\u00dcZEYLER<\/span>\r\n          <h3>Spor &amp; Rekreasyon<\/h3>\r\n          <p>\r\n            Spor sahalar\u0131, oyun alanlar\u0131 ve elastik y\u00fczey uygulamalar\u0131.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <span class=\"saa-arrow\">\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a class=\"saa-item\" href=\"https:\/\/saraskimya.com\/su-izolasyon\/\">\r\n\r\n        <span class=\"saa-dot\"><\/span>\r\n\r\n        <div class=\"saa-copy\">\r\n          <span class=\"saa-label\">KORUMA &amp; DAYANIM<\/span>\r\n          <h3>Yap\u0131 &amp; D\u0131\u015f Mek\u00e2n<\/h3>\r\n          <p>\r\n            Yal\u0131t\u0131m, y\u00fczey koruma ve d\u0131\u015f ko\u015fullara y\u00f6nelik uygulama sistemleri.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <span class=\"saa-arrow\">\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n#sarasApplicationAreas,\r\n#sarasApplicationAreas * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n#sarasApplicationAreas {\r\n\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 46px 0 50px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8f8 100%\r\n    );\r\n\r\n  border-top:\r\n    1px solid rgba(95,137,145,.10);\r\n\r\n  border-bottom:\r\n    1px solid rgba(95,137,145,.12);\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: -120px;\r\n  top: -100px;\r\n\r\n  width: 420px;\r\n  height: 420px;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(111,170,176,.11),\r\n      rgba(111,170,176,0) 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* SHELL *\/\r\n\r\n#sarasApplicationAreas .saa-shell {\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1520px,\r\n      calc(100% - 80px)\r\n    );\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n#sarasApplicationAreas .saa-head {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.1fr\r\n    .8fr;\r\n\r\n  align-items: end;\r\n\r\n  gap: 70px;\r\n\r\n  margin-bottom: 28px;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas .saa-kicker {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: #78989e;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .22em;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #142e43;\r\n\r\n  font-size:\r\n    clamp(\r\n      32px,\r\n      2.8vw,\r\n      46px\r\n    );\r\n\r\n  line-height: .98;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  font-weight: 790;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas h2 em {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: #819ba0;\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 430;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas .saa-head > p {\r\n\r\n  max-width: 530px;\r\n\r\n  margin: 0;\r\n\r\n  color: #687a84;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n#sarasApplicationAreas .saa-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,minmax(0,1fr));\r\n\r\n  border-top:\r\n    1px solid rgba(92,136,144,.18);\r\n\r\n  border-bottom:\r\n    1px solid rgba(92,136,144,.18);\r\n\r\n}\r\n\r\n\r\n\/* ITEM *\/\r\n\r\n#sarasApplicationAreas .saa-item {\r\n\r\n  position: relative;\r\n\r\n  min-height: 170px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: flex-end;\r\n\r\n  padding:\r\n    26px 26px 24px;\r\n\r\n  border-right:\r\n    1px solid rgba(92,136,144,.16);\r\n\r\n  color: inherit;\r\n\r\n  text-decoration: none !important;\r\n\r\n  background:\r\n    rgba(255,255,255,.38);\r\n\r\n  transition:\r\n    background .28s ease,\r\n    transform .28s ease;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas .saa-item:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n\r\n#sarasApplicationAreas a.saa-item:hover {\r\n\r\n  background:\r\n    rgba(235,244,245,.76);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* DOT *\/\r\n\r\n#sarasApplicationAreas .saa-dot {\r\n\r\n  position: absolute;\r\n\r\n  left: 26px;\r\n  top: 25px;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #7ca4aa;\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(124,164,170,.09);\r\n\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n#sarasApplicationAreas .saa-label {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color: #829da2;\r\n\r\n  font-size: 6.5px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas .saa-copy h3 {\r\n\r\n  margin: 0;\r\n\r\n  color: #183247;\r\n\r\n  font-size:\r\n    clamp(\r\n      21px,\r\n      1.7vw,\r\n      28px\r\n    );\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.035em;\r\n\r\n  font-weight: 790;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas .saa-copy p {\r\n\r\n  max-width: 265px;\r\n\r\n  margin: 10px 0 0;\r\n\r\n  color: #6f818a;\r\n\r\n  font-size: 10.5px;\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n\/* ARROW *\/\r\n\r\n#sarasApplicationAreas .saa-arrow {\r\n\r\n  position: absolute;\r\n\r\n  right: 22px;\r\n  top: 22px;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 29px;\r\n  height: 29px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid rgba(102,147,154,.22);\r\n\r\n  color: #668f96;\r\n\r\n  background:\r\n    rgba(255,255,255,.72);\r\n\r\n  font-size: 11px;\r\n\r\n  transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n#sarasApplicationAreas a.saa-item:hover .saa-arrow {\r\n\r\n  color: #ffffff;\r\n\r\n  border-color: #6b989f;\r\n\r\n  background: #6b989f;\r\n\r\n  transform: rotate(8deg);\r\n\r\n}\r\n\r\n\r\n\/* STATIC ITEM *\/\r\n\r\n#sarasApplicationAreas .saa-static {\r\n\r\n  cursor: default;\r\n\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  #sarasApplicationAreas .saa-shell {\r\n\r\n    width:\r\n      calc(100% - 44px);\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-head {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 12px;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-item:nth-child(2) {\r\n\r\n    border-right: 0;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-item:nth-child(-n+2) {\r\n\r\n    border-bottom:\r\n      1px solid rgba(92,136,144,.16);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #sarasApplicationAreas {\r\n\r\n    padding:\r\n      38px 0 40px;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-shell {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas h2 {\r\n\r\n    font-size: 34px;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-head > p {\r\n\r\n    font-size: 11.5px;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-grid {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    border-bottom: 0;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-item {\r\n\r\n    min-height: 145px;\r\n\r\n    padding:\r\n      24px 20px 21px;\r\n\r\n    border-right: 0;\r\n\r\n    border-bottom:\r\n      1px solid rgba(92,136,144,.16);\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-item:last-child {\r\n\r\n    border-bottom:\r\n      1px solid rgba(92,136,144,.16);\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-dot {\r\n\r\n    left: 20px;\r\n    top: 22px;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-copy h3 {\r\n\r\n    font-size: 25px;\r\n\r\n  }\r\n\r\n\r\n  #sarasApplicationAreas .saa-copy p {\r\n\r\n    font-size: 10.5px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-645e309 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"645e309\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f0c70c\" data-id=\"3f0c70c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e424d36 elementor-widget elementor-widget-html\" data-id=\"e424d36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasNextGenMini\">\r\n\r\n  <div class=\"sngm-shell\">\r\n\r\n    <div class=\"sngm-copy\">\r\n\r\n      <span class=\"sngm-kicker\">\r\n        SARAS K\u0130MYA\r\n      <\/span>\r\n\r\n      <h2>\r\n        Yeni Nesil Y\u00fczeyler.\r\n        <em>Yeni Nesil \u00c7\u00f6z\u00fcmler.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Performans, uygulanabilirlik ve s\u00fcrekli geli\u015fim oda\u011f\u0131nda\r\n        daha ileri \u00fcr\u00fcn sistemleri geli\u015ftiriyoruz.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"sngm-values\">\r\n\r\n      <div class=\"sngm-value\">\r\n        <span><\/span>\r\n        <strong>Performans<\/strong>\r\n        <p>Ger\u00e7ek kullan\u0131m ko\u015fullar\u0131na odaklanan sistemler.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sngm-value\">\r\n        <span><\/span>\r\n        <strong>Uygulanabilirlik<\/strong>\r\n        <p>Sahada daha kontroll\u00fc ve pratik \u00e7\u00f6z\u00fcmler.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sngm-value\">\r\n        <span><\/span>\r\n        <strong>S\u00fcrekli Geli\u015fim<\/strong>\r\n        <p>\u00dcr\u00fcnleri ve sistemleri s\u00fcrekli ileri ta\u015f\u0131yan yakla\u015f\u0131m.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n#sarasNextGenMini,\r\n#sarasNextGenMini * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#sarasNextGenMini {\r\n\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 36px 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #f8fbfb 0%,\r\n      #edf4f5 48%,\r\n      #f8fafb 100%\r\n    );\r\n\r\n  border-top:\r\n    1px solid rgba(96,139,146,.11);\r\n\r\n  border-bottom:\r\n    1px solid rgba(96,139,146,.11);\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: -70px;\r\n  top: 50%;\r\n\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(111,169,175,.11),\r\n      rgba(111,169,175,0) 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* SHELL *\/\r\n\r\n#sarasNextGenMini .sngm-shell {\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1520px,\r\n      calc(100% - 80px)\r\n    );\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(420px,.92fr)\r\n    minmax(680px,1.45fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: 65px;\r\n\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n#sarasNextGenMini .sngm-kicker {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 9px;\r\n\r\n  color: #78989e;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .22em;\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #142e43;\r\n\r\n  font-size:\r\n    clamp(\r\n      31px,\r\n      2.6vw,\r\n      43px\r\n    );\r\n\r\n  line-height: .98;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  font-weight: 790;\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini h2 em {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: #819ba0;\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 430;\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini .sngm-copy > p {\r\n\r\n  max-width: 520px;\r\n\r\n  margin: 13px 0 0;\r\n\r\n  color: #667983;\r\n\r\n  font-size: 12.5px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n\/* RIGHT *\/\r\n\r\n#sarasNextGenMini .sngm-values {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  border-left:\r\n    1px solid rgba(95,137,145,.17);\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini .sngm-value {\r\n\r\n  position: relative;\r\n\r\n  min-height: 112px;\r\n\r\n  padding:\r\n    10px 27px;\r\n\r\n  border-right:\r\n    1px solid rgba(95,137,145,.17);\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini .sngm-value > span {\r\n\r\n  display: block;\r\n\r\n  width: 8px;\r\n  height: 8px;\r\n\r\n  margin-bottom: 16px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #79a1a7;\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(121,161,167,.10);\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini .sngm-value strong {\r\n\r\n  display: block;\r\n\r\n  color: #173247;\r\n\r\n  font-size:\r\n    clamp(\r\n      15px,\r\n      1.05vw,\r\n      17px\r\n    );\r\n\r\n  line-height: 1.15;\r\n\r\n  font-weight: 820;\r\n\r\n  letter-spacing: -.025em;\r\n\r\n}\r\n\r\n\r\n#sarasNextGenMini .sngm-value p {\r\n\r\n  max-width: 250px;\r\n\r\n  margin: 8px 0 0;\r\n\r\n  color: #697d86;\r\n\r\n  font-size:\r\n    clamp(\r\n      11.5px,\r\n      .82vw,\r\n      13px\r\n    );\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  #sarasNextGenMini .sngm-shell {\r\n\r\n    width:\r\n      calc(100% - 44px);\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 26px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-values {\r\n\r\n    border-left: 0;\r\n\r\n    border-top:\r\n      1px solid rgba(95,137,145,.17);\r\n\r\n    padding-top: 21px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-value strong {\r\n\r\n    font-size: 16px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-value p {\r\n\r\n    font-size: 12px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #sarasNextGenMini {\r\n\r\n    padding:\r\n      32px 0;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-shell {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n  }\r\n\r\n  #sarasNextGenMini h2 {\r\n\r\n    font-size: 33px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-copy > p {\r\n\r\n    font-size: 11.5px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-values {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    padding-top: 16px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-value {\r\n\r\n    min-height: auto;\r\n\r\n    padding: 17px 4px;\r\n\r\n    border-right: 0;\r\n\r\n    border-bottom:\r\n      1px solid rgba(95,137,145,.14);\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-value:last-child {\r\n\r\n    border-bottom: 0;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-value strong {\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n  #sarasNextGenMini .sngm-value p {\r\n\r\n    max-width: 100%;\r\n\r\n    font-size: 11.5px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2a5dc49 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2a5dc49\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3ff2190\" data-id=\"3ff2190\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d0c00aa elementor-widget elementor-widget-html\" data-id=\"d0c00aa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasWideVisualBand\">\r\n\r\n  <div class=\"swvb-bg\"><\/div>\r\n\r\n  <div class=\"swvb-overlay\"><\/div>\r\n\r\n  <div class=\"swvb-content\">\r\n\r\n    <span class=\"swvb-kicker\">\r\n      SARAS K\u0130MYA\r\n    <\/span>\r\n\r\n    <h2>\r\n      Geli\u015ftiren. \u00dcreten.\r\n      <em>Uygulamaya De\u011fer Katan.<\/em>\r\n    <\/h2>\r\n\r\n    <p>\r\n      Farkl\u0131 y\u00fczey ihtiya\u00e7lar\u0131 i\u00e7in geli\u015ftirilen profesyonel \u00fcr\u00fcn sistemleri.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/saraskimya.com\/iletisim\/\" class=\"swvb-btn\">\r\n      \u0130leti\u015fime Ge\u00e7in\r\n      <span>\u2197<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n#sarasWideVisualBand,\r\n#sarasWideVisualBand * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#sarasWideVisualBand {\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n\r\n  margin: 0 !important;\r\n  overflow: hidden;\r\n\r\n  min-height: 320px;\r\n\r\n  font-family:\r\n    Inter,\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n}\r\n\r\n#sarasWideVisualBand .swvb-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background-image:\r\n    url(\"https:\/\/saraskimya.com\/wp-content\/uploads\/2022\/01\/saras-kimya-banner-2.png\");\r\n  background-size: cover;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n\r\n  transform: scale(1.02);\r\n}\r\n\r\n#sarasWideVisualBand .swvb-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(13, 29, 40, .72) 0%,\r\n      rgba(19, 44, 58, .56) 34%,\r\n      rgba(18, 39, 50, .28) 60%,\r\n      rgba(17, 33, 43, .12) 100%\r\n    );\r\n}\r\n\r\n#sarasWideVisualBand .swvb-content {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1520px, calc(100% - 80px));\r\n  min-height: 320px;\r\n\r\n  margin: 0 auto;\r\n  padding: 42px 0;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n#sarasWideVisualBand .swvb-kicker {\r\n  display: inline-block;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  color: rgba(255,255,255,.78);\r\n\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: .22em;\r\n}\r\n\r\n#sarasWideVisualBand h2 {\r\n  margin: 0;\r\n\r\n  max-width: 720px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: clamp(34px, 4vw, 58px);\r\n  line-height: .95;\r\n  letter-spacing: -.045em;\r\n  font-weight: 800;\r\n}\r\n\r\n#sarasWideVisualBand h2 em {\r\n  display: block;\r\n  margin-top: 6px;\r\n\r\n  color: rgba(255,255,255,.78);\r\n\r\n  font-style: normal;\r\n  font-weight: 420;\r\n}\r\n\r\n#sarasWideVisualBand p {\r\n  max-width: 560px;\r\n\r\n  margin: 16px 0 0;\r\n\r\n  color: rgba(255,255,255,.88);\r\n\r\n  font-size: 13px;\r\n  line-height: 1.65;\r\n  font-weight: 500;\r\n}\r\n\r\n#sarasWideVisualBand .swvb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-top: 22px;\r\n  padding: 0 18px;\r\n\r\n  min-height: 46px;\r\n\r\n  border-radius: 14px;\r\n\r\n  background: rgba(255,255,255,.14);\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  backdrop-filter: blur(8px);\r\n\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n\r\n  font-size: 11px;\r\n  font-weight: 780;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n#sarasWideVisualBand .swvb-btn:hover {\r\n  transform: translateY(-2px);\r\n  background: rgba(255,255,255,.20);\r\n  border-color: rgba(255,255,255,.34);\r\n}\r\n\r\n#sarasWideVisualBand .swvb-btn span {\r\n  font-size: 14px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n\r\n  #sarasWideVisualBand {\r\n    min-height: 280px;\r\n  }\r\n\r\n  #sarasWideVisualBand .swvb-content {\r\n    width: calc(100% - 44px);\r\n    min-height: 280px;\r\n    padding: 34px 0;\r\n  }\r\n\r\n  #sarasWideVisualBand h2 {\r\n    max-width: 620px;\r\n  }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #sarasWideVisualBand {\r\n    min-height: 230px;\r\n  }\r\n\r\n  #sarasWideVisualBand .swvb-content {\r\n    width: calc(100% - 28px);\r\n    min-height: 230px;\r\n    padding: 28px 0;\r\n  }\r\n\r\n  #sarasWideVisualBand .swvb-kicker {\r\n    font-size: 8px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  #sarasWideVisualBand h2 {\r\n    font-size: 31px;\r\n    line-height: .98;\r\n  }\r\n\r\n  #sarasWideVisualBand p {\r\n    font-size: 11.5px;\r\n    max-width: 100%;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  #sarasWideVisualBand .swvb-btn {\r\n    min-height: 42px;\r\n    padding: 0 16px;\r\n    margin-top: 18px;\r\n    font-size: 10.5px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00d73c9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"00d73c9\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a9a861\" data-id=\"5a9a861\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c67214 elementor-widget elementor-widget-html\" data-id=\"8c67214\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"sarasBrandsPremium\">\r\n\r\n  <div class=\"sbp-wrap\">\r\n\r\n    <div class=\"sbp-heading\">\r\n\r\n      <div>\r\n        <span class=\"sbp-kicker\">SARAS K\u0130MYA MARKALARI<\/span>\r\n\r\n        <h2>\r\n          Uzmanla\u015fm\u0131\u015f Markalar.\r\n          <em>Tek Bir \u00dcretim Vizyonu.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p>\r\n        Farkl\u0131 uygulama alanlar\u0131 i\u00e7in geli\u015ftirilen uzman markalar,\r\n        ayn\u0131 \u00fcretim ve kalite yakla\u015f\u0131m\u0131nda bulu\u015fur.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"sbp-grid\">\r\n\r\n\r\n      <!-- GUARD -->\r\n      <a\r\n        class=\"sbp-card sbp-link\"\r\n        href=\"https:\/\/zeminsanat.com\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\">\r\n\r\n        <div class=\"sbp-logo\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/guardlogo.png\"\r\n            alt=\"GUARD\">\r\n        <\/div>\r\n\r\n        <div class=\"sbp-content\">\r\n\r\n          <span class=\"sbp-category\">\r\n            ZEM\u0130N TEKNOLOJ\u0130LER\u0130\r\n          <\/span>\r\n\r\n          <strong>GUARD<\/strong>\r\n\r\n          <p>\r\n            Profesyonel zemin sistemleri ve uygulama \u00e7\u00f6z\u00fcmleri.\r\n          <\/p>\r\n\r\n          <span class=\"sbp-go\">\r\n            zeminsanat.com\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- EPOKS\u0130MANYA -->\r\n      <a\r\n        class=\"sbp-card sbp-link\"\r\n        href=\"https:\/\/epoksimanya.com\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\">\r\n\r\n        <div class=\"sbp-logo\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/epoksimanyalogo.png\"\r\n            alt=\"Epoksimanya\">\r\n        <\/div>\r\n\r\n        <div class=\"sbp-content\">\r\n\r\n          <span class=\"sbp-category\">\r\n            EPOKS\u0130 &amp; DEKORAT\u0130F\r\n          <\/span>\r\n\r\n          <strong>EPOKS\u0130MANYA<\/strong>\r\n\r\n          <p>\r\n            Re\u00e7ine, pigment, kal\u0131p ve dekoratif uygulama \u00fcr\u00fcnleri.\r\n          <\/p>\r\n\r\n          <span class=\"sbp-go\">\r\n            epoksimanya.com\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- EPOKSIMAX -->\r\n      <div class=\"sbp-card\">\r\n\r\n        <div class=\"sbp-logo\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/Cc-Logo-1.png\"\r\n            alt=\"Epoksimax\">\r\n        <\/div>\r\n\r\n        <div class=\"sbp-content\">\r\n\r\n          <span class=\"sbp-category\">\r\n            EPOKS\u0130 S\u0130STEMLER\u0130\r\n          <\/span>\r\n\r\n          <strong>EPOKSIMAX<\/strong>\r\n\r\n          <p>\r\n            Epoksi \u00fcr\u00fcn gruplar\u0131 i\u00e7in odaklanm\u0131\u015f sat\u0131\u015f markas\u0131.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- AZERBAIJAN -->\r\n      <div class=\"sbp-card\">\r\n\r\n        <div class=\"sbp-logo\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/saraskimya.com\/wp-content\/uploads\/2026\/08\/saraskimyaazerbaijan.png\"\r\n            alt=\"Saras Kimya Azerbaijan\">\r\n        <\/div>\r\n\r\n        <div class=\"sbp-content\">\r\n\r\n          <span class=\"sbp-category\">\r\n            B\u00d6LGESEL YAPILANMA\r\n          <\/span>\r\n\r\n          <strong>SARAS K\u0130MYA AZERBAIJAN<\/strong>\r\n\r\n          <p>\r\n            Azerbaycan pazar\u0131ndaki b\u00f6lgesel marka yap\u0131lanmam\u0131z.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n#sarasBrandsPremium,\r\n#sarasBrandsPremium *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#sarasBrandsPremium{\r\n  position:relative;\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  margin:0!important;\r\n  padding:42px 0 46px;\r\n  overflow:hidden;\r\n  font-family:Inter,\"Helvetica Neue\",Arial,sans-serif;\r\n  background:\r\n    radial-gradient(circle at 8% 0%, rgba(112,166,174,.10), transparent 23%),\r\n    radial-gradient(circle at 91% 100%, rgba(163,192,198,.12), transparent 26%),\r\n    linear-gradient(180deg,#ffffff,#f4f8f8);\r\n}\r\n\r\n#sarasBrandsPremium::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  opacity:.15;\r\n  background-image:\r\n    radial-gradient(circle,rgba(70,111,120,.22) 1px,transparent 1.3px);\r\n  background-size:22px 22px;\r\n  mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);\r\n}\r\n\r\n#sarasBrandsPremium .sbp-wrap{\r\n  position:relative;\r\n  z-index:2;\r\n  width:min(1540px,calc(100% - 56px));\r\n  margin:0 auto;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-heading{\r\n  display:grid;\r\n  grid-template-columns:1fr .7fr;\r\n  gap:42px;\r\n  align-items:end;\r\n  margin-bottom:24px;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-kicker{\r\n  display:block;\r\n  color:#7b999f;\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:850;\r\n  letter-spacing:.20em;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-heading h2{\r\n  margin:9px 0 0;\r\n  color:#172f43;\r\n  font-size:clamp(31px,2.65vw,46px);\r\n  line-height:.98;\r\n  letter-spacing:-.045em;\r\n  font-weight:790;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-heading h2 em{\r\n  display:block;\r\n  margin-top:3px;\r\n  color:#8ca0a6;\r\n  font-style:normal;\r\n  font-weight:420;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-heading p{\r\n  max-width:540px;\r\n  margin:0;\r\n  color:#687d85;\r\n  font-size:15px;\r\n  line-height:1.75;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:12px;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-card{\r\n  position:relative;\r\n  min-width:0;\r\n  min-height:190px;\r\n  display:grid;\r\n  grid-template-columns:96px 1fr;\r\n  gap:16px;\r\n  align-items:center;\r\n  padding:18px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(88,132,140,.14);\r\n  border-radius:20px;\r\n  background:\r\n    linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,245,246,.88));\r\n  box-shadow:\r\n    0 14px 34px rgba(25,56,66,.055),\r\n    inset 0 1px 0 rgba(255,255,255,.86);\r\n  text-decoration:none!important;\r\n  transition:\r\n    transform .24s ease,\r\n    box-shadow .24s ease,\r\n    border-color .24s ease;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:140px;\r\n  height:140px;\r\n  right:-62px;\r\n  top:-68px;\r\n  border-radius:50%;\r\n  background:\r\n    radial-gradient(circle,rgba(111,163,170,.16),transparent 68%);\r\n  pointer-events:none;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-link:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(82,132,140,.24);\r\n  box-shadow:\r\n    0 18px 42px rgba(24,55,65,.085),\r\n    inset 0 1px 0 rgba(255,255,255,.9);\r\n}\r\n\r\n#sarasBrandsPremium .sbp-logo{\r\n  position:relative;\r\n  z-index:2;\r\n  width:96px;\r\n  height:96px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:11px;\r\n  border:1px solid rgba(99,139,146,.11);\r\n  border-radius:17px;\r\n  background:rgba(255,255,255,.70);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);\r\n}\r\n\r\n#sarasBrandsPremium .sbp-logo img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n  filter:drop-shadow(0 7px 12px rgba(25,52,61,.08));\r\n}\r\n\r\n#sarasBrandsPremium .sbp-content{\r\n  position:relative;\r\n  z-index:2;\r\n  min-width:0;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-category{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:#81999f;\r\n  font-size:7.5px;\r\n  line-height:1;\r\n  font-weight:850;\r\n  letter-spacing:.14em;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-content > strong{\r\n  display:block;\r\n  color:#182f43;\r\n  font-size:19px;\r\n  line-height:1.05;\r\n  letter-spacing:-.025em;\r\n  font-weight:800;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-content p{\r\n  margin:8px 0 0;\r\n  color:#5f747d;\r\n  font-size:13.5px;\r\n  line-height:1.62;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-go{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n  margin-top:12px;\r\n  color:#58747b;\r\n  font-size:11.5px;\r\n  font-weight:750;\r\n}\r\n\r\n#sarasBrandsPremium .sbp-go b{\r\n  width:20px;\r\n  height:20px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(86,130,139,.18);\r\n  border-radius:50%;\r\n  font-size:9px;\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n  #sarasBrandsPremium .sbp-heading{\r\n    grid-template-columns:1fr;\r\n    gap:10px;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  #sarasBrandsPremium{\r\n    padding:30px 0 34px;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-wrap{\r\n    width:100%;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-heading{\r\n    width:calc(100% - 28px);\r\n    margin:0 auto 18px;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-heading h2{\r\n    font-size:32px;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-heading p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-grid{\r\n    display:flex;\r\n    gap:10px;\r\n    overflow-x:auto;\r\n    padding:0 14px 8px;\r\n    scroll-snap-type:x mandatory;\r\n    -webkit-overflow-scrolling:touch;\r\n    scrollbar-width:none;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-grid::-webkit-scrollbar{\r\n    display:none;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-card{\r\n    flex:0 0 84%;\r\n    min-height:156px;\r\n    grid-template-columns:76px 1fr;\r\n    gap:13px;\r\n    padding:15px;\r\n    border-radius:17px;\r\n    scroll-snap-align:start;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-logo{\r\n    width:76px;\r\n    height:76px;\r\n    padding:8px;\r\n    border-radius:14px;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-content > strong{\r\n    font-size:17px;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-content p{\r\n    margin-top:7px;\r\n    font-size:12.5px;\r\n    line-height:1.58;\r\n  }\r\n\r\n  #sarasBrandsPremium .sbp-go{\r\n    margin-top:9px;\r\n    font-size:11px;\r\n  }\r\n\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2039 \u203a SARAS K\u0130MYA \u00dcretim G\u00fcc\u00fc. Teknolojiyle Geli\u015fen \u00dcr\u00fcnler. Modern \u00dcretim Altyap\u0131s\u0131 Ar-Ge &amp; \u00dcr-Ge Odakl\u0131 Yakla\u015f\u0131m Profesyonel \u00dcr\u00fcn Sistemleri Kalite Odakl\u0131 \u00dcretim \u00dcR\u00dcNLER &amp;&hellip;<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-690","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/pages\/690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/comments?post=690"}],"version-history":[{"count":1132,"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/pages\/690\/revisions"}],"predecessor-version":[{"id":6034,"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/pages\/690\/revisions\/6034"}],"wp:attachment":[{"href":"https:\/\/saraskimya.com\/en\/wp-json\/wp\/v2\/media?parent=690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}