{"id":1503,"date":"2026-06-25T01:42:42","date_gmt":"2026-06-25T01:42:42","guid":{"rendered":"https:\/\/nivostra.com\/?page_id=1503"},"modified":"2026-07-24T10:48:06","modified_gmt":"2026-07-24T10:48:06","slug":"nivostra","status":"publish","type":"page","link":"https:\/\/nivostra.com\/en\/","title":{"rendered":"Nivostra"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1503\" class=\"elementor elementor-1503\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-934a7f3 e-con e-atomic-element e-flexbox-base e-0596e8d \" data-id=\"934a7f3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"934a7f3\">\n    \t\t<div class=\"elementor-element elementor-element-27eaa0f elementor-widget elementor-widget-html\" data-id=\"27eaa0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-hero-clean\">\n\n  <div class=\"nivostra-hero-bg\"><\/div>\n  <div class=\"nivostra-hero-overlay\"><\/div>\n\n  <div class=\"nivostra-hero-orbit hero-orbit-one\"><\/div>\n  <div class=\"nivostra-hero-orbit hero-orbit-two\"><\/div>\n  <div class=\"nivostra-hero-route-line\"><\/div>\n  <div class=\"nivostra-hero-sparkle hero-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-hero-sparkle hero-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-hero-plus\">+<\/div>\n  <div class=\"nivostra-hero-dot hero-dot-one\"><\/div>\n  <div class=\"nivostra-hero-dot hero-dot-two\"><\/div>\n  <div class=\"nivostra-hero-dot hero-dot-three\"><\/div>\n\n  <div class=\"nivostra-gold-line line-top\"><\/div>\n\n  <div class=\"nivostra-hero-clean-inner\">\n\n    <div class=\"nivostra-hero-clean-content\">\n      <span class=\"nivostra-small-title nivostra-reveal reveal-1\">\n        TASARLIYORUZ, D\u00d6N\u00dc\u015eT\u00dcR\u00dcYORUZ\n      <\/span>\n\n      <h1 class=\"nivostra-main-title\">\n        <span class=\"title-line title-line-1\">M\u0130MARLIKTA<\/span>\n        <span class=\"title-line title-line-2\">ESTET\u0130K,<\/span>\n        <span class=\"title-line title-line-3\">YA\u015eAMDA<\/span>\n        <span class=\"title-line title-line-4\"><em>M\u00dcKEMMELL\u0130K.<\/em><\/span>\n      <\/h1>\n\n      <p class=\"nivostra-reveal reveal-6\">\n        Nivostra, fonksiyonel ve estetik \u00e7\u00f6z\u00fcmlerle ya\u015fam alanlar\u0131n\u0131z\u0131 yeniden tasarlar.\n        Hayalinizdeki mekan\u0131 birlikte in\u015fa edelim.\n      <\/p>\n\n      <div class=\"nivostra-hero-clean-buttons nivostra-reveal reveal-7\">\n        <a href=\"https:\/\/nivostra.com\/projeler\/\" class=\"nivostra-primary-btn\">\n          PROJELER\u0130M\u0130Z\u0130 \u0130NCELE\n          <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"#form\" class=\"nivostra-secondary-btn\">\n          FORM DOLDURUN\n          <span>\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"nivostra-floating-badges\">\n\n      <div class=\"nivostra-badge-card badge-one\">\n        <span class=\"badge-number\">100+<\/span>\n        <span class=\"badge-text\">Tamamlanan Proje<\/span>\n      <\/div>\n\n      <div class=\"nivostra-badge-card badge-two\">\n        <span class=\"badge-number\">10+<\/span>\n        <span class=\"badge-text\">Y\u0131ll\u0131k Deneyim<\/span>\n      <\/div>\n\n      <div class=\"nivostra-badge-card badge-three\">\n        <span class=\"badge-number\">360\u00b0<\/span>\n        <span class=\"badge-text\">Anahtar Teslim S\u00fcre\u00e7<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-dark: #071018;\n  --nivostra-gold: #c9945f;\n  --nivostra-gold-soft: #ac8c66;\n  --nivostra-gold-light: #d7a66f;\n  --nivostra-white: #ffffff;\n  --nivostra-muted: rgba(255,255,255,0.72);\n}\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.elementor-widget-html,\n.elementor-widget-html .elementor-widget-container {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.nivostra-hero-clean {\n  position: relative;\n  display: block;\n  width: 100%;\n  min-height: 870px;\n  overflow: hidden;\n  color: var(--nivostra-white);\n  background: #071018;\n  font-family: \"Times New Roman\", Times, serif;\n  box-sizing: border-box;\n  margin-top: -45px !important;\n  padding-top: 45px !important;\n  padding-bottom: 2px !important;\n}\n\n.nivostra-hero-bg {\n  position: absolute;\n  inset: -28px;\n  z-index: 0;\n  background: url('https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/hero-kismi.jpg');\n  background-size: cover;\n  background-position: center;\n  animation: nivostraKenBurns 22s ease-in-out infinite alternate;\n  will-change: transform;\n}\n\n.nivostra-hero-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(90deg, rgba(4,10,15,0.98) 0%, rgba(4,10,15,0.88) 34%, rgba(4,10,15,0.30) 68%, rgba(4,10,15,0.62) 100%),\n    linear-gradient(180deg, rgba(4,10,15,0.25) 0%, rgba(4,10,15,0.06) 48%, rgba(4,10,15,0.90) 100%);\n  pointer-events: none;\n}\n\n.nivostra-hero-clean::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 70% 30%, rgba(201,148,95,0.13), transparent 28%),\n    radial-gradient(circle at 18% 40%, rgba(201,148,95,0.09), transparent 24%);\n  pointer-events: none;\n  z-index: 2;\n}\n\n.nivostra-hero-clean::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 80px 80px;\n  opacity: .32;\n  pointer-events: none;\n  z-index: 3;\n}\n\n.nivostra-gold-line {\n  position: absolute;\n  z-index: 4;\n  pointer-events: none;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(201,148,95,0.18),\n    rgba(215,166,111,0.75),\n    rgba(201,148,95,0.18),\n    transparent\n  );\n  box-shadow:\n    0 0 18px rgba(201,148,95,0.28),\n    0 0 46px rgba(201,148,95,0.10);\n  animation: nivostraLineGlow 4.5s ease-in-out infinite;\n}\n\n.nivostra-gold-line.line-top {\n  top: 132px;\n  left: 50%;\n  width: min(1180px, calc(100% - 140px));\n  height: 1px;\n  transform: translateX(-50%);\n  opacity: .72;\n}\n\n\n\n\n\n\n\/* YEN\u0130 S\u0130TE KONSEPT\u0130NE UYUMLU HAF\u0130F HAREKETL\u0130 DEKORLAR *\/\n.nivostra-hero-orbit {\n  position: absolute;\n  z-index: 3;\n  border-radius: 50%;\n  border: 1px solid rgba(201, 148, 95, 0.25);\n  pointer-events: none;\n}\n\n.hero-orbit-one {\n  width: 430px;\n  height: 430px;\n  left: -170px;\n  top: 210px;\n  opacity: .72;\n  animation: nivoHeroOrbitRotate 24s linear infinite !important;\n}\n\n.hero-orbit-two {\n  width: 290px;\n  height: 290px;\n  right: 7%;\n  bottom: 90px;\n  opacity: .58;\n  animation: nivoHeroOrbitReverse 18s linear infinite !important;\n}\n\n.nivostra-hero-orbit::before,\n.nivostra-hero-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #c9945f;\n  box-shadow:\n    0 0 16px rgba(201, 148, 95, .60),\n    0 0 34px rgba(201, 148, 95, .18);\n}\n\n.nivostra-hero-orbit::before {\n  width: 10px;\n  height: 10px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-hero-orbit::after {\n  width: 7px;\n  height: 7px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-hero-route-line {\n  position: absolute;\n  left: 8%;\n  bottom: 92px;\n  z-index: 3;\n  width: 360px;\n  height: 150px;\n  border: 1px dashed rgba(201, 148, 95, .24);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 150px 0 0;\n  pointer-events: none;\n  opacity: .56;\n  animation: nivoHeroRouteFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-hero-route-line::before,\n.nivostra-hero-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(201, 148, 95, .72);\n  box-shadow: 0 0 16px rgba(201, 148, 95, .28);\n}\n\n.nivostra-hero-route-line::before {\n  width: 8px;\n  height: 8px;\n  left: 34px;\n  top: -4px;\n}\n\n.nivostra-hero-route-line::after {\n  width: 6px;\n  height: 6px;\n  right: 52px;\n  top: -3px;\n}\n\n.nivostra-hero-sparkle,\n.nivostra-hero-plus {\n  position: absolute;\n  z-index: 3;\n  color: rgba(215, 166, 111, .42);\n  line-height: 1;\n  pointer-events: none;\n  animation: nivoHeroSparkle 4.8s ease-in-out infinite !important;\n}\n\n.hero-sparkle-one {\n  top: 150px;\n  left: 24%;\n  font-size: 38px;\n}\n\n.hero-sparkle-two {\n  right: 24%;\n  bottom: 165px;\n  font-size: 30px;\n  animation-delay: 1.3s !important;\n}\n\n.nivostra-hero-plus {\n  top: 190px;\n  right: 18%;\n  font-size: 44px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-hero-dot {\n  position: absolute;\n  z-index: 3;\n  border-radius: 50%;\n  background: rgba(215, 166, 111, .62);\n  box-shadow: 0 0 18px rgba(201, 148, 95, .24);\n  pointer-events: none;\n}\n\n.hero-dot-one {\n  width: 9px;\n  height: 9px;\n  top: 138px;\n  left: 31%;\n}\n\n.hero-dot-two {\n  width: 7px;\n  height: 7px;\n  right: 30%;\n  bottom: 110px;\n}\n\n.hero-dot-three {\n  width: 8px;\n  height: 8px;\n  top: 53%;\n  right: 6%;\n}\n\n@keyframes nivoHeroOrbitRotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes nivoHeroOrbitReverse {\n  from { transform: rotate(360deg); }\n  to { transform: rotate(0deg); }\n}\n\n@keyframes nivoHeroRouteFloat {\n  0%, 100% { transform: translateY(0) rotate(-8deg); }\n  50% { transform: translateY(-10px) rotate(-4deg); }\n}\n\n@keyframes nivoHeroSparkle {\n  0%, 100% {\n    opacity: .26;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n  50% {\n    opacity: .58;\n    transform: translateY(-9px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-hero-clean-inner {\n  position: relative;\n  z-index: 5;\n  width: calc(100% - 120px);\n  max-width: 1580px;\n  min-height: 760px;\n  margin: 0 auto;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  transform: translate3d(calc(var(--nivo-x, 0) * 10px), calc(var(--nivo-y, 0) * 10px), 0);\n  transition: transform .18s ease-out;\n}\n\n.nivostra-hero-clean-content {\n  max-width: 650px;\n  padding-top: 175px;\n}\n\n.nivostra-small-title {\n  display: inline-block;\n  position: relative;\n  margin-bottom: 18px;\n  color: var(--nivostra-gold);\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 1.4px;\n  padding-left: 62px;\n}\n\n.nivostra-small-title::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 44px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--nivostra-gold), transparent);\n  transform: translateY(-50%);\n}\n\n.nivostra-main-title {\n  margin: 0;\n  padding-bottom: 24px;\n  font-family: \"Times New Roman\", Times, serif;\n  font-size: clamp(52px, 4.7vw, 86px);\n  line-height: 1.18;\n  font-weight: 400;\n  letter-spacing: .3px;\n  color: #fff;\n  overflow: visible;\n  animation: nivostraTitleBreath 4.8s ease-in-out 2s infinite;\n  will-change: transform;\n}\n\n.nivostra-main-title .title-line {\n  display: block;\n  position: relative;\n  opacity: 0;\n  transform: translateX(-120px) translateY(24px) scale(.94);\n  filter: blur(14px);\n  animation: nivostraTitleEnter 1.05s cubic-bezier(.16, .9, .22, 1) forwards;\n}\n\n.nivostra-main-title .title-line-1 { animation-delay: .20s; }\n.nivostra-main-title .title-line-2 { animation-delay: .40s; }\n.nivostra-main-title .title-line-3 { animation-delay: .60s; }\n.nivostra-main-title .title-line-4 { animation-delay: .80s; }\n\n.nivostra-main-title em {\n  font-style: normal;\n  color: var(--nivostra-gold);\n  display: inline-block;\n  padding-bottom: 12px;\n  text-shadow:\n    0 0 18px rgba(201,148,95,0.35),\n    0 0 48px rgba(201,148,95,0.18);\n  animation: nivostraGoldPulse 2.6s ease-in-out 1.8s infinite;\n}\n\n.nivostra-floating-badges {\n  position: relative;\n  width: 430px;\n  min-height: 620px;\n  margin-top: 150px;\n  pointer-events: auto;\n  transform: translate3d(calc(var(--nivo-x, 0) * -18px), calc(var(--nivo-y, 0) * -18px), 0);\n  transition: transform .18s ease-out;\n}\n\n.nivostra-badge-card {\n  --mx: 50%;\n  --my: 50%;\n  position: absolute;\n  min-width: 168px;\n  padding: 19px 21px;\n  border: 1px solid rgba(201,148,95,0.48);\n  background:\n    radial-gradient(circle at var(--mx) var(--my), rgba(215,166,111,0.34), transparent 34%),\n    linear-gradient(145deg, rgba(7,16,24,0.72), rgba(7,16,24,0.34)),\n    linear-gradient(135deg, rgba(201,148,95,0.16), rgba(255,255,255,0.025));\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  box-shadow:\n    0 24px 70px rgba(0,0,0,0.34),\n    inset 0 0 0 1px rgba(255,255,255,0.045),\n    0 0 34px rgba(201,148,95,0.12);\n  color: #fff;\n  animation: nivostraBadgeFloat 5.5s ease-in-out infinite;\n  transition:\n    transform .45s ease,\n    border-color .45s ease,\n    box-shadow .45s ease,\n    background .45s ease;\n  will-change: transform;\n}\n\n.nivostra-badge-card:hover {\n  transform: translateY(-18px) scale(1.035);\n  border-color: rgba(215,166,111,0.95);\n  box-shadow:\n    0 32px 86px rgba(0,0,0,0.46),\n    inset 0 0 0 1px rgba(255,255,255,0.06),\n    0 0 48px rgba(201,148,95,0.24);\n}\n\n.nivostra-badge-card::before {\n  content: \"\";\n  position: absolute;\n  left: 18px;\n  right: 18px;\n  top: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(215,166,111,0.95), transparent);\n}\n\n.nivostra-badge-card::after {\n  content: \"\";\n  position: absolute;\n  width: 38px;\n  height: 38px;\n  border-top: 1px solid rgba(215,166,111,0.75);\n  border-right: 1px solid rgba(215,166,111,0.75);\n  right: -8px;\n  top: -8px;\n  opacity: .7;\n}\n\n.nivostra-badge-card .badge-number {\n  display: block;\n  font-size: 40px;\n  line-height: 1;\n  color: var(--nivostra-gold-light);\n  letter-spacing: .3px;\n  text-shadow:\n    0 0 18px rgba(201,148,95,0.34),\n    0 0 42px rgba(201,148,95,0.13);\n}\n\n.nivostra-badge-card .badge-text {\n  display: block;\n  margin-top: 8px;\n  font-size: 13px;\n  line-height: 1.35;\n  color: rgba(255,255,255,0.78);\n  letter-spacing: .4px;\n}\n\n.badge-one {\n  top: 38px;\n  right: 38px;\n  animation-delay: .2s;\n}\n\n.badge-two {\n  top: 258px;\n  left: 4px;\n  animation-delay: .9s;\n}\n\n.badge-three {\n  bottom: 45px;\n  right: 78px;\n  animation-delay: 1.45s;\n}\n\n.nivostra-hero-clean-content p {\n  position: relative;\n  z-index: 12;\n\n  display: block !important;\n\n  width: 100%;\n  max-width: 620px;\n\n  margin: 18px 0 30px !important;\n\n  color: rgba(255, 255, 255, 0.78);\n\n  font-size: 17px;\n  line-height: 1.78;\n  font-weight: 400;\n\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  filter: none !important;\n  animation: none !important;\n}\n\n.nivostra-reveal {\n  opacity: 0;\n  transform: translateX(-65px) translateY(16px) scale(0.96);\n  filter: blur(10px);\n  animation-name: nivostraStrongReveal;\n  animation-duration: 1s;\n  animation-timing-function: cubic-bezier(.16, .84, .26, 1);\n  animation-fill-mode: forwards;\n}\n\n.reveal-1 { animation-delay: .10s; }\n.reveal-6 { animation-delay: 1.10s; }\n.reveal-7 { animation-delay: 1.30s; }\n\n.nivostra-hero-clean-buttons {\n  position: relative !important;\n  z-index: 20 !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n\n  gap: 16px !important;\n\n  width: auto !important;\n\n  margin: 0 0 76px !important;\n  padding: 10px !important;\n\n  border: 1px solid rgba(201, 148, 95, 0.18);\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.04),\n      rgba(201, 148, 95, 0.03)\n    );\n\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n\n  box-shadow:\n    0 16px 38px rgba(0, 0, 0, 0.18);\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  filter: none !important;\n  animation: none !important;\n}\n\n.nivostra-primary-btn,\n.nivostra-secondary-btn {\n  position: relative !important;\n  z-index: 21 !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  gap: 14px !important;\n\n  min-width: 255px;\n  min-height: 66px !important;\n\n  padding: 0 36px !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n  border-radius: 12px;\n\n  text-decoration: none !important;\n\n  font-size: 14px;\n  line-height: 1.15;\n  font-weight: 700;\n  letter-spacing: .6px;\n\n  white-space: nowrap;\n\n  transform: none;\n  filter: none;\n  animation: none !important;\n\n  box-shadow:\n    0 14px 32px rgba(0, 0, 0, .18);\n\n  transition:\n    color .35s ease,\n    background .35s ease,\n    border-color .35s ease,\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.nivostra-primary-btn {\n  color: #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #bc8956 0%,\n      #d3a26f 100%\n    ) !important;\n\n  border:\n    1px solid rgba(215, 166, 111, .96) !important;\n\n  box-shadow:\n    0 16px 34px rgba(185, 132, 80, 0.24),\n    inset 0 1px 0 rgba(255, 255, 255, 0.18);\n}\n\n.nivostra-secondary-btn {\n  padding: 0 28px;\n  color: #fff;\n  border: 1px solid rgba(201,148,95,0.65);\n  background: rgba(201,148,95,0.10);\n  backdrop-filter: blur(8px);\n}\n\n.nivostra-primary-btn:hover,\n.nivostra-secondary-btn:hover {\n  transform: translateY(-4px);\n}\n\n.nivostra-secondary-btn:hover {\n  background: linear-gradient(135deg, rgba(185,132,80,0.95), rgba(209,160,108,0.95));\n}\n\n.nivostra-primary-btn span,\n.nivostra-secondary-btn span {\n  transition: transform .35s ease;\n}\n\n.nivostra-primary-btn:hover span,\n.nivostra-primary-btn:hover {\n  box-shadow:\n    0 22px 42px rgba(185, 132, 80, 0.30),\n    inset 0 1px 0 rgba(255, 255, 255, 0.20);\n}\n\n.nivostra-secondary-btn:hover {\n  border-color: rgba(215, 166, 111, 0.92) !important;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(17, 30, 42, 0.88),\n      rgba(10, 18, 26, 0.70)\n    ) !important;\n  box-shadow:\n    0 20px 40px rgba(0, 0, 0, 0.28),\n    0 0 22px rgba(201, 148, 95, 0.08);\n}\n\n.nivostra-secondary-btn:hover span {\n  transform: translateX(5px);\n}\n\n@media (min-width: 769px) {\n  .nivostra-hero-clean-content p {\n    animation: nivoTextFloat 7s ease-in-out 2.2s infinite;\n  }\n}\n\n@keyframes nivostraKenBurns {\n  0% {\n    transform: scale(1.02) translate3d(0, 0, 0);\n  }\n\n  100% {\n    transform: scale(1.10) translate3d(-18px, -12px, 0);\n  }\n}\n\n@keyframes nivostraLineGlow {\n  0%, 100% {\n    opacity: .48;\n    filter: brightness(1);\n    box-shadow:\n      0 0 18px rgba(201,148,95,0.22),\n      0 0 46px rgba(201,148,95,0.08);\n  }\n\n  50% {\n    opacity: .9;\n    filter: brightness(1.25);\n    box-shadow:\n      0 0 28px rgba(201,148,95,0.42),\n      0 0 78px rgba(201,148,95,0.18);\n  }\n}\n\n@keyframes nivostraBadgeFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-14px); }\n}\n\n@keyframes nivostraTitleEnter {\n  0% {\n    opacity: 0;\n    transform: translateX(-120px) translateY(24px) scale(.94);\n    filter: blur(14px);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translateX(18px) translateY(-4px) scale(1.025);\n    filter: blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(0) translateY(0) scale(1);\n    filter: blur(0);\n  }\n}\n\n@keyframes nivostraTitleBreath {\n  0%, 100% { transform: translateY(0) translateX(0); }\n  50% { transform: translateY(-8px) translateX(6px); }\n}\n\n@keyframes nivostraGoldPulse {\n  0%, 100% {\n    transform: translateX(0) scale(1);\n  }\n\n  50% {\n    transform: translateX(8px) scale(1.035);\n  }\n}\n\n@keyframes nivostraStrongReveal {\n  0% {\n    opacity: 0;\n    transform: translateX(-65px) translateY(16px) scale(0.96);\n    filter: blur(10px);\n  }\n\n  58% {\n    opacity: 1;\n    transform: translateX(8px) translateY(0) scale(1.01);\n    filter: blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(0) translateY(0) scale(1);\n    filter: blur(0);\n  }\n}\n\n@keyframes nivoTextFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-6px); }\n}\n\n@media (max-width: 1200px) {\n  .nivostra-hero-clean {\n    min-height: 840px;\n    padding-bottom: 85px !important;\n  }\n\n  .nivostra-hero-clean-inner {\n    width: calc(100% - 60px);\n  }\n\n  .nivostra-hero-clean-content {\n    padding-top: 165px;\n  }\n\n  .nivostra-floating-badges {\n    width: 340px;\n    margin-top: 170px;\n  }\n\n  .nivostra-badge-card {\n    min-width: 145px;\n    padding: 18px;\n  }\n\n  .nivostra-badge-card .badge-number {\n    font-size: 34px;\n  }\n\n  .nivostra-badge-card .badge-text {\n    font-size: 12px;\n  }\n\n  .badge-one { right: 0; }\n  .badge-two { left: 0; }\n  .badge-three { right: 22px; }\n}\n\n@media (max-width: 480px) {\n  .nivostra-hero-clean {\n    margin-top: -26px !important;\n    padding-top: 26px !important;\n    padding-bottom: 70px !important;\n  }\n\n  .nivostra-hero-clean-content {\n    padding-top: 135px;\n  }\n\n  .nivostra-main-title {\n    font-size: 41px;\n  }\n\n  .nivostra-hero-clean-content p {\n    font-size: 14px;\n  }\n\n  .nivostra-hero-clean-buttons {\n    display: flex !important;\n    margin-top: 24px !important;\n    margin-bottom: 28px !important;\n  }\n\n  .nivostra-primary-btn,\n  .nivostra-secondary-btn {\n    display: inline-flex !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-reveal,\n  .nivostra-main-title,\n  .nivostra-main-title .title-line,\n  .nivostra-main-title em,\n  .nivostra-badge-card,\n  .nivostra-hero-clean-content p,\n  .nivostra-hero-clean-buttons,\n  .nivostra-hero-bg,\n  .nivostra-gold-line {\n    opacity: 1;\n    transform: none;\n    filter: none;\n    animation: none;\n  }\n}\n\n\/* BUTONLARIN HER DURUMDA G\u00d6R\u00dcNMES\u0130 \u0130\u00c7\u0130N SON G\u00dcVENCE *\/\n.nivostra-hero-clean .nivostra-hero-clean-buttons,\n.nivostra-hero-clean .nivostra-hero-clean-buttons.nivostra-reveal {\n  display: flex !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  filter: none !important;\n  animation: none !important;\n}\n\n.nivostra-hero-clean .nivostra-primary-btn,\n.nivostra-hero-clean .nivostra-secondary-btn {\n  display: inline-flex !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n@media (max-width: 768px) {\n  .nivostra-hero-clean .nivostra-hero-clean-buttons {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 12px !important;\n    margin-top: 24px !important;\n    margin-bottom: 34px !important;\n  }\n\n  .nivostra-hero-clean .nivostra-primary-btn,\n  .nivostra-hero-clean .nivostra-secondary-btn {\n    width: 100% !important;\n    min-width: 0 !important;\n  }\n}\n\n\n\/* A\u00c7IKLAMA VE CTA D\u00dcZEN\u0130 SON G\u00dcVENCE *\/\n.nivostra-hero-clean .nivostra-hero-clean-content > p {\n  display: block !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  margin-top: 16px !important;\n  margin-bottom: 26px !important;\n  transform: none !important;\n  filter: none !important;\n  animation: none !important;\n}\n\n.nivostra-hero-clean .nivostra-hero-clean-buttons {\n  margin-top: 0 !important;\n  margin-bottom: 52px !important;\n}\n\n.nivostra-hero-clean .nivostra-primary-btn,\n.nivostra-hero-clean .nivostra-secondary-btn {\n  min-width: 220px !important;\n  min-height: 58px !important;\n  padding: 0 30px !important;\n}\n\n@media (max-width: 768px) {\n  .nivostra-hero-clean .nivostra-hero-clean-content > p {\n    width: 100% !important;\n    margin: 14px 0 22px !important;\n    font-size: 15px !important;\n  }\n\n  .nivostra-hero-clean .nivostra-hero-clean-buttons {\n    margin-top: 0 !important;\n    margin-bottom: 30px !important;\n    gap: 12px !important;\n  }\n\n  .nivostra-hero-clean .nivostra-primary-btn,\n  .nivostra-hero-clean .nivostra-secondary-btn {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 56px !important;\n  }\n}\n\n\n\/* CTA G\u00d6R\u00dcN\u00dcM\u00dc SON G\u00dcVENCE *\/\n.nivostra-hero-clean .nivostra-hero-clean-content > p {\n  max-width: 620px !important;\n  margin: 18px 0 30px !important;\n}\n\n.nivostra-hero-clean .nivostra-hero-clean-buttons {\n  display: inline-flex !important;\n  width: auto !important;\n  margin-top: 0 !important;\n  margin-bottom: 76px !important;\n  padding: 8px !important;\n  border-radius: 18px !important;\n}\n\n.nivostra-hero-clean .nivostra-primary-btn,\n.nivostra-hero-clean .nivostra-secondary-btn {\n  min-width: 255px !important;\n  min-height: 66px !important;\n  padding: 0 36px !important;\n  border-radius: 12px !important;\n  font-size: 14px !important;\n}\n\n@media (max-width: 768px) {\n  .nivostra-hero-clean .nivostra-hero-clean-content > p {\n    max-width: 100% !important;\n    margin: 14px 0 22px !important;\n    font-size: 15px !important;\n    line-height: 1.65 !important;\n  }\n\n  .nivostra-hero-clean .nivostra-hero-clean-buttons {\n    display: flex !important;\n    width: 100% !important;\n    margin-top: 0 !important;\n    margin-bottom: 34px !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: none !important;\n    box-shadow: none !important;\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 12px !important;\n  }\n\n  .nivostra-hero-clean .nivostra-primary-btn,\n  .nivostra-hero-clean .nivostra-secondary-btn {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 60px !important;\n    padding: 0 24px !important;\n    font-size: 13px !important;\n  }\n}\n\n\n\/* =====================================================\n   MOB\u0130L HERO \u2014 TAM D\u00dcZELT\u0130LM\u0130\u015e S\u00dcR\u00dcM\n===================================================== *\/\n\n@media (max-width: 768px) {\n  .nivostra-hero-clean {\n    min-height: auto !important;\n    margin-top: -30px !important;\n    padding-top: 30px !important;\n    padding-bottom: 42px !important;\n    overflow: hidden !important;\n  }\n\n  .nivostra-hero-bg {\n    inset: 0 !important;\n    background-position: 62% center !important;\n    background-size: cover !important;\n    animation: none !important;\n    transform: none !important;\n  }\n\n  .nivostra-hero-overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(4,10,15,.72) 0%,\n        rgba(4,10,15,.78) 34%,\n        rgba(4,10,15,.92) 72%,\n        rgba(4,10,15,.98) 100%\n      ) !important;\n  }\n\n  .nivostra-hero-clean::after {\n    background-size: 52px 52px !important;\n    opacity: .18 !important;\n  }\n\n  .nivostra-gold-line.line-top {\n    top: 92px !important;\n    width: calc(100% - 34px) !important;\n    animation: none !important;\n  }\n\n  .hero-orbit-one {\n    width: 250px !important;\n    height: 250px !important;\n    left: -155px !important;\n    top: 170px !important;\n    opacity: .34 !important;\n  }\n\n  .hero-orbit-two,\n  .nivostra-hero-route-line,\n  .hero-sparkle-two,\n  .nivostra-hero-plus,\n  .hero-dot-two,\n  .hero-dot-three {\n    display: none !important;\n  }\n\n  .hero-sparkle-one {\n    top: 112px !important;\n    left: 8% !important;\n    font-size: 24px !important;\n  }\n\n  .hero-dot-one {\n    top: 118px !important;\n    left: 25% !important;\n  }\n\n  .nivostra-hero-clean-inner {\n    width: calc(100% - 32px) !important;\n    max-width: none !important;\n    min-height: 0 !important;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    justify-content: flex-start !important;\n    transform: none !important;\n  }\n\n  .nivostra-hero-clean-content {\n    width: 100% !important;\n    max-width: none !important;\n    padding-top: 118px !important;\n    text-align: center !important;\n  }\n\n  .nivostra-small-title {\n    margin-bottom: 16px !important;\n    padding-left: 0 !important;\n    font-size: 10px !important;\n    line-height: 1.4 !important;\n    letter-spacing: 1.8px !important;\n    text-align: center !important;\n  }\n\n  .nivostra-small-title::before {\n    display: none !important;\n  }\n\n  .nivostra-main-title {\n    width: 100% !important;\n    margin: 0 auto !important;\n    padding-bottom: 10px !important;\n    font-size: clamp(38px, 12vw, 58px) !important;\n    line-height: 1.02 !important;\n    letter-spacing: -.6px !important;\n    text-align: center !important;\n    animation: none !important;\n  }\n\n  .nivostra-main-title .title-line {\n    transform: none !important;\n    filter: none !important;\n    animation-name: nivostraMobileTitleEnter !important;\n    animation-duration: .72s !important;\n  }\n\n  .nivostra-main-title .title-line-1 { animation-delay: .10s !important; }\n  .nivostra-main-title .title-line-2 { animation-delay: .20s !important; }\n  .nivostra-main-title .title-line-3 { animation-delay: .30s !important; }\n  .nivostra-main-title .title-line-4 { animation-delay: .40s !important; }\n\n  .nivostra-main-title em {\n    display: inline !important;\n    padding-bottom: 0 !important;\n    animation: none !important;\n  }\n\n  .nivostra-hero-clean .nivostra-hero-clean-content > p {\n    width: 100% !important;\n    max-width: 540px !important;\n    margin: 18px auto 24px !important;\n    padding: 0 4px !important;\n    font-size: 14px !important;\n    line-height: 1.7 !important;\n    text-align: center !important;\n  }\n\n  .nivostra-hero-clean .nivostra-hero-clean-buttons {\n    display: flex !important;\n    width: 100% !important;\n    margin: 0 auto 28px !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: none !important;\n    box-shadow: none !important;\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 11px !important;\n  }\n\n  .nivostra-hero-clean .nivostra-primary-btn,\n  .nivostra-hero-clean .nivostra-secondary-btn {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 56px !important;\n    padding: 0 20px !important;\n    border-radius: 10px !important;\n    font-size: 12px !important;\n    letter-spacing: .45px !important;\n    white-space: normal !important;\n    text-align: center !important;\n  }\n\n  .nivostra-floating-badges {\n    position: relative !important;\n    width: 100% !important;\n    min-height: 0 !important;\n    margin: 4px 0 0 !important;\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 8px !important;\n    transform: none !important;\n  }\n\n  .nivostra-badge-card,\n  .badge-one,\n  .badge-two,\n  .badge-three {\n    position: relative !important;\n    inset: auto !important;\n    top: auto !important;\n    right: auto !important;\n    bottom: auto !important;\n    left: auto !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 100px !important;\n    padding: 14px 8px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n    animation: none !important;\n    border-radius: 12px !important;\n  }\n\n  .nivostra-badge-card::after {\n    width: 24px !important;\n    height: 24px !important;\n    right: -5px !important;\n    top: -5px !important;\n  }\n\n  .nivostra-badge-card .badge-number {\n    font-size: 28px !important;\n  }\n\n  .nivostra-badge-card .badge-text {\n    margin-top: 6px !important;\n    font-size: 10px !important;\n    line-height: 1.3 !important;\n  }\n}\n\n@keyframes nivostraMobileTitleEnter {\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 480px) {\n  .nivostra-hero-clean {\n    margin-top: -26px !important;\n    padding-top: 26px !important;\n    padding-bottom: 34px !important;\n  }\n\n  .nivostra-hero-clean-content {\n    padding-top: 108px !important;\n  }\n\n  .nivostra-main-title {\n    font-size: clamp(34px, 11.7vw, 48px) !important;\n    line-height: 1.03 !important;\n  }\n\n  .nivostra-hero-clean .nivostra-hero-clean-content > p {\n    margin-top: 16px !important;\n    font-size: 13px !important;\n    line-height: 1.62 !important;\n  }\n\n  .nivostra-hero-clean .nivostra-primary-btn,\n  .nivostra-hero-clean .nivostra-secondary-btn {\n    min-height: 54px !important;\n    font-size: 11px !important;\n  }\n\n  .nivostra-floating-badges {\n    grid-template-columns: 1fr !important;\n    gap: 9px !important;\n  }\n\n  .nivostra-badge-card,\n  .badge-one,\n  .badge-two,\n  .badge-three {\n    min-height: 82px !important;\n    padding: 12px 14px !important;\n    flex-direction: row !important;\n    justify-content: flex-start !important;\n    gap: 14px !important;\n    text-align: left !important;\n  }\n\n  .nivostra-badge-card .badge-number {\n    min-width: 72px !important;\n    font-size: 27px !important;\n    text-align: center !important;\n  }\n\n  .nivostra-badge-card .badge-text {\n    margin-top: 0 !important;\n    font-size: 11px !important;\n    text-align: left !important;\n  }\n}\n\n\n\/* MOB\u0130LDE BA\u015eARI KUTULARINI G\u0130ZLE *\/\n@media (max-width: 768px) {\n  .nivostra-floating-badges {\n    display: none !important;\n  }\n}\n\n\n\/* =====================================================\n   HERO BUTON GRUBU GEN\u0130\u015eL\u0130K VE HOVER YAZI D\u00dcZELTMES\u0130\n===================================================== *\/\n\n\/* D\u0131\u015f \u00e7er\u00e7eve yaln\u0131zca butonlar kadar geni\u015f olsun *\/\n.nivostra-hero-clean .nivostra-hero-clean-buttons {\n  width: fit-content !important;\n  max-width: 100% !important;\n  padding: 8px !important;\n}\n\n\/* \u0130kinci buton hover yaz\u0131s\u0131 daima a\u00e7\u0131k kals\u0131n *\/\n.nivostra-hero-clean .nivostra-secondary-btn:hover,\n.nivostra-hero-clean .nivostra-secondary-btn:hover span {\n  color: #f6eee5 !important;\n}\n\n\/* Hover s\u0131ras\u0131nda ikon da ayn\u0131 tonda *\/\n.nivostra-hero-clean .nivostra-secondary-btn:hover span {\n  text-shadow: 0 0 12px rgba(246, 238, 229, .18);\n}\n\n\/* Mobilde d\u0131\u015f \u00e7er\u00e7eve zaten kald\u0131r\u0131lm\u0131\u015f durumda *\/\n@media (max-width: 768px) {\n  .nivostra-hero-clean .nivostra-hero-clean-buttons {\n    width: 100% !important;\n    padding: 0 !important;\n  }\n}\n\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  function nivoScrollHeader() {\n    if (window.scrollY > 80) {\n      document.body.classList.add(\"nivo-page-scrolled\");\n    } else {\n      document.body.classList.remove(\"nivo-page-scrolled\");\n    }\n  }\n\n  nivoScrollHeader();\n  window.addEventListener(\"scroll\", nivoScrollHeader);\n\n  const hero = document.querySelector(\".nivostra-hero-clean\");\n  const badges = document.querySelectorAll(\".nivostra-badge-card\");\n\n  if (hero && window.matchMedia(\"(min-width: 769px)\").matches) {\n    hero.addEventListener(\"mousemove\", function (e) {\n      const rect = hero.getBoundingClientRect();\n      const x = ((e.clientX - rect.left) \/ rect.width - 0.5).toFixed(3);\n      const y = ((e.clientY - rect.top) \/ rect.height - 0.5).toFixed(3);\n\n      hero.style.setProperty(\"--nivo-x\", x);\n      hero.style.setProperty(\"--nivo-y\", y);\n    });\n\n    hero.addEventListener(\"mouseleave\", function () {\n      hero.style.setProperty(\"--nivo-x\", 0);\n      hero.style.setProperty(\"--nivo-y\", 0);\n    });\n  }\n\n  badges.forEach(function (card) {\n    card.addEventListener(\"mousemove\", function (e) {\n      if (!window.matchMedia(\"(min-width: 769px)\").matches) return;\n\n      const rect = card.getBoundingClientRect();\n      const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n      const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n\n      card.style.setProperty(\"--mx\", x + \"%\");\n      card.style.setProperty(\"--my\", y + \"%\");\n    });\n\n    card.addEventListener(\"mouseleave\", function () {\n      card.style.setProperty(\"--mx\", \"50%\");\n      card.style.setProperty(\"--my\", \"50%\");\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c586afb e-con e-atomic-element e-flexbox-base e-331b225 \" data-id=\"c586afb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c586afb\">\n    \t\t<div class=\"elementor-element elementor-element-ae4cf3f elementor-widget elementor-widget-html\" data-id=\"ae4cf3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-feature-strip\">\n\n  <div class=\"nivostra-feature-service-orbit feature-service-orbit-one\"><\/div>\n  <div class=\"nivostra-feature-service-orbit feature-service-orbit-two\"><\/div>\n  <div class=\"nivostra-feature-service-route-line\"><\/div>\n  <div class=\"nivostra-feature-service-sparkle feature-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-feature-service-sparkle feature-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-feature-service-plus\">+<\/div>\n  <div class=\"nivostra-feature-service-dot feature-service-dot-one\"><\/div>\n  <div class=\"nivostra-feature-service-dot feature-service-dot-two\"><\/div>\n  <div class=\"nivostra-feature-service-dot feature-service-dot-three\"><\/div>\n\n  <div class=\"nivostra-feature-item\">\n    <div class=\"nivostra-feature-icon\">\n      <svg viewBox=\"0 0 24 24\">\n        <path d=\"M9.5 3a6.5 6.5 0 0 1 5.18 10.43l4.45 4.44-1.42 1.42-4.44-4.45A6.5 6.5 0 1 1 9.5 3Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm8.5 12h2v4h-2v-4Zm-4-3h2v7h-2v-7Zm-4 4h2v3h-2v-3Z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"nivostra-feature-text\">\n      <h3>\u00dcCRETS\u0130Z KE\u015e\u0130F<\/h3>\n      <p>Projenizi yerinde analiz eder, ihtiya\u00e7lar\u0131n\u0131z\u0131 netle\u015ftiririz.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"nivostra-feature-item\">\n    <div class=\"nivostra-feature-icon\">\n      <svg viewBox=\"0 0 24 24\">\n        <path d=\"M6 2h9l5 5v15H6V2Zm8 1.5V8h4.5L14 3.5ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Zm0-8h4v2H8V7Z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"nivostra-feature-text\">\n      <h3>\u015eEFFAF TEKL\u0130F<\/h3>\n      <p>S\u00fcrpriz maliyetler olmadan, kapsam\u0131 net bir s\u00fcre\u00e7 sunar\u0131z.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"nivostra-feature-item\">\n    <div class=\"nivostra-feature-icon\">\n      <svg viewBox=\"0 0 24 24\">\n        <path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Zm8.7-5.7-1.4-1.4-3.3 3.29-1.3-1.29-1.4 1.4 2.7 2.7 4.7-4.7Z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"nivostra-feature-text\">\n      <h3>TEK MUHATAP<\/h3>\n      <p>Tasar\u0131m, uygulama ve teslim s\u00fcrecini tek elden y\u00f6netiriz.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"nivostra-feature-item\">\n    <div class=\"nivostra-feature-icon\">\n      <svg viewBox=\"0 0 24 24\">\n        <path d=\"M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm11 8H6v10h12V10ZM6 8h12V6H6v2Z\"\/>\n        <path d=\"M15.5 12a3.5 3.5 0 1 1-3.5 3.5A3.5 3.5 0 0 1 15.5 12Zm.5 1.7h-1.1v2.2l1.9 1.1.55-.92-1.35-.78v-1.6Z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"nivostra-feature-text\">\n      <h3>ZAMANINDA TESL\u0130M<\/h3>\n      <p>Planl\u0131 i\u015f takvimiyle kontroll\u00fc ve takip edilebilir ilerleme sa\u011flar\u0131z.<\/p>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-accent: #cc9a66;\n  --nivostra-accent-dark: #a87543;\n  --nivostra-accent-soft: rgba(204, 154, 102, 0.13);\n\n  --nivostra-section-bg: #fbf8f4;\n  --nivostra-card-bg: rgba(255, 255, 255, 0.92);\n\n  --nivostra-title: #171717;\n  --nivostra-text: #5f5a55;\n\n  --nivostra-border: rgba(204, 154, 102, 0.62);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.28);\n}\n\n.nivostra-feature-strip {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 24px;\n\n  padding: 52px 70px;\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(212, 178, 133, 0.18),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(164, 136, 113, 0.16),\n      transparent 38%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #fbf8f3 48%,\n      #ffffff 100%\n    );\n\n  border-top: 1px solid rgba(204, 154, 102, 0.8);\n  border-bottom: 1px solid rgba(204, 154, 102, 0.8);\n\n  font-family: \"Times New Roman\", Times, serif;\n  overflow: hidden;\n}\n\n\/* H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT *\/\n.nivostra-feature-service-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: -1;\n}\n\n.feature-service-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 35px;\n  animation: nivostraFeatureServiceRotate 24s linear infinite !important;\n}\n\n.feature-service-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: -85px;\n  animation: nivostraFeatureServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-feature-service-orbit::before,\n.nivostra-feature-service-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow: 0 0 22px rgba(164, 136, 113, 0.48);\n}\n\n.nivostra-feature-service-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-feature-service-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-feature-service-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: -20px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: -1;\n  animation: nivostraFeatureServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-feature-service-route-line::before,\n.nivostra-feature-service-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-feature-service-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-feature-service-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-feature-service-sparkle,\n.nivostra-feature-service-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: -1;\n  animation: nivostraFeatureServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n.feature-service-sparkle-one {\n  top: 22px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.feature-service-sparkle-two {\n  bottom: 18px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s !important;\n}\n\n.nivostra-feature-service-plus {\n  top: 34px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-feature-service-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: -1;\n}\n\n.feature-service-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 18px;\n  left: 30%;\n}\n\n.feature-service-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 16px;\n  right: 30%;\n}\n\n.feature-service-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraFeatureServiceRotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes nivostraFeatureServiceRotateReverse {\n  from { transform: rotate(360deg); }\n  to { transform: rotate(0deg); }\n}\n\n@keyframes nivostraFeatureServiceFloat {\n  0%, 100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(-4deg);\n  }\n}\n\n@keyframes nivostraFeatureServiceSparkle {\n  0%, 100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-feature-item {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 28px;\n\n  min-width: 0;\n  min-height: 180px;\n\n  padding: 36px 30px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.98),\n      rgba(255, 252, 248, 0.94)\n    );\n\n  border: 1px solid var(--nivostra-border);\n  border-radius: 17px;\n\n  box-shadow:\n    0 13px 28px rgba(83, 59, 36, 0.08),\n    0 2px 8px rgba(83, 59, 36, 0.035),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  overflow: hidden;\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease,\n    border-color 0.35s ease,\n    background 0.35s ease;\n}\n\n.nivostra-feature-item::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      115deg,\n      rgba(255, 255, 255, 0) 0%,\n      rgba(204, 154, 102, 0.045) 42%,\n      rgba(255, 255, 255, 0) 68%\n    );\n\n  opacity: 0;\n  transform: translateX(-25%);\n  pointer-events: none;\n\n  transition:\n    opacity 0.35s ease,\n    transform 0.55s ease;\n}\n\n.nivostra-feature-item:hover {\n  transform: translateY(-6px);\n\n  border-color: var(--nivostra-accent);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fffaf5\n    );\n\n  box-shadow:\n    0 20px 38px rgba(91, 63, 37, 0.13),\n    0 5px 12px rgba(91, 63, 37, 0.06),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n}\n\n.nivostra-feature-item:hover::before {\n  opacity: 1;\n  transform: translateX(25%);\n}\n\n.nivostra-feature-icon,\n.nivostra-feature-text {\n  position: relative;\n  z-index: 2;\n}\n\n.nivostra-feature-icon {\n  flex: 0 0 88px;\n  width: 88px;\n  height: 88px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: var(--nivostra-accent);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 1),\n      rgba(255, 249, 243, 0.95)\n    );\n\n  border: 1px solid rgba(204, 154, 102, 0.72);\n  border-radius: 12px;\n\n  box-shadow:\n    0 8px 18px rgba(204, 154, 102, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  transition:\n    transform 0.35s ease,\n    color 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-feature-icon svg {\n  width: 43px;\n  height: 43px;\n\n  fill: currentColor;\n\n  filter:\n    drop-shadow(0 4px 5px rgba(204, 154, 102, 0.16));\n}\n\n.nivostra-feature-text {\n  min-width: 0;\n}\n\n.nivostra-feature-text h3 {\n  margin: 0 0 12px;\n\n  color: var(--nivostra-title);\n\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: 0.15px;\n}\n\n.nivostra-feature-text p {\n  margin: 0;\n\n  max-width: 310px;\n\n  color: var(--nivostra-text);\n\n  font-size: 17px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n.nivostra-feature-item:hover .nivostra-feature-icon {\n  transform: translateY(-3px);\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d5a875,\n      var(--nivostra-accent)\n    );\n\n  box-shadow:\n    0 12px 24px rgba(204, 154, 102, 0.26);\n}\n\n.nivostra-feature-item:hover .nivostra-feature-text h3 {\n  color: var(--nivostra-accent-dark);\n}\n\n@media (max-width: 1300px) {\n  .nivostra-feature-strip {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n    padding: 42px 40px;\n  }\n\n  .nivostra-feature-item {\n    min-height: 160px;\n  }\n\n  .feature-service-orbit-two {\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 800px) {\n  .nivostra-feature-strip {\n    grid-template-columns: 1fr;\n    padding: 30px 22px;\n  }\n\n  .nivostra-feature-item {\n    min-height: auto;\n    padding: 28px 26px;\n  }\n}\n\n@media (max-width: 640px) {\n  .nivostra-feature-strip {\n    gap: 14px;\n    padding: 24px 15px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #fffdfa,\n        #faf6f1\n      );\n  }\n\n  .feature-service-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 28px;\n    opacity: 0.50;\n  }\n\n  .feature-service-orbit-two,\n  .nivostra-feature-service-route-line,\n  .feature-service-sparkle-two,\n  .nivostra-feature-service-plus,\n  .feature-service-dot-three {\n    display: none;\n  }\n\n  .nivostra-feature-item {\n    gap: 18px;\n    padding: 23px 18px;\n    border-radius: 14px;\n  }\n\n  .nivostra-feature-item:hover {\n    transform: none;\n  }\n\n  .nivostra-feature-icon {\n    flex-basis: 61px;\n    width: 61px;\n    height: 61px;\n    border-radius: 10px;\n  }\n\n  .nivostra-feature-icon svg {\n    width: 32px;\n    height: 32px;\n  }\n\n  .nivostra-feature-text h3 {\n    margin-bottom: 7px;\n    font-size: 16px;\n  }\n\n  .nivostra-feature-text p {\n    font-size: 14px;\n    line-height: 1.48;\n  }\n}\n\n@media (max-width: 390px) {\n  .nivostra-feature-item {\n    align-items: flex-start;\n    gap: 14px;\n    padding: 20px 15px;\n  }\n\n  .nivostra-feature-icon {\n    flex-basis: 54px;\n    width: 54px;\n    height: 54px;\n  }\n\n  .nivostra-feature-icon svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  .nivostra-feature-text h3 {\n    font-size: 15px;\n  }\n\n  .nivostra-feature-text p {\n    font-size: 13px;\n  }\n}\n\n\/* AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-feature-strip .feature-service-orbit-one {\n  animation: nivostraFeatureServiceRotate 24s linear infinite !important;\n}\n\n.nivostra-feature-strip .feature-service-orbit-two {\n  animation: nivostraFeatureServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-feature-strip .nivostra-feature-service-route-line {\n  animation: nivostraFeatureServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-feature-strip .nivostra-feature-service-sparkle,\n.nivostra-feature-strip .nivostra-feature-service-plus {\n  animation: nivostraFeatureServiceSparkle 4.8s ease-in-out infinite !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c2aa435 e-con e-atomic-element e-flexbox-base e-1405811 \" data-id=\"c2aa435\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c2aa435\">\n    \t\t<div class=\"elementor-element elementor-element-2b38e9b elementor-widget elementor-widget-html\" data-id=\"2b38e9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-services-section\">\n\n  <div class=\"nivostra-services-orbit nivostra-orbit-one\"><\/div>\n  <div class=\"nivostra-services-orbit nivostra-orbit-two\"><\/div>\n  <div class=\"nivostra-services-route-line\"><\/div>\n  <div class=\"nivostra-services-sparkle nivostra-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-services-sparkle nivostra-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-services-plus\">+<\/div>\n  <div class=\"nivostra-services-dot nivostra-dot-one\"><\/div>\n  <div class=\"nivostra-services-dot nivostra-dot-two\"><\/div>\n  <div class=\"nivostra-services-dot nivostra-dot-three\"><\/div>\n\n  <div class=\"nivostra-services-inner\">\n\n    <div class=\"nivostra-services-head\">\n      <span>H\u0130ZMETLER\u0130M\u0130Z<\/span>\n\n      <h2>\n        <span>Fikirden Ger\u00e7e\u011fe,<\/span>\n        <span>Her Ad\u0131mda Yan\u0131n\u0131zday\u0131z.<\/span>\n      <\/h2>\n\n      <p>\n        Ya\u015fam alanlar\u0131n\u0131z\u0131 estetik, i\u015flev ve uygulama kalitesiyle\n        yeniden \u015fekillendiriyoruz.\n      <\/p>\n    <\/div>\n\n    <div class=\"nivostra-services-grid\">\n\n      <a\n        href=\"https:\/\/nivostra.com\/mimari-projelendirme\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-service-card\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/mimari-tasarim.jpg\"\n          alt=\"Mimari Projelendirme\"\n        >\n\n        <div class=\"nivostra-service-overlay\"><\/div>\n\n        <div class=\"nivostra-service-content\">\n          <h3>M\u0130MAR\u0130 PROJELEND\u0130RME<\/h3>\n\n          <p>\n            Yap\u0131n\u0131za \u00f6zel estetik, i\u015flevsel ve uygulanabilir mimari\n            \u00e7\u00f6z\u00fcmler sunuyoruz.\n          <\/p>\n\n          <span>\n            DETAYLAR\n            <em>\u2192<\/em>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/ic-mimari-tasarim\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-service-card\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ic-mimari-hizmeti-gorsel.jpg\"\n          alt=\"\u0130\u00e7 Mimari Tasar\u0131m\"\n        >\n\n        <div class=\"nivostra-service-overlay\"><\/div>\n\n        <div class=\"nivostra-service-content\">\n          <h3>\u0130\u00c7 M\u0130MAR\u0130 TASARIM<\/h3>\n\n          <p>\n            \u0130\u00e7 mekanlar\u0131 konfor, \u015f\u0131kl\u0131k ve i\u015flevsellikle bulu\u015fturan\n            \u00f6zg\u00fcn tasar\u0131mlar \u00fcretiyoruz.\n          <\/p>\n\n          <span>\n            DETAYLAR\n            <em>\u2192<\/em>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/anahtar-teslim-tadilat\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-service-card\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/hizmetler-anahtar-teslim.jpg\"\n          alt=\"Anahtar Teslim Tadilat\"\n        >\n\n        <div class=\"nivostra-service-overlay\"><\/div>\n\n        <div class=\"nivostra-service-content\">\n          <h3>ANAHTAR TESL\u0130M TAD\u0130LAT<\/h3>\n\n          <p>\n            Planlamadan uygulamaya kadar t\u00fcm s\u00fcreci tek elden\n            profesyonel \u015fekilde y\u00f6netiyoruz.\n          <\/p>\n\n          <span>\n            DETAYLAR\n            <em>\u2192<\/em>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/ev-tadilati-2\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-service-card\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ev-tadilati.jpg\"\n          alt=\"Ev Tadilat\u0131\"\n        >\n\n        <div class=\"nivostra-service-overlay\"><\/div>\n\n        <div class=\"nivostra-service-content\">\n          <h3>EV TAD\u0130LATI<\/h3>\n\n          <p>\n            Ya\u015fam alanlar\u0131n\u0131z\u0131 daha modern, kullan\u0131\u015fl\u0131 ve estetik\n            hale getiren \u00e7\u00f6z\u00fcmler sunuyoruz.\n          <\/p>\n\n          <span>\n            DETAYLAR\n            <em>\u2192<\/em>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/ofis-tadilati\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-service-card\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ofis-tadilati-gorseli.jpg\"\n          alt=\"Ofis Tadilat\u0131\"\n        >\n\n        <div class=\"nivostra-service-overlay\"><\/div>\n\n        <div class=\"nivostra-service-content\">\n          <h3>OF\u0130S TAD\u0130LATI<\/h3>\n\n          <p>\n            Kurumsal kimli\u011finize uygun, verimli ve prestijli\n            \u00e7al\u0131\u015fma alanlar\u0131 tasarl\u0131yoruz.\n          <\/p>\n\n          <span>\n            DETAYLAR\n            <em>\u2192<\/em>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/ticari-alan-tasarim\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-service-card\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ticari-alan-tasarimi-gorseli.jpg\"\n          alt=\"Ticari Alan Tasar\u0131m\u0131\"\n        >\n\n        <div class=\"nivostra-service-overlay\"><\/div>\n\n        <div class=\"nivostra-service-content\">\n          <h3>T\u0130CAR\u0130 ALAN TASARIMI<\/h3>\n\n          <p>\n            Marka kimli\u011finizi g\u00fc\u00e7lendiren etkileyici ve fonksiyonel\n            ticari mekanlar olu\u015fturuyoruz.\n          <\/p>\n\n          <span>\n            DETAYLAR\n            <em>\u2192<\/em>\n          <\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #f8f2eb;\n  --nivostra-bg-soft: #efe3d7;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-light: #e4bd95;\n\n  --nivostra-white: #ffffff;\n  --nivostra-dark: #241d18;\n\n  --nivostra-muted: rgba(255, 255, 255, 0.84);\n  --nivostra-border: rgba(204, 154, 102, 0.38);\n}\n\n\/* GENEL ALAN *\/\n.nivostra-services-section {\n  position: relative;\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(212, 178, 133, 0.18),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(164, 136, 113, 0.16),\n      transparent 38%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #fbf8f3 48%,\n      #ffffff 100%\n    );\n\n  overflow: hidden;\n\n  font-family: \"Times New Roman\", Times, serif;\n}\n\n.nivostra-services-section *,\n.nivostra-services-section *::before,\n.nivostra-services-section *::after {\n  box-sizing: border-box;\n  font-family: \"Times New Roman\", Times, serif;\n}\n\n\/* ARKA PLAN \u0130\u00c7 \u00c7ER\u00c7EVES\u0130 *\/\n.nivostra-services-section::before {\n  content: \"\";\n  position: absolute;\n  inset: 22px;\n\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  border-radius: 34px;\n\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* SA\u011e \u00dcST YUMU\u015eAK I\u015eIK *\/\n.nivostra-services-section::after {\n  content: \"\";\n  position: absolute;\n\n  width: 430px;\n  height: 430px;\n  right: -165px;\n  top: -170px;\n\n  background: radial-gradient(\n    circle,\n    rgba(212, 178, 133, 0.22),\n    transparent 66%\n  );\n\n  filter: blur(9px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* HAREKETL\u0130 ARKA PLAN DEKORLARI *\/\n.nivostra-services-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.nivostra-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 165px;\n  animation: nivostraServicesRotate 24s linear infinite;\n}\n\n.nivostra-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: 85px;\n  animation: nivostraServicesRotateReverse 18s linear infinite;\n}\n\n.nivostra-services-orbit::before,\n.nivostra-services-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow: 0 0 22px rgba(164, 136, 113, 0.48);\n}\n\n.nivostra-services-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-services-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-services-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: 110px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraServicesFloat 6s ease-in-out infinite;\n}\n\n.nivostra-services-route-line::before,\n.nivostra-services-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-services-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-services-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-services-sparkle,\n.nivostra-services-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraServicesSparkle 4.8s ease-in-out infinite;\n}\n\n.nivostra-sparkle-one {\n  top: 135px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.nivostra-sparkle-two {\n  bottom: 190px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s;\n}\n\n.nivostra-services-plus {\n  top: 170px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s;\n}\n\n.nivostra-services-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.nivostra-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 128px;\n  left: 30%;\n}\n\n.nivostra-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 125px;\n  right: 30%;\n}\n\n.nivostra-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraServicesRotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes nivostraServicesRotateReverse {\n  from { transform: rotate(360deg); }\n  to { transform: rotate(0deg); }\n}\n\n@keyframes nivostraServicesFloat {\n  0%, 100% { transform: translateY(0) rotate(-8deg); }\n  50% { transform: translateY(-12px) rotate(-4deg); }\n}\n\n@keyframes nivostraServicesSparkle {\n  0%, 100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-services-inner {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n  padding: 72px 0 84px;\n}\n\n\/* BA\u015eLIK ALANI *\/\n.nivostra-services-head {\n  width: 100%;\n  max-width: 1060px;\n\n  margin: 0 auto 44px;\n\n  text-align: center;\n}\n\n.nivostra-services-head > span {\n  position: relative;\n  display: inline-block;\n\n  margin: 0 0 16px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 3px;\n}\n\n.nivostra-services-head > span::before,\n.nivostra-services-head > span::after {\n  content: \"\";\n  position: absolute;\n\n  top: 50%;\n\n  width: 54px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.78)\n    );\n}\n\n.nivostra-services-head > span::before {\n  right: calc(100% + 18px);\n}\n\n.nivostra-services-head > span::after {\n  left: calc(100% + 18px);\n  transform: rotate(180deg);\n}\n\n.nivostra-services-head h2 {\n  max-width: 1100px;\n  margin: 0 auto;\n\n  color: #251f1a;\n\n  font-size: clamp(38px, 3.5vw, 64px);\n  line-height: 1.18;\n  font-weight: 400;\n  letter-spacing: 0.2px;\n\n  text-align: center;\n}\n\n.nivostra-services-head h2 span {\n  display: block;\n  white-space: nowrap;\n}\n\n.nivostra-services-head p {\n  max-width: 660px;\n\n  margin: 18px auto 0;\n\n  color: #70665e;\n\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n\/* KART IZGARASI *\/\n.nivostra-services-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 24px;\n}\n\n\/* KART *\/\n.nivostra-service-card {\n  position: relative;\n  display: block;\n\n  min-height: 335px;\n\n  border: 1px solid rgba(204, 154, 102, 0.48);\n\n  overflow: hidden;\n  text-decoration: none;\n\n  background: #3c3027;\n\n  box-shadow:\n    0 18px 42px rgba(86, 58, 35, 0.16),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.06);\n\n  transition:\n    transform 0.45s ease,\n    box-shadow 0.45s ease,\n    border-color 0.45s ease;\n}\n\n\/* KART \u0130\u00c7 \u00c7ER\u00c7EVES\u0130 *\/\n.nivostra-service-card::before {\n  content: \"\";\n  position: absolute;\n\n  inset: 14px;\n\n  z-index: 3;\n\n  border: 1px solid rgba(255, 255, 255, 0.17);\n\n  pointer-events: none;\n\n  opacity: 0.82;\n\n  transition:\n    border-color 0.45s ease,\n    inset 0.45s ease,\n    opacity 0.45s ease;\n}\n\n\/* \u00dcST BRONZ I\u015eIK *\/\n.nivostra-service-card::after {\n  content: \"\";\n  position: absolute;\n\n  top: 0;\n  left: 18px;\n  right: 18px;\n\n  z-index: 4;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(228, 189, 149, 0.9),\n      transparent\n    );\n\n  opacity: 0.92;\n}\n\n\/* KART G\u00d6RSEL\u0130 *\/\n.nivostra-service-card img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n  min-height: 335px;\n\n  object-fit: cover;\n\n  transform: scale(1.01);\n\n  filter:\n    saturate(0.94)\n    brightness(0.99)\n    contrast(1.03)\n    sepia(0.04);\n\n  transition:\n    transform 1.15s ease,\n    filter 1.15s ease;\n}\n\n\/* SICAK TONLU OVERLAY *\/\n.nivostra-service-overlay {\n  position: absolute;\n  inset: 0;\n\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(44, 34, 27, 0.02) 0%,\n      rgba(52, 39, 30, 0.15) 38%,\n      rgba(39, 28, 20, 0.82) 100%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(96, 67, 43, 0.20) 0%,\n      rgba(255, 255, 255, 0.01) 45%,\n      rgba(75, 51, 33, 0.13) 100%\n    ),\n    radial-gradient(\n      circle at 20% 84%,\n      rgba(204, 154, 102, 0.31),\n      transparent 36%\n    );\n\n  transition:\n    background 0.45s ease,\n    opacity 0.45s ease;\n}\n\n\/* KART YAZI ALANI *\/\n.nivostra-service-content {\n  position: absolute;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  z-index: 4;\n\n  padding: 34px;\n\n  transform: translateY(4px);\n\n  transition:\n    transform 0.45s ease;\n}\n\n.nivostra-service-content h3 {\n  position: relative;\n\n  margin: 0 0 13px;\n  padding-top: 16px;\n\n  color: #ffffff;\n\n  font-size: 28px;\n  line-height: 1.16;\n  font-weight: 400;\n  letter-spacing: 0.2px;\n\n  text-shadow:\n    0 2px 12px rgba(30, 20, 14, 0.48);\n}\n\n.nivostra-service-content h3::before {\n  content: \"\";\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 42px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nivostra-gold-light),\n      transparent\n    );\n}\n\n.nivostra-service-content p {\n  margin: 0 0 18px;\n\n  color: rgba(255, 255, 255, 0.84);\n\n  font-size: 15.5px;\n  line-height: 1.68;\n\n  text-shadow:\n    0 2px 10px rgba(24, 17, 12, 0.45);\n}\n\n.nivostra-service-content span {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  color: #efc79d;\n\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: 1px;\n\n  text-shadow:\n    0 2px 8px rgba(25, 17, 11, 0.45);\n}\n\n.nivostra-service-content span em {\n  font-style: normal;\n\n  transition:\n    transform 0.35s ease;\n}\n\n\/* HOVER *\/\n.nivostra-service-card:hover {\n  transform: translateY(-8px);\n\n  border-color: rgba(204, 154, 102, 0.88);\n\n  box-shadow:\n    0 28px 65px rgba(92, 62, 37, 0.24),\n    0 0 28px rgba(204, 154, 102, 0.14);\n}\n\n.nivostra-service-card:hover::before {\n  inset: 11px;\n\n  opacity: 1;\n\n  border-color:\n    rgba(239, 200, 158, 0.48);\n}\n\n.nivostra-service-card:hover img {\n  transform: scale(1.075);\n\n  filter:\n    saturate(1)\n    brightness(1.06)\n    contrast(1.03)\n    sepia(0);\n}\n\n.nivostra-service-card:hover .nivostra-service-overlay {\n  background:\n    linear-gradient(\n      180deg,\n      rgba(44, 34, 27, 0.01) 0%,\n      rgba(52, 39, 30, 0.10) 38%,\n      rgba(39, 28, 20, 0.75) 100%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(96, 67, 43, 0.14) 0%,\n      rgba(255, 255, 255, 0.01) 45%,\n      rgba(75, 51, 33, 0.08) 100%\n    ),\n    radial-gradient(\n      circle at 20% 84%,\n      rgba(204, 154, 102, 0.40),\n      transparent 38%\n    );\n}\n\n.nivostra-service-card:hover .nivostra-service-content {\n  transform: translateY(0);\n}\n\n.nivostra-service-card:hover .nivostra-service-content span em {\n  transform: translateX(6px);\n}\n\n\/* TABLET *\/\n@media (max-width: 1100px) {\n  .nivostra-orbit-two {\n    opacity: 0.45;\n  }\n\n  .nivostra-services-inner {\n    width: calc(100% - 60px);\n\n    padding: 60px 0 70px;\n  }\n\n  .nivostra-services-head h2 {\n    font-size: clamp(34px, 4vw, 50px);\n  }\n\n  .nivostra-services-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* MOB\u0130L *\/\n@media (max-width: 680px) {\n  .nivostra-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 210px;\n    opacity: 0.55;\n  }\n\n  .nivostra-orbit-two,\n  .nivostra-services-route-line,\n  .nivostra-sparkle-two,\n  .nivostra-services-plus,\n  .nivostra-dot-three {\n    display: none;\n  }\n\n  .nivostra-services-section::before {\n    inset: 12px;\n    border-radius: 26px;\n  }\n\n  .nivostra-services-inner {\n    width: calc(100% - 36px);\n\n    padding: 48px 0 56px;\n  }\n\n  .nivostra-services-head {\n    margin-bottom: 30px;\n  }\n\n  .nivostra-services-head > span {\n    font-size: 13px;\n    letter-spacing: 2.2px;\n  }\n\n  .nivostra-services-head > span::before,\n  .nivostra-services-head > span::after {\n    width: 34px;\n  }\n\n  .nivostra-services-head h2 {\n    font-size: 34px;\n    line-height: 1.22;\n  }\n\n  .nivostra-services-head h2 span {\n    white-space: normal;\n  }\n\n  .nivostra-services-head p {\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .nivostra-services-grid {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n  .nivostra-service-card,\n  .nivostra-service-card img {\n    min-height: 280px;\n  }\n\n  .nivostra-service-card:hover {\n    transform: none;\n  }\n\n  .nivostra-service-content {\n    padding: 28px 24px 26px;\n  }\n\n  .nivostra-service-content h3 {\n    font-size: 24px;\n  }\n\n  .nivostra-service-content p {\n    font-size: 14.5px;\n    line-height: 1.6;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f081912 e-con e-atomic-element e-flexbox-base e-bfc325b \" data-id=\"f081912\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f081912\">\n    \t\t<div class=\"elementor-element elementor-element-773fe57 elementor-widget elementor-widget-html\" data-id=\"773fe57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-why-section\">\n\n  <div class=\"nivostra-why-bg-orbit why-orbit-one\"><\/div>\n  <div class=\"nivostra-why-bg-orbit why-orbit-two\"><\/div>\n  <div class=\"nivostra-why-route-line\"><\/div>\n  <div class=\"nivostra-why-sparkle why-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-why-sparkle why-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-why-plus why-plus-one\">+<\/div>\n  <div class=\"nivostra-why-dot why-dot-one\"><\/div>\n  <div class=\"nivostra-why-dot why-dot-two\"><\/div>\n  <div class=\"nivostra-why-dot why-dot-three\"><\/div>\n\n  <div class=\"nivostra-why-inner\">\n\n    <div class=\"nivostra-why-content\">\n\n      <span class=\"nivostra-why-small nivostra-why-anim anim-1\">\n        NEDEN N\u0130VOSTRA?\n      <\/span>\n\n      <h2 class=\"nivostra-why-anim anim-2\">\n        Her Detay\u0131<br>\n        Ba\u015ftan D\u00fc\u015f\u00fcn\u00fcr\u00fcz.\n      <\/h2>\n\n      <p class=\"nivostra-why-anim anim-3\">\n        Nivostra\u2019da tasar\u0131m yaln\u0131zca g\u00fczel g\u00f6r\u00fcnen mekanlar \u00fcretmek de\u011fildir.\n        Her proje; ya\u015fam al\u0131\u015fkanl\u0131klar\u0131, malzeme se\u00e7imi, uygulama disiplini ve\n        uzun vadeli kullan\u0131m konforu d\u00fc\u015f\u00fcn\u00fclerek ele al\u0131n\u0131r.\n      <\/p>\n\n      <div class=\"nivostra-why-cards\">\n\n        <div class=\"nivostra-why-card nivostra-why-anim anim-4\">\n\n          <div class=\"nivostra-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 20L20 4\" \/>\n              <path d=\"M14 4H20V10\" \/>\n              <path d=\"M4 20H10\" \/>\n              <path d=\"M4 14V20\" \/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Mekana \u00d6zel Strateji<\/h3>\n\n            <p>\n              Her alan\u0131 \u00f6l\u00e7\u00fcs\u00fc, \u0131\u015f\u0131\u011f\u0131, kullan\u0131m \u015fekli ve hedeflenen ya\u015fam\n              hissiyle birlikte tasarlar\u0131z.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"nivostra-why-card nivostra-why-anim anim-5\">\n\n          <div class=\"nivostra-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L21 8L12 13L3 8L12 3Z\" \/>\n              <path d=\"M21 12L12 17L3 12\" \/>\n              <path d=\"M21 16L12 21L3 16\" \/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Malzeme &amp; Detay Kontrol\u00fc<\/h3>\n\n            <p>\n              G\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fc bozmayan, uzun \u00f6m\u00fcrl\u00fc ve kaliteli uygulama\n              detaylar\u0131na odaklan\u0131r\u0131z.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"nivostra-why-card nivostra-why-anim anim-6\">\n\n          <div class=\"nivostra-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 6H10V10H6V6Z\" \/>\n              <path d=\"M14 6H18V10H14V6Z\" \/>\n              <path d=\"M10 8H14\" \/>\n              <path d=\"M12 10V15\" \/>\n              <path d=\"M8 15H16V19H8V15Z\" \/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Tek Muhatapl\u0131 S\u00fcre\u00e7<\/h3>\n\n            <p>\n              Tasar\u0131mdan uygulamaya kadar t\u00fcm s\u00fcreci planl\u0131, \u015feffaf ve\n              y\u00f6netilebilir hale getiririz.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"nivostra-why-card nivostra-why-anim anim-7\">\n\n          <div class=\"nivostra-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L19 6V11C19 15.8 16.1 19.8 12 21C7.9 19.8 5 15.8 5 11V6L12 3Z\" \/>\n              <path d=\"M9 12L11 14L15.5 9.5\" \/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>Teslim Sonras\u0131 G\u00fcven<\/h3>\n\n            <p>\n              Proje bitiminde de arkan\u0131zda duran, kal\u0131c\u0131 ve g\u00fcven veren\n              \u00e7\u00f6z\u00fcmler sunar\u0131z.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <a\n        href=\"https:\/\/nivostra.com\/hakkimizda\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"nivostra-why-btn nivostra-why-anim anim-8\"\n      >\n        HAKKIMIZDA\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"nivostra-why-image-wrap nivostra-why-anim anim-9\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/neden-nivo.jpg\"\n        alt=\"Nivostra i\u00e7 mimari ya\u015fam alan\u0131\"\n      >\n\n      <div class=\"nivostra-image-badge\">\n        <span>DETAY ODAKLI<\/span>\n        <strong>Tasar\u0131m &amp; Uygulama<\/strong>\n      <\/div>\n\n      <div class=\"nivostra-corner top-left\"><\/div>\n      <div class=\"nivostra-corner top-right\"><\/div>\n      <div class=\"nivostra-corner bottom-left\"><\/div>\n      <div class=\"nivostra-corner bottom-right\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f3e9df;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-soft: #b98552;\n  --nivostra-gold-light: #e5c19d;\n\n  --nivostra-white: #ffffff;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6e645c;\n  --nivostra-text-soft: #847970;\n\n  --nivostra-border: rgba(204, 154, 102, 0.38);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.20);\n}\n\n\/* ANA B\u00d6L\u00dcM *\/\n.nivostra-why-section {\n  position: relative;\n  width: 100%;\n\n  padding: 0;\n\n  background:\n    radial-gradient(circle at top left, rgba(212, 178, 133, 0.18), transparent 34%),\n    radial-gradient(circle at bottom right, rgba(164, 136, 113, 0.16), transparent 38%),\n    linear-gradient(135deg, #ffffff 0%, #fbf8f3 48%, #ffffff 100%);\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  color: var(--nivostra-title);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n  overflow: hidden;\n}\n\n\n\/* SA\u011e \u00dcST YUMU\u015eAK I\u015eIK *\/\n.nivostra-why-section > .nivostra-why-inner::after {\n  content: \"\";\n  position: absolute;\n  width: 430px;\n  height: 430px;\n  right: -190px;\n  top: -210px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(212, 178, 133, 0.22), transparent 66%);\n  filter: blur(9px);\n  pointer-events: none;\n  z-index: -2;\n}\n\n\/* D\u00d6NEN ORB\u0130TLER *\/\n.nivostra-why-bg-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.25);\n  pointer-events: none;\n  z-index: 0;\n  transform-origin: 50% 50%;\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n.why-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 150px;\n  animation: nivostraWhyOrbitRotate 13s linear infinite;\n}\n\n.why-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 5%;\n  bottom: 65px;\n  animation: nivostraWhyOrbitReverse 9s linear infinite;\n}\n\n.nivostra-why-bg-orbit::before,\n.nivostra-why-bg-orbit::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n}\n\n\/* D\u00d6N\u00dc\u015e\u00dc BEL\u0130RG\u0130NLE\u015eT\u0130REN YARIM YAY *\/\n.nivostra-why-bg-orbit::before {\n  inset: -2px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  border-top-color: rgba(164, 136, 113, 0.66);\n  border-right-color: rgba(212, 178, 133, 0.24);\n  filter: drop-shadow(0 0 7px rgba(164, 136, 113, 0.20));\n}\n\n\/* Y\u00d6R\u00dcNGE \u00dcZER\u0130NDEK\u0130 I\u015eIKLI NOKTA *\/\n.nivostra-why-bg-orbit::after {\n  width: 11px;\n  height: 11px;\n  top: 12%;\n  left: 17%;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow:\n    0 0 12px rgba(164, 136, 113, 0.72),\n    0 0 28px rgba(212, 178, 133, 0.40);\n  animation: nivostraWhyOrbitBead 2.8s ease-in-out infinite;\n}\n\n\/* HAREKETL\u0130 KES\u0130K ROTA *\/\n.nivostra-why-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 7%;\n  bottom: 95px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraWhyRouteFloat 6s ease-in-out infinite;\n}\n\n.nivostra-why-route-line::before,\n.nivostra-why-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-why-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-why-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n\/* PARILTILAR VE NOKTALAR *\/\n.nivostra-why-sparkle,\n.nivostra-why-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraWhySparkle 4.8s ease-in-out infinite;\n}\n\n.why-sparkle-one {\n  top: 110px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.why-sparkle-two {\n  bottom: 145px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s;\n}\n\n.why-plus-one {\n  top: 145px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s;\n}\n\n.nivostra-why-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.why-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 108px;\n  left: 30%;\n}\n\n.why-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 105px;\n  right: 30%;\n}\n\n.why-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 4%;\n}\n\n@keyframes nivostraWhyOrbitBead {\n  0%, 100% {\n    opacity: 0.45;\n    transform: scale(0.78);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.35);\n  }\n}\n\n@keyframes nivostraWhyOrbitRotate {\n  0% {\n    transform: rotate(0deg) scale(1);\n  }\n  50% {\n    transform: rotate(180deg) scale(1.015);\n  }\n  100% {\n    transform: rotate(360deg) scale(1);\n  }\n}\n\n@keyframes nivostraWhyOrbitReverse {\n  0% {\n    transform: rotate(360deg) scale(1);\n  }\n  50% {\n    transform: rotate(180deg) scale(0.985);\n  }\n  100% {\n    transform: rotate(0deg) scale(1);\n  }\n}\n\n@keyframes nivostraWhyRouteFloat {\n  0%, 100% { transform: translateY(0) rotate(-8deg); }\n  50% { transform: translateY(-12px) rotate(-4deg); }\n}\n\n@keyframes nivostraWhySparkle {\n  0%, 100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-why-section *,\n.nivostra-why-section *::before,\n.nivostra-why-section *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\/* HAF\u0130F ARKA PLAN DOKUSU *\/\n.nivostra-why-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.025) 1px,\n      transparent 1px\n    );\n\n  background-size: 80px 80px;\n\n  opacity: 0.58;\n\n  pointer-events: none;\n}\n\n\/* \u00dcST ORTA DEKORAT\u0130F \u00c7\u0130ZG\u0130 *\/\n.nivostra-why-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  top: 68px;\n\n  width: min(\n    1180px,\n    calc(100% - 120px)\n  );\n\n  height: 1px;\n\n  transform: translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.15),\n      rgba(204, 154, 102, 0.72),\n      rgba(204, 154, 102, 0.15),\n      transparent\n    );\n\n  box-shadow:\n    0 0 16px rgba(204, 154, 102, 0.12);\n\n  pointer-events: none;\n}\n\n\/* \u0130\u00c7 YERLE\u015e\u0130M *\/\n.nivostra-why-inner {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n  min-height: 560px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1.04fr\n    1.38fr;\n\n  align-items: center;\n\n  gap: 72px;\n\n  padding: 76px 0;\n}\n\n\/* SOL \u0130\u00c7ER\u0130K *\/\n.nivostra-why-content {\n  max-width: 610px;\n}\n\n\/* K\u00dc\u00c7\u00dcK BA\u015eLIK *\/\n.nivostra-why-small {\n  position: relative;\n  display: inline-block;\n\n  margin-bottom: 16px;\n\n  padding-left: 58px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n}\n\n.nivostra-why-small::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 50%;\n\n  width: 42px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nivostra-gold),\n      transparent\n    );\n\n  transform: translateY(-50%);\n}\n\n\/* ANA BA\u015eLIK *\/\n.nivostra-why-content h2 {\n  margin: 0;\n\n  color: var(--nivostra-title);\n\n  font-size: clamp(\n    40px,\n    3.2vw,\n    62px\n  );\n\n  line-height: 1.06;\n  font-weight: 400;\n  letter-spacing: 0.2px;\n}\n\n\/* ANA A\u00c7IKLAMA *\/\n.nivostra-why-content > p {\n  max-width: 560px;\n\n  margin: 28px 0 30px;\n\n  color: var(--nivostra-text);\n\n  font-size: 17px;\n  line-height: 1.72;\n  font-weight: 400;\n}\n\n\/* K\u00dc\u00c7\u00dcK KARTLARIN ALANI *\/\n.nivostra-why-cards {\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  gap: 14px;\n\n  margin: 0 0 32px;\n}\n\n\/* K\u00dc\u00c7\u00dcK KART *\/\n.nivostra-why-card {\n  position: relative;\n\n  display: flex;\n\n  gap: 15px;\n\n  min-height: 148px;\n\n  padding:\n    20px\n    18px\n    18px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.97),\n      rgba(255, 250, 245, 0.92)\n    );\n\n  box-shadow:\n    0 14px 34px rgba(95, 67, 42, 0.08),\n    0 3px 9px rgba(95, 67, 42, 0.035),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n\n  overflow: hidden;\n\n  transition:\n    transform 0.38s ease,\n    border-color 0.38s ease,\n    background 0.38s ease,\n    box-shadow 0.38s ease;\n}\n\n\/* KART \u00dcST \u00c7\u0130ZG\u0130S\u0130 *\/\n.nivostra-why-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 18px;\n  right: 18px;\n  top: 0;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.82),\n      transparent\n    );\n\n  opacity: 0.48;\n}\n\n\/* KART HAF\u0130F I\u015eIK *\/\n.nivostra-why-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: -42px;\n  top: -42px;\n\n  width: 92px;\n  height: 92px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(204, 154, 102, 0.17);\n\n  filter: blur(18px);\n\n  opacity: 0;\n\n  transition:\n    opacity 0.38s ease;\n}\n\n\/* KART HOVER *\/\n.nivostra-why-card:hover {\n  transform: translateY(-6px);\n\n  border-color:\n    rgba(204, 154, 102, 0.88);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fff8f1\n    );\n\n  box-shadow:\n    0 23px 50px rgba(95, 67, 42, 0.14),\n    0 6px 14px rgba(95, 67, 42, 0.055),\n    0 0 25px rgba(204, 154, 102, 0.10);\n}\n\n.nivostra-why-card:hover::after {\n  opacity: 1;\n}\n\n\/* KART \u0130KONU *\/\n.nivostra-card-icon {\n  position: relative;\n  z-index: 2;\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.64);\n\n  color: var(--nivostra-gold);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fff7ef\n    );\n\n  box-shadow:\n    inset 0 0 0 1px rgba(255, 255, 255, 1),\n    0 8px 18px rgba(204, 154, 102, 0.11);\n\n  transition:\n    color 0.35s ease,\n    background 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-card-icon svg {\n  display: block;\n\n  width: 22px;\n  height: 22px;\n\n  fill: none;\n\n  stroke: currentColor;\n  stroke-width: 1.55;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.nivostra-why-card:hover .nivostra-card-icon {\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d8aa78,\n      var(--nivostra-gold)\n    );\n\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 11px 22px rgba(204, 154, 102, 0.25);\n}\n\n\/* KART BA\u015eLI\u011eI *\/\n.nivostra-why-card h3 {\n  position: relative;\n  z-index: 2;\n\n  margin: 0 0 8px;\n\n  color: var(--nivostra-title);\n\n  font-size: 19px;\n  line-height: 1.16;\n  font-weight: 400;\n  letter-spacing: 0.15px;\n}\n\n\/* KART YAZISI *\/\n.nivostra-why-card p {\n  position: relative;\n  z-index: 2;\n\n  margin: 0;\n\n  color: var(--nivostra-text);\n\n  font-size: 14.5px;\n  line-height: 1.52;\n}\n\n\/* HAKKIMIZDA BUTONU *\/\n.nivostra-why-btn {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 18px;\n\n  min-height: 54px;\n\n  padding: 0 32px;\n\n  color: var(--nivostra-gold-dark);\n\n  text-decoration: none;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.82);\n\n  background:\n    rgba(255, 255, 255, 0.64);\n\n  box-shadow:\n    0 10px 25px rgba(95, 67, 42, 0.07);\n\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.7px;\n\n  transition:\n    color 0.35s ease,\n    background 0.35s ease,\n    border-color 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-why-btn:hover {\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #b77f4b,\n      #d2a06d\n    );\n\n  border-color:\n    var(--nivostra-gold);\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 18px 40px rgba(204, 154, 102, 0.26);\n}\n\n.nivostra-why-btn span {\n  transition:\n    transform 0.35s ease;\n}\n\n.nivostra-why-btn:hover span {\n  transform:\n    translateX(6px);\n}\n\n\/* SA\u011e G\u00d6RSEL *\/\n.nivostra-why-image-wrap {\n  position: relative;\n\n  width: 100%;\n  min-height: 470px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.64);\n\n  overflow: hidden;\n\n  background:\n    #e8ddd2;\n\n  box-shadow:\n    0 24px 60px rgba(95, 67, 42, 0.16),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.28);\n}\n\n.nivostra-why-image-wrap img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n  min-height: 470px;\n\n  object-fit: cover;\n\n  filter:\n    saturate(0.95)\n    brightness(1.01)\n    contrast(1.02)\n    sepia(0.03);\n\n  transition:\n    transform 1.1s ease,\n    filter 1.1s ease;\n}\n\n\/* G\u00d6RSEL \u00dcZER\u0130 HAF\u0130F SICAK F\u0130LTRE *\/\n.nivostra-why-image-wrap::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(80, 55, 36, 0.10),\n      transparent 36%\n    ),\n    linear-gradient(\n      180deg,\n      transparent 55%,\n      rgba(70, 45, 29, 0.18)\n    ),\n    radial-gradient(\n      circle at 20% 85%,\n      rgba(204, 154, 102, 0.13),\n      transparent 36%\n    );\n\n  pointer-events: none;\n}\n\n.nivostra-why-image-wrap:hover img {\n  transform:\n    scale(1.035);\n\n  filter:\n    saturate(1)\n    brightness(1.06)\n    contrast(1.02)\n    sepia(0);\n}\n\n\/* G\u00d6RSEL \u00dcZER\u0130NDEK\u0130 ROZET *\/\n.nivostra-image-badge {\n  position: absolute;\n\n  left: 28px;\n  bottom: 28px;\n\n  z-index: 4;\n\n  min-width: 230px;\n\n  padding: 18px 20px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.70);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.92),\n      rgba(255, 248, 241, 0.80)\n    );\n\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n\n  box-shadow:\n    0 17px 40px rgba(74, 49, 31, 0.18),\n    inset 0 1px 0 rgba(255, 255, 255, 0.95);\n}\n\n.nivostra-image-badge span {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.2px;\n}\n\n.nivostra-image-badge strong {\n  display: block;\n\n  color: var(--nivostra-title);\n\n  font-size: 20px;\n  line-height: 1.18;\n  font-weight: 400;\n}\n\n\/* G\u00d6RSEL K\u00d6\u015eE \u00c7\u0130ZG\u0130LER\u0130 *\/\n.nivostra-corner {\n  position: absolute;\n  z-index: 3;\n\n  width: 42px;\n  height: 42px;\n\n  pointer-events: none;\n}\n\n.nivostra-corner::before,\n.nivostra-corner::after {\n  content: \"\";\n\n  position: absolute;\n\n  background:\n    rgba(204, 154, 102, 0.92);\n}\n\n.nivostra-corner::before {\n  width: 100%;\n  height: 1px;\n}\n\n.nivostra-corner::after {\n  width: 1px;\n  height: 100%;\n}\n\n.nivostra-corner.top-left {\n  top: 14px;\n  left: 14px;\n}\n\n.nivostra-corner.top-right {\n  top: 14px;\n  right: 14px;\n}\n\n.nivostra-corner.bottom-left {\n  bottom: 14px;\n  left: 14px;\n}\n\n.nivostra-corner.bottom-right {\n  right: 14px;\n  bottom: 14px;\n}\n\n.nivostra-corner.top-left::before,\n.nivostra-corner.top-left::after {\n  top: 0;\n  left: 0;\n}\n\n.nivostra-corner.top-right::before {\n  top: 0;\n  right: 0;\n}\n\n.nivostra-corner.top-right::after {\n  top: 0;\n  right: 0;\n}\n\n.nivostra-corner.bottom-left::before {\n  bottom: 0;\n  left: 0;\n}\n\n.nivostra-corner.bottom-left::after {\n  bottom: 0;\n  left: 0;\n}\n\n.nivostra-corner.bottom-right::before {\n  right: 0;\n  bottom: 0;\n}\n\n.nivostra-corner.bottom-right::after {\n  right: 0;\n  bottom: 0;\n}\n\n\/* G\u0130R\u0130\u015e AN\u0130MASYONLARI *\/\n.nivostra-why-anim {\n  opacity: 0;\n\n  transform:\n    translateY(28px);\n\n  filter:\n    blur(8px);\n\n  animation:\n    nivostraWhyReveal\n    0.95s\n    cubic-bezier(0.16, 0.84, 0.26, 1)\n    forwards;\n}\n\n.anim-1 {\n  animation-delay: 0.10s;\n}\n\n.anim-2 {\n  animation-delay: 0.22s;\n}\n\n.anim-3 {\n  animation-delay: 0.36s;\n}\n\n.anim-4 {\n  animation-delay: 0.50s;\n}\n\n.anim-5 {\n  animation-delay: 0.62s;\n}\n\n.anim-6 {\n  animation-delay: 0.74s;\n}\n\n.anim-7 {\n  animation-delay: 0.86s;\n}\n\n.anim-8 {\n  animation-delay: 1s;\n}\n\n.anim-9 {\n  animation-delay: 0.42s;\n}\n\n@keyframes nivostraWhyReveal {\n  0% {\n    opacity: 0;\n\n    transform:\n      translateY(28px);\n\n    filter:\n      blur(8px);\n  }\n\n  60% {\n    opacity: 1;\n\n    transform:\n      translateY(-4px);\n\n    filter:\n      blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* BA\u015eLIK NEFES EFEKT\u0130 *\/\n.nivostra-why-content h2 {\n  animation-name:\n    nivostraWhyTitleBreath,\n    nivostraWhyReveal;\n\n  animation-duration:\n    4.8s,\n    0.95s;\n\n  animation-delay:\n    1.4s,\n    0.22s;\n\n  animation-timing-function:\n    ease-in-out,\n    cubic-bezier(0.16, 0.84, 0.26, 1);\n\n  animation-iteration-count:\n    infinite,\n    1;\n\n  animation-fill-mode:\n    none,\n    forwards;\n}\n\n@keyframes nivostraWhyTitleBreath {\n  0%,\n  100% {\n    transform:\n      translateY(0);\n\n    text-shadow:\n      0 0 0 rgba(204, 154, 102, 0);\n  }\n\n  50% {\n    transform:\n      translateY(-5px);\n\n    text-shadow:\n      0 0 22px rgba(204, 154, 102, 0.15);\n  }\n}\n\n\/* TABLET *\/\n@media (max-width: 1100px) {\n  .nivostra-why-inner {\n    width: calc(100% - 60px);\n\n    grid-template-columns: 1fr;\n\n    gap: 44px;\n\n    padding: 64px 0;\n  }\n\n  .nivostra-why-content {\n    max-width: 760px;\n  }\n\n  .nivostra-why-image-wrap,\n  .nivostra-why-image-wrap img {\n    min-height: 390px;\n  }\n}\n\n\/* MOB\u0130L *\/\n@media (max-width: 640px) {\n  .nivostra-why-section::after {\n    top: 46px;\n\n    width: calc(100% - 36px);\n  }\n\n  .nivostra-why-inner {\n    width: calc(100% - 36px);\n\n    padding: 50px 0;\n\n    gap: 34px;\n  }\n\n  .nivostra-why-content {\n    max-width: 100%;\n\n    text-align: center;\n  }\n\n  .nivostra-why-small {\n    display: inline-block;\n\n    margin-right: auto;\n    margin-bottom: 12px;\n    margin-left: auto;\n\n    padding-left: 0;\n\n    font-size: 13px;\n\n    text-align: center;\n  }\n\n  .nivostra-why-small::before {\n    display: none;\n  }\n\n  .nivostra-why-content h2 {\n    font-size: 34px;\n    line-height: 1.12;\n\n    text-align: center;\n  }\n\n  .nivostra-why-content > p {\n    max-width: 100%;\n\n    margin: 22px auto 24px;\n\n    font-size: 15px;\n    line-height: 1.65;\n\n    text-align: center;\n  }\n\n  .nivostra-why-cards {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n\n    margin-bottom: 26px;\n  }\n\n  .nivostra-why-card {\n    min-height: auto;\n\n    padding: 18px 16px;\n\n    text-align: left;\n  }\n\n  .nivostra-why-card:hover {\n    transform: none;\n  }\n\n  .nivostra-why-card h3 {\n    font-size: 18px;\n  }\n\n  .nivostra-why-card p {\n    font-size: 14px;\n  }\n\n  .nivostra-why-btn {\n    width: 100%;\n\n    min-height: 52px;\n  }\n\n  .nivostra-why-image-wrap,\n  .nivostra-why-image-wrap img {\n    min-height: 315px;\n  }\n\n  .nivostra-image-badge {\n    right: 18px;\n    bottom: 18px;\n    left: 18px;\n\n    min-width: 0;\n\n    padding: 16px 18px;\n  }\n\n  .nivostra-image-badge strong {\n    font-size: 18px;\n  }\n\n  .nivostra-corner {\n    width: 30px;\n    height: 30px;\n  }\n}\n\n\n@media (max-width: 1100px) {\n\n  .why-orbit-two {\n    opacity: .48;\n  }\n}\n\n@media (max-width: 640px) {\n\n  .why-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -165px;\n    top: 210px;\n    opacity: .52;\n  }\n\n  .why-orbit-two,\n  .nivostra-why-route-line,\n  .why-sparkle-two,\n  .why-plus-one,\n  .why-dot-three {\n    display: none;\n  }\n\n  .why-sparkle-one {\n    top: 82px;\n    left: 12%;\n    font-size: 30px;\n  }\n\n  .why-dot-one {\n    top: 92px;\n    left: 24%;\n  }\n}\n\n\/* HAREKET AZALTMA TERC\u0130H\u0130 *\/\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-why-anim,\n  .nivostra-why-content h2 {\n    opacity: 1;\n\n    transform: none;\n\n    filter: none;\n\n    animation: none;\n  }\n\n  .nivostra-why-card,\n  .nivostra-why-image-wrap img {\n    transition: none;\n  }\n\n  .nivostra-why-bg-orbit,\n  .nivostra-why-bg-orbit::after,\n  .nivostra-why-route-line,\n  .nivostra-why-sparkle,\n  .nivostra-why-plus {\n    animation: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-180177e e-con e-atomic-element e-flexbox-base e-053b0d1 \" data-id=\"180177e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"180177e\">\n    \t\t<div class=\"elementor-element elementor-element-262c06f elementor-widget elementor-widget-html\" data-id=\"262c06f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-journey-section\">\n\n  <div class=\"nivostra-journey-center-art\" aria-hidden=\"true\">\n    <div class=\"nivostra-center-orbit orbit-large\"><\/div>\n    <div class=\"nivostra-center-orbit orbit-medium\"><\/div>\n    <div class=\"nivostra-center-orbit orbit-small\"><\/div>\n    <div class=\"nivostra-center-sparkle center-sparkle-one\">\u2726<\/div>\n    <div class=\"nivostra-center-sparkle center-sparkle-two\">\u2727<\/div>\n    <div class=\"nivostra-center-plus\">+<\/div>\n    <div class=\"nivostra-center-dot center-dot-one\"><\/div>\n    <div class=\"nivostra-center-dot center-dot-two\"><\/div>\n    <div class=\"nivostra-center-dot center-dot-three\"><\/div>\n  <\/div>\n\n  <div class=\"nivostra-journey-inner\">\n\n    <div class=\"nivostra-journey-head\">\n      <span>TASARIM YOLCULU\u011eU<\/span>\n      <h2>Fikirden Ya\u015fama, \u0130lhamdan Ger\u00e7e\u011fe.<\/h2>\n    <\/div>\n\n    <div class=\"nivostra-journey-line-wrap\">\n\n      <div class=\"nivostra-journey-line\"><\/div>\n\n      <div class=\"nivostra-journey-steps\">\n\n        <div class=\"nivostra-journey-step\">\n          <div class=\"nivostra-step-number\">01<\/div>\n          <h3>KE\u015e\u0130F<\/h3>\n          <p>\u0130htiya\u00e7lar\u0131n\u0131z\u0131 anl\u0131yor, vizyonunuzu dinliyoruz.<\/p>\n        <\/div>\n\n        <div class=\"nivostra-journey-step\">\n          <div class=\"nivostra-step-number\">02<\/div>\n          <h3>TASARIM<\/h3>\n          <p>\u00d6zg\u00fcn konseptler ve tasar\u0131mlar geli\u015ftiriyoruz.<\/p>\n        <\/div>\n\n        <div class=\"nivostra-journey-step\">\n          <div class=\"nivostra-step-number\">03<\/div>\n          <h3>PLANLAMA<\/h3>\n          <p>Proje detaylar\u0131n\u0131 planl\u0131yor ve organize ediyoruz.<\/p>\n        <\/div>\n\n        <div class=\"nivostra-journey-step\">\n          <div class=\"nivostra-step-number\">04<\/div>\n          <h3>UYGULAMA<\/h3>\n          <p>Kaliteli i\u015f\u00e7ilikle projeyi hayata ge\u00e7iriyoruz.<\/p>\n        <\/div>\n\n        <div class=\"nivostra-journey-step\">\n          <div class=\"nivostra-step-number\">05<\/div>\n          <h3>TESL\u0130M<\/h3>\n          <p>Zaman\u0131nda ve eksiksiz teslim ediyoruz.<\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f4e9df;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-soft: #b9824f;\n  --nivostra-gold-light: #e4bd95;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6f655d;\n  --nivostra-border: rgba(204, 154, 102, 0.40);\n}\n\n\/* ANA B\u00d6L\u00dcM *\/\n.nivostra-journey-section {\n  position: relative;\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background:\n    radial-gradient(circle at 50% 42%, rgba(212, 178, 133, 0.18), transparent 32%),\n    radial-gradient(circle at top left, rgba(212, 178, 133, 0.12), transparent 30%),\n    radial-gradient(circle at bottom right, rgba(164, 136, 113, 0.12), transparent 34%),\n    linear-gradient(135deg, #ffffff 0%, #fbf8f3 48%, #ffffff 100%);\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  color: var(--nivostra-title);\n\n  overflow: hidden;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\n\/* ORTALANMI\u015e HAREKETL\u0130 ARKA PLAN SANATI *\/\n.nivostra-journey-center-art {\n  position: absolute;\n  left: 50%;\n  top: 54%;\n  width: 720px;\n  height: 720px;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  z-index: 0;\n  opacity: 0.88;\n  animation: nivostraCenterArtFloat 8s ease-in-out infinite;\n}\n\n.nivostra-center-orbit {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transform-origin: 50% 50%;\n  pointer-events: none;\n  will-change: transform;\n  backface-visibility: hidden;\n\n  \/* D\u00f6n\u00fc\u015f\u00fc g\u00f6zle g\u00f6r\u00fcn\u00fcr yapan asimetrik bronz yay *\/\n  background:\n    conic-gradient(\n      from 0deg,\n      transparent 0deg 40deg,\n      rgba(164, 136, 113, 0.72) 40deg 105deg,\n      transparent 105deg 205deg,\n      rgba(212, 178, 133, 0.42) 205deg 255deg,\n      transparent 255deg 360deg\n    );\n\n  -webkit-mask:\n    radial-gradient(\n      farthest-side,\n      transparent calc(100% - 2px),\n      #000 calc(100% - 1px)\n    );\n\n  mask:\n    radial-gradient(\n      farthest-side,\n      transparent calc(100% - 2px),\n      #000 calc(100% - 1px)\n    );\n\n  filter:\n    drop-shadow(0 0 7px rgba(164, 136, 113, 0.18));\n}\n\n.orbit-large {\n  width: 680px;\n  height: 680px;\n  animation: nivostraJourneyOrbitSpin 12s linear infinite !important;\n}\n\n.orbit-medium {\n  width: 470px;\n  height: 470px;\n  opacity: 0.72;\n  animation: nivostraJourneyOrbitSpinReverse 8s linear infinite !important;\n}\n\n.orbit-small {\n  width: 270px;\n  height: 270px;\n  opacity: 0.86;\n  animation: nivostraJourneyOrbitSpin 5.5s linear infinite !important;\n}\n\n.nivostra-center-orbit::before,\n.nivostra-center-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow:\n    0 0 12px rgba(164, 136, 113, 0.72),\n    0 0 28px rgba(212, 178, 133, 0.34);\n  -webkit-mask: none;\n  mask: none;\n}\n\n.nivostra-center-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 13%;\n  left: 18%;\n}\n\n.nivostra-center-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 15%;\n  bottom: 19%;\n}\n\n.nivostra-center-sparkle,\n.nivostra-center-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.35);\n  line-height: 1;\n  animation: nivostraCenterSparkle 4.8s ease-in-out infinite;\n}\n\n.center-sparkle-one {\n  left: 18%;\n  top: 26%;\n  font-size: 40px;\n}\n\n.center-sparkle-two {\n  right: 18%;\n  bottom: 26%;\n  font-size: 32px;\n  animation-delay: 1.3s;\n}\n\n.nivostra-center-plus {\n  right: 23%;\n  top: 23%;\n  font-size: 46px;\n  font-weight: 300;\n  animation-delay: .7s;\n}\n\n.nivostra-center-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.38);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.30);\n  animation: nivostraCenterDotPulse 3.2s ease-in-out infinite;\n}\n\n.center-dot-one {\n  width: 9px;\n  height: 9px;\n  left: 31%;\n  top: 17%;\n}\n\n.center-dot-two {\n  animation-delay: .9s;\n  width: 7px;\n  height: 7px;\n  right: 30%;\n  bottom: 16%;\n}\n\n.center-dot-three {\n  animation-delay: 1.6s;\n  width: 8px;\n  height: 8px;\n  left: 50%;\n  bottom: 9%;\n  transform: translateX(-50%);\n}\n\n\/* ORTADAK\u0130 YUMU\u015eAK I\u015eIK *\/\n.nivostra-journey-center-art::before {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 380px;\n  height: 380px;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(212, 178, 133, 0.18), transparent 68%);\n  filter: blur(12px);\n}\n\n@keyframes nivostraCenterArtFloat {\n  0%, 100% {\n    transform: translate(-50%, -50%) translateY(0) scale(1);\n  }\n  50% {\n    transform: translate(-50%, -50%) translateY(-14px) scale(1.015);\n  }\n}\n\n50% {\n    opacity: 1;\n    box-shadow: 0 0 34px rgba(212, 178, 133, 0.13);\n  }\n}\n\n@keyframes nivostraCenterDotPulse {\n  0%, 100% {\n    opacity: .35;\n    transform: scale(.8);\n    box-shadow: 0 0 10px rgba(164, 136, 113, 0.20);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.45);\n    box-shadow:\n      0 0 18px rgba(164, 136, 113, 0.48),\n      0 0 34px rgba(212, 178, 133, 0.20);\n  }\n}\n\n@keyframes nivostraJourneyOrbitSpin {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n\n@keyframes nivostraJourneyOrbitSpinReverse {\n  from {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n}\n  to { transform: translate(-50%, -50%) rotate(0deg); }\n}\n\n@keyframes nivostraCenterSparkle {\n  0%, 100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n  50% {\n    opacity: .58;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-journey-section *,\n.nivostra-journey-section *::before,\n.nivostra-journey-section *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\/* HAF\u0130F ARKA PLAN DOKUSU *\/\n.nivostra-journey-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.025) 1px,\n      transparent 1px\n    );\n\n  background-size: 80px 80px;\n\n  opacity: 0.55;\n\n  pointer-events: none;\n}\n\n\/* ALTTA HAF\u0130F DEKORAT\u0130F I\u015eIK *\/\n.nivostra-journey-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  bottom: -180px;\n\n  width: 480px;\n  height: 280px;\n\n  transform: translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    rgba(204, 154, 102, 0.10);\n\n  filter: blur(70px);\n\n  pointer-events: none;\n}\n\n\/* \u0130\u00c7 YERLE\u015e\u0130M *\/\n.nivostra-journey-inner {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n\n  padding: 58px 0 66px;\n}\n\n\/* BA\u015eLIK ALANI *\/\n.nivostra-journey-head {\n  margin-bottom: 44px;\n\n  text-align: center;\n}\n\n.nivostra-journey-head span {\n  position: relative;\n\n  display: inline-block;\n\n  margin-bottom: 12px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 17px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n}\n\n.nivostra-journey-head span::before,\n.nivostra-journey-head span::after {\n  content: \"\";\n\n  position: absolute;\n  top: 50%;\n\n  width: 46px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.85)\n    );\n}\n\n.nivostra-journey-head span::before {\n  right: calc(100% + 16px);\n}\n\n.nivostra-journey-head span::after {\n  left: calc(100% + 16px);\n\n  transform: rotate(180deg);\n}\n\n.nivostra-journey-head h2 {\n  margin: 0;\n\n  color: var(--nivostra-title);\n\n  font-size: clamp(\n    34px,\n    3vw,\n    54px\n  );\n\n  line-height: 1.16;\n  font-weight: 400;\n}\n\n\/* YOLCULUK \u00c7\u0130ZG\u0130 ALANI *\/\n.nivostra-journey-line-wrap {\n  position: relative;\n\n  width: 100%;\n\n  padding-top: 8px;\n}\n\n\/* YATAY \u00c7\u0130ZG\u0130 *\/\n.nivostra-journey-line {\n  position: absolute;\n\n  left: 7.5%;\n  right: 7.5%;\n  top: 31px;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.92),\n      rgba(204, 154, 102, 0.48),\n      rgba(204, 154, 102, 0.92),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px rgba(204, 154, 102, 0.12);\n}\n\n\/* \u00c7\u0130ZG\u0130 \u00dcZER\u0130NDEK\u0130 NOKTALAR *\/\n.nivostra-journey-line::before,\n.nivostra-journey-line::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: -2px;\n\n  width: 5px;\n  height: 5px;\n\n  background:\n    var(--nivostra-gold);\n\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 12px rgba(204, 154, 102, 0.55);\n}\n\n.nivostra-journey-line::before {\n  left: 25%;\n}\n\n.nivostra-journey-line::after {\n  right: 25%;\n}\n\n\/* ADIMLAR *\/\n.nivostra-journey-steps {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(5, 1fr);\n\n  gap: 26px;\n}\n\n.nivostra-journey-step {\n  position: relative;\n\n  padding: 0 12px;\n\n  text-align: center;\n}\n\n\/* NUMARA DA\u0130RES\u0130 *\/\n.nivostra-step-number {\n  width: 52px;\n  height: 52px;\n\n  margin: 0 auto 18px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    2px solid rgba(204, 154, 102, 0.88);\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      #ffffff 0%,\n      #fff8f1 60%,\n      #f2e3d4 100%\n    );\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n\n  box-shadow:\n    0 0 0 6px rgba(204, 154, 102, 0.08),\n    0 10px 24px rgba(104, 72, 45, 0.10),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  transition:\n    transform 0.35s ease,\n    color 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease,\n    border-color 0.35s ease;\n}\n\n\/* ADIM BA\u015eLI\u011eI *\/\n.nivostra-journey-step h3 {\n  margin: 0 0 9px;\n\n  color: var(--nivostra-title);\n\n  font-size: 17px;\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n\n  transition:\n    color 0.35s ease;\n}\n\n\/* ADIM A\u00c7IKLAMASI *\/\n.nivostra-journey-step p {\n  max-width: 190px;\n\n  margin: 0 auto;\n\n  color: var(--nivostra-text);\n\n  font-size: 15px;\n  line-height: 1.45;\n}\n\n\/* HOVER *\/\n.nivostra-journey-step:hover .nivostra-step-number {\n  transform:\n    translateY(-5px);\n\n  color: #ffffff;\n\n  border-color:\n    var(--nivostra-gold);\n\n  background:\n    radial-gradient(\n      circle,\n      #d9aa77,\n      var(--nivostra-gold) 72%\n    );\n\n  box-shadow:\n    0 0 0 8px rgba(204, 154, 102, 0.10),\n    0 14px 30px rgba(204, 154, 102, 0.28),\n    0 0 25px rgba(204, 154, 102, 0.16);\n}\n\n.nivostra-journey-step:hover h3 {\n  color:\n    var(--nivostra-gold-dark);\n}\n\n\/* G\u0130R\u0130\u015e AN\u0130MASYONLARI *\/\n.nivostra-journey-head,\n.nivostra-journey-step {\n  opacity: 0;\n\n  transform:\n    translateY(24px);\n\n  filter:\n    blur(7px);\n\n  animation:\n    nivostraJourneyReveal\n    0.9s\n    cubic-bezier(0.16, 0.84, 0.26, 1)\n    forwards;\n}\n\n.nivostra-journey-step:nth-child(1) {\n  animation-delay: 0.18s;\n}\n\n.nivostra-journey-step:nth-child(2) {\n  animation-delay: 0.30s;\n}\n\n.nivostra-journey-step:nth-child(3) {\n  animation-delay: 0.42s;\n}\n\n.nivostra-journey-step:nth-child(4) {\n  animation-delay: 0.54s;\n}\n\n.nivostra-journey-step:nth-child(5) {\n  animation-delay: 0.66s;\n}\n\n@keyframes nivostraJourneyReveal {\n  0% {\n    opacity: 0;\n\n    transform:\n      translateY(24px);\n\n    filter:\n      blur(7px);\n  }\n\n  60% {\n    opacity: 1;\n\n    transform:\n      translateY(-4px);\n\n    filter:\n      blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* TABLET *\/\n@media (max-width: 1100px) {\n  .nivostra-journey-inner {\n    width: calc(100% - 60px);\n\n    padding: 52px 0 58px;\n  }\n\n  .nivostra-journey-steps {\n    grid-template-columns:\n      repeat(3, 1fr);\n\n    gap: 38px 22px;\n  }\n\n  .nivostra-journey-line {\n    display: none;\n  }\n}\n\n\/* MOB\u0130L *\/\n@media (max-width: 680px) {\n  .nivostra-journey-inner {\n    width: calc(100% - 36px);\n\n    padding: 44px 0 50px;\n  }\n\n  .nivostra-journey-head {\n    margin-bottom: 34px;\n\n    text-align: center;\n  }\n\n  .nivostra-journey-head span {\n    display: block;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    font-size: 14px;\n\n    text-align: center;\n  }\n\n  .nivostra-journey-head span::before,\n  .nivostra-journey-head span::after {\n    display: none;\n  }\n\n  .nivostra-journey-head h2 {\n    max-width: 330px;\n\n    margin: 0 auto;\n\n    font-size: 32px;\n    line-height: 1.22;\n\n    text-align: center;\n  }\n\n  .nivostra-journey-steps {\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n  }\n\n  .nivostra-journey-step {\n    display: block;\n\n    padding: 24px 18px;\n\n    border:\n      1px solid rgba(204, 154, 102, 0.34);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.88),\n        rgba(255, 248, 241, 0.78)\n      );\n\n    box-shadow:\n      0 12px 28px rgba(95, 67, 42, 0.06);\n\n    text-align: center;\n  }\n\n  .nivostra-journey-step:hover {\n    transform: none;\n  }\n\n  .nivostra-step-number {\n    width: 50px;\n    height: 50px;\n\n    margin: 0 auto 14px;\n  }\n\n  .nivostra-journey-step h3 {\n    margin: 0 0 7px;\n\n    font-size: 16px;\n\n    text-align: center;\n  }\n\n  .nivostra-journey-step p {\n    max-width: 260px;\n\n    margin: 0 auto;\n\n    font-size: 14px;\n\n    text-align: center;\n  }\n}\n\n\n@media (max-width: 1100px) {\n  .nivostra-journey-center-art {\n    width: 600px;\n    height: 600px;\n    top: 57%;\n  }\n\n  .orbit-large {\n    width: 560px;\n    height: 560px;\n  }\n\n  .orbit-medium {\n    width: 390px;\n    height: 390px;\n  }\n\n  .orbit-small {\n    width: 230px;\n    height: 230px;\n  }\n}\n\n@media (max-width: 680px) {\n  .nivostra-journey-center-art {\n    width: 420px;\n    height: 420px;\n    top: 50%;\n    opacity: 0.48;\n  }\n\n  .orbit-large {\n    width: 400px;\n    height: 400px;\n  }\n\n  .orbit-medium {\n    width: 280px;\n    height: 280px;\n  }\n\n  .orbit-small {\n    width: 165px;\n    height: 165px;\n  }\n\n  .center-sparkle-two,\n  .nivostra-center-plus,\n  .center-dot-three {\n    display: none;\n  }\n\n  .center-sparkle-one {\n    left: 16%;\n    top: 24%;\n    font-size: 28px;\n  }\n}\n\n\/* HAREKET AZALTMA TERC\u0130H\u0130 *\/\n\n\/* ELEMENTOR \/ TARAYICI HAREKET KISITLAMASINA KAR\u015eI *\/\n.nivostra-journey-section .orbit-large {\n  animation: nivostraJourneyOrbitSpin 12s linear infinite !important;\n}\n\n.nivostra-journey-section .orbit-medium {\n  animation: nivostraJourneyOrbitSpinReverse 8s linear infinite !important;\n}\n\n.nivostra-journey-section .orbit-small {\n  animation: nivostraJourneyOrbitSpin 5.5s linear infinite !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-journey-head,\n  .nivostra-journey-step {\n    opacity: 1;\n\n    transform: none;\n\n    filter: none;\n\n    animation: none;\n  }\n\n  .nivostra-step-number {\n    transition: none;\n  }\n}\n\n\/* SON G\u00dcVENCE: ARKA PLAN \u015eEK\u0130LLER\u0130 HER C\u0130HAZDA D\u00d6NER *\/\n.nivostra-journey-center-art .orbit-large {\n  animation-name: nivostraJourneyOrbitSpin !important;\n  animation-duration: 12s !important;\n  animation-timing-function: linear !important;\n  animation-iteration-count: infinite !important;\n}\n\n.nivostra-journey-center-art .orbit-medium {\n  animation-name: nivostraJourneyOrbitSpinReverse !important;\n  animation-duration: 8s !important;\n  animation-timing-function: linear !important;\n  animation-iteration-count: infinite !important;\n}\n\n.nivostra-journey-center-art .orbit-small {\n  animation-name: nivostraJourneyOrbitSpin !important;\n  animation-duration: 5.5s !important;\n  animation-timing-function: linear !important;\n  animation-iteration-count: infinite !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1fb8759 e-con e-atomic-element e-flexbox-base e-c2e0936 \" data-id=\"1fb8759\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1fb8759\">\n    \t\t<div class=\"elementor-element elementor-element-25494ac elementor-widget elementor-widget-html\" data-id=\"25494ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-project-showcase\">\n\n  <div class=\"nivostra-project-service-orbit project-service-orbit-one\"><\/div>\n  <div class=\"nivostra-project-service-orbit project-service-orbit-two\"><\/div>\n  <div class=\"nivostra-project-service-route-line\"><\/div>\n  <div class=\"nivostra-project-service-sparkle project-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-project-service-sparkle project-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-project-service-plus\">+<\/div>\n  <div class=\"nivostra-project-service-dot project-service-dot-one\"><\/div>\n  <div class=\"nivostra-project-service-dot project-service-dot-two\"><\/div>\n  <div class=\"nivostra-project-service-dot project-service-dot-three\"><\/div>\n<div class=\"nivostra-project-showcase-inner\">\n\n    <div class=\"nivostra-project-showcase-head\">\n      <span>SE\u00c7\u0130L\u0130 PROJELER<\/span>\n\n      <h2>\n        <span>\u0130lham Veren Tasar\u0131mlar<\/span>\n        <span>Hayat Bulan Projeler<\/span>\n      <\/h2>\n\n      <p>\n        Nivostra\u2019n\u0131n estetik ve zamans\u0131z tasar\u0131m anlay\u0131\u015f\u0131n\u0131 yans\u0131tan\n        se\u00e7ili projeleri ke\u015ffedin.\n      <\/p>\n    <\/div>\n\n    <div class=\"nivostra-project-list\">\n\n      <a\n        href=\"https:\/\/nivostra.com\/portfolio\/kafe-tasarimi\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"nivostra-project-row\"\n      >\n\n        <div class=\"nivostra-project-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/nivostra-kafe-tasarimi-foti-3.webp\"\n            alt=\"Nivostra Kafe Tasar\u0131m\u0131\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-project-info\">\n\n          <span class=\"nivostra-project-type\">\n            Ticari Alan \u00b7 Kafe Tasar\u0131m\u0131\n          <\/span>\n\n          <h3>Kafe Tasar\u0131m\u0131<\/h3>\n\n          <p>\n            Marka kimli\u011fini, kullan\u0131c\u0131 konforunu ve i\u015flevsel mek\u00e2n\n            planlamas\u0131n\u0131 s\u0131cak bir atmosferde bulu\u015fturan \u00f6zg\u00fcn kafe\n            projesi.\n          <\/p>\n\n          <span class=\"nivostra-project-link\">\n            DETAYLARI \u0130NCELE\n            <em>\u2192<\/em>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/portfolio\/otel-lobi-tasarimi\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"nivostra-project-row reverse\"\n      >\n\n        <div class=\"nivostra-project-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/Nivostra-otel-lobisi-tasarim-foti.webp\"\n            alt=\"Nivostra Otel Lobi Tasar\u0131m\u0131\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-project-info\">\n\n          <span class=\"nivostra-project-type\">\n            Konaklama \u00b7 Otel Lobi Tasar\u0131m\u0131\n          <\/span>\n\n          <h3>Otel Lobi Tasar\u0131m\u0131<\/h3>\n\n          <p>\n            Prestijli bir ilk izlenim, konforlu misafir deneyimi ve\n            zamans\u0131z mimari detaylarla \u015fekillenen se\u00e7kin kar\u015f\u0131lama alan\u0131.\n          <\/p>\n\n          <span class=\"nivostra-project-link\">\n            DETAYLARI \u0130NCELE\n            <em>\u2192<\/em>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/portfolio\/oda-tasarimi\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"nivostra-project-row\"\n      >\n\n        <div class=\"nivostra-project-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/Nivostra-Oda-Tasarimi.webp\"\n            alt=\"Nivostra Oda Tasar\u0131m\u0131\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-project-info\">\n\n          <span class=\"nivostra-project-type\">\n            Konut \u00b7 Oda Tasar\u0131m\u0131\n          <\/span>\n\n          <h3>Oda Tasar\u0131m\u0131<\/h3>\n\n          <p>\n            Konfor, sakinlik ve fonksiyonelli\u011fi dengeli bir tasar\u0131m\n            diliyle birle\u015ftiren ki\u015fiselle\u015ftirilmi\u015f ya\u015fam alan\u0131.\n          <\/p>\n\n          <span class=\"nivostra-project-link\">\n            DETAYLARI \u0130NCELE\n            <em>\u2192<\/em>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/portfolio\/denizbank-corlu\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"nivostra-project-row reverse\"\n      >\n\n        <div class=\"nivostra-project-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/nivostra-deniz-bank-tasarim-fotografi-11.webp\"\n            alt=\"DenizBank \u00c7orlu \u00d6zel Bankac\u0131l\u0131k \u015eubesi\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-project-info\">\n\n          <span class=\"nivostra-project-type\">\n            \u00c7orlu \u00b7 \u00d6zel Bankac\u0131l\u0131k \u015eubesi\n          <\/span>\n\n          <h3>DenizBank \u00c7orlu<\/h3>\n\n          <p>\n            Kurumsal g\u00fcveni, \u00f6zel bankac\u0131l\u0131k deneyimini ve kullan\u0131c\u0131\n            konforunu b\u00fct\u00fcnc\u00fcl bir mimari yakla\u015f\u0131mla bulu\u015fturan \u015fube\n            projesi.\n          <\/p>\n\n          <span class=\"nivostra-project-link\">\n            DETAYLARI \u0130NCELE\n            <em>\u2192<\/em>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n      <a\n        href=\"https:\/\/nivostra.com\/portfolio\/guzellik-salonu-tasarimi\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"nivostra-project-row\"\n      >\n\n        <div class=\"nivostra-project-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/nivostra-guzellik-salonu-tasarim-foti-2.webp\"\n            alt=\"Nivostra G\u00fczellik Salonu Tasar\u0131m\u0131\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-project-info\">\n\n          <span class=\"nivostra-project-type\">\n            Ticari Alan \u00b7 G\u00fczellik Salonu\n          <\/span>\n\n          <h3>G\u00fczellik Salonu Tasar\u0131m\u0131<\/h3>\n\n          <p>\n            Zarif detaylar\u0131, ferah kullan\u0131m alanlar\u0131n\u0131 ve g\u00fc\u00e7l\u00fc marka\n            alg\u0131s\u0131n\u0131 bir araya getiren modern g\u00fczellik salonu tasar\u0131m\u0131.\n          <\/p>\n\n          <span class=\"nivostra-project-link\">\n            DETAYLARI \u0130NCELE\n            <em>\u2192<\/em>\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n    <div class=\"nivostra-all-projects-wrap\">\n\n      <a\n        href=\"https:\/\/nivostra.com\/projeler\/\"\n        class=\"nivostra-all-projects-btn\"\n      >\n        B\u00dcT\u00dcN PROJELER\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f5ebe1;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-soft: #b9824f;\n  --nivostra-gold-light: #e4bd95;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6f655d;\n  --nivostra-text-soft: #877b71;\n\n  --nivostra-white: #ffffff;\n\n  --nivostra-border: rgba(204, 154, 102, 0.38);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.20);\n}\n\n\/* =====================================================\n   ANA ALAN\n===================================================== *\/\n\n.nivostra-project-showcase {\n  position: relative;\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  background:\n    radial-gradient(circle at 12% 24%, rgba(212, 178, 133, 0.18), transparent 30%),\n    radial-gradient(circle at 88% 72%, rgba(164, 136, 113, 0.16), transparent 34%),\n    linear-gradient(135deg, #ffffff 0%, #fbf8f3 48%, #ffffff 100%);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\n\n\/* =====================================================\n   H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT\n===================================================== *\/\n\n.nivostra-project-service-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.project-service-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 165px;\n  animation: nivostraProjectServiceRotate 24s linear infinite !important;\n}\n\n.project-service-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: 85px;\n  animation: nivostraProjectServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-project-service-orbit::before,\n.nivostra-project-service-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow: 0 0 22px rgba(164, 136, 113, 0.48);\n}\n\n.nivostra-project-service-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-project-service-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-project-service-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: 110px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraProjectServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-project-service-route-line::before,\n.nivostra-project-service-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-project-service-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-project-service-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-project-service-sparkle,\n.nivostra-project-service-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraProjectServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n.project-service-sparkle-one {\n  top: 135px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.project-service-sparkle-two {\n  bottom: 190px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s !important;\n}\n\n.nivostra-project-service-plus {\n  top: 170px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-project-service-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.project-service-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 128px;\n  left: 30%;\n}\n\n.project-service-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 125px;\n  right: 30%;\n}\n\n.project-service-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraProjectServiceRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes nivostraProjectServiceRotateReverse {\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes nivostraProjectServiceFloat {\n  0%,\n  100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(-4deg);\n  }\n}\n\n@keyframes nivostraProjectServiceSparkle {\n  0%,\n  100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-project-showcase *,\n.nivostra-project-showcase *::before,\n.nivostra-project-showcase *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n.nivostra-project-showcase a {\n  text-decoration: none;\n}\n\n\/* Arka plan \u00e7izgileri *\/\n\n.nivostra-project-showcase::before {\n  position: absolute;\n  inset: 0;\n\n  content: \"\";\n\n  opacity: 0.55;\n\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    );\n\n  background-size: 86px 86px;\n}\n\n\/* \u00dcst \u0131\u015f\u0131k \u00e7izgisi *\/\n\n.nivostra-project-showcase::after {\n  position: absolute;\n\n  top: 54px;\n  left: 50%;\n\n  width: min(\n    980px,\n    calc(100% - 80px)\n  );\n\n  height: 1px;\n\n  content: \"\";\n\n  pointer-events: none;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.68),\n      transparent\n    );\n\n  box-shadow:\n    0 0 18px rgba(204, 154, 102, 0.12);\n}\n\n\/* =====================================================\n   \u0130\u00c7 KONTEYNER\n===================================================== *\/\n\n.nivostra-project-showcase-inner {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  padding: 72px 0 82px;\n}\n\n\/* =====================================================\n   BA\u015eLIK ALANI\n===================================================== *\/\n\n.nivostra-project-showcase-head {\n  max-width: 1120px;\n\n  margin: 0 auto 48px;\n\n  text-align: center;\n}\n\n.nivostra-project-showcase-head > span {\n  position: relative;\n\n  display: inline-block;\n\n  margin-bottom: 16px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 2.6px;\n}\n\n.nivostra-project-showcase-head > span::before,\n.nivostra-project-showcase-head > span::after {\n  position: absolute;\n\n  top: 50%;\n\n  width: 50px;\n  height: 1px;\n\n  content: \"\";\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.78)\n    );\n}\n\n.nivostra-project-showcase-head > span::before {\n  right: calc(100% + 18px);\n}\n\n.nivostra-project-showcase-head > span::after {\n  left: calc(100% + 18px);\n\n  transform:\n    rotate(180deg);\n}\n\n.nivostra-project-showcase-head h2 {\n  margin: 0 auto 18px;\n\n  color: var(--nivostra-title) !important;\n\n  font-size: clamp(\n    38px,\n    3.5vw,\n    62px\n  );\n\n  line-height: 1.18;\n  font-weight: 400;\n\n  text-align: center;\n}\n\n.nivostra-project-showcase-head h2 span {\n  display: block;\n\n  color: var(--nivostra-title) !important;\n\n  white-space: nowrap;\n}\n\n.nivostra-project-showcase-head p {\n  max-width: 660px;\n\n  margin: 0 auto;\n\n  color: var(--nivostra-text);\n\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n\/* =====================================================\n   PROJE L\u0130STES\u0130\n===================================================== *\/\n\n.nivostra-project-list {\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 30px;\n}\n\n\/* =====================================================\n   PROJE KARTI\n===================================================== *\/\n\n.nivostra-project-row {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    360px\n    1fr;\n\n  align-items: center;\n\n  gap: 38px;\n\n  padding: 22px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.42);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.97),\n      rgba(255, 249, 243, 0.92)\n    );\n\n  box-shadow:\n    0 16px 38px rgba(92, 64, 40, 0.09),\n    0 3px 10px rgba(92, 64, 40, 0.035),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n\n  transition:\n    transform 0.4s ease,\n    border-color 0.4s ease,\n    box-shadow 0.4s ease,\n    background 0.4s ease;\n}\n\n\/* \u0130\u00e7 \u00e7er\u00e7eve *\/\n\n.nivostra-project-row::before {\n  position: absolute;\n\n  inset: 14px;\n\n  z-index: 1;\n\n  content: \"\";\n\n  opacity: 0.84;\n\n  pointer-events: none;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.18);\n\n  transition:\n    inset 0.4s ease,\n    border-color 0.4s ease,\n    opacity 0.4s ease;\n}\n\n\/* \u00dcst bronz \u00e7izgi *\/\n\n.nivostra-project-row::after {\n  position: absolute;\n\n  top: 0;\n  right: 32px;\n  left: 32px;\n\n  z-index: 2;\n\n  height: 1px;\n\n  content: \"\";\n\n  opacity: 0.88;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.76),\n      transparent\n    );\n}\n\n\/* Ters kart *\/\n\n.nivostra-project-row.reverse {\n  grid-template-columns:\n    1fr\n    360px;\n}\n\n.nivostra-project-row.reverse .nivostra-project-image {\n  order: 2;\n}\n\n.nivostra-project-row.reverse .nivostra-project-info {\n  order: 1;\n}\n\n\/* =====================================================\n   PROJE G\u00d6RSEL\u0130\n===================================================== *\/\n\n.nivostra-project-image,\n.nivostra-project-info {\n  position: relative;\n\n  z-index: 3;\n}\n\n.nivostra-project-image {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.48);\n\n  background:\n    #e6dbcf;\n\n  box-shadow:\n    0 17px 38px rgba(92, 64, 40, 0.13),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.20);\n}\n\n\/* S\u0131cak g\u00f6rsel filtresi *\/\n\n.nivostra-project-image::before {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  content: \"\";\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(85, 58, 38, 0.02),\n      rgba(85, 58, 38, 0.10)\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.08),\n      transparent 36%\n    );\n}\n\n\/* G\u00f6rsel i\u00e7 \u00e7er\u00e7evesi *\/\n\n.nivostra-project-image::after {\n  position: absolute;\n\n  inset: 10px;\n\n  z-index: 2;\n\n  content: \"\";\n\n  pointer-events: none;\n\n  border:\n    1px solid rgba(255, 255, 255, 0.48);\n}\n\n.nivostra-project-image img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  filter:\n    saturate(0.94)\n    brightness(0.99)\n    contrast(1.02)\n    sepia(0.03);\n\n  transition:\n    transform 1s ease,\n    filter 1s ease;\n}\n\n\/* Projeye \u00f6zel kadrajlar *\/\n\n.nivostra-project-row:nth-child(1)\n.nivostra-project-image img {\n  object-position: center;\n}\n\n.nivostra-project-row:nth-child(2)\n.nivostra-project-image img {\n  object-position: center 55%;\n}\n\n.nivostra-project-row:nth-child(3)\n.nivostra-project-image img {\n  object-position: center;\n}\n\n.nivostra-project-row:nth-child(4)\n.nivostra-project-image img {\n  object-position: center 45%;\n}\n\n.nivostra-project-row:nth-child(5)\n.nivostra-project-image img {\n  object-position: center;\n}\n\n\/* =====================================================\n   PROJE B\u0130LG\u0130LER\u0130\n===================================================== *\/\n\n.nivostra-project-info {\n  padding: 0 28px;\n\n  color: var(--nivostra-title);\n\n  text-align: center;\n}\n\n.nivostra-project-type {\n  display: inline-block;\n\n  margin: 0 auto 14px;\n\n  padding: 7px 14px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.48);\n\n  background:\n    rgba(204, 154, 102, 0.07);\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 12px;\n  line-height: 1;\n  letter-spacing: 1px;\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n.nivostra-project-info h3 {\n  margin: 0 auto 14px;\n\n  color: var(--nivostra-title) !important;\n\n  font-size: clamp(\n    32px,\n    2.7vw,\n    50px\n  );\n\n  line-height: 1.08;\n  font-weight: 400;\n\n  text-shadow:\n    0 2px 10px rgba(204, 154, 102, 0.06);\n}\n\n.nivostra-project-info p {\n  max-width: 560px;\n\n  margin: 0 auto 22px;\n\n  color: var(--nivostra-text);\n\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.nivostra-project-link {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 12px;\n\n  margin: 0 auto;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 0.9px;\n}\n\n.nivostra-project-link em {\n  font-style: normal;\n\n  transition:\n    transform 0.35s ease;\n}\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.nivostra-project-row:hover {\n  transform:\n    translateY(-6px);\n\n  border-color:\n    rgba(204, 154, 102, 0.84);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fff8f1\n    );\n\n  box-shadow:\n    0 22px 52px rgba(92, 64, 40, 0.15),\n    0 7px 16px rgba(92, 64, 40, 0.055),\n    0 0 20px rgba(204, 154, 102, 0.08);\n}\n\n.nivostra-project-row:hover::before {\n  inset: 11px;\n\n  opacity: 1;\n\n  border-color:\n    rgba(204, 154, 102, 0.38);\n}\n\n.nivostra-project-row:hover\n.nivostra-project-image img {\n  transform:\n    scale(1.06);\n\n  filter:\n    saturate(1)\n    brightness(1.05)\n    contrast(1.03)\n    sepia(0);\n}\n\n.nivostra-project-row:hover\n.nivostra-project-link em {\n  transform:\n    translateX(6px);\n}\n\n\/* =====================================================\n   B\u00dcT\u00dcN PROJELER BUTONU\n===================================================== *\/\n\n.nivostra-all-projects-wrap {\n  display: flex;\n\n  justify-content: center;\n\n  margin-top: 48px;\n}\n\n.nivostra-all-projects-btn {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 16px;\n\n  min-height: 56px;\n\n  padding: 0 38px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.82);\n\n  background:\n    rgba(255, 255, 255, 0.66);\n\n  color:\n    var(--nivostra-gold-dark) !important;\n\n  box-shadow:\n    0 10px 24px rgba(92, 64, 40, 0.07);\n\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1px;\n\n  transition:\n    color 0.35s ease,\n    transform 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-all-projects-btn:hover {\n  color: #ffffff !important;\n\n  transform:\n    translateY(-4px);\n\n  background:\n    linear-gradient(\n      135deg,\n      #b77f4b,\n      #d2a06d\n    );\n\n  box-shadow:\n    0 18px 42px rgba(204, 154, 102, 0.25);\n}\n\n.nivostra-all-projects-btn span {\n  transition:\n    transform 0.35s ease;\n}\n\n.nivostra-all-projects-btn:hover span {\n  transform:\n    translateX(6px);\n}\n\n\/* =====================================================\n   G\u0130R\u0130\u015e AN\u0130MASYONLARI\n===================================================== *\/\n\n.nivostra-project-showcase-head,\n.nivostra-project-row,\n.nivostra-all-projects-wrap {\n  opacity: 0;\n\n  transform:\n    translateY(26px);\n\n  filter:\n    blur(8px);\n\n  animation:\n    nivostraProjectReveal\n    0.9s\n    cubic-bezier(0.16, 0.84, 0.26, 1)\n    forwards;\n}\n\n.nivostra-project-row:nth-child(1) {\n  animation-delay: 0.10s;\n}\n\n.nivostra-project-row:nth-child(2) {\n  animation-delay: 0.22s;\n}\n\n.nivostra-project-row:nth-child(3) {\n  animation-delay: 0.34s;\n}\n\n.nivostra-project-row:nth-child(4) {\n  animation-delay: 0.46s;\n}\n\n.nivostra-project-row:nth-child(5) {\n  animation-delay: 0.58s;\n}\n\n.nivostra-all-projects-wrap {\n  animation-delay: 0.70s;\n}\n\n@keyframes nivostraProjectReveal {\n  0% {\n    opacity: 0;\n\n    transform:\n      translateY(26px);\n\n    filter:\n      blur(8px);\n  }\n\n  60% {\n    opacity: 1;\n\n    transform:\n      translateY(-4px);\n\n    filter:\n      blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1100px) {\n  .nivostra-project-showcase-inner {\n    width: calc(100% - 60px);\n\n    padding: 58px 0 68px;\n  }\n\n  .nivostra-project-showcase-head h2 {\n    font-size: clamp(\n      34px,\n      4vw,\n      50px\n    );\n  }\n\n  .nivostra-project-showcase-head h2 span {\n    white-space: normal;\n  }\n\n  .nivostra-project-row {\n    grid-template-columns:\n      280px\n      1fr;\n\n    gap: 24px;\n  }\n\n  .nivostra-project-row.reverse {\n    grid-template-columns:\n      1fr\n      280px;\n  }\n\n  .nivostra-project-info {\n    padding: 0 16px;\n  }\n\n  .nivostra-project-info h3 {\n    font-size: 36px;\n  }\n}\n\n\/* =====================================================\n   MOB\u0130L\n===================================================== *\/\n\n@media (max-width: 768px) {\n  .nivostra-project-showcase-inner {\n    width: calc(100% - 36px);\n\n    padding: 48px 0 58px;\n  }\n\n  .nivostra-project-showcase-head {\n    margin-bottom: 30px;\n  }\n\n  .nivostra-project-showcase-head > span {\n    font-size: 13px;\n    letter-spacing: 2.2px;\n  }\n\n  .nivostra-project-showcase-head > span::before,\n  .nivostra-project-showcase-head > span::after {\n    width: 34px;\n  }\n\n  .nivostra-project-showcase-head h2 {\n    font-size: 34px;\n    line-height: 1.22;\n  }\n\n  .nivostra-project-showcase-head h2 span {\n    white-space: normal;\n  }\n\n  .nivostra-project-showcase-head p {\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .nivostra-project-list {\n    gap: 22px;\n  }\n\n  .nivostra-project-row,\n  .nivostra-project-row.reverse {\n    grid-template-columns: 1fr;\n\n    gap: 20px;\n\n    padding: 18px;\n  }\n\n  .nivostra-project-row::before {\n    inset: 11px;\n  }\n\n  .nivostra-project-row.reverse\n  .nivostra-project-image,\n  .nivostra-project-row.reverse\n  .nivostra-project-info {\n    order: initial;\n  }\n\n  .nivostra-project-image {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .nivostra-project-info {\n    padding: 0;\n  }\n\n  .nivostra-project-type {\n    margin-bottom: 12px;\n\n    font-size: 11px;\n  }\n\n  .nivostra-project-info h3 {\n    font-size: 28px;\n    line-height: 1.14;\n  }\n\n  .nivostra-project-info p {\n    margin-bottom: 18px;\n\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .nivostra-project-row:hover {\n    transform: none;\n  }\n\n  .nivostra-all-projects-wrap {\n    margin-top: 34px;\n  }\n\n  .nivostra-all-projects-btn {\n    width: 100%;\n\n    min-height: 54px;\n  }\n}\n\n\n.project-orbit-right {\n    width: 300px;\n    height: 300px;\n    right: -175px;\n    bottom: 220px;\n    opacity: .38;\n  }\n\n  .project-orbit-large {\n    width: 310px;\n    height: 310px;\n  }\n\n  .project-orbit-small {\n    width: 185px;\n    height: 185px;\n  }\n\n  .project-orbit-medium {\n    width: 280px;\n    height: 280px;\n  }\n\n  .project-orbit-mini {\n    width: 160px;\n    height: 160px;\n  }\n\n  .nivostra-project-plus,\n  .project-sparkle-right,\n  .project-dot-right-two {\n    display: none;\n  }\n}\n\n\n@media (max-width: 1100px) {\n  .project-service-orbit-two {\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 768px) {\n  .project-service-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 210px;\n    opacity: 0.55;\n  }\n\n  .project-service-orbit-two,\n  .nivostra-project-service-route-line,\n  .project-service-sparkle-two,\n  .nivostra-project-service-plus,\n  .project-service-dot-three {\n    display: none;\n  }\n}\n\n\/* =====================================================\n   HAREKET AZALTMA\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-project-showcase-head,\n  .nivostra-project-row,\n  .nivostra-all-projects-wrap {\n    opacity: 1;\n\n    transform: none;\n\n    filter: none;\n\n    animation: none;\n  }\n\n  .nivostra-project-row,\n  .nivostra-project-image img,\n  .nivostra-project-link em,\n  .nivostra-all-projects-btn,\n  .nivostra-all-projects-btn span {\n    transition: none;\n  }\n}\n\n\n\/* H\u0130ZMETLER\u0130M\u0130Z EFEKT\u0130 \u0130\u00c7\u0130N AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-project-showcase .project-service-orbit-one {\n  animation: nivostraProjectServiceRotate 24s linear infinite !important;\n}\n\n.nivostra-project-showcase .project-service-orbit-two {\n  animation: nivostraProjectServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-project-showcase .nivostra-project-service-route-line {\n  animation: nivostraProjectServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-project-showcase .nivostra-project-service-sparkle,\n.nivostra-project-showcase .nivostra-project-service-plus {\n  animation: nivostraProjectServiceSparkle 4.8s ease-in-out infinite !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f5e0cc8 e-con e-atomic-element e-flexbox-base e-793355f \" data-id=\"f5e0cc8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f5e0cc8\">\n    \t\t<div class=\"elementor-element elementor-element-fbd8ca8 elementor-widget elementor-widget-html\" data-id=\"fbd8ca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-stats-section\">\n\n  <div class=\"nivostra-stats-service-orbit stats-service-orbit-one\"><\/div>\n  <div class=\"nivostra-stats-service-orbit stats-service-orbit-two\"><\/div>\n  <div class=\"nivostra-stats-service-route-line\"><\/div>\n  <div class=\"nivostra-stats-service-sparkle stats-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-stats-service-sparkle stats-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-stats-service-plus\">+<\/div>\n  <div class=\"nivostra-stats-service-dot stats-service-dot-one\"><\/div>\n  <div class=\"nivostra-stats-service-dot stats-service-dot-two\"><\/div>\n  <div class=\"nivostra-stats-service-dot stats-service-dot-three\"><\/div>\n\n  <div class=\"nivostra-stats-inner\">\n\n    <div class=\"nivostra-stats-heading\">\n      <span>G\u00dcVEN\u0130L\u0130R DENEY\u0130M<\/span>\n\n      <h2>Rakamlarla Nivostra<\/h2>\n\n      <p>\n        Mimarl\u0131k, i\u00e7 mimarl\u0131k ve uygulama alan\u0131ndaki tecr\u00fcbemizi; g\u00fc\u00e7l\u00fc proje ge\u00e7mi\u015fimiz,\n        y\u00fcksek memnuniyet oran\u0131m\u0131z ve geni\u015f uygulama kapasitemizle somutla\u015ft\u0131r\u0131yoruz.\n      <\/p>\n    <\/div>\n\n    <div class=\"nivostra-stats-grid\">\n\n      <div class=\"nivostra-stat-box\">\n\n        <div class=\"nivostra-stat-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 4h16v16H4z\"><\/path>\n            <path d=\"M8 8h8v8H8z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong>250+<\/strong>\n\n        <p>\n          TAMAMLANAN<br>\n          PROJE\n        <\/p>\n\n      <\/div>\n\n      <div class=\"nivostra-stat-box\">\n\n        <div class=\"nivostra-stat-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 17L17 4l3 3L7 20H4v-3z\"><\/path>\n            <path d=\"M14 7l3 3\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong class=\"long-number\">1.250.000+<\/strong>\n\n        <em>m\u00b2<\/em>\n\n        <p>\n          TOPLAM \u0130N\u015eAAT<br>\n          ALANI\n        <\/p>\n\n      <\/div>\n\n      <div class=\"nivostra-stat-box\">\n\n        <div class=\"nivostra-stat-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 3l7 4v6c0 4.5-3 7.5-7 8-4-.5-7-3.5-7-8V7l7-4z\"><\/path>\n            <path d=\"M9 12l2 2 4-5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong>10+<\/strong>\n\n        <p>\n          YILLIK<br>\n          DENEY\u0130M\n        <\/p>\n\n      <\/div>\n\n      <div class=\"nivostra-stat-box\">\n\n        <div class=\"nivostra-stat-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 21s-7-4.3-7-10a7 7 0 0 1 14 0c0 5.7-7 10-7 10z\"><\/path>\n            <path d=\"M9 11l2 2 4-4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong>98%<\/strong>\n\n        <p>\n          M\u00dc\u015eTER\u0130<br>\n          MEMNUN\u0130YET\u0130\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f4e9df;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9d6b3e;\n  --nivostra-gold-soft: #b9824f;\n  --nivostra-gold-light: #dfb98f;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6f655d;\n  --nivostra-text-soft: #84786f;\n\n  --nivostra-white: #ffffff;\n\n  --nivostra-border: rgba(204, 154, 102, 0.42);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.18);\n}\n\n\/* =====================================================\n   ANA B\u00d6L\u00dcM\n===================================================== *\/\n\n.nivostra-stats-section {\n  position: relative;\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  color: var(--nivostra-title);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(212, 178, 133, 0.18),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(164, 136, 113, 0.16),\n      transparent 38%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #fbf8f3 48%,\n      #ffffff 100%\n    );\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n}\n\n\n\/* =====================================================\n   H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT\n===================================================== *\/\n\n.nivostra-stats-service-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.stats-service-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 165px;\n  animation: nivostraStatsServiceRotate 24s linear infinite !important;\n}\n\n.stats-service-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: 85px;\n  animation: nivostraStatsServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-stats-service-orbit::before,\n.nivostra-stats-service-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow: 0 0 22px rgba(164, 136, 113, 0.48);\n}\n\n.nivostra-stats-service-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-stats-service-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-stats-service-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: 110px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraStatsServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-stats-service-route-line::before,\n.nivostra-stats-service-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-stats-service-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-stats-service-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-stats-service-sparkle,\n.nivostra-stats-service-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraStatsServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n.stats-service-sparkle-one {\n  top: 135px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.stats-service-sparkle-two {\n  bottom: 190px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s !important;\n}\n\n.nivostra-stats-service-plus {\n  top: 170px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-stats-service-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.stats-service-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 128px;\n  left: 30%;\n}\n\n.stats-service-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 125px;\n  right: 30%;\n}\n\n.stats-service-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraStatsServiceRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes nivostraStatsServiceRotateReverse {\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes nivostraStatsServiceFloat {\n  0%,\n  100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(-4deg);\n  }\n}\n\n@keyframes nivostraStatsServiceSparkle {\n  0%,\n  100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-stats-section *,\n.nivostra-stats-section *::before,\n.nivostra-stats-section *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\/* Arka plan \u00e7izgili dokusu *\/\n\n.nivostra-stats-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: 1;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    );\n\n  background-size: 80px 80px;\n\n  opacity: 0.56;\n\n  pointer-events: none;\n}\n\n\/* Sol taraftaki hafif \u0131\u015f\u0131k *\/\n\n.nivostra-stats-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 8%;\n  top: 18%;\n\n  z-index: 1;\n\n  width: 520px;\n  height: 260px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(204, 154, 102, 0.14),\n      transparent 68%\n    );\n\n  filter: blur(20px);\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   \u0130\u00c7 YERLE\u015e\u0130M\n===================================================== *\/\n\n.nivostra-stats-inner {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n\n  padding: 72px 0;\n\n  display: grid;\n\n  grid-template-columns:\n    0.78fr\n    1.52fr;\n\n  gap: 58px;\n\n  align-items: center;\n}\n\n\/* =====================================================\n   SOL BA\u015eLIK\n===================================================== *\/\n\n.nivostra-stats-heading {\n  max-width: 500px;\n}\n\n.nivostra-stats-heading span {\n  position: relative;\n\n  display: inline-block;\n\n  margin-bottom: 16px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n}\n\n\/* K\u00fc\u00e7\u00fck ba\u015fl\u0131k alt \u00e7izgisi *\/\n\n.nivostra-stats-heading span::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: -8px;\n\n  width: 42px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nivostra-gold),\n      transparent\n    );\n}\n\n.nivostra-stats-heading h2 {\n  margin: 0 0 18px;\n\n  color: var(--nivostra-title);\n\n  font-size: clamp(\n    42px,\n    3.6vw,\n    68px\n  );\n\n  line-height: 1.06;\n  font-weight: 400;\n}\n\n.nivostra-stats-heading p {\n  margin: 0;\n\n  color: var(--nivostra-text);\n\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n\/* =====================================================\n   \u0130STAT\u0130ST\u0130K IZGARASI\n===================================================== *\/\n\n.nivostra-stats-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(210px, 1fr));\n\n  gap: 20px;\n}\n\n\/* =====================================================\n   \u0130STAT\u0130ST\u0130K KARTI\n===================================================== *\/\n\n.nivostra-stat-box {\n  position: relative;\n\n  min-height: 230px;\n\n  padding:\n    28px\n    22px\n    24px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.56);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.98),\n      rgba(255, 249, 243, 0.94)\n    );\n\n  text-align: center;\n\n  box-shadow:\n    0 20px 44px rgba(93, 64, 40, 0.10),\n    0 4px 12px rgba(93, 64, 40, 0.035),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  transition:\n    transform 0.35s ease,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease,\n    background 0.35s ease;\n}\n\n\/* \u0130\u00e7 \u00e7er\u00e7eve *\/\n\n.nivostra-stat-box::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 12px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.18);\n\n  pointer-events: none;\n\n  transition:\n    inset 0.35s ease,\n    border-color 0.35s ease;\n}\n\n\/* K\u00f6\u015fe \u0131\u015f\u0131\u011f\u0131 *\/\n\n.nivostra-stat-box::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: -62px;\n  top: -62px;\n\n  width: 150px;\n  height: 150px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(204, 154, 102, 0.24),\n      transparent 68%\n    );\n\n  opacity: 0;\n\n  transition:\n    opacity 0.35s ease;\n}\n\n\/* =====================================================\n   \u0130KON\n===================================================== *\/\n\n.nivostra-stat-icon {\n  position: relative;\n  z-index: 2;\n\n  width: 58px;\n  height: 58px;\n\n  margin: 0 auto 20px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.58);\n\n  border-radius: 50%;\n\n  color: var(--nivostra-gold-dark);\n\n  background:\n    radial-gradient(\n      circle,\n      #ffffff 0%,\n      #fff7ef 72%\n    );\n\n  box-shadow:\n    0 0 0 8px rgba(204, 154, 102, 0.06),\n    0 10px 22px rgba(204, 154, 102, 0.11),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  transition:\n    color 0.35s ease,\n    background 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-stat-icon svg {\n  width: 25px;\n  height: 25px;\n\n  fill: none;\n\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n  transition:\n    stroke 0.35s ease;\n}\n\n\/* =====================================================\n   RAKAMLAR\n===================================================== *\/\n\n.nivostra-stat-box strong {\n  position: relative;\n  z-index: 2;\n\n  display: block;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: clamp(\n    42px,\n    3vw,\n    60px\n  );\n\n  line-height: 1;\n  font-weight: 400;\n  letter-spacing: 0.2px;\n\n  white-space: nowrap;\n\n  text-shadow:\n    0 4px 16px rgba(204, 154, 102, 0.10);\n}\n\n.nivostra-stat-box strong.long-number {\n  font-size: clamp(\n    34px,\n    2.35vw,\n    48px\n  );\n\n  letter-spacing: -0.5px;\n}\n\n.nivostra-stat-box em {\n  position: relative;\n  z-index: 2;\n\n  display: block;\n\n  margin-top: 5px;\n\n  color: var(--nivostra-gold);\n\n  font-size: 24px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: 700;\n}\n\n.nivostra-stat-box p {\n  position: relative;\n  z-index: 2;\n\n  max-width: 180px;\n\n  margin: 20px auto 0;\n\n  color: var(--nivostra-title);\n\n  font-size: 16px;\n  line-height: 1.42;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n\n  text-transform: uppercase;\n}\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.nivostra-stat-box:hover {\n  transform:\n    translateY(-8px);\n\n  border-color:\n    rgba(204, 154, 102, 0.90);\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fff7ef\n    );\n\n  box-shadow:\n    0 28px 58px rgba(93, 64, 40, 0.16),\n    0 7px 16px rgba(93, 64, 40, 0.05),\n    0 0 28px rgba(204, 154, 102, 0.10);\n}\n\n.nivostra-stat-box:hover::before {\n  inset: 10px;\n\n  border-color:\n    rgba(204, 154, 102, 0.34);\n}\n\n.nivostra-stat-box:hover::after {\n  opacity: 1;\n}\n\n.nivostra-stat-box:hover .nivostra-stat-icon {\n  color: #ffffff;\n\n  transform:\n    translateY(-3px);\n\n  background:\n    radial-gradient(\n      circle,\n      #d9aa78,\n      var(--nivostra-gold) 72%\n    );\n\n  box-shadow:\n    0 0 0 9px rgba(204, 154, 102, 0.08),\n    0 14px 28px rgba(204, 154, 102, 0.25);\n}\n\n.nivostra-stat-box:hover .nivostra-stat-icon svg {\n  stroke: #ffffff;\n}\n\n.nivostra-stat-box:hover strong {\n  color: var(--nivostra-gold);\n}\n\n\/* =====================================================\n   G\u0130R\u0130\u015e AN\u0130MASYONLARI\n===================================================== *\/\n\n.nivostra-stats-heading,\n.nivostra-stat-box {\n  opacity: 0;\n\n  transform:\n    translateY(24px);\n\n  filter:\n    blur(7px);\n\n  animation:\n    nivostraStatsReveal\n    0.9s\n    cubic-bezier(0.16, 0.84, 0.26, 1)\n    forwards;\n}\n\n.nivostra-stat-box:nth-child(1) {\n  animation-delay: 0.14s;\n}\n\n.nivostra-stat-box:nth-child(2) {\n  animation-delay: 0.28s;\n}\n\n.nivostra-stat-box:nth-child(3) {\n  animation-delay: 0.42s;\n}\n\n.nivostra-stat-box:nth-child(4) {\n  animation-delay: 0.56s;\n}\n\n@keyframes nivostraStatsReveal {\n  0% {\n    opacity: 0;\n\n    transform:\n      translateY(24px);\n\n    filter:\n      blur(7px);\n  }\n\n  60% {\n    opacity: 1;\n\n    transform:\n      translateY(-4px);\n\n    filter:\n      blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* =====================================================\n   ORTA BOY EKRANLAR\n===================================================== *\/\n\n@media (max-width: 1300px) {\n  .nivostra-stats-inner {\n    grid-template-columns: 1fr;\n\n    gap: 40px;\n  }\n\n  .nivostra-stats-heading {\n    max-width: 760px;\n\n    margin: 0 auto;\n\n    text-align: center;\n  }\n\n  .nivostra-stats-heading span::after {\n    left: 50%;\n\n    transform:\n      translateX(-50%);\n  }\n\n  .nivostra-stats-grid {\n    grid-template-columns:\n      repeat(4, minmax(180px, 1fr));\n  }\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1100px) {\n  .nivostra-stats-inner {\n    width: calc(100% - 60px);\n\n    padding: 60px 0;\n  }\n\n  .nivostra-stats-grid {\n    grid-template-columns:\n      repeat(2, 1fr);\n  }\n\n  .nivostra-stat-box strong.long-number {\n    font-size: clamp(\n      38px,\n      5vw,\n      54px\n    );\n  }\n}\n\n\/* =====================================================\n   MOB\u0130L\n===================================================== *\/\n\n@media (max-width: 640px) {\n  .nivostra-stats-inner {\n    width: calc(100% - 36px);\n\n    padding: 46px 0;\n\n    gap: 30px;\n  }\n\n  .nivostra-stats-heading span {\n    margin-bottom: 14px;\n\n    font-size: 15px;\n  }\n\n  .nivostra-stats-heading h2 {\n    font-size: 36px;\n    line-height: 1.08;\n  }\n\n  .nivostra-stats-heading p {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .nivostra-stats-grid {\n    grid-template-columns: 1fr;\n\n    gap: 16px;\n  }\n\n  .nivostra-stat-box {\n    min-height: 190px;\n\n    padding:\n      24px\n      18px\n      22px;\n  }\n\n  .nivostra-stat-box:hover {\n    transform: none;\n  }\n\n  .nivostra-stat-icon {\n    width: 52px;\n    height: 52px;\n\n    margin-bottom: 18px;\n  }\n\n  .nivostra-stat-box strong,\n  .nivostra-stat-box strong.long-number {\n    font-size: 46px;\n  }\n\n  .nivostra-stat-box p {\n    max-width: 100%;\n\n    font-size: 15px;\n  }\n}\n\n\n@media (max-width: 1100px) {\n  .stats-service-orbit-two {\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 640px) {\n  .stats-service-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 210px;\n    opacity: 0.55;\n  }\n\n  .stats-service-orbit-two,\n  .nivostra-stats-service-route-line,\n  .stats-service-sparkle-two,\n  .nivostra-stats-service-plus,\n  .stats-service-dot-three {\n    display: none;\n  }\n}\n\n\/* =====================================================\n   HAREKET\u0130 AZALTAN KULLANICILAR\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-stats-heading,\n  .nivostra-stat-box {\n    opacity: 1;\n\n    transform: none;\n\n    filter: none;\n\n    animation: none;\n  }\n\n  .nivostra-stat-box,\n  .nivostra-stat-icon,\n  .nivostra-stat-icon svg {\n    transition: none;\n  }\n}\n\n\/* H\u0130ZMETLER\u0130M\u0130Z EFEKT\u0130 \u0130\u00c7\u0130N AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-stats-section .stats-service-orbit-one {\n  animation: nivostraStatsServiceRotate 24s linear infinite !important;\n}\n\n.nivostra-stats-section .stats-service-orbit-two {\n  animation: nivostraStatsServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-stats-section .nivostra-stats-service-route-line {\n  animation: nivostraStatsServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-stats-section .nivostra-stats-service-sparkle,\n.nivostra-stats-section .nivostra-stats-service-plus {\n  animation: nivostraStatsServiceSparkle 4.8s ease-in-out infinite !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e509d4c e-con e-atomic-element e-flexbox-base e-8872ad5 \" data-id=\"e509d4c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e509d4c\">\n    \t\t<div class=\"elementor-element elementor-element-df0b880 elementor-widget elementor-widget-html\" data-id=\"df0b880\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-testimonials-section\">\n\n  <div class=\"nivostra-testimonials-service-orbit testimonials-service-orbit-one\"><\/div>\n  <div class=\"nivostra-testimonials-service-orbit testimonials-service-orbit-two\"><\/div>\n  <div class=\"nivostra-testimonials-service-route-line\"><\/div>\n  <div class=\"nivostra-testimonials-service-sparkle testimonials-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-testimonials-service-sparkle testimonials-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-testimonials-service-plus\">+<\/div>\n  <div class=\"nivostra-testimonials-service-dot testimonials-service-dot-one\"><\/div>\n  <div class=\"nivostra-testimonials-service-dot testimonials-service-dot-two\"><\/div>\n  <div class=\"nivostra-testimonials-service-dot testimonials-service-dot-three\"><\/div>\n\n  <div class=\"nivostra-testimonials-inner\">\n\n    <div class=\"nivostra-testimonials-head\">\n      <span>M\u00dc\u015eTER\u0130 YORUMLARI<\/span>\n\n      <h2>M\u00fc\u015fterilerimiz Ne Diyor?<\/h2>\n\n      <p>\n        Ya\u015fam alanlar\u0131n\u0131 Nivostra dokunu\u015fuyla yenileyen m\u00fc\u015fterilerimizin deneyimleri.\n      <\/p>\n    <\/div>\n\n    <div class=\"nivostra-testimonial-box\">\n\n      <button\n        type=\"button\"\n        class=\"testimonial-nav testimonial-prev\"\n        aria-label=\"\u00d6nceki yorum\"\n      >\n        \u2039\n      <\/button>\n\n      <button\n        type=\"button\"\n        class=\"testimonial-nav testimonial-next\"\n        aria-label=\"Sonraki yorum\"\n      >\n        \u203a\n      <\/button>\n\n      <div class=\"nivostra-testimonial-slide active\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Evimizin yenileme s\u00fcrecinde hem tasar\u0131m hem de uygulama taraf\u0131nda\n          \u00e7ok profesyonel bir s\u00fcre\u00e7 ya\u015fad\u0131k. Her detay bizim kullan\u0131m\n          al\u0131\u015fkanl\u0131klar\u0131m\u0131za g\u00f6re d\u00fc\u015f\u00fcn\u00fcld\u00fc.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=47\"\n            alt=\"Elif K.\"\n          >\n\n          <div>\n            <strong>Elif K.<\/strong>\n            <span>Villa Renovasyonu \u00b7 \u0130stanbul<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Ofisimizin d\u00f6n\u00fc\u015f\u00fcm\u00fcnde Nivostra, markam\u0131z\u0131n kurumsal duru\u015funu\n          mekana \u00e7ok do\u011fru yans\u0131tt\u0131. S\u00fcre\u00e7 planl\u0131, ileti\u015fim net ve sonu\u00e7\n          beklentimizin \u00fczerindeydi.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=12\"\n            alt=\"Murat A.\"\n          >\n\n          <div>\n            <strong>Murat A.<\/strong>\n            <span>Ofis Tadilat\u0131 \u00b7 Ankara<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          \u0130\u00e7 mimari tasar\u0131m s\u00fcrecinde sadece g\u00fczel bir mekan de\u011fil,\n          ger\u00e7ekten kullan\u0131\u015fl\u0131 ve zamans\u0131z bir ya\u015fam alan\u0131 ortaya \u00e7\u0131kt\u0131.\n          Malzeme se\u00e7imleri \u00e7ok ba\u015far\u0131l\u0131yd\u0131.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=32\"\n            alt=\"Selin D.\"\n          >\n\n          <div>\n            <strong>Selin D.<\/strong>\n            <span>\u0130\u00e7 Mimari Tasar\u0131m \u00b7 \u0130zmir<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Anahtar teslim tadilat bizim i\u00e7in \u00e7ok stresli g\u00f6r\u00fcn\u00fcyordu fakat\n          t\u00fcm s\u00fcre\u00e7 tek elden y\u00f6netildi. Zamanlama, takip ve uygulama\n          kalitesi ger\u00e7ekten g\u00fcven verdi.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=15\"\n            alt=\"Can B.\"\n          >\n\n          <div>\n            <strong>Can B.<\/strong>\n            <span>Anahtar Teslim Tadilat \u00b7 Bursa<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Tasar\u0131m \u00f6nerileri \u00e7ok rafineydi. Fazla g\u00f6steri\u015fli olmayan ama\n          kaliteli hissettiren bir ev istiyorduk; sonu\u00e7 tam olarak hayal\n          etti\u011fimiz gibi oldu.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=25\"\n            alt=\"Ay\u015fe T.\"\n          >\n\n          <div>\n            <strong>Ay\u015fe T.<\/strong>\n            <span>Daire Yenileme \u00b7 Antalya<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Projemizde her a\u015fama bize net \u015fekilde aktar\u0131ld\u0131. \u00d6zellikle\n          malzeme kalitesi ve uygulama detaylar\u0131 konusunda \u00e7ok titiz\n          bir yakla\u015f\u0131m vard\u0131.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=38\"\n            alt=\"Deniz Y.\"\n          >\n\n          <div>\n            <strong>Deniz Y.<\/strong>\n            <span>Yazl\u0131k Renovasyonu \u00b7 Mu\u011fla<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Ticari alan\u0131m\u0131z\u0131n tasar\u0131m\u0131nda hem m\u00fc\u015fteri deneyimi hem de\n          operasyonel kullan\u0131m \u00e7ok iyi d\u00fc\u015f\u00fcn\u00fclm\u00fc\u015f. Mekan\u0131m\u0131z art\u0131k \u00e7ok\n          daha g\u00fc\u00e7l\u00fc bir marka alg\u0131s\u0131 veriyor.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=53\"\n            alt=\"Burak S.\"\n          >\n\n          <div>\n            <strong>Burak S.<\/strong>\n            <span>Ticari Alan Tasar\u0131m\u0131 \u00b7 Kocaeli<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Nivostra ile \u00e7al\u0131\u015f\u0131rken en sevdi\u011fimiz \u015fey, sadece tasar\u0131m\n          sunmalar\u0131 de\u011fil; s\u00fcreci ger\u00e7ekten sahiplenmeleriydi. Sonu\u00e7 \u00e7ok\n          dengeli ve \u015f\u0131k oldu.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=44\"\n            alt=\"Ece M.\"\n          >\n\n          <div>\n            <strong>Ece M.<\/strong>\n            <span>Salon &amp; Mutfak Tasar\u0131m\u0131 \u00b7 Eski\u015fehir<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          Ba\u015fta sadece tadilat olarak d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcm\u00fcz s\u00fcre\u00e7, profesyonel\n          mimari yakla\u015f\u0131mla \u00e7ok daha kapsaml\u0131 ve de\u011ferli bir d\u00f6n\u00fc\u015f\u00fcme\n          evrildi.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=18\"\n            alt=\"Kerem N.\"\n          >\n\n          <div>\n            <strong>Kerem N.<\/strong>\n            <span>Ev Tadilat\u0131 \u00b7 \u0130stanbul<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-testimonial-slide\">\n\n        <div class=\"big-quote\">\u201c<\/div>\n\n        <div class=\"testimonial-stars\">\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n          <span>\u2605<\/span>\n        <\/div>\n\n        <p>\n          S\u00fcrecin ba\u015f\u0131ndan sonuna kadar hem estetik hem de teknik anlamda\n          \u00e7ok do\u011fru y\u00f6nlendirildik. Ortaya \u00e7\u0131kan mekan, beklentimizin \u00e7ok\n          \u00fczerinde oldu.\n        <\/p>\n\n        <div class=\"testimonial-user\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pravatar.cc\/120?img=29\"\n            alt=\"Melis R.\"\n          >\n\n          <div>\n            <strong>Melis R.<\/strong>\n            <span>\u0130\u00e7 Mekan Yenileme \u00b7 Ankara<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"nivostra-testimonial-dots\">\n\n      <button\n        class=\"active\"\n        type=\"button\"\n        aria-label=\"1. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"2. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"3. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"4. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"5. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"6. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"7. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"8. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"9. yorum\"\n      ><\/button>\n\n      <button\n        type=\"button\"\n        aria-label=\"10. yorum\"\n      ><\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f5ebe1;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-soft: #b9824f;\n  --nivostra-gold-light: #e4bd95;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6f655d;\n  --nivostra-text-soft: #887b70;\n\n  --nivostra-white: #ffffff;\n\n  --nivostra-border: rgba(204, 154, 102, 0.42);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.18);\n}\n\n\/* =====================================================\n   ANA B\u00d6L\u00dcM\n===================================================== *\/\n\n.nivostra-testimonials-section {\n  position: relative;\n\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(212, 178, 133, 0.18),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(164, 136, 113, 0.16),\n      transparent 38%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #fbf8f3 48%,\n      #ffffff 100%\n    );\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  overflow: hidden;\n\n  color: var(--nivostra-title);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\n\/* =====================================================\n   H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT\n===================================================== *\/\n\n.nivostra-testimonials-service-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.testimonials-service-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 165px;\n  animation: nivostraTestimonialsServiceRotate 24s linear infinite !important;\n}\n\n.testimonials-service-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: 85px;\n  animation: nivostraTestimonialsServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-testimonials-service-orbit::before,\n.nivostra-testimonials-service-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow: 0 0 22px rgba(164, 136, 113, 0.48);\n}\n\n.nivostra-testimonials-service-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-testimonials-service-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-testimonials-service-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: 110px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraTestimonialsServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-testimonials-service-route-line::before,\n.nivostra-testimonials-service-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-testimonials-service-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-testimonials-service-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-testimonials-service-sparkle,\n.nivostra-testimonials-service-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraTestimonialsServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n.testimonials-service-sparkle-one {\n  top: 135px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.testimonials-service-sparkle-two {\n  bottom: 190px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s !important;\n}\n\n.nivostra-testimonials-service-plus {\n  top: 170px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-testimonials-service-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.testimonials-service-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 128px;\n  left: 30%;\n}\n\n.testimonials-service-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 125px;\n  right: 30%;\n}\n\n.testimonials-service-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraTestimonialsServiceRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes nivostraTestimonialsServiceRotateReverse {\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes nivostraTestimonialsServiceFloat {\n  0%,\n  100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(-4deg);\n  }\n}\n\n@keyframes nivostraTestimonialsServiceSparkle {\n  0%,\n  100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-testimonials-section *,\n.nivostra-testimonials-section *::before,\n.nivostra-testimonials-section *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\/* Arka plan dokusu *\/\n\n.nivostra-testimonials-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    );\n\n  background-size: 80px 80px;\n\n  opacity: 0.56;\n\n  pointer-events: none;\n}\n\n\/* \u00dcst dekoratif \u00e7izgi *\/\n\n.nivostra-testimonials-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  top: 42px;\n\n  width: min(\n    1180px,\n    calc(100% - 120px)\n  );\n\n  height: 1px;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.15),\n      rgba(204, 154, 102, 0.70),\n      rgba(204, 154, 102, 0.15),\n      transparent\n    );\n\n  box-shadow:\n    0 0 16px rgba(204, 154, 102, 0.12);\n\n  opacity: 0.78;\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   \u0130\u00c7 KONTEYNER\n===================================================== *\/\n\n.nivostra-testimonials-inner {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n\n  padding: 92px 0 76px;\n}\n\n\/* =====================================================\n   BA\u015eLIK ALANI\n===================================================== *\/\n\n.nivostra-testimonials-head {\n  margin: 0 auto 38px;\n\n  text-align: center;\n}\n\n.nivostra-testimonials-head span {\n  position: relative;\n\n  display: inline-block;\n\n  margin-bottom: 12px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 17px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n}\n\n.nivostra-testimonials-head span::before,\n.nivostra-testimonials-head span::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 50%;\n\n  width: 44px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.84)\n    );\n}\n\n.nivostra-testimonials-head span::before {\n  right: calc(100% + 16px);\n}\n\n.nivostra-testimonials-head span::after {\n  left: calc(100% + 16px);\n\n  transform:\n    rotate(180deg);\n}\n\n.nivostra-testimonials-head h2 {\n  margin: 0;\n\n  color: var(--nivostra-title);\n\n  font-size: clamp(\n    40px,\n    3.4vw,\n    66px\n  );\n\n  line-height: 1.08;\n  font-weight: 400;\n}\n\n.nivostra-testimonials-head p {\n  max-width: 560px;\n\n  margin: 18px auto 0;\n\n  color: var(--nivostra-text);\n\n  font-size: 17px;\n  line-height: 1.6;\n}\n\n\/* =====================================================\n   ANA YORUM KUTUSU\n===================================================== *\/\n\n.nivostra-testimonial-box {\n  position: relative;\n\n  width: 100%;\n  max-width: 1020px;\n  min-height: 405px;\n\n  margin: 0 auto;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.58);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.98),\n      rgba(255, 249, 243, 0.94)\n    );\n\n  box-shadow:\n    0 26px 65px rgba(93, 64, 40, 0.14),\n    0 6px 16px rgba(93, 64, 40, 0.05),\n    inset 0 1px 0 rgba(255, 255, 255, 1),\n    0 0 48px rgba(204, 154, 102, 0.08);\n\n  overflow: hidden;\n\n  cursor: grab;\n\n  user-select: none;\n\n  touch-action: pan-y;\n}\n\n.nivostra-testimonial-box.dragging {\n  cursor: grabbing;\n}\n\n\/* \u0130\u00e7 \u00e7er\u00e7eve *\/\n\n.nivostra-testimonial-box::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 18px;\n\n  z-index: 1;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.22);\n\n  pointer-events: none;\n}\n\n\/* Sa\u011f \u00fcst \u0131\u015f\u0131k *\/\n\n.nivostra-testimonial-box::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: -120px;\n  top: -120px;\n\n  width: 320px;\n  height: 320px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(204, 154, 102, 0.20),\n      transparent 68%\n    );\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   SLIDE\n===================================================== *\/\n\n.nivostra-testimonial-slide {\n  position: absolute;\n\n  inset: 0;\n\n  display: none;\n\n  padding:\n    76px\n    130px\n    78px;\n\n  text-align: center;\n\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  opacity: 0;\n\n  transform:\n    translateY(14px);\n\n  filter:\n    blur(5px);\n\n  z-index: 2;\n}\n\n.nivostra-testimonial-slide.active {\n  display: flex;\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n\n  filter:\n    blur(0);\n\n  animation:\n    testimonialFade\n    0.55s\n    ease\n    forwards;\n}\n\n@keyframes testimonialFade {\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(14px);\n\n    filter:\n      blur(5px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* =====================================================\n   B\u00dcY\u00dcK TIRNAK\n===================================================== *\/\n\n.big-quote {\n  position: absolute;\n\n  left: 54px;\n  top: 28px;\n\n  color:\n    rgba(204, 154, 102, 0.46);\n\n  font-size: 150px;\n  line-height: 1;\n  font-weight: 400;\n\n  text-shadow:\n    0 7px 20px rgba(204, 154, 102, 0.15);\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   YILDIZLAR\n===================================================== *\/\n\n.testimonial-stars {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 5px;\n\n  margin-bottom: 24px;\n\n  color: var(--nivostra-gold);\n\n  font-size: 18px;\n  letter-spacing: 1px;\n\n  text-shadow:\n    0 3px 12px rgba(204, 154, 102, 0.18);\n}\n\n\/* =====================================================\n   YORUM METN\u0130\n===================================================== *\/\n\n.nivostra-testimonial-slide p {\n  max-width: 720px;\n\n  margin: 0 auto;\n\n  color: var(--nivostra-title);\n\n  font-size: 21px;\n  line-height: 1.68;\n\n  text-align: center;\n}\n\n\/* =====================================================\n   KULLANICI\n===================================================== *\/\n\n.testimonial-user {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 16px;\n\n  margin-top: 34px;\n\n  text-align: left;\n}\n\n.testimonial-user img {\n  display: block;\n\n  width: 62px;\n  height: 62px;\n\n  object-fit: cover;\n\n  padding: 3px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.72);\n\n  border-radius: 50%;\n\n  background:\n    #fff8f1;\n\n  box-shadow:\n    0 0 0 4px rgba(204, 154, 102, 0.06),\n    0 10px 24px rgba(93, 64, 40, 0.15);\n}\n\n.testimonial-user strong {\n  display: block;\n\n  color: var(--nivostra-title);\n\n  font-size: 18px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.testimonial-user span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: var(--nivostra-text);\n\n  font-size: 15px;\n  line-height: 1.25;\n}\n\n\/* =====================================================\n   OKLAR\n===================================================== *\/\n\n.testimonial-nav {\n  position: absolute;\n\n  top: 50%;\n\n  z-index: 6;\n\n  width: 44px;\n  height: 44px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.62);\n\n  background:\n    rgba(255, 255, 255, 0.74);\n\n  color:\n    var(--nivostra-gold-dark);\n\n  font-size: 34px;\n  line-height: 1;\n\n  cursor: pointer;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  transform:\n    translateY(-50%);\n\n  box-shadow:\n    0 8px 20px rgba(93, 64, 40, 0.08);\n\n  transition:\n    color 0.35s ease,\n    background 0.35s ease,\n    border-color 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.testimonial-prev {\n  left: 28px;\n}\n\n.testimonial-next {\n  right: 28px;\n}\n\n.testimonial-nav:hover {\n  color: #ffffff;\n\n  background:\n    var(--nivostra-gold);\n\n  border-color:\n    var(--nivostra-gold);\n\n  transform:\n    translateY(-50%)\n    scale(1.06);\n\n  box-shadow:\n    0 12px 26px rgba(204, 154, 102, 0.24);\n}\n\n\/* =====================================================\n   NOKTALAR\n===================================================== *\/\n\n.nivostra-testimonial-dots {\n  max-width: 1020px;\n\n  margin: 22px auto 0;\n\n  display: flex;\n\n  justify-content: center;\n\n  gap: 9px;\n}\n\n.nivostra-testimonial-dots button {\n  width: 9px;\n  height: 9px;\n\n  padding: 0;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.68);\n\n  border-radius: 50%;\n\n  background:\n    rgba(204, 154, 102, 0.12);\n\n  cursor: pointer;\n\n  transition:\n    width 0.35s ease,\n    border-radius 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-testimonial-dots button.active {\n  width: 28px;\n\n  border-radius: 20px;\n\n  background:\n    var(--nivostra-gold);\n\n  box-shadow:\n    0 0 14px rgba(204, 154, 102, 0.45);\n}\n\n\/* =====================================================\n   G\u0130R\u0130\u015e AN\u0130MASYONLARI\n===================================================== *\/\n\n.nivostra-testimonials-head,\n.nivostra-testimonial-box,\n.nivostra-testimonial-dots {\n  opacity: 0;\n\n  transform:\n    translateY(24px);\n\n  filter:\n    blur(7px);\n\n  animation:\n    nivostraTestimonialReveal\n    0.9s\n    cubic-bezier(0.16, 0.84, 0.26, 1)\n    forwards;\n}\n\n.nivostra-testimonial-box {\n  animation-delay: 0.14s;\n}\n\n.nivostra-testimonial-dots {\n  animation-delay: 0.26s;\n}\n\n@keyframes nivostraTestimonialReveal {\n  0% {\n    opacity: 0;\n\n    transform:\n      translateY(24px);\n\n    filter:\n      blur(7px);\n  }\n\n  60% {\n    opacity: 1;\n\n    transform:\n      translateY(-4px);\n\n    filter:\n      blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1100px) {\n  .nivostra-testimonials-inner {\n    width: calc(100% - 60px);\n  }\n\n  .nivostra-testimonial-box {\n    max-width: 920px;\n\n    min-height: 420px;\n  }\n\n  .nivostra-testimonial-slide {\n    padding:\n      78px\n      96px\n      78px;\n  }\n\n  .big-quote {\n    left: 38px;\n\n    font-size: 126px;\n  }\n}\n\n\/* =====================================================\n   MOB\u0130L\n===================================================== *\/\n\n@media (max-width: 680px) {\n  .nivostra-testimonials-section::after {\n    top: 28px;\n\n    width: calc(100% - 36px);\n  }\n\n  .nivostra-testimonials-inner {\n    width: calc(100% - 36px);\n\n    padding:\n      62px\n      0\n      58px;\n  }\n\n  .nivostra-testimonials-head {\n    margin-bottom: 30px;\n  }\n\n  .nivostra-testimonials-head span {\n    font-size: 14px;\n  }\n\n  .nivostra-testimonials-head span::before,\n  .nivostra-testimonials-head span::after {\n    display: none;\n  }\n\n  .nivostra-testimonials-head h2 {\n    font-size: 34px;\n    line-height: 1.14;\n  }\n\n  .nivostra-testimonials-head p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .nivostra-testimonial-box {\n    min-height: 500px;\n  }\n\n  .nivostra-testimonial-slide {\n    padding:\n      84px\n      26px\n      96px;\n  }\n\n  .big-quote {\n    top: 22px;\n    left: 22px;\n\n    font-size: 96px;\n  }\n\n  .testimonial-stars {\n    margin-bottom: 20px;\n\n    font-size: 16px;\n  }\n\n  .nivostra-testimonial-slide p {\n    max-width: 100%;\n\n    font-size: 17px;\n    line-height: 1.68;\n  }\n\n  .testimonial-user {\n    margin-top: 28px;\n\n    flex-direction: column;\n\n    gap: 12px;\n\n    text-align: center;\n  }\n\n  .testimonial-user img {\n    width: 58px;\n    height: 58px;\n  }\n\n  .testimonial-nav {\n    top: auto;\n    bottom: 28px;\n\n    width: 38px;\n    height: 38px;\n\n    font-size: 30px;\n\n    transform: none;\n  }\n\n  .testimonial-prev {\n    left: calc(50% - 46px);\n  }\n\n  .testimonial-next {\n    right: calc(50% - 46px);\n  }\n\n  .testimonial-nav:hover {\n    transform:\n      scale(1.05);\n  }\n\n  .nivostra-testimonial-dots {\n    margin-top: 18px;\n\n    flex-wrap: wrap;\n  }\n}\n\n\n@media (max-width: 1100px) {\n  .testimonials-service-orbit-two {\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 680px) {\n  .testimonials-service-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 210px;\n    opacity: 0.55;\n  }\n\n  .testimonials-service-orbit-two,\n  .nivostra-testimonials-service-route-line,\n  .testimonials-service-sparkle-two,\n  .nivostra-testimonials-service-plus,\n  .testimonials-service-dot-three {\n    display: none;\n  }\n}\n\n\/* =====================================================\n   HAREKET\u0130 AZALTAN KULLANICILAR\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-testimonials-head,\n  .nivostra-testimonial-box,\n  .nivostra-testimonial-dots,\n  .nivostra-testimonial-slide {\n    opacity: 1;\n\n    transform: none;\n\n    filter: none;\n\n    animation: none;\n\n    transition: none;\n  }\n}\n\n\/* H\u0130ZMETLER\u0130M\u0130Z EFEKT\u0130 \u0130\u00c7\u0130N AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-testimonials-section .testimonials-service-orbit-one {\n  animation: nivostraTestimonialsServiceRotate 24s linear infinite !important;\n}\n\n.nivostra-testimonials-section .testimonials-service-orbit-two {\n  animation: nivostraTestimonialsServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-testimonials-section .nivostra-testimonials-service-route-line {\n  animation: nivostraTestimonialsServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-testimonials-section .nivostra-testimonials-service-sparkle,\n.nivostra-testimonials-section .nivostra-testimonials-service-plus {\n  animation: nivostraTestimonialsServiceSparkle 4.8s ease-in-out infinite !important;\n}\n<\/style>\n\n<script>\n(function () {\n  const sections = document.querySelectorAll(\n    '.nivostra-testimonials-section'\n  );\n\n  sections.forEach(function (section) {\n    const box = section.querySelector(\n      '.nivostra-testimonial-box'\n    );\n\n    const slides = section.querySelectorAll(\n      '.nivostra-testimonial-slide'\n    );\n\n    const dots = section.querySelectorAll(\n      '.nivostra-testimonial-dots button'\n    );\n\n    const prev = section.querySelector(\n      '.testimonial-prev'\n    );\n\n    const next = section.querySelector(\n      '.testimonial-next'\n    );\n\n    if (\n      !box ||\n      !slides.length ||\n      !dots.length ||\n      !prev ||\n      !next\n    ) {\n      return;\n    }\n\n    let current = 0;\n    let timer;\n\n    let isDragging = false;\n    let startX = 0;\n    let currentX = 0;\n    let hasMoved = false;\n\n    const threshold = 55;\n\n    function showSlide(index) {\n      slides[current].classList.remove('active');\n      dots[current].classList.remove('active');\n\n      current =\n        (index + slides.length) %\n        slides.length;\n\n      slides[current].classList.add('active');\n      dots[current].classList.add('active');\n    }\n\n    function startAuto() {\n      stopAuto();\n\n      timer = setInterval(function () {\n        showSlide(current + 1);\n      }, 4800);\n    }\n\n    function stopAuto() {\n      if (timer) {\n        clearInterval(timer);\n      }\n    }\n\n    function resetAuto() {\n      stopAuto();\n      startAuto();\n    }\n\n    function goNext() {\n      showSlide(current + 1);\n      resetAuto();\n    }\n\n    function goPrev() {\n      showSlide(current - 1);\n      resetAuto();\n    }\n\n    next.addEventListener(\n      'click',\n      function (event) {\n        event.preventDefault();\n        goNext();\n      }\n    );\n\n    prev.addEventListener(\n      'click',\n      function (event) {\n        event.preventDefault();\n        goPrev();\n      }\n    );\n\n    dots.forEach(function (dot, index) {\n      dot.addEventListener(\n        'click',\n        function () {\n          showSlide(index);\n          resetAuto();\n        }\n      );\n    });\n\n    box.addEventListener(\n      'pointerdown',\n      function (event) {\n        if (event.target.closest('button')) {\n          return;\n        }\n\n        isDragging = true;\n        hasMoved = false;\n\n        startX = event.clientX;\n        currentX = event.clientX;\n\n        box.classList.add('dragging');\n\n        stopAuto();\n\n        try {\n          box.setPointerCapture(\n            event.pointerId\n          );\n        } catch (error) {}\n      }\n    );\n\n    box.addEventListener(\n      'pointermove',\n      function (event) {\n        if (!isDragging) {\n          return;\n        }\n\n        currentX = event.clientX;\n\n        const difference =\n          currentX - startX;\n\n        if (Math.abs(difference) > 6) {\n          hasMoved = true;\n        }\n\n        const activeSlide =\n          slides[current];\n\n        if (activeSlide) {\n          activeSlide.style.transform =\n            'translateX(' +\n            (difference * 0.18) +\n            'px)';\n        }\n      }\n    );\n\n    box.addEventListener(\n      'pointerup',\n      function (event) {\n        if (!isDragging) {\n          return;\n        }\n\n        const difference =\n          currentX - startX;\n\n        const activeSlide =\n          slides[current];\n\n        if (activeSlide) {\n          activeSlide.style.transform = '';\n        }\n\n        isDragging = false;\n\n        box.classList.remove('dragging');\n\n        if (\n          Math.abs(difference) >\n          threshold\n        ) {\n          if (difference < 0) {\n            showSlide(current + 1);\n          } else {\n            showSlide(current - 1);\n          }\n        }\n\n        resetAuto();\n\n        try {\n          box.releasePointerCapture(\n            event.pointerId\n          );\n        } catch (error) {}\n      }\n    );\n\n    box.addEventListener(\n      'pointercancel',\n      function () {\n        const activeSlide =\n          slides[current];\n\n        if (activeSlide) {\n          activeSlide.style.transform = '';\n        }\n\n        isDragging = false;\n\n        box.classList.remove('dragging');\n\n        resetAuto();\n      }\n    );\n\n    box.addEventListener(\n      'click',\n      function (event) {\n        if (hasMoved) {\n          event.preventDefault();\n          hasMoved = false;\n        }\n      }\n    );\n\n    startAuto();\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7f8e8bd e-con e-atomic-element e-flexbox-base e-2bb365e \" data-id=\"7f8e8bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f8e8bd\">\n    \t\t<div class=\"elementor-element elementor-element-17323fa elementor-widget elementor-widget-html\" data-id=\"17323fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-brand-marquee-section\" id=\"markalar\">\n\n  <div class=\"nivostra-brand-service-orbit brand-service-orbit-one\"><\/div>\n  <div class=\"nivostra-brand-service-orbit brand-service-orbit-two\"><\/div>\n  <div class=\"nivostra-brand-service-route-line\"><\/div>\n  <div class=\"nivostra-brand-service-sparkle brand-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-brand-service-sparkle brand-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-brand-service-plus\">+<\/div>\n  <div class=\"nivostra-brand-service-dot brand-service-dot-one\"><\/div>\n  <div class=\"nivostra-brand-service-dot brand-service-dot-two\"><\/div>\n  <div class=\"nivostra-brand-service-dot brand-service-dot-three\"><\/div>\n\n  <div class=\"nivostra-brand-marquee-head\">\n    <span>H\u0130ZMET VERD\u0130\u011e\u0130M\u0130Z MARKALAR<\/span>\n  <\/div>\n\n  <div class=\"nivostra-brand-marquee\">\n\n    <div class=\"nivostra-brand-track\">\n\n      <div class=\"nivostra-brand-group\">\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/teb-beyaz.png\"\n            alt=\"TEB\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/isa-bankasi-beyaz.png\"\n            alt=\"\u0130\u015f Bankas\u0131\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/deniz-bank-beyaz.png\"\n            alt=\"DenizBank\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ihlas-yapi.png\"\n            alt=\"\u0130hlas Yap\u0131\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/antalya-insaat.png\"\n            alt=\"Antalya \u0130n\u015faat\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/akbank-lofo.png\"\n            alt=\"Akbank\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ihlas-holding-logo.png\"\n            alt=\"\u0130hlas Holding\"\n          >\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nivostra-brand-group\" aria-hidden=\"true\">\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/teb-beyaz.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/isa-bankasi-beyaz.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/deniz-bank-beyaz.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ihlas-yapi.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/antalya-insaat.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/akbank-lofo.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n        <div class=\"nivostra-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ihlas-holding-logo.png\"\n            alt=\"\"\n          >\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f5ebe1;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-light: #e4bd95;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6f655d;\n\n  --nivostra-white: #ffffff;\n\n  --nivostra-border: rgba(204, 154, 102, 0.38);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.18);\n}\n\n\/* =====================================================\n   ANA ALAN\n===================================================== *\/\n\n.nivostra-brand-marquee-section {\n  position: relative;\n\n  width: 100%;\n\n  margin: 0 !important;\n\n  padding:\n    30px\n    0\n    34px !important;\n\n  overflow: hidden;\n\n  color: var(--nivostra-title);\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(212, 178, 133, 0.18),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(164, 136, 113, 0.16),\n      transparent 38%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #fbf8f3 48%,\n      #ffffff 100%\n    );\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\n\/* =====================================================\n   H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT\n===================================================== *\/\n\n.nivostra-brand-service-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.brand-service-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 35px;\n  animation: nivostraBrandServiceRotate 24s linear infinite !important;\n}\n\n.brand-service-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: -85px;\n  animation: nivostraBrandServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-brand-service-orbit::before,\n.nivostra-brand-service-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow: 0 0 22px rgba(164, 136, 113, 0.48);\n}\n\n.nivostra-brand-service-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-brand-service-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-brand-service-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: -20px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraBrandServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-brand-service-route-line::before,\n.nivostra-brand-service-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-brand-service-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-brand-service-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-brand-service-sparkle,\n.nivostra-brand-service-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  animation: nivostraBrandServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n.brand-service-sparkle-one {\n  top: 22px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.brand-service-sparkle-two {\n  bottom: 18px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s !important;\n}\n\n.nivostra-brand-service-plus {\n  top: 34px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-brand-service-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.brand-service-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 18px;\n  left: 30%;\n}\n\n.brand-service-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 16px;\n  right: 30%;\n}\n\n.brand-service-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraBrandServiceRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes nivostraBrandServiceRotateReverse {\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes nivostraBrandServiceFloat {\n  0%,\n  100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(-4deg);\n  }\n}\n\n@keyframes nivostraBrandServiceSparkle {\n  0%,\n  100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-brand-marquee-section *,\n.nivostra-brand-marquee-section *::before,\n.nivostra-brand-marquee-section *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\/* Hafif arka plan dokusu *\/\n\n.nivostra-brand-marquee-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    80px\n    80px;\n\n  opacity: 0.50;\n\n  pointer-events: none;\n}\n\n\/* Alt b\u00f6l\u00fcmde \u00e7ok hafif s\u0131cak \u0131\u015f\u0131k *\/\n\n.nivostra-brand-marquee-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  bottom: -120px;\n\n  width: 420px;\n  height: 200px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 50%;\n\n  background:\n    rgba(204, 154, 102, 0.12);\n\n  filter:\n    blur(70px);\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   BA\u015eLIK\n===================================================== *\/\n\n.nivostra-brand-marquee-head {\n  position: relative;\n  z-index: 2;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n\n  margin:\n    0\n    auto\n    18px;\n\n  text-align: center;\n}\n\n.nivostra-brand-marquee-head span {\n  position: relative;\n\n  display: inline-block;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.7px;\n}\n\n.nivostra-brand-marquee-head span::before,\n.nivostra-brand-marquee-head span::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 50%;\n\n  width: 68px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.82)\n    );\n}\n\n.nivostra-brand-marquee-head span::before {\n  right: calc(100% + 18px);\n\n  transform:\n    translateY(-50%)\n    rotate(180deg);\n}\n\n.nivostra-brand-marquee-head span::after {\n  left: calc(100% + 18px);\n\n  transform:\n    translateY(-50%);\n}\n\n\/* =====================================================\n   KAYAN ALAN\n===================================================== *\/\n\n.nivostra-brand-marquee {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n\n  overflow: hidden;\n}\n\n\/* Kenarlardaki yumu\u015fak kaybolma ge\u00e7i\u015fleri *\/\n\n.nivostra-brand-marquee::before,\n.nivostra-brand-marquee::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n\n  z-index: 3;\n\n  width: 140px;\n  height: 100%;\n\n  pointer-events: none;\n}\n\n.nivostra-brand-marquee::before {\n  left: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      #fbf5ee 0%,\n      rgba(251, 245, 238, 0.86) 24%,\n      transparent 100%\n    );\n}\n\n.nivostra-brand-marquee::after {\n  right: 0;\n\n  background:\n    linear-gradient(\n      270deg,\n      #fbf5ee 0%,\n      rgba(251, 245, 238, 0.86) 24%,\n      transparent 100%\n    );\n}\n\n\/* =====================================================\n   KAYAN TRACK\n===================================================== *\/\n\n.nivostra-brand-track {\n  display: flex;\n\n  width: max-content;\n\n  animation:\n    nivostraAutoBrandScroll\n    24s\n    linear\n    infinite;\n\n  will-change:\n    transform;\n}\n\n.nivostra-brand-group {\n  display: flex;\n\n  align-items: center;\n\n  gap: 16px;\n\n  padding-right: 16px;\n}\n\n\/* =====================================================\n   LOGO KARTLARI\n===================================================== *\/\n\n.nivostra-brand-logo {\n  position: relative;\n\n  flex: 0 0 auto;\n\n  width: 176px;\n  height: 68px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    14px\n    26px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.38);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.96),\n      rgba(255, 249, 243, 0.88)\n    );\n\n  box-shadow:\n    0 12px 28px rgba(92, 64, 40, 0.075),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n\n  transition:\n    border-color 0.35s ease,\n    background 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n\/* Logo kart\u0131n\u0131n \u00fcst \u00e7izgisi *\/\n\n.nivostra-brand-logo::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 18px;\n  right: 18px;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.62),\n      transparent\n    );\n\n  opacity: 0.55;\n\n  pointer-events: none;\n}\n\n\/* Hover \u0131\u015f\u0131\u011f\u0131 *\/\n\n.nivostra-brand-logo::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: -50px;\n  top: -50px;\n\n  width: 110px;\n  height: 110px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(204, 154, 102, 0.17);\n\n  filter:\n    blur(18px);\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  transition:\n    opacity 0.35s ease;\n}\n\n\/* =====================================================\n   LOGOLAR\n===================================================== *\/\n\n.nivostra-brand-logo img {\n  position: relative;\n  z-index: 2;\n\n  display: block;\n\n  width: auto;\n  height: auto;\n\n  max-width: 118px;\n  max-height: 36px;\n\n  object-fit: contain;\n\n  opacity: 0.76;\n\n  \/*\n   * Y\u00fcklenen logolar beyaz oldu\u011fu i\u00e7in a\u00e7\u0131k zeminde\n   * koyu s\u0131cak kahve tonuna d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcyor.\n   *\/\n  filter:\n    brightness(0)\n    saturate(100%)\n    invert(20%)\n    sepia(11%)\n    saturate(741%)\n    hue-rotate(345deg)\n    brightness(92%)\n    contrast(89%);\n\n  transition:\n    opacity 0.35s ease,\n    filter 0.35s ease,\n    transform 0.35s ease;\n}\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.nivostra-brand-logo:hover {\n  transform:\n    translateY(-3px);\n\n  border-color:\n    rgba(204, 154, 102, 0.86);\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(204, 154, 102, 0.12),\n      transparent 68%\n    ),\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fff7ef\n    );\n\n  box-shadow:\n    0 18px 38px rgba(92, 64, 40, 0.13),\n    0 5px 12px rgba(92, 64, 40, 0.045),\n    0 0 24px rgba(204, 154, 102, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n}\n\n.nivostra-brand-logo:hover::after {\n  opacity: 1;\n}\n\n.nivostra-brand-logo:hover img {\n  opacity: 1;\n\n  \/*\n   * Hover s\u0131ras\u0131nda logolar #cc9a66 vurgu\n   * rengine yakla\u015ft\u0131r\u0131l\u0131yor.\n   *\/\n  filter:\n    brightness(0)\n    saturate(100%)\n    invert(67%)\n    sepia(31%)\n    saturate(713%)\n    hue-rotate(347deg)\n    brightness(91%)\n    contrast(89%)\n    drop-shadow(\n      0\n      5px\n      10px\n      rgba(204, 154, 102, 0.18)\n    );\n\n  transform:\n    scale(1.035);\n}\n\n\/* Marquee \u00fczerine gelince hareketi durdurur *\/\n\n.nivostra-brand-marquee:hover\n.nivostra-brand-track {\n  animation-play-state: paused;\n}\n\n\/* =====================================================\n   OTOMAT\u0130K KAYMA\n===================================================== *\/\n\n@keyframes nivostraAutoBrandScroll {\n  0% {\n    transform:\n      translateX(0);\n  }\n\n  100% {\n    transform:\n      translateX(-50%);\n  }\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1100px) {\n  .nivostra-brand-marquee-section {\n    padding:\n      28px\n      0\n      32px !important;\n  }\n\n  .nivostra-brand-marquee-head {\n    width: calc(100% - 60px);\n  }\n\n  .nivostra-brand-logo {\n    width: 160px;\n    height: 64px;\n\n    padding:\n      13px\n      22px;\n  }\n\n  .nivostra-brand-logo img {\n    max-width: 108px;\n    max-height: 34px;\n  }\n}\n\n\/* =====================================================\n   MOB\u0130L\n===================================================== *\/\n\n@media (max-width: 680px) {\n  .nivostra-brand-marquee-section {\n    padding:\n      26px\n      0\n      30px !important;\n  }\n\n  .nivostra-brand-marquee-head {\n    width: calc(100% - 36px);\n\n    margin-bottom: 16px;\n  }\n\n  .nivostra-brand-marquee-head span {\n    font-size: 12px;\n    letter-spacing: 1.3px;\n  }\n\n  .nivostra-brand-marquee-head span::before,\n  .nivostra-brand-marquee-head span::after {\n    width: 34px;\n  }\n\n  .nivostra-brand-marquee-head span::before {\n    right: calc(100% + 10px);\n  }\n\n  .nivostra-brand-marquee-head span::after {\n    left: calc(100% + 10px);\n  }\n\n  .nivostra-brand-marquee::before,\n  .nivostra-brand-marquee::after {\n    width: 56px;\n  }\n\n  .nivostra-brand-track {\n    animation-duration: 19s;\n  }\n\n  .nivostra-brand-group {\n    gap: 12px;\n\n    padding-right: 12px;\n  }\n\n  .nivostra-brand-logo {\n    width: 138px;\n    height: 58px;\n\n    padding:\n      12px\n      18px;\n  }\n\n  .nivostra-brand-logo:hover {\n    transform: none;\n  }\n\n  .nivostra-brand-logo img {\n    max-width: 96px;\n    max-height: 30px;\n  }\n\n  \/*\n   * Dokunmatik cihazlarda \u00fczerine dokunuldu\u011funda\n   * kayan bant durmas\u0131n.\n   *\/\n  .nivostra-brand-marquee:hover\n  .nivostra-brand-track {\n    animation-play-state: running;\n  }\n}\n\n\n@media (max-width: 1100px) {\n  .brand-service-orbit-two {\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 680px) {\n  .brand-service-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 28px;\n    opacity: 0.50;\n  }\n\n  .brand-service-orbit-two,\n  .nivostra-brand-service-route-line,\n  .brand-service-sparkle-two,\n  .nivostra-brand-service-plus,\n  .brand-service-dot-three {\n    display: none;\n  }\n}\n\n\/* =====================================================\n   HAREKET\u0130 AZALTAN KULLANICILAR\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-brand-track {\n    animation-duration: 40s;\n  }\n\n  .nivostra-brand-logo,\n  .nivostra-brand-logo img {\n    transition: none;\n  }\n}\n\n\/* H\u0130ZMETLER\u0130M\u0130Z EFEKT\u0130 \u0130\u00c7\u0130N AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-brand-marquee-section .brand-service-orbit-one {\n  animation: nivostraBrandServiceRotate 24s linear infinite !important;\n}\n\n.nivostra-brand-marquee-section .brand-service-orbit-two {\n  animation: nivostraBrandServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-brand-marquee-section .nivostra-brand-service-route-line {\n  animation: nivostraBrandServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-brand-marquee-section .nivostra-brand-service-sparkle,\n.nivostra-brand-marquee-section .nivostra-brand-service-plus {\n  animation: nivostraBrandServiceSparkle 4.8s ease-in-out infinite !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-614e5ec e-con e-atomic-element e-flexbox-base e-5fc9cc3 \" data-id=\"614e5ec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"614e5ec\">\n    \t\t<div class=\"elementor-element elementor-element-fa428ed elementor-widget elementor-widget-shortcode\" data-id=\"fa428ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"nivostra-contact-section\" id=\"form\">\n\n  <div class=\"nivostra-contact-service-orbit contact-service-orbit-one\"><\/div>\n  <div class=\"nivostra-contact-service-orbit contact-service-orbit-two\"><\/div>\n  <div class=\"nivostra-contact-service-route-line\"><\/div>\n  <div class=\"nivostra-contact-service-sparkle contact-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-contact-service-sparkle contact-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-contact-service-plus\">+<\/div>\n  <div class=\"nivostra-contact-service-dot contact-service-dot-one\"><\/div>\n  <div class=\"nivostra-contact-service-dot contact-service-dot-two\"><\/div>\n  <div class=\"nivostra-contact-service-dot contact-service-dot-three\"><\/div>\n\n  <div class=\"nivostra-contact-overlay\"><\/div>\n\n  <div class=\"nivostra-contact-inner\">\n\n    <div class=\"nivostra-contact-info\">\n\n      <span>HAD\u0130 KONU\u015eALIM<\/span>\n\n      <h2>\n        Hayalinizdeki Mekan\u0131<br>\n        Birlikte Tasarlayal\u0131m.\n      <\/h2>\n\n      <p>\n        Projenizle ilgili bilgi almak veya teklif istemek i\u00e7in formu doldurun,\n        en k\u0131sa s\u00fcrede size d\u00f6n\u00fc\u015f yapal\u0131m.\n      <\/p>\n\n      <div class=\"nivostra-contact-list\">\n\n        <a href=\"tel:+905067009534\">\n          <i>\u260e<\/i>\n          <strong>+90 506 700 95 34<\/strong>\n        <\/a>\n\n        <a href=\"mailto:info@nivostra.com\">\n          <i>\u2709<\/i>\n          <strong>info@nivostra.com<\/strong>\n        <\/a>\n\n        <div>\n          <i>\u2316<\/i>\n\n          <strong>\n            Sahil Mah. Beyazlale Sok. No: 6<br>\n            Beylikd\u00fcz\u00fc \/ \u0130stanbul\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"nivostra-contact-form\">\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1598-o1\" lang=\"tr-TR\" dir=\"ltr\" data-wpcf7-id=\"1598\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/1503#wpcf7-f1598-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u0130leti\u015fim Formu\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1598\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"tr_TR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1598-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"nivostra-form-row\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"adsoyad\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ad Soyad\" value=\"\" type=\"text\" name=\"adsoyad\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-posta\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"nivostra-form-row\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"telefon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Telefon\" value=\"\" type=\"tel\" name=\"telefon\" \/><\/span>\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"proje-turu\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"proje-turu\"><option value=\"\">Proje T\u00fcr\u00fc<\/option><option value=\"Mimari Projelendirme\">Mimari Projelendirme<\/option><option value=\"\u0130\u00e7 Mimari Tasar\u0131m\">\u0130\u00e7 Mimari Tasar\u0131m<\/option><option value=\"Anahtar Teslim Tadilat\">Anahtar Teslim Tadilat<\/option><option value=\"Ev Tadilat\u0131\">Ev Tadilat\u0131<\/option><option value=\"Ofis Tadilat\u0131\">Ofis Tadilat\u0131<\/option><option value=\"Ticari Alan Tasar\u0131m\u0131\">Ticari Alan Tasar\u0131m\u0131<\/option><\/select><\/span>\n\t<\/p>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mesaj\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Mesaj\u0131n\u0131z\" name=\"mesaj\"><\/textarea><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"G\u00d6NDER \u2192\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f4e8dc;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-soft: #b9824f;\n  --nivostra-gold-light: #e5c09a;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #5f554d;\n  --nivostra-text-soft: #81756b;\n\n  --nivostra-white: #ffffff;\n\n  --nivostra-border: rgba(204, 154, 102, 0.42);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.20);\n}\n\n\/* =====================================================\n   ANA B\u00d6L\u00dcM\n===================================================== *\/\n\n.nivostra-contact-section {\n  position: relative;\n\n  width: 100%;\n  min-height: 560px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  color: var(--nivostra-title);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n  background-image:\n    linear-gradient(\n      90deg,\n      rgba(255, 250, 245, 0.82) 0%,\n      rgba(255, 248, 241, 0.68) 34%,\n      rgba(255, 248, 241, 0.24) 60%,\n      rgba(247, 233, 220, 0.32) 100%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.02) 0%,\n      rgba(246, 236, 226, 0.16) 100%\n    ),\n    url(\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/form-gorseli.jpg\");\n\n  background-size:\n    cover,\n    cover,\n    cover;\n\n  background-position:\n    center,\n    center,\n    center;\n\n  background-repeat:\n    no-repeat,\n    no-repeat,\n    no-repeat;\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.50);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.50);\n}\n\n\n\/* =====================================================\n   H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT\n===================================================== *\/\n\n.nivostra-contact-service-orbit {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(164, 136, 113, 0.24);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.contact-service-orbit-one {\n  width: 420px;\n  height: 420px;\n  left: -155px;\n  top: 145px;\n  animation: nivostraContactServiceRotate 24s linear infinite !important;\n}\n\n.contact-service-orbit-two {\n  width: 280px;\n  height: 280px;\n  right: 8%;\n  bottom: 65px;\n  animation: nivostraContactServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-contact-service-orbit::before,\n.nivostra-contact-service-orbit::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: #a48871;\n  box-shadow:\n    0 0 22px rgba(164, 136, 113, 0.48),\n    0 0 34px rgba(212, 178, 133, 0.18);\n}\n\n.nivostra-contact-service-orbit::before {\n  width: 11px;\n  height: 11px;\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-contact-service-orbit::after {\n  width: 8px;\n  height: 8px;\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-contact-service-route-line {\n  position: absolute;\n  width: 360px;\n  height: 160px;\n  left: 8%;\n  bottom: 90px;\n  border: 1px dashed rgba(164, 136, 113, 0.28);\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n  transform: rotate(-8deg);\n  pointer-events: none;\n  z-index: 1;\n  animation: nivostraContactServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-contact-service-route-line::before,\n.nivostra-contact-service-route-line::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.42);\n  box-shadow: 0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-contact-service-route-line::before {\n  width: 9px;\n  height: 9px;\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-contact-service-route-line::after {\n  width: 7px;\n  height: 7px;\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-contact-service-sparkle,\n.nivostra-contact-service-plus {\n  position: absolute;\n  color: rgba(164, 136, 113, 0.34);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 1;\n  animation: nivostraContactServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n.contact-service-sparkle-one {\n  top: 120px;\n  left: 23%;\n  font-size: 42px;\n}\n\n.contact-service-sparkle-two {\n  bottom: 150px;\n  right: 25%;\n  font-size: 34px;\n  animation-delay: 1.4s !important;\n}\n\n.nivostra-contact-service-plus {\n  top: 150px;\n  right: 18%;\n  font-size: 48px;\n  font-weight: 300;\n  animation-delay: .7s !important;\n}\n\n.nivostra-contact-service-dot {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(164, 136, 113, 0.34);\n  box-shadow: 0 0 20px rgba(164, 136, 113, 0.28);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.contact-service-dot-one {\n  width: 10px;\n  height: 10px;\n  top: 118px;\n  left: 30%;\n}\n\n.contact-service-dot-two {\n  width: 7px;\n  height: 7px;\n  bottom: 105px;\n  right: 30%;\n}\n\n.contact-service-dot-three {\n  width: 9px;\n  height: 9px;\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraContactServiceRotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes nivostraContactServiceRotateReverse {\n  from { transform: rotate(360deg); }\n  to { transform: rotate(0deg); }\n}\n\n@keyframes nivostraContactServiceFloat {\n  0%, 100% {\n    transform: translateY(0) rotate(-8deg);\n  }\n\n  50% {\n    transform: translateY(-12px) rotate(-4deg);\n  }\n}\n\n@keyframes nivostraContactServiceSparkle {\n  0%, 100% {\n    opacity: .28;\n    transform: translateY(0) scale(1) rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n    transform: translateY(-10px) scale(1.08) rotate(10deg);\n  }\n}\n\n.nivostra-contact-section *,\n.nivostra-contact-section *::before,\n.nivostra-contact-section *::after {\n  box-sizing: border-box;\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n}\n\n\/* Hafif \u00e7izgili doku *\/\n\n.nivostra-contact-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: 1;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.018) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.018) 1px,\n      transparent 1px\n    );\n\n  background-size: 80px 80px;\n\n  opacity: 0.34;\n\n  pointer-events: none;\n}\n\n\/* \u00dcst dekoratif \u00e7izgi *\/\n\n.nivostra-contact-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  top: 54px;\n\n  z-index: 2;\n\n  width: min(\n    1180px,\n    calc(100% - 120px)\n  );\n\n  height: 1px;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.12),\n      rgba(204, 154, 102, 0.68),\n      rgba(204, 154, 102, 0.12),\n      transparent\n    );\n\n  box-shadow:\n    0 0 16px rgba(204, 154, 102, 0.10);\n\n  opacity: 0.80;\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   HAF\u0130F SICAK I\u015eIK KATMANI\n===================================================== *\/\n\n.nivostra-contact-overlay {\n  position: absolute;\n  inset: 0;\n\n  z-index: 2;\n\n  background:\n    radial-gradient(\n      circle at 18% 38%,\n      rgba(204, 154, 102, 0.09),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 76% 42%,\n      rgba(204, 154, 102, 0.04),\n      transparent 27%\n    );\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   \u0130\u00c7 YERLE\u015e\u0130M\n===================================================== *\/\n\n.nivostra-contact-inner {\n  position: relative;\n  z-index: 3;\n\n  width: calc(100% - 120px);\n  max-width: 1580px;\n  min-height: 560px;\n\n  margin: 0 auto;\n\n  padding: 86px 0 76px;\n\n  display: grid;\n\n  grid-template-columns:\n    0.95fr\n    1.35fr;\n\n  align-items: center;\n\n  gap: 82px;\n}\n\n\/* =====================================================\n   SOL B\u0130LG\u0130 ALANI\n===================================================== *\/\n\n.nivostra-contact-info {\n  max-width: 560px;\n}\n\n.nivostra-contact-info > span {\n  position: relative;\n\n  display: inline-block;\n\n  margin-bottom: 16px;\n\n  color: var(--nivostra-gold-dark);\n\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n}\n\n.nivostra-contact-info > span::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: -8px;\n\n  width: 44px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nivostra-gold),\n      transparent\n    );\n}\n\n.nivostra-contact-info h2 {\n  margin: 0;\n\n  color: var(--nivostra-title);\n\n  font-size: clamp(\n    42px,\n    3.6vw,\n    68px\n  );\n\n  line-height: 1.08;\n  font-weight: 400;\n\n  text-shadow:\n    0 4px 18px rgba(255, 255, 255, 0.48),\n    0 3px 14px rgba(204, 154, 102, 0.10);\n}\n\n.nivostra-contact-info p {\n  max-width: 500px;\n\n  margin: 26px 0 30px;\n\n  color: var(--nivostra-text);\n\n  font-size: 18px;\n  line-height: 1.72;\n\n  text-shadow:\n    0 2px 10px rgba(255, 255, 255, 0.56);\n}\n\n\/* =====================================================\n   \u0130LET\u0130\u015e\u0130M B\u0130LG\u0130LER\u0130\n===================================================== *\/\n\n.nivostra-contact-list {\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 16px;\n}\n\n.nivostra-contact-list a,\n.nivostra-contact-list div {\n  display: grid;\n\n  grid-template-columns:\n    34px\n    1fr;\n\n  align-items: start;\n\n  gap: 13px;\n\n  color: var(--nivostra-text);\n\n  text-decoration: none;\n}\n\n.nivostra-contact-list i {\n  width: 30px;\n  height: 30px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.72);\n\n  border-radius: 50%;\n\n  color: var(--nivostra-gold-dark);\n\n  background:\n    rgba(255, 255, 255, 0.72);\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  font-style: normal;\n\n  font-size: 15px;\n  line-height: 1;\n\n  box-shadow:\n    0 8px 18px rgba(204, 154, 102, 0.12);\n\n  transition:\n    color 0.35s ease,\n    background 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.nivostra-contact-list a:hover i {\n  color: #ffffff;\n\n  background:\n    var(--nivostra-gold);\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 10px 22px rgba(204, 154, 102, 0.24);\n}\n\n.nivostra-contact-list strong {\n  color: var(--nivostra-title);\n\n  font-size: 17px;\n  line-height: 1.45;\n  font-weight: 400;\n\n  text-shadow:\n    0 2px 10px rgba(255, 255, 255, 0.56);\n}\n\n\/* =====================================================\n   FORM KARTI\n===================================================== *\/\n\n.nivostra-contact-form {\n  position: relative;\n\n  width: 100%;\n\n  padding: 38px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.62);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.82),\n      rgba(255, 248, 241, 0.60)\n    );\n\n  backdrop-filter: blur(17px);\n  -webkit-backdrop-filter: blur(17px);\n\n  box-shadow:\n    0 28px 68px rgba(86, 58, 35, 0.17),\n    0 7px 18px rgba(86, 58, 35, 0.05),\n    inset 0 1px 0 rgba(255, 255, 255, 0.90),\n    0 0 40px rgba(204, 154, 102, 0.08);\n}\n\n\/* Form i\u00e7 \u00e7er\u00e7evesi *\/\n\n.nivostra-contact-form::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 16px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.22);\n\n  pointer-events: none;\n}\n\n\/* Form \u00fcst \u00e7izgisi *\/\n\n.nivostra-contact-form::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 32px;\n  right: 32px;\n  top: 0;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204, 154, 102, 0.88),\n      transparent\n    );\n\n  opacity: 0.76;\n\n  pointer-events: none;\n}\n\n\/* =====================================================\n   FORM SATIRLARI\n===================================================== *\/\n\n.nivostra-form-row {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 18px;\n\n  margin-bottom: 18px;\n}\n\n\/* =====================================================\n   INPUT, SELECT VE TEXTAREA\n===================================================== *\/\n\n.nivostra-contact-form input,\n.nivostra-contact-form select,\n.nivostra-contact-form textarea {\n  width: 100%;\n  min-height: 60px;\n\n  padding: 0 20px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.38);\n\n  outline: none;\n\n  background:\n    rgba(255, 255, 255, 0.72);\n\n  color: var(--nivostra-title);\n\n  font-size: 16px;\n  line-height: 1;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.92),\n    0 10px 24px rgba(86, 58, 35, 0.06);\n\n  transition:\n    border-color 0.35s ease,\n    background 0.35s ease,\n    box-shadow 0.35s ease,\n    transform 0.35s ease;\n}\n\n\/* Select oku *\/\n\n.nivostra-contact-form select {\n  appearance: none;\n\n  background-image:\n    linear-gradient(\n      45deg,\n      transparent 50%,\n      var(--nivostra-gold-dark) 50%\n    ),\n    linear-gradient(\n      135deg,\n      var(--nivostra-gold-dark) 50%,\n      transparent 50%\n    );\n\n  background-position:\n    calc(100% - 22px) 26px,\n    calc(100% - 16px) 26px;\n\n  background-size:\n    7px\n    7px;\n\n  background-repeat: no-repeat;\n\n  cursor: pointer;\n}\n\n.nivostra-contact-form select option {\n  color: var(--nivostra-title);\n\n  background: #ffffff;\n}\n\n\/* Textarea *\/\n\n.nivostra-contact-form textarea {\n  position: relative;\n  z-index: 2;\n\n  min-height: 155px;\n\n  padding: 18px 20px;\n\n  resize: vertical;\n\n  line-height: 1.55;\n\n  margin-bottom: 22px;\n}\n\n\/* Placeholder *\/\n\n.nivostra-contact-form input::placeholder,\n.nivostra-contact-form textarea::placeholder {\n  color:\n    rgba(63, 51, 42, 0.58);\n}\n\n\/* Hover *\/\n\n.nivostra-contact-form input:hover,\n.nivostra-contact-form select:hover,\n.nivostra-contact-form textarea:hover {\n  border-color:\n    rgba(204, 154, 102, 0.62);\n\n  background:\n    rgba(255, 255, 255, 0.86);\n}\n\n\/* Focus *\/\n\n.nivostra-contact-form input:focus,\n.nivostra-contact-form select:focus,\n.nivostra-contact-form textarea:focus {\n  border-color:\n    rgba(204, 154, 102, 0.96);\n\n  background:\n    #ffffff;\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 0 0 3px rgba(204, 154, 102, 0.12),\n    0 16px 34px rgba(86, 58, 35, 0.10),\n    inset 0 1px 0 rgba(255, 255, 255, 1);\n}\n\n\/* =====================================================\n   G\u00d6NDER BUTONU\n===================================================== *\/\n\n.nivostra-contact-form button {\n  position: relative;\n  z-index: 2;\n\n  min-width: 300px;\n  min-height: 60px;\n\n  padding: 0 42px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.94);\n\n  background:\n    linear-gradient(\n      135deg,\n      #b98450,\n      #cc9a66\n    );\n\n  color: #ffffff;\n\n  font-size: 16px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 0.9px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 24px;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 12px 28px rgba(204, 154, 102, 0.20);\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease,\n    background 0.35s ease;\n}\n\n.nivostra-contact-form button:hover {\n  transform:\n    translateY(-4px);\n\n  background:\n    linear-gradient(\n      135deg,\n      #cc9a66,\n      #b98450\n    );\n\n  box-shadow:\n    0 18px 42px rgba(204, 154, 102, 0.30);\n}\n\n.nivostra-contact-form button span {\n  transition:\n    transform 0.35s ease;\n}\n\n.nivostra-contact-form button:hover span {\n  transform:\n    translateX(6px);\n}\n\n\/* =====================================================\n   G\u0130R\u0130\u015e AN\u0130MASYONLARI\n===================================================== *\/\n\n.nivostra-contact-info,\n.nivostra-contact-form {\n  opacity: 0;\n\n  transform:\n    translateY(28px);\n\n  filter:\n    blur(7px);\n\n  animation:\n    nivostraContactReveal\n    0.9s\n    cubic-bezier(0.16, 0.84, 0.26, 1)\n    forwards;\n}\n\n.nivostra-contact-form {\n  animation-delay: 0.18s;\n}\n\n@keyframes nivostraContactReveal {\n  0% {\n    opacity: 0;\n\n    transform:\n      translateY(28px);\n\n    filter:\n      blur(7px);\n  }\n\n  60% {\n    opacity: 1;\n\n    transform:\n      translateY(-4px);\n\n    filter:\n      blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n    filter:\n      blur(0);\n  }\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1100px) {\n  .nivostra-contact-inner {\n    width: calc(100% - 60px);\n\n    grid-template-columns: 1fr;\n\n    gap: 42px;\n\n    padding: 68px 0;\n  }\n\n  .nivostra-contact-info {\n    max-width: 760px;\n  }\n}\n\n\/* =====================================================\n   MOB\u0130L\n===================================================== *\/\n\n@media (max-width: 760px) {\n  .nivostra-contact-section {\n    min-height: auto;\n\n    background-image:\n      linear-gradient(\n        180deg,\n        rgba(255, 250, 245, 0.72) 0%,\n        rgba(247, 235, 224, 0.58) 100%\n      ),\n      url(\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/form-gorseli.jpg\");\n\n    background-size:\n      cover,\n      cover;\n\n    background-position:\n      center,\n      center;\n\n    background-repeat:\n      no-repeat,\n      no-repeat;\n  }\n\n  .nivostra-contact-section::after {\n    top: 32px;\n\n    width: calc(100% - 36px);\n  }\n\n  .nivostra-contact-overlay {\n    background:\n      radial-gradient(\n        circle at 50% 20%,\n        rgba(204, 154, 102, 0.07),\n        transparent 35%\n      );\n  }\n\n  .nivostra-contact-inner {\n    width: calc(100% - 36px);\n    min-height: auto;\n\n    padding: 58px 0 54px;\n\n    grid-template-columns: 1fr;\n\n    gap: 34px;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-info {\n    max-width: 100%;\n\n    margin: 0 auto;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-info > span {\n    display: block;\n\n    width: 100%;\n\n    margin-bottom: 14px;\n\n    font-size: 15px;\n    letter-spacing: 1.6px;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-info > span::after {\n    left: 50%;\n\n    transform:\n      translateX(-50%);\n  }\n\n  .nivostra-contact-info h2 {\n    max-width: 360px;\n\n    margin: 0 auto;\n\n    font-size: 34px;\n    line-height: 1.14;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-info p {\n    max-width: 340px;\n\n    margin: 22px auto 24px;\n\n    font-size: 15px;\n    line-height: 1.65;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-list {\n    max-width: 360px;\n\n    margin: 0 auto;\n\n    align-items: center;\n\n    gap: 14px;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-list a,\n  .nivostra-contact-list div {\n    width: 100%;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-list i {\n    margin: 0 auto;\n  }\n\n  .nivostra-contact-list strong {\n    display: block;\n\n    font-size: 15px;\n    line-height: 1.45;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-form {\n    width: 100%;\n    max-width: 430px;\n\n    margin: 0 auto;\n\n    padding: 24px 20px;\n\n    text-align: center;\n\n    border-color:\n      rgba(204, 154, 102, 0.54);\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.84),\n        rgba(255, 247, 239, 0.68)\n      );\n\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n  }\n\n  .nivostra-contact-form::before {\n    inset: 12px;\n  }\n\n  .nivostra-contact-form::after {\n    left: 22px;\n    right: 22px;\n  }\n\n  .nivostra-form-row {\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n\n    margin-bottom: 14px;\n  }\n\n  .nivostra-contact-form input,\n  .nivostra-contact-form select,\n  .nivostra-contact-form textarea {\n    font-size: 15px;\n\n    text-align: center;\n  }\n\n  .nivostra-contact-form input,\n  .nivostra-contact-form select {\n    min-height: 54px;\n  }\n\n  .nivostra-contact-form textarea {\n    min-height: 130px;\n\n    padding: 18px 16px;\n  }\n\n  .nivostra-contact-form button {\n    width: 100%;\n    min-width: 0;\n    min-height: 54px;\n\n    margin: 0 auto;\n  }\n}\n\n\/* =====================================================\n   K\u00dc\u00c7\u00dcK TELEFONLAR\n===================================================== *\/\n\n@media (max-width: 420px) {\n  .nivostra-contact-inner {\n    width: calc(100% - 28px);\n  }\n\n  .nivostra-contact-info h2 {\n    font-size: 31px;\n  }\n\n  .nivostra-contact-form {\n    padding: 22px 16px;\n  }\n}\n\n\n@media (max-width: 1100px) {\n  .contact-service-orbit-two {\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 760px) {\n  .contact-service-orbit-one {\n    width: 300px;\n    height: 300px;\n    left: -150px;\n    top: 210px;\n    opacity: 0.50;\n  }\n\n  .contact-service-orbit-two,\n  .nivostra-contact-service-route-line,\n  .contact-service-sparkle-two,\n  .nivostra-contact-service-plus,\n  .contact-service-dot-three {\n    display: none;\n  }\n}\n\n\/* =====================================================\n   HAREKET\u0130 AZALTAN KULLANICILAR\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-contact-info,\n  .nivostra-contact-form {\n    opacity: 1;\n\n    transform: none;\n\n    filter: none;\n\n    animation: none;\n  }\n\n  .nivostra-contact-form input,\n  .nivostra-contact-form select,\n  .nivostra-contact-form textarea,\n  .nivostra-contact-form button,\n  .nivostra-contact-list i {\n    transition: none;\n  }\n}\n\n\/* H\u0130ZMETLER\u0130M\u0130Z EFEKT\u0130 \u0130\u00c7\u0130N AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-contact-section .contact-service-orbit-one {\n  animation: nivostraContactServiceRotate 24s linear infinite !important;\n}\n\n.nivostra-contact-section .contact-service-orbit-two {\n  animation: nivostraContactServiceRotateReverse 18s linear infinite !important;\n}\n\n.nivostra-contact-section .nivostra-contact-service-route-line {\n  animation: nivostraContactServiceFloat 6s ease-in-out infinite !important;\n}\n\n.nivostra-contact-section .nivostra-contact-service-sparkle,\n.nivostra-contact-section .nivostra-contact-service-plus {\n  animation: nivostraContactServiceSparkle 4.8s ease-in-out infinite !important;\n}\n\n\n\/* =====================================================\n   CONTACT FORM 7 UYUMLULU\u011eU\n===================================================== *\/\n\n.nivostra-contact-form .wpcf7,\n.nivostra-contact-form .wpcf7-form {\n  width: 100%;\n}\n\n.nivostra-contact-form .wpcf7-form {\n  position: relative;\n  z-index: 2;\n}\n\n.nivostra-contact-form .wpcf7-form p {\n  margin: 0;\n}\n\n.nivostra-contact-form .wpcf7-form-control-wrap {\n  display: block;\n  width: 100%;\n}\n\n.nivostra-contact-form .wpcf7-submit {\n  position: relative;\n  z-index: 2;\n  min-width: 300px;\n  min-height: 60px;\n  padding: 0 42px;\n  border: 1px solid rgba(204, 154, 102, 0.94);\n  background: linear-gradient(135deg, #b98450, #cc9a66);\n  color: #ffffff;\n  font-size: 16px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 0.9px;\n  cursor: pointer;\n  box-shadow: 0 12px 28px rgba(204, 154, 102, 0.20);\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease,\n    background 0.35s ease;\n}\n\n.nivostra-contact-form .wpcf7-submit:hover {\n  transform: translateY(-4px);\n  background: linear-gradient(135deg, #cc9a66, #b98450);\n  color: #ffffff;\n  box-shadow: 0 18px 42px rgba(204, 154, 102, 0.30);\n}\n\n.nivostra-contact-form .wpcf7-not-valid-tip {\n  display: block;\n  margin-top: 7px;\n  color: #a63f3f;\n  font-size: 13px;\n  line-height: 1.4;\n  text-align: left;\n}\n\n.nivostra-contact-form .wpcf7-response-output {\n  position: relative;\n  z-index: 3;\n  margin: 20px 0 0 !important;\n  padding: 13px 16px !important;\n  border: 1px solid rgba(204, 154, 102, 0.55) !important;\n  background: rgba(255, 255, 255, 0.78);\n  color: #251f1a;\n  font-size: 14px;\n  line-height: 1.5;\n  text-align: center;\n}\n\n.nivostra-contact-form .wpcf7-spinner {\n  vertical-align: middle;\n}\n\n@media (max-width: 760px) {\n  .nivostra-contact-form .wpcf7-submit {\n    width: 100%;\n    min-width: 0;\n    min-height: 54px;\n    margin: 0 auto;\n  }\n\n  .nivostra-contact-form .wpcf7-not-valid-tip {\n    text-align: center;\n  }\n}\n\n\n\n\/* =====================================================\n   PROJE T\u00dcR\u00dc A\u00c7ILIR MEN\u00dc D\u00dcZELTMES\u0130\n===================================================== *\/\n\n.nivostra-contact-form select.wpcf7-select {\n  display: block !important;\n  width: 100% !important;\n  height: 60px !important;\n  min-height: 60px !important;\n\n  padding: 0 48px 0 20px !important;\n\n  border: 1px solid rgba(204, 154, 102, 0.38) !important;\n  border-radius: 0 !important;\n\n  outline: none !important;\n\n  background-color: rgba(255, 255, 255, 0.72) !important;\n\n  background-image:\n    linear-gradient(\n      45deg,\n      transparent 50%,\n      #9f6c3f 50%\n    ),\n    linear-gradient(\n      135deg,\n      #9f6c3f 50%,\n      transparent 50%\n    ) !important;\n\n  background-position:\n    calc(100% - 22px) 26px,\n    calc(100% - 16px) 26px !important;\n\n  background-size: 7px 7px !important;\n  background-repeat: no-repeat !important;\n\n  color: #251f1a !important;\n\n  font-family: \"Times New Roman\", Times, serif !important;\n  font-size: 16px !important;\n  line-height: 60px !important;\n\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -moz-appearance: none !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.92),\n    0 10px 24px rgba(86, 58, 35, 0.06) !important;\n\n  cursor: pointer !important;\n}\n\n.nivostra-contact-form select.wpcf7-select:hover {\n  border-color: rgba(204, 154, 102, 0.62) !important;\n  background-color: rgba(255, 255, 255, 0.86) !important;\n}\n\n.nivostra-contact-form select.wpcf7-select:focus {\n  border-color: rgba(204, 154, 102, 0.96) !important;\n  background-color: #ffffff !important;\n\n  box-shadow:\n    0 0 0 3px rgba(204, 154, 102, 0.12),\n    0 16px 34px rgba(86, 58, 35, 0.10) !important;\n}\n\n.nivostra-contact-form select.wpcf7-select option {\n  color: #251f1a !important;\n  background: #ffffff !important;\n}\n\n@media (max-width: 760px) {\n  .nivostra-contact-form select.wpcf7-select {\n    height: 54px !important;\n    min-height: 54px !important;\n    line-height: 54px !important;\n    text-align: center !important;\n\n    background-position:\n      calc(100% - 22px) 23px,\n      calc(100% - 16px) 23px !important;\n  }\n}\n\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6cd5efd e-con e-atomic-element e-flexbox-base e-2e5b016 \" data-id=\"6cd5efd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cd5efd\">\n    \t\t<div class=\"elementor-element elementor-element-223bb62 elementor-widget elementor-widget-html\" data-id=\"223bb62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nivostra-instagram-strip\">\n\n  <div class=\"nivostra-instagram-service-orbit instagram-service-orbit-one\"><\/div>\n  <div class=\"nivostra-instagram-service-orbit instagram-service-orbit-two\"><\/div>\n  <div class=\"nivostra-instagram-service-route-line\"><\/div>\n  <div class=\"nivostra-instagram-service-sparkle instagram-service-sparkle-one\">\u2726<\/div>\n  <div class=\"nivostra-instagram-service-sparkle instagram-service-sparkle-two\">\u2727<\/div>\n  <div class=\"nivostra-instagram-service-plus\">+<\/div>\n  <div class=\"nivostra-instagram-service-dot instagram-service-dot-one\"><\/div>\n  <div class=\"nivostra-instagram-service-dot instagram-service-dot-two\"><\/div>\n  <div class=\"nivostra-instagram-service-dot instagram-service-dot-three\"><\/div>\n\n  <div class=\"nivostra-instagram-inner\">\n\n    <div class=\"nivostra-instagram-title\">\n      <span>INSTAGRAM<\/span>\n      <h2>\u0130lham Al\u0131n, Ke\u015ffedin.<\/h2>\n    <\/div>\n\n    <div class=\"nivostra-instagram-gallery\">\n\n      <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-insta-img\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2022\/03\/slide-1.jpeg\" alt=\"Nivostra Instagram g\u00f6rseli\">\n      <\/a>\n\n      <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-insta-img\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2022\/03\/slide-2.jpeg\" alt=\"Nivostra Instagram g\u00f6rseli\">\n      <\/a>\n\n      <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-insta-img\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2022\/02\/project-3.jpeg\" alt=\"Nivostra Instagram g\u00f6rseli\">\n      <\/a>\n\n      <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-insta-img\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2022\/02\/asset-13.jpeg\" alt=\"Nivostra Instagram g\u00f6rseli\">\n      <\/a>\n\n      <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-insta-img\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2022\/03\/fi-2.jpeg\" alt=\"Nivostra Instagram g\u00f6rseli\">\n      <\/a>\n\n      <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-insta-img\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/nivostra.com\/wp-content\/uploads\/2026\/06\/ic-mimari-hizmeti-gorsel.jpg\" alt=\"Nivostra Instagram g\u00f6rseli\">\n      <\/a>\n\n    <\/div>\n\n    <a href=\"https:\/\/www.instagram.com\/nivostra\" target=\"_blank\" class=\"nivostra-instagram-card\" rel=\"noopener\">\n\n      <div class=\"nivostra-instagram-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n          <circle cx=\"17.5\" cy=\"6.5\" r=\"1\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <div>\n        <strong>@nivostra<\/strong>\n        <p>Bizi Instagram\u2019da takip edin.<\/p>\n        <span>\u2192<\/span>\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n<style>\n:root {\n  --nivostra-bg: #fffaf5;\n  --nivostra-bg-soft: #f5ebe1;\n\n  --nivostra-gold: #cc9a66;\n  --nivostra-gold-dark: #9f6c3f;\n  --nivostra-gold-soft: #b9824f;\n  --nivostra-gold-light: #e4bd95;\n\n  --nivostra-title: #251f1a;\n  --nivostra-text: #6f655d;\n  --nivostra-white: #ffffff;\n\n  --nivostra-border: rgba(204, 154, 102, 0.40);\n  --nivostra-border-soft: rgba(204, 154, 102, 0.18);\n}\n\n.nivostra-instagram-strip {\n  position: relative;\n  width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  color: var(--nivostra-title);\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(212, 178, 133, 0.18),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(164, 136, 113, 0.16),\n      transparent 38%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #fbf8f3 48%,\n      #ffffff 100%\n    );\n\n  border-top:\n    1px solid rgba(204, 154, 102, 0.46);\n\n  border-bottom:\n    1px solid rgba(204, 154, 102, 0.46);\n}\n\n\n\/* =====================================================\n   H\u0130ZMETLER\u0130M\u0130Z B\u00d6L\u00dcM\u00dcNDEK\u0130 HAREKETL\u0130 EFEKT\n===================================================== *\/\n\n.nivostra-instagram-service-orbit {\n  position: absolute;\n  z-index: 0;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(164, 136, 113, 0.24);\n\n  pointer-events: none;\n}\n\n.instagram-service-orbit-one {\n  width: 420px;\n  height: 420px;\n\n  left: -155px;\n  top: 35px;\n\n  animation:\n    nivostraInstagramServiceRotate\n    24s\n    linear\n    infinite !important;\n}\n\n.instagram-service-orbit-two {\n  width: 280px;\n  height: 280px;\n\n  right: 8%;\n  bottom: -85px;\n\n  animation:\n    nivostraInstagramServiceRotateReverse\n    18s\n    linear\n    infinite !important;\n}\n\n.nivostra-instagram-service-orbit::before,\n.nivostra-instagram-service-orbit::after {\n  content: \"\";\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  background:\n    #a48871;\n\n  box-shadow:\n    0 0 22px rgba(164, 136, 113, 0.48),\n    0 0 34px rgba(212, 178, 133, 0.18);\n}\n\n.nivostra-instagram-service-orbit::before {\n  width: 11px;\n  height: 11px;\n\n  top: 18%;\n  left: 16%;\n}\n\n.nivostra-instagram-service-orbit::after {\n  width: 8px;\n  height: 8px;\n\n  right: 18%;\n  bottom: 18%;\n}\n\n.nivostra-instagram-service-route-line {\n  position: absolute;\n\n  width: 360px;\n  height: 160px;\n\n  left: 8%;\n  bottom: -20px;\n\n  z-index: 0;\n\n  border:\n    1px dashed rgba(164, 136, 113, 0.28);\n\n  border-left: 0;\n  border-bottom: 0;\n  border-radius: 0 160px 0 0;\n\n  pointer-events: none;\n\n  animation:\n    nivostraInstagramServiceFloat\n    6s\n    ease-in-out\n    infinite !important;\n}\n\n.nivostra-instagram-service-route-line::before,\n.nivostra-instagram-service-route-line::after {\n  content: \"\";\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  background:\n    rgba(164, 136, 113, 0.42);\n\n  box-shadow:\n    0 0 18px rgba(164, 136, 113, 0.24);\n}\n\n.nivostra-instagram-service-route-line::before {\n  width: 9px;\n  height: 9px;\n\n  left: 36px;\n  top: -5px;\n}\n\n.nivostra-instagram-service-route-line::after {\n  width: 7px;\n  height: 7px;\n\n  right: 54px;\n  top: -4px;\n}\n\n.nivostra-instagram-service-sparkle,\n.nivostra-instagram-service-plus {\n  position: absolute;\n\n  z-index: 0;\n\n  color:\n    rgba(164, 136, 113, 0.34);\n\n  line-height: 1;\n\n  pointer-events: none;\n\n  animation:\n    nivostraInstagramServiceSparkle\n    4.8s\n    ease-in-out\n    infinite !important;\n}\n\n.instagram-service-sparkle-one {\n  top: 22px;\n  left: 23%;\n\n  font-size: 42px;\n}\n\n.instagram-service-sparkle-two {\n  right: 25%;\n  bottom: 18px;\n\n  font-size: 34px;\n\n  animation-delay:\n    1.4s !important;\n}\n\n.nivostra-instagram-service-plus {\n  top: 34px;\n  right: 18%;\n\n  font-size: 48px;\n  font-weight: 300;\n\n  animation-delay:\n    .7s !important;\n}\n\n.nivostra-instagram-service-dot {\n  position: absolute;\n\n  z-index: 0;\n\n  border-radius: 50%;\n\n  background:\n    rgba(164, 136, 113, 0.34);\n\n  box-shadow:\n    0 0 20px rgba(164, 136, 113, 0.28);\n\n  pointer-events: none;\n}\n\n.instagram-service-dot-one {\n  width: 10px;\n  height: 10px;\n\n  top: 18px;\n  left: 30%;\n}\n\n.instagram-service-dot-two {\n  width: 7px;\n  height: 7px;\n\n  right: 30%;\n  bottom: 16px;\n}\n\n.instagram-service-dot-three {\n  width: 9px;\n  height: 9px;\n\n  top: 54%;\n  right: 6%;\n}\n\n@keyframes nivostraInstagramServiceRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes nivostraInstagramServiceRotateReverse {\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes nivostraInstagramServiceFloat {\n  0%,\n  100% {\n    transform:\n      translateY(0)\n      rotate(-8deg);\n  }\n\n  50% {\n    transform:\n      translateY(-12px)\n      rotate(-4deg);\n  }\n}\n\n@keyframes nivostraInstagramServiceSparkle {\n  0%,\n  100% {\n    opacity: .28;\n\n    transform:\n      translateY(0)\n      scale(1)\n      rotate(0deg);\n  }\n\n  50% {\n    opacity: .55;\n\n    transform:\n      translateY(-10px)\n      scale(1.08)\n      rotate(10deg);\n  }\n}\n\n.nivostra-instagram-strip *,\n.nivostra-instagram-strip *::before,\n.nivostra-instagram-strip *::after {\n  box-sizing: border-box;\n  font-family: \"Times New Roman\", Times, serif;\n}\n\n.nivostra-instagram-strip::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(204, 154, 102, 0.024) 1px,\n      transparent 1px\n    );\n\n  background-size: 80px 80px;\n\n  opacity: .52;\n\n  pointer-events: none;\n}\n\n.nivostra-instagram-inner {\n  position: relative;\n  z-index: 2;\n  width: calc(100% - 120px);\n  max-width: 1580px;\n  margin: 0 auto;\n  padding: 34px 0;\n  display: grid;\n  grid-template-columns: 260px 1fr 340px;\n  align-items: center;\n  gap: 34px;\n}\n\n\/* SOL BA\u015eLIK *\/\n\n.nivostra-instagram-title span {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--nivostra-gold-dark);\n  font-size: 17px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.2px;\n}\n\n.nivostra-instagram-title h2 {\n  margin: 0;\n  color: var(--nivostra-title);\n  font-size: clamp(30px, 2.3vw, 44px);\n  line-height: 1.1;\n  font-weight: 400;\n}\n\n\/* GALER\u0130 *\/\n\n.nivostra-instagram-gallery {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 12px;\n}\n\n.nivostra-insta-img {\n  position: relative;\n  display: block;\n  aspect-ratio: 1 \/ 1;\n  overflow: hidden;\n  border: 1px solid rgba(201,148,95,0.18);\n  background: #e8ddd2;\n  text-decoration: none;\n  box-shadow:\n    0 14px 34px rgba(0,0,0,0.24),\n    inset 0 0 0 1px rgba(255,255,255,0.025);\n}\n\n.nivostra-insta-img::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(37,31,26,0.03), rgba(37,31,26,0.18)),\n    radial-gradient(circle at center, transparent 38%, rgba(37,31,26,0.12));\n  z-index: 2;\n  opacity: .86;\n  transition: opacity .35s ease;\n}\n\n.nivostra-insta-img::after {\n  content: \"\u2197\";\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  z-index: 3;\n  width: 24px;\n  height: 24px;\n  border: 1px solid rgba(201,148,95,0.45);\n  color: var(--nivostra-gold-dark);\n  background: rgba(255,255,255,0.82);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  opacity: 0;\n  transform: translateY(-4px);\n  transition: all .35s ease;\n}\n\n.nivostra-insta-img img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .8s ease, filter .8s ease;\n}\n\n.nivostra-insta-img:hover img {\n  transform: scale(1.08);\n  filter: brightness(1.08);\n}\n\n.nivostra-insta-img:hover::before {\n  opacity: .55;\n}\n\n.nivostra-insta-img:hover::after {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* SA\u011e INSTAGRAM KARTI *\/\n\n.nivostra-instagram-card {\n  position: relative;\n\n  min-height: 128px;\n\n  padding: 28px 30px;\n\n  border:\n    1px solid rgba(204, 154, 102, 0.54);\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.94),\n      rgba(255, 249, 243, 0.82)\n    );\n\n  display: grid;\n\n  grid-template-columns:\n    58px\n    1fr;\n\n  align-items: center;\n\n  gap: 18px;\n\n  text-decoration: none;\n\n  color:\n    var(--nivostra-title);\n\n  box-shadow:\n    0 18px 44px rgba(92, 64, 40, 0.12),\n    inset 0 1px 0 rgba(255,255,255,0.96);\n\n  overflow: hidden;\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n.nivostra-instagram-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 12px;\n  border: 1px solid rgba(204,154,102,0.18);\n  border-radius: 12px;\n  pointer-events: none;\n}\n\n.nivostra-instagram-card::after {\n  content: \"\";\n  position: absolute;\n  right: -70px;\n  top: -70px;\n  width: 170px;\n  height: 170px;\n  background: radial-gradient(circle, rgba(201,148,95,0.16), transparent 68%);\n  opacity: 0;\n  transition: opacity .35s ease;\n}\n\n.nivostra-instagram-icon {\n  width: 54px;\n  height: 54px;\n  border: 1px solid rgba(201,148,95,0.48);\n  border-radius: 50%;\n  color: var(--nivostra-gold);\n  background: rgba(204,154,102,0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 22px rgba(201,148,95,0.10);\n}\n\n.nivostra-instagram-icon svg {\n  width: 28px;\n  height: 28px;\n  fill: none;\n  stroke: var(--nivostra-gold-dark);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.nivostra-instagram-card strong {\n  display: block;\n  color: var(--nivostra-title);\n  font-size: 19px;\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: .2px;\n}\n\n.nivostra-instagram-card p {\n  margin: 6px 0 10px;\n  color: var(--nivostra-text);\n  font-size: 15px;\n  line-height: 1.35;\n}\n\n.nivostra-instagram-card span {\n  display: inline-block;\n  color: var(--nivostra-gold);\n  font-size: 22px;\n  line-height: 1;\n  transition: transform .35s ease;\n}\n\n.nivostra-instagram-card:hover {\n  transform: translateY(-5px);\n  border-color: rgba(201,148,95,0.72);\n  box-shadow:\n    0 26px 58px rgba(92,64,40,0.18),\n    0 0 34px rgba(204,154,102,0.10);\n}\n\n.nivostra-instagram-card:hover::after {\n  opacity: 1;\n}\n\n.nivostra-instagram-card:hover span {\n  transform: translateX(7px);\n}\n\n\/* G\u0130R\u0130\u015e EFEKT\u0130 *\/\n\n.nivostra-instagram-title,\n.nivostra-insta-img,\n.nivostra-instagram-card {\n  opacity: 0;\n  transform: translateY(22px);\n  filter: blur(6px);\n  animation: nivostraInstagramReveal .8s cubic-bezier(.16,.84,.26,1) forwards;\n}\n\n.nivostra-insta-img:nth-child(1) { animation-delay: .08s; }\n.nivostra-insta-img:nth-child(2) { animation-delay: .14s; }\n.nivostra-insta-img:nth-child(3) { animation-delay: .20s; }\n.nivostra-insta-img:nth-child(4) { animation-delay: .26s; }\n.nivostra-insta-img:nth-child(5) { animation-delay: .32s; }\n.nivostra-insta-img:nth-child(6) { animation-delay: .38s; }\n.nivostra-instagram-card { animation-delay: .30s; }\n\n@keyframes nivostraInstagramReveal {\n  0% {\n    opacity: 0;\n    transform: translateY(22px);\n    filter: blur(6px);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translateY(-3px);\n    filter: blur(1px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n    filter: blur(0);\n  }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1200px) {\n  .nivostra-instagram-inner {\n    width: calc(100% - 60px);\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .nivostra-instagram-title {\n    text-align: center;\n  }\n\n  .nivostra-instagram-card {\n    max-width: 420px;\n    margin: 0 auto;\n  }\n}\n\n\/* MOB\u0130L *\/\n\n@media (max-width: 680px) {\n  .nivostra-instagram-inner {\n    width: calc(100% - 36px);\n    padding: 38px 0;\n  }\n\n  .nivostra-instagram-title span {\n    font-size: 15px;\n  }\n\n  .nivostra-instagram-title h2 {\n    font-size: 32px;\n  }\n\n  .nivostra-instagram-gallery {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .nivostra-instagram-card {\n    width: 100%;\n    min-height: 118px;\n    padding: 24px 22px;\n    grid-template-columns: 50px 1fr;\n  }\n\n  .nivostra-instagram-icon {\n    width: 48px;\n    height: 48px;\n  }\n\n  .nivostra-instagram-card strong {\n    font-size: 17px;\n  }\n\n  .nivostra-instagram-card p {\n    font-size: 14px;\n  }\n}\n\n\n@media (max-width: 1200px) {\n  .instagram-service-orbit-two {\n    opacity: .45;\n  }\n}\n\n@media (max-width: 680px) {\n  .instagram-service-orbit-one {\n    width: 300px;\n    height: 300px;\n\n    left: -150px;\n    top: 28px;\n\n    opacity: .50;\n  }\n\n  .instagram-service-orbit-two,\n  .nivostra-instagram-service-route-line,\n  .instagram-service-sparkle-two,\n  .nivostra-instagram-service-plus,\n  .instagram-service-dot-three {\n    display: none;\n  }\n}\n\n\/* HAREKET\u0130 AZALTANLAR *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .nivostra-instagram-title,\n  .nivostra-insta-img,\n  .nivostra-instagram-card {\n    opacity: 1;\n    transform: none;\n    filter: none;\n    animation: none;\n  }\n}\n\n\/* H\u0130ZMETLER\u0130M\u0130Z EFEKT\u0130 \u0130\u00c7\u0130N AN\u0130MASYON G\u00dcVENCES\u0130 *\/\n.nivostra-instagram-strip .instagram-service-orbit-one {\n  animation:\n    nivostraInstagramServiceRotate\n    24s\n    linear\n    infinite !important;\n}\n\n.nivostra-instagram-strip .instagram-service-orbit-two {\n  animation:\n    nivostraInstagramServiceRotateReverse\n    18s\n    linear\n    infinite !important;\n}\n\n.nivostra-instagram-strip .nivostra-instagram-service-route-line {\n  animation:\n    nivostraInstagramServiceFloat\n    6s\n    ease-in-out\n    infinite !important;\n}\n\n.nivostra-instagram-strip .nivostra-instagram-service-sparkle,\n.nivostra-instagram-strip .nivostra-instagram-service-plus {\n  animation:\n    nivostraInstagramServiceSparkle\n    4.8s\n    ease-in-out\n    infinite !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8fc1c8d e-con e-atomic-element e-flexbox-base e-2b3a68e \" data-id=\"8fc1c8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8fc1c8d\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2726 \u2727 + TASARLIYORUZ, D\u00d6N\u00dc\u015eT\u00dcR\u00dcYORUZ M\u0130MARLIKTA ESTET\u0130K, YA\u015eAMDA M\u00dcKEMMELL\u0130K. Nivostra, fonksiyonel ve estetik \u00e7\u00f6z\u00fcmlerle ya\u015fam alanlar\u0131n\u0131z\u0131 yeniden tasarlar. Hayalinizdeki mekan\u0131 birlikte in\u015fa edelim. PROJELER\u0130M\u0130Z\u0130 \u0130NCELE \u2192 FORM DOLDURUN \u2192 100+ Tamamlanan Proje 10+ Y\u0131ll\u0131k Deneyim 360\u00b0 Anahtar Teslim S\u00fcre\u00e7 \u2726 \u2727 + \u00dcCRETS\u0130Z KE\u015e\u0130F Projenizi yerinde analiz eder, ihtiya\u00e7lar\u0131n\u0131z\u0131 netle\u015ftiririz. \u015eEFFAF TEKL\u0130F S\u00fcrpriz maliyetler olmadan, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-1503","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/pages\/1503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/comments?post=1503"}],"version-history":[{"count":32,"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/pages\/1503\/revisions"}],"predecessor-version":[{"id":1675,"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/pages\/1503\/revisions\/1675"}],"wp:attachment":[{"href":"https:\/\/nivostra.com\/en\/wp-json\/wp\/v2\/media?parent=1503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}