@charset "UTF-8";
/* plus-jakarta-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/plus-jakarta-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/plus-jakarta-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/plus-jakarta-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/plus-jakarta-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/plus-jakarta-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/plus-jakarta-800.woff2") format("woff2");
}
.bg-dark {
  background-color: #0f172a !important;
  color: #ffffff !important;
}

.c-dark {
  color: #0f172a !important;
}

.bg-dark-1 {
  background-color: #475569 !important;
  color: #ffffff !important;
}

.c-dark-1 {
  color: #475569 !important;
}

.bg-dark-2 {
  background-color: #45556c !important;
  color: #ffffff !important;
}

.c-dark-2 {
  color: #45556c !important;
}

.bg-white-3 {
  background-color: #90a1b9 !important;
  color: #0f172a !important;
}

.c-white-3 {
  color: #90a1b9 !important;
}

.bg-red {
  background-color: #e11d48 !important;
  color: #ffffff !important;
}

.c-red {
  color: #e11d48 !important;
}

.bg-blue {
  background-color: #155dfc !important;
  color: #0f172a !important;
}

.c-blue {
  color: #155dfc !important;
}

.bg-green {
  background-color: #0C642F !important;
  color: #ffffff !important;
}

.c-green {
  color: #0C642F !important;
}

.bg-yellow {
  background-color: #f0b100 !important;
  color: #ffffff !important;
  color: #0f172a !important;
}

.c-yellow {
  color: #f0b100 !important;
}

.bg-white {
  background-color: white !important;
  color: #0f172a !important;
}

.c-white {
  color: white !important;
}

.bg-white-1 {
  background-color: #a9b5c5 !important;
  color: #0f172a !important;
}

.c-white-1 {
  color: #a9b5c5 !important;
}

.bg-white-2 {
  background-color: #90a1b9 !important;
  color: #0f172a !important;
}

.c-white-2 {
  color: #90a1b9 !important;
}

/* Genel Ayarlar */
html {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  overflow-x: hidden;
  font-size: 62.5%;
  scroll-behavior: smooth;
  color: #263238;
  text-align: center;
}
html body {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
html * {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
html ::-webkit-scrollbar {
  height: 4px;
  width: 8px;
}
html ::-webkit-scrollbar-track {
  background: #f1f5f9;
}
html ::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}
html ::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}
html h2 {
  font-size: clamp(3rem, 4vw, 3.6rem);
  font-weight: 800;
  color: #0f172a;
  text-align: start;
}
html p,
html span,
html li {
  font-size: 1.4rem;
  font-weight: 500;
  color: #0f172a;
  text-align: start;
  line-height: 32px;
}

.fs-1 {
  font-size: clamp(1.3rem, 1.2755555556rem + 0.0888888889vw, 1.4rem) !important;
  font-weight: 400;
}

.fs-2 {
  font-size: clamp(1.5rem, 1.4755555556rem + 0.0888888889vw, 1.6rem) !important;
  font-weight: 400;
}

.fs-3 {
  font-size: clamp(1.75rem, 1.7133333333rem + 0.1333333333vw, 1.9rem) !important;
  font-weight: 600;
}

.fs-4 {
  font-size: clamp(2.2rem, 2.1511111111rem + 0.1777777778vw, 2.4rem) !important;
  font-weight: 700;
}

.fs-5 {
  font-size: clamp(2.7rem, 2.6266666667rem + 0.2666666667vw, 3rem) !important;
  font-weight: 700;
}

.fs-6 {
  font-size: clamp(3.2rem, 3.1022222222rem + 0.3555555556vw, 3.6rem) !important;
  font-weight: 800;
}

.fs-7 {
  font-size: clamp(3.6rem, 3.2577777778rem + 1.2444444444vw, 5rem) !important;
  font-weight: 800;
}

.fs-8 {
  font-size: clamp(4rem, 3.5111111111rem + 1.7777777778vw, 6rem) !important;
  font-weight: 800;
}

.fs-9 {
  font-size: clamp(5rem, 4.5111111111rem + 1.7777777778vw, 7rem) !important;
  font-weight: 800;
}

.shadow-1 {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.shadow-2 {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.shadow-3 {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.shadow-4 {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}

:root {
  --spacing-unit: 0.5rem;
}

@media (max-width: 768px) {
  :root {
    --spacing-unit: 0.4rem;
  }
}
@media (max-width: 480px) {
  :root {
    --spacing-unit: 0.35rem;
  }
}
.gap-1 {
  gap: calc(1 * var(--spacing-unit)) !important;
}

.p-1 {
  padding: calc(1 * var(--spacing-unit)) !important;
}

.px-1 {
  padding-left: calc(1 * var(--spacing-unit)) !important;
  padding-right: calc(1 * var(--spacing-unit)) !important;
}

.py-1 {
  padding-top: calc(1 * var(--spacing-unit)) !important;
  padding-bottom: calc(1 * var(--spacing-unit)) !important;
}

.m-1 {
  margin: calc(1 * var(--spacing-unit)) !important;
}

.mx-1 {
  margin-left: calc(1 * var(--spacing-unit)) !important;
  margin-right: calc(1 * var(--spacing-unit)) !important;
}

.my-1 {
  margin-top: calc(1 * var(--spacing-unit)) !important;
  margin-bottom: calc(1 * var(--spacing-unit)) !important;
}

.gap-2 {
  gap: calc(2 * var(--spacing-unit)) !important;
}

.p-2 {
  padding: calc(2 * var(--spacing-unit)) !important;
}

.px-2 {
  padding-left: calc(2 * var(--spacing-unit)) !important;
  padding-right: calc(2 * var(--spacing-unit)) !important;
}

.py-2 {
  padding-top: calc(2 * var(--spacing-unit)) !important;
  padding-bottom: calc(2 * var(--spacing-unit)) !important;
}

.m-2 {
  margin: calc(2 * var(--spacing-unit)) !important;
}

.mx-2 {
  margin-left: calc(2 * var(--spacing-unit)) !important;
  margin-right: calc(2 * var(--spacing-unit)) !important;
}

.my-2 {
  margin-top: calc(2 * var(--spacing-unit)) !important;
  margin-bottom: calc(2 * var(--spacing-unit)) !important;
}

.fw-3 {
  font-weight: 300 !important;
}

.gap-3 {
  gap: calc(3 * var(--spacing-unit)) !important;
}

.p-3 {
  padding: calc(3 * var(--spacing-unit)) !important;
}

.px-3 {
  padding-left: calc(3 * var(--spacing-unit)) !important;
  padding-right: calc(3 * var(--spacing-unit)) !important;
}

.py-3 {
  padding-top: calc(3 * var(--spacing-unit)) !important;
  padding-bottom: calc(3 * var(--spacing-unit)) !important;
}

.m-3 {
  margin: calc(3 * var(--spacing-unit)) !important;
}

.mx-3 {
  margin-left: calc(3 * var(--spacing-unit)) !important;
  margin-right: calc(3 * var(--spacing-unit)) !important;
}

.my-3 {
  margin-top: calc(3 * var(--spacing-unit)) !important;
  margin-bottom: calc(3 * var(--spacing-unit)) !important;
}

.fw-4 {
  font-weight: 400 !important;
}

.gap-4 {
  gap: calc(4 * var(--spacing-unit)) !important;
}

.p-4 {
  padding: calc(4 * var(--spacing-unit)) !important;
}

.px-4 {
  padding-left: calc(4 * var(--spacing-unit)) !important;
  padding-right: calc(4 * var(--spacing-unit)) !important;
}

.py-4 {
  padding-top: calc(4 * var(--spacing-unit)) !important;
  padding-bottom: calc(4 * var(--spacing-unit)) !important;
}

.m-4 {
  margin: calc(4 * var(--spacing-unit)) !important;
}

.mx-4 {
  margin-left: calc(4 * var(--spacing-unit)) !important;
  margin-right: calc(4 * var(--spacing-unit)) !important;
}

.my-4 {
  margin-top: calc(4 * var(--spacing-unit)) !important;
  margin-bottom: calc(4 * var(--spacing-unit)) !important;
}

.fw-5 {
  font-weight: 500 !important;
}

.gap-5 {
  gap: calc(5 * var(--spacing-unit)) !important;
}

.p-5 {
  padding: calc(5 * var(--spacing-unit)) !important;
}

.px-5 {
  padding-left: calc(5 * var(--spacing-unit)) !important;
  padding-right: calc(5 * var(--spacing-unit)) !important;
}

.py-5 {
  padding-top: calc(5 * var(--spacing-unit)) !important;
  padding-bottom: calc(5 * var(--spacing-unit)) !important;
}

.m-5 {
  margin: calc(5 * var(--spacing-unit)) !important;
}

.mx-5 {
  margin-left: calc(5 * var(--spacing-unit)) !important;
  margin-right: calc(5 * var(--spacing-unit)) !important;
}

.my-5 {
  margin-top: calc(5 * var(--spacing-unit)) !important;
  margin-bottom: calc(5 * var(--spacing-unit)) !important;
}

.fw-6 {
  font-weight: 600 !important;
}

.gap-6 {
  gap: calc(6 * var(--spacing-unit)) !important;
}

.p-6 {
  padding: calc(6 * var(--spacing-unit)) !important;
}

.px-6 {
  padding-left: calc(6 * var(--spacing-unit)) !important;
  padding-right: calc(6 * var(--spacing-unit)) !important;
}

.py-6 {
  padding-top: calc(6 * var(--spacing-unit)) !important;
  padding-bottom: calc(6 * var(--spacing-unit)) !important;
}

.m-6 {
  margin: calc(6 * var(--spacing-unit)) !important;
}

.mx-6 {
  margin-left: calc(6 * var(--spacing-unit)) !important;
  margin-right: calc(6 * var(--spacing-unit)) !important;
}

.my-6 {
  margin-top: calc(6 * var(--spacing-unit)) !important;
  margin-bottom: calc(6 * var(--spacing-unit)) !important;
}

.fw-7 {
  font-weight: 700 !important;
}

.gap-7 {
  gap: calc(7 * var(--spacing-unit)) !important;
}

.p-7 {
  padding: calc(7 * var(--spacing-unit)) !important;
}

.px-7 {
  padding-left: calc(7 * var(--spacing-unit)) !important;
  padding-right: calc(7 * var(--spacing-unit)) !important;
}

.py-7 {
  padding-top: calc(7 * var(--spacing-unit)) !important;
  padding-bottom: calc(7 * var(--spacing-unit)) !important;
}

.m-7 {
  margin: calc(7 * var(--spacing-unit)) !important;
}

.mx-7 {
  margin-left: calc(7 * var(--spacing-unit)) !important;
  margin-right: calc(7 * var(--spacing-unit)) !important;
}

.my-7 {
  margin-top: calc(7 * var(--spacing-unit)) !important;
  margin-bottom: calc(7 * var(--spacing-unit)) !important;
}

.fw-8 {
  font-weight: 800 !important;
}

.gap-8 {
  gap: calc(8 * var(--spacing-unit)) !important;
}

.p-8 {
  padding: calc(8 * var(--spacing-unit)) !important;
}

.px-8 {
  padding-left: calc(8 * var(--spacing-unit)) !important;
  padding-right: calc(8 * var(--spacing-unit)) !important;
}

.py-8 {
  padding-top: calc(8 * var(--spacing-unit)) !important;
  padding-bottom: calc(8 * var(--spacing-unit)) !important;
}

.m-8 {
  margin: calc(8 * var(--spacing-unit)) !important;
}

.mx-8 {
  margin-left: calc(8 * var(--spacing-unit)) !important;
  margin-right: calc(8 * var(--spacing-unit)) !important;
}

.my-8 {
  margin-top: calc(8 * var(--spacing-unit)) !important;
  margin-bottom: calc(8 * var(--spacing-unit)) !important;
}

.fw-9 {
  font-weight: 900 !important;
}

.gap-9 {
  gap: calc(9 * var(--spacing-unit)) !important;
}

.p-9 {
  padding: calc(9 * var(--spacing-unit)) !important;
}

.px-9 {
  padding-left: calc(9 * var(--spacing-unit)) !important;
  padding-right: calc(9 * var(--spacing-unit)) !important;
}

.py-9 {
  padding-top: calc(9 * var(--spacing-unit)) !important;
  padding-bottom: calc(9 * var(--spacing-unit)) !important;
}

.m-9 {
  margin: calc(9 * var(--spacing-unit)) !important;
}

.mx-9 {
  margin-left: calc(9 * var(--spacing-unit)) !important;
  margin-right: calc(9 * var(--spacing-unit)) !important;
}

.my-9 {
  margin-top: calc(9 * var(--spacing-unit)) !important;
  margin-bottom: calc(9 * var(--spacing-unit)) !important;
}

.gap-10 {
  gap: calc(10 * var(--spacing-unit)) !important;
}

.p-10 {
  padding: calc(10 * var(--spacing-unit)) !important;
}

.px-10 {
  padding-left: calc(10 * var(--spacing-unit)) !important;
  padding-right: calc(10 * var(--spacing-unit)) !important;
}

.py-10 {
  padding-top: calc(10 * var(--spacing-unit)) !important;
  padding-bottom: calc(10 * var(--spacing-unit)) !important;
}

.m-10 {
  margin: calc(10 * var(--spacing-unit)) !important;
}

.mx-10 {
  margin-left: calc(10 * var(--spacing-unit)) !important;
  margin-right: calc(10 * var(--spacing-unit)) !important;
}

.my-10 {
  margin-top: calc(10 * var(--spacing-unit)) !important;
  margin-bottom: calc(10 * var(--spacing-unit)) !important;
}

.gap-11 {
  gap: calc(11 * var(--spacing-unit)) !important;
}

.p-11 {
  padding: calc(11 * var(--spacing-unit)) !important;
}

.px-11 {
  padding-left: calc(11 * var(--spacing-unit)) !important;
  padding-right: calc(11 * var(--spacing-unit)) !important;
}

.py-11 {
  padding-top: calc(11 * var(--spacing-unit)) !important;
  padding-bottom: calc(11 * var(--spacing-unit)) !important;
}

.m-11 {
  margin: calc(11 * var(--spacing-unit)) !important;
}

.mx-11 {
  margin-left: calc(11 * var(--spacing-unit)) !important;
  margin-right: calc(11 * var(--spacing-unit)) !important;
}

.my-11 {
  margin-top: calc(11 * var(--spacing-unit)) !important;
  margin-bottom: calc(11 * var(--spacing-unit)) !important;
}

.gap-12 {
  gap: calc(12 * var(--spacing-unit)) !important;
}

.p-12 {
  padding: calc(12 * var(--spacing-unit)) !important;
}

.px-12 {
  padding-left: calc(12 * var(--spacing-unit)) !important;
  padding-right: calc(12 * var(--spacing-unit)) !important;
}

.py-12 {
  padding-top: calc(12 * var(--spacing-unit)) !important;
  padding-bottom: calc(12 * var(--spacing-unit)) !important;
}

.m-12 {
  margin: calc(12 * var(--spacing-unit)) !important;
}

.mx-12 {
  margin-left: calc(12 * var(--spacing-unit)) !important;
  margin-right: calc(12 * var(--spacing-unit)) !important;
}

.my-12 {
  margin-top: calc(12 * var(--spacing-unit)) !important;
  margin-bottom: calc(12 * var(--spacing-unit)) !important;
}

.gap-13 {
  gap: calc(13 * var(--spacing-unit)) !important;
}

.p-13 {
  padding: calc(13 * var(--spacing-unit)) !important;
}

.px-13 {
  padding-left: calc(13 * var(--spacing-unit)) !important;
  padding-right: calc(13 * var(--spacing-unit)) !important;
}

.py-13 {
  padding-top: calc(13 * var(--spacing-unit)) !important;
  padding-bottom: calc(13 * var(--spacing-unit)) !important;
}

.m-13 {
  margin: calc(13 * var(--spacing-unit)) !important;
}

.mx-13 {
  margin-left: calc(13 * var(--spacing-unit)) !important;
  margin-right: calc(13 * var(--spacing-unit)) !important;
}

.my-13 {
  margin-top: calc(13 * var(--spacing-unit)) !important;
  margin-bottom: calc(13 * var(--spacing-unit)) !important;
}

.gap-14 {
  gap: calc(14 * var(--spacing-unit)) !important;
}

.p-14 {
  padding: calc(14 * var(--spacing-unit)) !important;
}

.px-14 {
  padding-left: calc(14 * var(--spacing-unit)) !important;
  padding-right: calc(14 * var(--spacing-unit)) !important;
}

.py-14 {
  padding-top: calc(14 * var(--spacing-unit)) !important;
  padding-bottom: calc(14 * var(--spacing-unit)) !important;
}

.m-14 {
  margin: calc(14 * var(--spacing-unit)) !important;
}

.mx-14 {
  margin-left: calc(14 * var(--spacing-unit)) !important;
  margin-right: calc(14 * var(--spacing-unit)) !important;
}

.my-14 {
  margin-top: calc(14 * var(--spacing-unit)) !important;
  margin-bottom: calc(14 * var(--spacing-unit)) !important;
}

.gap-15 {
  gap: calc(15 * var(--spacing-unit)) !important;
}

.p-15 {
  padding: calc(15 * var(--spacing-unit)) !important;
}

.px-15 {
  padding-left: calc(15 * var(--spacing-unit)) !important;
  padding-right: calc(15 * var(--spacing-unit)) !important;
}

.py-15 {
  padding-top: calc(15 * var(--spacing-unit)) !important;
  padding-bottom: calc(15 * var(--spacing-unit)) !important;
}

.m-15 {
  margin: calc(15 * var(--spacing-unit)) !important;
}

.mx-15 {
  margin-left: calc(15 * var(--spacing-unit)) !important;
  margin-right: calc(15 * var(--spacing-unit)) !important;
}

.my-15 {
  margin-top: calc(15 * var(--spacing-unit)) !important;
  margin-bottom: calc(15 * var(--spacing-unit)) !important;
}

.gap-16 {
  gap: calc(16 * var(--spacing-unit)) !important;
}

.p-16 {
  padding: calc(16 * var(--spacing-unit)) !important;
}

.px-16 {
  padding-left: calc(16 * var(--spacing-unit)) !important;
  padding-right: calc(16 * var(--spacing-unit)) !important;
}

.py-16 {
  padding-top: calc(16 * var(--spacing-unit)) !important;
  padding-bottom: calc(16 * var(--spacing-unit)) !important;
}

.m-16 {
  margin: calc(16 * var(--spacing-unit)) !important;
}

.mx-16 {
  margin-left: calc(16 * var(--spacing-unit)) !important;
  margin-right: calc(16 * var(--spacing-unit)) !important;
}

.my-16 {
  margin-top: calc(16 * var(--spacing-unit)) !important;
  margin-bottom: calc(16 * var(--spacing-unit)) !important;
}

.gap-17 {
  gap: calc(17 * var(--spacing-unit)) !important;
}

.p-17 {
  padding: calc(17 * var(--spacing-unit)) !important;
}

.px-17 {
  padding-left: calc(17 * var(--spacing-unit)) !important;
  padding-right: calc(17 * var(--spacing-unit)) !important;
}

.py-17 {
  padding-top: calc(17 * var(--spacing-unit)) !important;
  padding-bottom: calc(17 * var(--spacing-unit)) !important;
}

.m-17 {
  margin: calc(17 * var(--spacing-unit)) !important;
}

.mx-17 {
  margin-left: calc(17 * var(--spacing-unit)) !important;
  margin-right: calc(17 * var(--spacing-unit)) !important;
}

.my-17 {
  margin-top: calc(17 * var(--spacing-unit)) !important;
  margin-bottom: calc(17 * var(--spacing-unit)) !important;
}

.gap-18 {
  gap: calc(18 * var(--spacing-unit)) !important;
}

.p-18 {
  padding: calc(18 * var(--spacing-unit)) !important;
}

.px-18 {
  padding-left: calc(18 * var(--spacing-unit)) !important;
  padding-right: calc(18 * var(--spacing-unit)) !important;
}

.py-18 {
  padding-top: calc(18 * var(--spacing-unit)) !important;
  padding-bottom: calc(18 * var(--spacing-unit)) !important;
}

.m-18 {
  margin: calc(18 * var(--spacing-unit)) !important;
}

.mx-18 {
  margin-left: calc(18 * var(--spacing-unit)) !important;
  margin-right: calc(18 * var(--spacing-unit)) !important;
}

.my-18 {
  margin-top: calc(18 * var(--spacing-unit)) !important;
  margin-bottom: calc(18 * var(--spacing-unit)) !important;
}

.gap-19 {
  gap: calc(19 * var(--spacing-unit)) !important;
}

.p-19 {
  padding: calc(19 * var(--spacing-unit)) !important;
}

.px-19 {
  padding-left: calc(19 * var(--spacing-unit)) !important;
  padding-right: calc(19 * var(--spacing-unit)) !important;
}

.py-19 {
  padding-top: calc(19 * var(--spacing-unit)) !important;
  padding-bottom: calc(19 * var(--spacing-unit)) !important;
}

.m-19 {
  margin: calc(19 * var(--spacing-unit)) !important;
}

.mx-19 {
  margin-left: calc(19 * var(--spacing-unit)) !important;
  margin-right: calc(19 * var(--spacing-unit)) !important;
}

.my-19 {
  margin-top: calc(19 * var(--spacing-unit)) !important;
  margin-bottom: calc(19 * var(--spacing-unit)) !important;
}

.gap-20 {
  gap: calc(20 * var(--spacing-unit)) !important;
}

.p-20 {
  padding: calc(20 * var(--spacing-unit)) !important;
}

.px-20 {
  padding-left: calc(20 * var(--spacing-unit)) !important;
  padding-right: calc(20 * var(--spacing-unit)) !important;
}

.py-20 {
  padding-top: calc(20 * var(--spacing-unit)) !important;
  padding-bottom: calc(20 * var(--spacing-unit)) !important;
}

.m-20 {
  margin: calc(20 * var(--spacing-unit)) !important;
}

.mx-20 {
  margin-left: calc(20 * var(--spacing-unit)) !important;
  margin-right: calc(20 * var(--spacing-unit)) !important;
}

.my-20 {
  margin-top: calc(20 * var(--spacing-unit)) !important;
  margin-bottom: calc(20 * var(--spacing-unit)) !important;
}

.fc {
  text-align: center;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.column-xs {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.5rem;
}

.row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.row-xs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
}

.row-xa {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  gap: 0.5rem;
}

.row-xe {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.5rem;
}

.row-xb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.wrap {
  flex-wrap: wrap !important;
}

.w-full {
  width: 100%;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.mw-750 {
  max-width: 750px;
  margin: auto;
}

.mw-1250 {
  max-width: 1250px;
  margin: auto;
}

.ic-premium {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 20v-2h14v2zm0-3.5L3.725 8.475q-.05 0-.113.013T3.5 8.5q-.625 0-1.062-.438T2 7t.438-1.062T3.5 5.5t1.063.438T5 7q0 .175-.038.325t-.087.275L8 9l3.125-4.275q-.275-.2-.45-.525t-.175-.7q0-.625.438-1.063T12 2t1.063.438T13.5 3.5q0 .375-.175.7t-.45.525L16 9l3.125-1.4q-.05-.125-.088-.275T19 7q0-.625.438-1.063T20.5 5.5t1.063.438T22 7t-.437 1.063T20.5 8.5q-.05 0-.112-.012t-.113-.013L19 16.5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-account {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-people-money {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M6.75 9a3.25 3.25 0 1 0 0-6.5a3.25 3.25 0 0 0 0 6.5M9 12.5a2.5 2.5 0 0 1 1.707-2.371A2 2 0 0 0 10 10H3.5a2 2 0 0 0-2 2s0 4 5.25 4c.897 0 1.64-.117 2.257-.31A3 3 0 0 1 9 15.5zm8-6a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m-7 6a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5zm1 0v1a1.5 1.5 0 0 0 1.5-1.5h-1a.5.5 0 0 1-.5.5m7 1v-1a.5.5 0 0 1-.5-.5h-1a1.5 1.5 0 0 0 1.5 1.5M16.5 16h1a.5.5 0 0 1 .5-.5v-1a1.5 1.5 0 0 0-1.5 1.5M11 14.5v1a.5.5 0 0 1 .5.5h1a1.5 1.5 0 0 0-1.5-1.5m3.5 1a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-anim-circle {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3C!-- merkez nokta --%3E%3Ccircle cx='12' cy='12' r='4' fill='%23000'/%3E%3C!-- sinyal halkası --%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23000' stroke-width='2'%3E%3Canimate attributeName='r' values='4;10;4' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.8;0;0.8' dur='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask: var(--svg) no-repeat center/100% 100%;
  mask: var(--svg) no-repeat center/100% 100%;
}

.ic-try {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 7v10a5 5 0 0 0 5-5m-1-4l-6 3'/%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77a4 4 0 0 1 6.74 0a4 4 0 0 1 4.78 4.78a4 4 0 0 1 0 6.74a4 4 0 0 1-4.77 4.78a4 4 0 0 1-6.75 0a4 4 0 0 1-4.78-4.77a4 4 0 0 1 0-6.76'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-defter {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M16 2v20'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-check {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-right {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M16.06 10.94a1.5 1.5 0 0 1 0 2.12l-5.656 5.658a1.5 1.5 0 1 1-2.121-2.122L12.879 12L8.283 7.404a1.5 1.5 0 0 1 2.12-2.122l5.658 5.657Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-date {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.5 14a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5m0 3.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5m4.75-4.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12 17.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5m4.75-4.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8 3.25a.75.75 0 0 1 .75.75v.75h6.5V4a.75.75 0 0 1 1.5 0v.758q.228.006.425.022c.38.03.736.098 1.073.27a2.75 2.75 0 0 1 1.202 1.202c.172.337.24.693.27 1.073c.03.365.03.81.03 1.345v7.66c0 .535 0 .98-.03 1.345c-.03.38-.098.736-.27 1.073a2.75 2.75 0 0 1-1.201 1.202c-.338.172-.694.24-1.074.27c-.365.03-.81.03-1.344.03H8.17c-.535 0-.98 0-1.345-.03c-.38-.03-.736-.098-1.073-.27a2.75 2.75 0 0 1-1.202-1.2c-.172-.338-.24-.694-.27-1.074c-.03-.365-.03-.81-.03-1.344V8.67c0-.535 0-.98.03-1.345c.03-.38.098-.736.27-1.073A2.75 2.75 0 0 1 5.752 5.05c.337-.172.693-.24 1.073-.27q.197-.016.425-.022V4A.75.75 0 0 1 8 3.25m10.25 7H5.75v6.05c0 .572 0 .957.025 1.252c.023.288.065.425.111.515c.12.236.311.427.547.547c.09.046.227.088.514.111c.296.024.68.025 1.253.025h7.6c.572 0 .957 0 1.252-.025c.288-.023.425-.065.515-.111a1.25 1.25 0 0 0 .547-.547c.046-.09.088-.227.111-.515c.024-.295.025-.68.025-1.252zM10.5 7a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-google-play {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 283'%3E%3Cpath fill='%23ea4335' d='M119.553 134.916L1.06 259.061a32.14 32.14 0 0 0 47.062 19.071l133.327-75.934z'/%3E%3Cpath fill='%23fbbc04' d='M239.37 113.814L181.715 80.79l-64.898 56.95l65.162 64.28l57.216-32.67a31.345 31.345 0 0 0 0-55.537z'/%3E%3Cpath fill='%234285f4' d='M1.06 23.487A30.6 30.6 0 0 0 0 31.61v219.327a32.3 32.3 0 0 0 1.06 8.124l122.555-120.966z'/%3E%3Cpath fill='%2334a853' d='m120.436 141.274l61.278-60.483L48.564 4.503A32.85 32.85 0 0 0 32.051 0C17.644-.028 4.978 9.534 1.06 23.399z'/%3E%3C/svg%3E");
}

.ic-register {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-arrow-down {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m6 7l6 6l6-6l2 2l-8 8l-8-8z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-facebook {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-instagram {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-cancel {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M420.48 121.813L390.187 91.52L256 225.92L121.813 91.52L91.52 121.813L225.92 256L91.52 390.187l30.293 30.293L256 286.08l134.187 134.4l30.293-30.293L286.08 256z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-whatsapp {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-menu {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='48' d='M88 152h336M88 256h336M88 360h336'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-home {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-info {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-navigation {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.002 9.63c-.023.411.207.794.581.966l7.504 3.442l3.442 7.503c.164.356.52.583.909.583l.057-.002a1 1 0 0 0 .894-.686l5.595-17.032c.117-.358.023-.753-.243-1.02s-.66-.358-1.02-.243L2.688 8.736a1 1 0 0 0-.686.894m16.464-3.971l-4.182 12.73l-2.534-5.522a1 1 0 0 0-.492-.492L5.734 9.841z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-flag {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.42 4.45a.74.74 0 0 0-.69-.08a13.8 13.8 0 0 1-3.73 1a8.5 8.5 0 0 1-2.3-1a8.8 8.8 0 0 0-3-1.16a20 20 0 0 0-5 1.1a.75.75 0 0 0-.51.71V20a.75.75 0 0 0 1.5 0v-5.85a15.8 15.8 0 0 1 3.86-.87a8.5 8.5 0 0 1 2.4 1a9.1 9.1 0 0 0 2.82 1.13H15a16 16 0 0 0 4.21-1.13a.75.75 0 0 0 .48-.7V5.07a.74.74 0 0 0-.27-.62m-1.17 8.63a12 12 0 0 1-3.25.84a8.5 8.5 0 0 1-2.3-1a8.8 8.8 0 0 0-3-1.16h-.2a16.3 16.3 0 0 0-3.78.8v-7a15.8 15.8 0 0 1 3.86-.87a8.5 8.5 0 0 1 2.4 1a9.1 9.1 0 0 0 2.82 1.13a10.3 10.3 0 0 0 3.42-.73Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-call {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5' d='M7.829 16.171a20.9 20.9 0 0 1-4.846-7.614c-.573-1.564-.048-3.282 1.13-4.46l.729-.728a2.11 2.11 0 0 1 2.987 0l1.707 1.707a2.11 2.11 0 0 1 0 2.987l-.42.42a1.81 1.81 0 0 0 0 2.56l3.84 3.841a1.81 1.81 0 0 0 2.56 0l.421-.42a2.11 2.11 0 0 1 2.987 0l1.707 1.707a2.11 2.11 0 0 1 0 2.987l-.728.728c-1.178 1.179-2.896 1.704-4.46 1.131a20.9 20.9 0 0 1-7.614-4.846Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-article {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 17h7v-2H7zm0-4h10v-2H7zm0-4h10V7H7zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zM5 5v14z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-gallery {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M21 5H7V3h16v14h-2zm-4 4H3v10h14zM1 7v14h18V7zm14 5.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.4 14.828L3.228 19H3v-2.6L7.4 12l7 7h-2.83z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-add-image {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm.008-12c.548 0 .992.445.992.993V13h-2V5H4v13.999L14 9l3 3v2.829l-3-3L6.827 19H14v2H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3zM8 7a2 2 0 1 1 0 4a2 2 0 0 1 0-4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-add {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-send {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 20V4l19 8zm2-3l11.85-5L5 7v3.5l6 1.5l-6 1.5zm0 0V7z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-login {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18 16h-4v2h4v2l3-3l-3-3zM11 4C8.8 4 7 5.8 7 8s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m0 10c-4.4 0-8 1.8-8 4v2h9.5c-.3-.8-.5-1.6-.5-2.5c0-1.2.3-2.3.9-3.4c-.6 0-1.2-.1-1.9-.1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-register {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-exit {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15 14c2.67 0 8 1.33 8 4v2H7v-2c0-2.67 5.33-4 8-4m0-2a4 4 0 0 1-4-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4a4 4 0 0 1-4 4M5 9.59l2.12-2.13l1.42 1.42L6.41 11l2.13 2.12l-1.42 1.42L5 12.41l-2.12 2.13l-1.42-1.42L3.59 11L1.46 8.88l1.42-1.42z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-password {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%23000' d='M12.5 8.5v-1a1 1 0 0 0-1-1h-10a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1m0-4h-4a2 2 0 1 0 0 4h4m0-4a2 2 0 1 1 0 4m-9-6v-3a3 3 0 0 1 6 0v3m2.5 4h1m-3 0h1m-3 0h1' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-business {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 20q-.691 0-1.153-.462T3 18.384V14.5h7V16h4v-1.5h7v3.885q0 .69-.462 1.152T19.385 20zM11 15v-2h2v2zm-8-1.5V8.616q0-.691.463-1.153T4.615 7H9V5.615q0-.69.463-1.153T10.616 4h2.769q.69 0 1.153.462T15 5.615V7h4.385q.69 0 1.152.463T21 8.616V13.5h-7V12h-4v1.5zM10 7h4V5.615q0-.23-.192-.423T13.385 5h-2.77q-.23 0-.423.192T10 5.615z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-mail {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M42.667 64v298.667h171.07a141 141 0 0 1-.404-10.667c0-11.014 1.284-21.728 3.711-32H85.334V128l149.333 129.013L384 128v89.044a137.9 137.9 0 0 1 42.667 18.088V64zm304 42.667l-112 96l-112-96zm62.157 328.822l4.453 24.701q-27.797 9.143-56.67 9.143q-53.137 0-86.464-30.957q-35.476-32.722-35.476-86.617q0-50.847 33.633-83.569q34.708-33.523 88-33.523q48.224 0 79.707 25.985q15.665 12.992 24.419 31.919q8.907 19.57 8.907 43.148q0 37.374-20.733 59.669q-18.582 19.89-41.926 19.89q-24.88 0-27.337-22.616q-15.358 22.616-41.466 22.616q-21.04 0-33.327-12.19q-13.36-13.153-13.361-36.091q0-15.238 6.067-29.914q6.066-14.677 16.816-25.424q20.426-20.37 52.524-20.371q24.265 0 45.305 7.86l-10.289 66.727q-1.536 9.784-1.536 14.275q0 11.068 9.368 11.068q12.286 0 21.962-14.917q11.825-18.126 11.825-42.988q0-34.166-23.037-53.253q-25.493-21.012-63.274-21.012q-29.18 0-53.137 14.436q-22.577 13.634-33.941 36.892q-9.061 18.928-9.061 42.025q0 43.79 30.408 69.454q26.722 22.616 67.882 22.616q23.496 0 49.759-8.982M379.797 315.83q-7.832-2.247-12.746-2.246q-8.754 0-17.355 4.571q-8.6 4.572-14.743 12.592q-12.594 16.2-12.594 36.25q0 11.229 5.529 17.725t15.051 6.496q13.822 0 22.883-11.87q4.76-6.095 7.525-23.579z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-open {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M4 3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V7a.5.5 0 0 1 1 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1a.5.5 0 0 1 0 1zm3 0a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .5.5V5a.5.5 0 0 1-1 0V3.707L7.354 5.354a.5.5 0 1 1-.708-.708L8.293 3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-location {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 10c0-2.21-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4m-6 0c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2'/%3E%3Cpath fill='%23000' d='M11.42 21.81c.17.12.38.19.58.19s.41-.06.58-.19c.3-.22 7.45-5.37 7.42-11.82c0-4.41-3.59-8-8-8s-8 3.59-8 8c-.03 6.44 7.12 11.6 7.42 11.82M12 4c3.31 0 6 2.69 6 6c.02 4.44-4.39 8.43-6 9.74c-1.61-1.31-6.02-5.29-6-9.74c0-3.31 2.69-6 6-6'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-update {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M5.7 9c.4-2 2.2-3.5 4.3-3.5c1.5 0 2.7.7 3.5 1.8l1.7-2C14 3.9 12.1 3 10 3C6.5 3 3.6 5.6 3.1 9H1l3.5 4L8 9zm9.8-2L12 11h2.3c-.5 2-2.2 3.5-4.3 3.5c-1.5 0-2.7-.7-3.5-1.8l-1.7 1.9C6 16.1 7.9 17 10 17c3.5 0 6.4-2.6 6.9-6H19z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-invoice {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21zm10 4H9m6 4H9m6 4h-4'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-identity {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='M14 3.5h-4c-3.771 0-5.657 0-6.828 1.172S2 7.729 2 11.5v1c0 3.771 0 5.657 1.172 6.828S6.229 20.5 10 20.5h4c3.771 0 5.657 0 6.828-1.172S22 16.271 22 12.5v-1c0-3.771 0-5.657-1.172-6.828S17.771 3.5 14 3.5Z'/%3E%3Cpath stroke-linecap='round' d='M5 16c1.036-2.581 4.896-2.75 6 0'/%3E%3Cpath d='M9.75 9.75a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 8.5h5M14 12h5m-5 3.5h2.5'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-credit-check {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v3.963q0 .254-.18.434t-.434.18q-.615 0-1.148.233q-.532.234-.961.663l-3.635 3.659l-.807-.821q-.856-.856-2.043-.853q-1.186.003-2.042.859q-.723.723-.83 1.66t.33 1.755q.13.218.013.435T8.926 19zM4 8.808v2.384h16V8.808zm10.642 10.304l5.33-5.33q.145-.145.346-.152t.367.158q.16.166.162.354q.003.189-.162.354l-5.477 5.477q-.131.13-.268.187q-.136.055-.298.055q-.142 0-.288-.056q-.146-.055-.277-.186l-2.638-2.638q-.141-.14-.153-.342t.153-.366q.159-.16.35-.16q.192 0 .357.16z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-credit {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.5 4h-9A1.5 1.5 0 0 0 2 5.5h12A1.5 1.5 0 0 0 12.5 4M2 10.5V7h12v3.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 10.5m1.5-8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3zM4.25 9a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-tl {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M256 96c17.7 0 32 14.3 32 32v43.6l121.4-34.7c12.7-3.6 26 3.7 29.7 16.5s-3.7 26-16.5 29.7L288 221.6v46.1L409.4 233c12.7-3.6 26 3.7 29.7 16.5s-3.7 26-16.5 29.7L288 317.7v162.5h72c53 0 96-43 96-96c0-17.7 14.3-32 32-32s32 14.3 32 32c0 88.4-71.6 160-160 160H256c-17.7 0-32-14.3-32-32V336l-25.4 7.3c-12.7 3.6-26-3.7-29.7-16.5s3.7-26 16.5-29.7l38.6-11V240l-25.4 7.3c-12.7 3.6-26-3.7-29.7-16.5s3.7-26 16.5-29.7l38.6-11v-61.9c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-number {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M872 394c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8H708V152c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v166H400V152c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v166H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h168v236H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h168v166c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V706h228v166c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V706h164c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8H708V394zM628 630H400V394h228z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-text {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.75 3a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5zm0 3a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5zM1 9.75A.75.75 0 0 1 1.75 9h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 9.75M1.75 12a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-notification {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.146 3.248a2 2 0 0 1 3.708 0A7 7 0 0 1 19 10v4.697l1.832 2.748A1 1 0 0 1 20 19h-4.535a3.501 3.501 0 0 1-6.93 0H4a1 1 0 0 1-.832-1.555L5 14.697V10c0-3.224 2.18-5.94 5.146-6.752M10.586 19a1.5 1.5 0 0 0 2.829 0zM12 5a5 5 0 0 0-5 5v5a1 1 0 0 1-.168.555L5.869 17H18.13l-.963-1.445A1 1 0 0 1 17 15v-5a5 5 0 0 0-5-5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-setting {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.9 12.66a1 1 0 0 1 0-1.32l1.28-1.44a1 1 0 0 0 .12-1.17l-2-3.46a1 1 0 0 0-1.07-.48l-1.88.38a1 1 0 0 1-1.15-.66l-.61-1.83a1 1 0 0 0-.95-.68h-4a1 1 0 0 0-1 .68l-.56 1.83a1 1 0 0 1-1.15.66L5 4.79a1 1 0 0 0-1 .48L2 8.73a1 1 0 0 0 .1 1.17l1.27 1.44a1 1 0 0 1 0 1.32L2.1 14.1a1 1 0 0 0-.1 1.17l2 3.46a1 1 0 0 0 1.07.48l1.88-.38a1 1 0 0 1 1.15.66l.61 1.83a1 1 0 0 0 1 .68h4a1 1 0 0 0 .95-.68l.61-1.83a1 1 0 0 1 1.15-.66l1.88.38a1 1 0 0 0 1.07-.48l2-3.46a1 1 0 0 0-.12-1.17ZM18.41 14l.8.9l-1.28 2.22l-1.18-.24a3 3 0 0 0-3.45 2L12.92 20h-2.56L10 18.86a3 3 0 0 0-3.45-2l-1.18.24l-1.3-2.21l.8-.9a3 3 0 0 0 0-4l-.8-.9l1.28-2.2l1.18.24a3 3 0 0 0 3.45-2L10.36 4h2.56l.38 1.14a3 3 0 0 0 3.45 2l1.18-.24l1.28 2.22l-.8.9a3 3 0 0 0 0 3.98m-6.77-6a4 4 0 1 0 4 4a4 4 0 0 0-4-4m0 6a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-gallery {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 3a1 1 0 0 0-1 1v3H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 4H8V5h12v10h-2V8a1 1 0 0 0-1-1m-1 2v6.74l-4.509-4.1L4 18.632V9zm-4.491 5.36L16 18.442V19H6.537zM7 13.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-delete {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.687 6.213L6.8 18.976a2.5 2.5 0 0 0 2.466 2.092h3.348m6.698-14.855L17.2 18.976a2.5 2.5 0 0 1-2.466 2.092h-3.348m-1.364-9.952v5.049m3.956-5.049v5.049M2.75 6.213h18.5m-6.473 0v-1.78a1.5 1.5 0 0 0-1.5-1.5h-2.554a1.5 1.5 0 0 0-1.5 1.5v1.78z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ic-ai {
  display: inline-block;
  width: calc(20px + 0.15vw);
  height: calc(20px + 0.15vw);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M9.107 5.448c.598-1.75 3.016-1.803 3.725-.159l.06.16l.807 2.36a4 4 0 0 0 2.276 2.411l.217.081l2.36.806c1.75.598 1.803 3.016.16 3.725l-.16.06l-2.36.807a4 4 0 0 0-2.412 2.276l-.081.216l-.806 2.361c-.598 1.75-3.016 1.803-3.724.16l-.062-.16l-.806-2.36a4 4 0 0 0-2.276-2.412l-.216-.081l-2.36-.806c-1.751-.598-1.804-3.016-.16-3.724l.16-.062l2.36-.806A4 4 0 0 0 8.22 8.025l.081-.216zM11 6.094l-.806 2.36a6 6 0 0 1-3.49 3.649l-.25.091l-2.36.806l2.36.806a6 6 0 0 1 3.649 3.49l.091.25l.806 2.36l.806-2.36a6 6 0 0 1 3.49-3.649l.25-.09l2.36-.807l-2.36-.806a6 6 0 0 1-3.649-3.49l-.09-.25zM19 2a1 1 0 0 1 .898.56l.048.117l.35 1.026l1.027.35a1 1 0 0 1 .118 1.845l-.118.048l-1.026.35l-.35 1.027a1 1 0 0 1-1.845.117l-.048-.117l-.35-1.026l-1.027-.35a1 1 0 0 1-.118-1.845l.118-.048l1.026-.35l.35-1.027A1 1 0 0 1 19 2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.anim-jello {
  animation-name: jello;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.anim-tada {
  animation-name: tada;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.anim-pulse {
  animation-name: pulse;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/* Animations */
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
html body {
  background: linear-gradient(90deg, #fbf2f2 0%, #f7f9fc 40%, #eef5fd 100%);
}
html body main {
  min-height: 58vh;
}
html body a:hover {
  font-weight: 600;
  transform: translateY(-1px);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
html body .badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 5rem;
  background: #fff;
  border: 1px solid #ffe4ea;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  animation: float 4s ease-in-out infinite;
  font-size: 1.2rem;
  font-weight: 700;
  color: #475569;
  text-align: start;
  letter-spacing: 0.5px;
  line-height: 20px;
}
html body .btn-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #64748b;
  text-align: start;
  padding: 0.75rem 1rem;
  border-radius: 1.5rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
html body .btn-1:hover {
  transform: translateY(-5px);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
html body .btn-1-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: n;
  text-align: start;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
html body .btn-1-2:hover {
  transform: translateY(-5px);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
html body .btn-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  background-color: white;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  border-radius: 1.5em;
  padding: 0.75rem 1rem;
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  font-weight: 600;
  color: #0f172a;
  border-bottom: 2px solid #e11d48;
}
html body .btn-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(1.4rem, 1.3511111111rem + 0.1777777778vw, 1.6rem) !important;
  font-weight: 600;
  text-align: start;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  background-color: white;
}
html body .btn-3 i {
  width: 20px;
  height: 20px;
}
html body .btn-4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(1.3rem, 1.4vw, 1.4rem);
  font-weight: 600;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 0.75rem;
  padding: 0.25rem 0.5rem;
  text-align: start;
  cursor: pointer;
  border: 1px solid rgba(36, 46, 69, 0.1647058824);
}
html body .input1 {
  padding: 0.5rem 1rem;
  line-height: 1.4;
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  resize: none;
  font-size: clamp(1.25rem, 1.4vw, 1.35rem);
  border-bottom: 1px solid #1f2a44;
}
html body .logo {
  width: clamp(125px, 125px + 2vw, 150px);
  cursor: pointer;
}
html body .butonlar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
html body .gradient-text {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html body .gradient-bg {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  color: #fff;
}

.premium_simgesi {
  font-size: 13px;
  font-weight: 700;
  color: white;
  text-align: center;
  position: fixed !important;
  top: 17px;
  left: -30px;
  width: 120px;
  background: #e11d48;
  line-height: 25px;
  transform: rotate(-45deg);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  z-index: 9999;
  letter-spacing: 1px;
  cursor: pointer;
}
.premium_simgesi:hover {
  transform: rotate(-45deg) !important;
}

.mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  border-top: 1px solid #e4e3e3;
  z-index: 9;
  display: none;
}
@media (max-width: 600px) {
  .mobile-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 0.75rem;
  }
}
.mobile-nav > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #45556c;
  text-align: n;
}
.mobile-nav a.active {
  color: #0C642F;
}
.mobile-nav a.active i {
  color: #0C642F;
}
.mobile-nav i {
  width: 25px;
  height: 25px;
  color: #0f172a;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}
.mobile-nav .menu-circle {
  border: 3px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0f172a;
  padding: 0.5rem;
  transform: translateY(-35%);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}
.mobile-nav .menu-circle i {
  width: 35px;
  height: 35px;
  color: white;
}

.mobile-drawer {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  transform: translateY(100%);
}
.mobile-drawer.active {
  transform: translateY(0%);
}
.mobile-drawer.active nav {
  transform: translateY(0%);
}
.mobile-drawer nav {
  transition: all 0.35s ease;
  transform: translateY(100%);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  padding: 2rem 1rem;
  border-top: 1px solid #e4e3e3;
  z-index: 99;
  border-radius: 2rem 2rem 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(1.5rem + 2vw);
  justify-items: center;
  align-items: center;
}
.mobile-drawer nav * {
  font-size: clamp(1.4rem, 1.3511111111rem + 0.1777777778vw, 1.6rem) !important;
  font-weight: 600;
  text-align: n;
  color: #45556c;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border-radius: 1rem;
}
.mobile-drawer nav > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  max-width: 200px;
  width: 100%;
  background-color: #f8fafc;
  padding: 1.5rem;
}
.mobile-drawer nav > a i {
  width: 30px;
  height: 30px;
  color: #0f172a;
}
.mobile-drawer nav button {
  background-color: #0f172a;
  color: white;
  grid-column: 1/-1;
}
.mobile-drawer nav .overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
  width: 100vw;
  height: 100vh;
}

.marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: 0.5rem 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  background-color: #0f172a;
}
.marquee > div {
  display: inline-block;
  padding-left: 30%;
  animation: marquee 60s linear infinite;
}
.marquee:hover > div {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.bildirim-ic-wrapper {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
}
.bildirim-ic-wrapper a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  color: #333333;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.3s ease;
  animation: zilSallanma 2s infinite ease-in-out;
}
.bildirim-ic-wrapper a:hover {
  transform: scale(1.1);
  animation: none;
}
.bildirim-ic-wrapper svg {
  width: 24px;
  height: 24px;
}
.bildirim-ic-wrapper span {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 10px;
  height: 10px;
  background-color: #ff3b30;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.bildirim-ic-wrapper {
  /* Zil sallanma animasyonu (Keyframes) */
}
@keyframes zilSallanma {
  0%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  /* Animasyonun 50%'sinden sonra bekleyip tekrar başlar */
}

.mobil-uygulama {
  background: radial-gradient(circle at 50% 50%, #1e293b 0%, #0f172a 100%);
  background-image: linear-gradient(rgba(51, 65, 85, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(51, 65, 85, 0.35) 1px, transparent 1px);
  background-size: 40px 40px;
  background-color: #0f172a;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(3rem + 5vw);
}
.mobil-uygulama > img {
  transform: rotate(4deg);
  width: clamp(200px, 200px + 5vw, 250px) !important;
  transition: transform 0.5s ease;
  height: auto;
}
.mobil-uygulama > img:hover {
  transform: rotate(0deg);
}
.mobil-uygulama > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.mobil-uygulama > div span,
.mobil-uygulama > div h2,
.mobil-uygulama > div p {
  text-align: start;
  color: white;
  max-width: 600px;
  width: 100%;
  line-height: 1.3;
  letter-spacing: 0.3px;
}
.mobil-uygulama > div h2 {
  font-size: clamp(3rem, 3rem + 3vw, 5rem);
  font-weight: 800;
  text-align: start;
}
@media (max-width: 540px) {
  .mobil-uygulama {
    flex-direction: column-reverse !important;
    padding: 5rem 1rem;
  }
  .mobil-uygulama span,
  .mobil-uygulama h2,
  .mobil-uygulama p {
    text-align: center !important;
  }
  .mobil-uygulama > img {
    width: clamp(100px, 100px + 25vw, 300px);
  }
  .mobil-uygulama .row-xs {
    justify-content: center;
  }
}

.gridBlog {
  max-width: 1750px;
  margin: auto;
  padding: calc(0.5rem + 0.5vw);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: stretch;
  justify-content: center;
  gap: 2rem;
}
.gridBlog .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: clamp(200px, 350px, 100%);
  position: relative;
  padding: 0.75rem 1.25rem;
  padding-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.568);
}
.gridBlog .item img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/4;
}
.gridBlog .item h3 {
  font-size: clamp(1.6rem, 1.5633333333rem + 0.1333333333vw, 1.75rem) !important;
  font-weight: 700;
  text-align: center;
}
.gridBlog .item .tarih {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  top: 2rem;
  left: 0;
  color: white;
  padding: 0.25rem 0.5rem;
  background-color: #334155;
  line-height: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.gridBlog .item p {
  font-size: clamp(1.35rem, 1.3377777778rem + 0.0444444444vw, 1.4rem) !important;
  font-weight: 400;
  text-align: center;
  line-height: 18px;
}

.blogRow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 1250px;
  margin: auto;
}
.blogRow .list {
  max-width: 1750px;
  margin: auto;
  padding: calc(0.5rem + 0.5vw);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px;
  min-height: 90px;
}
.blogRow .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: clamp(200px, 350px, 100%);
  position: relative;
  padding: 0.75rem 1.25rem;
  padding-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.568);
}
.blogRow .list .item img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/4;
  max-width: 300px;
  max-height: 150px;
  margin-bottom: auto;
}
.blogRow .list .item h3 {
  font-size: clamp(1.6rem, 1.5633333333rem + 0.1333333333vw, 1.75rem) !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: auto;
}
.blogRow .list .item .tarih {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  top: 2rem;
  left: 0;
  color: white;
  padding: 0.25rem 0.5rem;
  background-color: #334155;
  line-height: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.blogRow .list .item p {
  font-size: clamp(1.35rem, 1.3377777778rem + 0.0444444444vw, 1.4rem) !important;
  font-weight: 400;
  text-align: center;
  line-height: 18px;
}

main {
  padding: 5rem 0;
}

.pg-index > main section:not(.bg-full) {
  padding: clamp(5rem, 10vw, 8rem) 1rem;
  max-width: 1750px;
  margin: auto;
}
.pg-index > main .bg-full {
  padding: 10rem 0;
}
.pg-index .sec-index-hero {
  min-height: 60vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0 clamp(1rem, 1vw, 3rem) !important;
  padding-bottom: 5rem !important;
}
.pg-index .sec-index-hero > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: clamp(1.5rem, 2vw, 2rem);
  flex: 1;
  width: 100%;
  max-width: 600px;
}
.pg-index .sec-index-hero > div .ic-live {
  width: 40px;
  height: 40px;
}
.pg-index .sec-index-hero > div h1 {
  font-size: clamp(4rem, 3.5111111111rem + 1.7777777778vw, 6rem) !important;
  font-weight: 800;
}
.pg-index .sec-index-hero > div p {
  font-size: clamp(1.75rem, 1.7133333333rem + 0.1333333333vw, 1.9rem) !important;
  font-weight: 400;
  text-align: start;
  color: #45556c;
  max-width: 70%;
}
.pg-index .sec-index-hero > div .badge i {
  color: #0C642F;
}
.pg-index .sec-index-hero .sub-2 {
  padding: 2rem clamp(1rem, 1rem + 1vw, 3rem);
  background-color: white;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  border-radius: 3rem;
  animation: float 4s ease-in-out infinite;
}
.pg-index .sec-index-hero .sub-2 > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.75rem;
}
.pg-index .sec-index-hero .sub-2 > div.canli {
  padding: 1rem;
  background-color: #f8fafc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  align-items: center;
  width: 100%;
  border-radius: 1rem;
}
.pg-index .sec-index-hero .sub-2 > div.ilanlar {
  width: 100%;
}
.pg-index .sec-index-hero .sub-2 > div.ilanlar span {
  border: 1px solid rgb(236, 239, 241);
  font-size: 1.5rem;
  font-weight: 500;
  color: #4C566C;
  text-align: start;
  padding: 1rem 1rem;
  width: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border-radius: 1rem;
  line-height: 18px;
}
.pg-index .sec-index-hero .sub-2 > div.ilanlar span b {
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .pg-index .sec-index-hero {
    flex-direction: column;
    gap: 5rem;
    justify-content: start;
  }
  .pg-index .sec-index-hero div {
    align-items: center !important;
  }
  .pg-index .sec-index-hero div > * {
    text-align: center !important;
  }
  .pg-index .sec-index-hero .ilanlar :is(p, span) {
    text-align: start !important;
  }
}
.pg-index .sec-istatistik {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 2rem;
  max-width: 1250px !important;
  padding: 2rem clamp(1rem, 1vw, 3rem) !important;
  padding-top: 5rem !important;
}
.pg-index .sec-musteri-bul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.pg-index .sec-musteri-bul > div {
  flex: 1;
  max-width: 600px;
}
.pg-index .sec-musteri-bul > div > * {
  text-align: start !important;
}
.pg-index .sec-musteri-bul .sub-2 {
  align-items: center;
  text-align: center !important;
}
.pg-index .sec-musteri-bul .sub-2 > div {
  padding: 1rem 2rem;
  border-radius: 2rem;
  width: 100%;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.pg-index .sec-musteri-bul .sub-2 > div .ust {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.pg-index .sec-musteri-bul .sub-2 > div .ust span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
}
.pg-index .sec-musteri-bul .sub-2 > div:last-of-type {
  width: 95%;
  filter: blur(3px);
}
.pg-index .sec-musteri-bul .sub-2 > div {
  transition: all 0.4s ease;
}
.pg-index .sec-musteri-bul .sub-2 > div:hover {
  filter: blur(0);
  background-color: white;
}
@media (max-width: 860px) {
  .pg-index .sec-musteri-bul {
    flex-direction: column;
    align-items: center;
    padding: 5rem 1rem;
  }
  .pg-index .sec-musteri-bul .sub-1 {
    align-items: center;
  }
  .pg-index .sec-musteri-bul .sub-1 > * {
    text-align: center !important;
  }
  .pg-index .sec-musteri-bul .sub-1 .liste {
    align-items: center;
  }
  .pg-index .sec-musteri-bul .sub-2 div {
    width: clamp(100px, 600px, 90vw);
  }
}
.pg-index .sec-nakliye-defter {
  background: linear-gradient(90deg, #0f172b 0%, #0f172b 40%, #26162d 100%);
}
.pg-index .sec-nakliye-defter * {
  color: white;
  text-align: center;
}
.pg-index .sec-nakliye-defter > * {
  max-width: 750px;
}
.pg-index .sec-nakliye-defter > i {
  width: 40px;
  height: 40px;
}
.pg-index .sec-hakkimizda {
  max-width: 750px !important;
}
.pg-index .sec-hakkimizda * {
  text-align: center;
  color: #45556c;
}
.pg-index .sec-hakkimizda > img {
  width: clamp(100px, 500px, 90vw);
  border-radius: 2rem;
  box-shadow: 10px -10px 0 #fde2e4, 0 10px 28px rgba(0, 0, 0, 0.16);
  aspect-ratio: 4/2 !important;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  rotate: 2deg;
  margin: 2rem 0;
  transition: rotate 0.5s ease;
}
.pg-index .sec-hakkimizda > img:hover {
  rotate: 0deg;
}
.pg-index .sec-hakkimizda .btn-1 {
  box-shadow: 5px -3px 0 #fde2e4, 0 10px 28px rgba(0, 0, 0, 0.16);
}

header {
  padding: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: space-around;
  gap: 1rem;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 9;
  transition: 0.3s ease;
}
header nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #334155;
}
header nav a:hover {
  color: #e11d48;
}
header nav a:not(:last-of-type).active {
  color: #e11d48 !important;
  font-weight: 700;
}
@media (min-width: 600px) {
  header.scrolled {
    background: rgba(255, 255, 255, 0.8274509804);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    padding: 0.75rem 2rem;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #e4e3e3;
  }
  header.scrolled .logo {
    width: 139.797px;
    height: 47.097px;
  }
}
@media (max-width: 600px) {
  header {
    display: none;
    position: static;
  }
  header .logo {
    width: 139.797px;
    height: 47.097px;
  }
  header nav {
    display: none !important;
  }
}

.main-sayfa img {
  width: clamp(100px, 100%, 400px + 5vw);
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-sayfa .icerik {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 1.5rem;
  text-align: start;
  max-width: 1000px;
  margin: auto;
  padding: 2rem 1rem;
}
.main-sayfa .icerik h2 {
  font-size: clamp(2rem, 2.5vw, 2.5rem);
  font-weight: 700;
}
.main-sayfa .icerik h3 {
  font-size: clamp(1.6rem, 2vw, 1.75rem);
  font-weight: 600;
}
.main-sayfa .icerik h4 {
  font-size: clamp(1.5rem, 2vw, 1.6rem);
  font-weight: 600;
}
.main-sayfa .icerik p,
.main-sayfa .icerik span,
.main-sayfa .icerik ul,
.main-sayfa .icerik li,
.main-sayfa .icerik strong,
.main-sayfa .icerik address {
  font-size: clamp(1.4rem, 1.6vw, 1.5rem);
}

.sec-hosgeldin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  max-width: 750px;
  margin: auto;
  padding: 2rem 1rem;
}
.sec-hosgeldin .badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #475569;
  text-align: start;
  padding: 0.5rem 0.75rem;
  border-radius: 5rem;
  background: #fff;
  border: 1px solid #ffe4ea;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  animation: float 4s ease-in-out infinite;
  letter-spacing: 0.5px;
  line-height: 20px;
}
.sec-hosgeldin h1 {
  font-size: clamp(3.5rem, 3.3777777778rem + 0.4444444444vw, 4rem) !important;
  font-weight: 800;
  text-align: center;
}
.sec-hosgeldin h1 b {
  white-space: nowrap;
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.sec-hosgeldin h2,
.sec-hosgeldin p {
  font-size: clamp(1.75rem, 1.6888888889rem + 0.2222222222vw, 2rem) !important;
  font-weight: 400;
  text-align: center;
}
.sec-hosgeldin .butonlar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.sec-hosgeldin .butonlar > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: clamp(1.4rem, 1.3511111111rem + 0.1777777778vw, 1.6rem) !important;
  font-weight: 600;
  text-align: center;
  color: #0f172a;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  background-color: #fff;
  line-height: 1;
}
.sec-hosgeldin .butonlar input {
  font-size: clamp(1.5rem, 1.4511111111rem + 0.1777777778vw, 1.7rem) !important;
  font-weight: 500;
}
.sec-hosgeldin .butonlar input::-moz-placeholder {
  font-size: clamp(1.5rem, 1.4511111111rem + 0.1777777778vw, 1.7rem) !important;
  font-weight: 500;
  opacity: 0.9;
}
.sec-hosgeldin .butonlar input::placeholder {
  font-size: clamp(1.5rem, 1.4511111111rem + 0.1777777778vw, 1.7rem) !important;
  font-weight: 500;
  opacity: 0.9;
}

.sec-sehirFiltre {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  background-color: white;
  width: 750px;
  max-width: 90vw;
  margin: auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  padding: 1rem;
  border: 1px solid #e2e8f0;
  margin-bottom: 4rem;
}
.sec-sehirFiltre .input-wrapper {
  position: relative;
  flex: 1;
  min-width: 170px;
  max-width: 375px;
}
.sec-sehirFiltre .input-wrapper > *:not(i) {
  padding-left: 3.5rem;
  height: 45px;
  width: 100%;
}
.sec-sehirFiltre .input-wrapper i {
  position: absolute;
  left: 10px;
  top: 30%;
  color: #45556c;
  pointer-events: none;
  color: #738197;
}
.sec-sehirFiltre select,
.sec-sehirFiltre input {
  flex: 1;
  line-height: 1.4;
  background-color: #f8fafc;
  border: 1px solid #e5e5e5;
  border-radius: 0.75rem;
  resize: none;
  font-size: clamp(1.4rem, 1.4488888889rem + -0.1777777778vw, 1.2rem) !important;
  font-weight: 400;
  text-align: n;
  color: #45556c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  outline: none;
  transition: 0.1s ease;
}
.sec-sehirFiltre select:focus,
.sec-sehirFiltre input:focus {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.sec-ilanlar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: stretch;
  justify-content: center;
  gap: 3rem;
  width: 100%;
  max-width: 1250px;
  margin: auto;
  padding: 2rem 1rem;
}
.sec-ilanlar .item {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background-color: white;
  width: clamp(100px, 500px, 95vw);
  transition: transform 0.3s ease;
}
.sec-ilanlar .item:hover {
  transform: translateY(-1%);
}
.sec-ilanlar .item .ustbilgi {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #f1f5f9;
  padding: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: 1rem;
}
.sec-ilanlar .item .ustbilgi span,
.sec-ilanlar .item .ustbilgi a,
.sec-ilanlar .item .ustbilgi button {
  font-size: clamp(1.3rem, 1.3244444444rem + -0.0888888889vw, 1.2rem) !important;
  font-weight: 700;
  color: #334155;
  padding: 0.25rem 0.75rem !important;
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  background-color: white;
  cursor: pointer;
}
.sec-ilanlar .item .ustbilgi span i,
.sec-ilanlar .item .ustbilgi a i,
.sec-ilanlar .item .ustbilgi button i {
  width: 18px;
  height: 18px;
}
.sec-ilanlar .item .ustbilgi span:nth-of-type(1) {
  background-color: #f1f5f9;
}
.sec-ilanlar .item .govde {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: top;
  gap: 1.5rem;
  padding: 0 clamp(0.5rem, 2vw, 1rem);
  width: 100%;
  height: 100%;
}
.sec-ilanlar .item .govde .konum {
  font-size: clamp(1.75rem, 1.6888888889rem + 0.2222222222vw, 2rem) !important;
  font-weight: 800;
  color: #0f172a;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 5rem);
}
.sec-ilanlar .item .govde .konum b {
  font-size: clamp(1.2rem, 1.2rem + 0vw, 1.2rem) !important;
  font-weight: 800;
  color: #15803d;
  background-color: #f1f5f9;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.sec-ilanlar .item .govde .mesaj {
  font-size: clamp(1.3rem, 1.3244444444rem + -0.0888888889vw, 1.2rem) !important;
  font-weight: 400;
  text-align: start;
  color: #45556c;
  width: 100%;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.sec-ilanlar .item .altbilgi {
  color: #94a3b8;
  text-transform: uppercase;
  padding: 1rem;
  background-color: #f8fafc;
  border: 1px solid #f1f5f9;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  margin-top: auto;
}
.sec-ilanlar .item .altbilgi * {
  font-size: 1.1rem;
  font-weight: 700;
  color: #45556c;
  line-height: 1;
}
.sec-ilanlar .item .altbilgi a {
  color: #155dfc;
}
.sec-ilanlar .item .devamini-oku {
  color: #263238;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
  text-decoration: underline;
  cursor: pointer;
}
.sec-ilanlar .item .resimKutusu {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  margin: auto;
  padding-bottom: 2px;
  min-height: 90px;
}
.sec-ilanlar .item .resimKutusu img {
  animation: fadeIn 0.3s ease-in-out;
  flex: 0 0 120px;
  width: 100px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  cursor: pointer;
  margin: 0 0.25rem;
}
.sec-ilanlar .item .resimKutusu::-webkit-scrollbar {
  height: calc(4px + 0.15vw);
  max-height: 6px;
}

.sec-ilanlar .img-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.849);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.sec-ilanlar .img-modal.active {
  display: flex;
}
.sec-ilanlar .img-modal img {
  max-width: clamp(100px, 700px, 90vw);
  max-height: clamp(100px, 700px, 90vw);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  touch-action: pinch-zoom;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sec-ilanlar .img-modal .modal-close {
  position: absolute;
  top: 2vw;
  right: 2vw;
  font-size: clamp(10px, 30px + 1vw, 45px);
  color: #fff;
  cursor: pointer;
}
.sec-ilanlar .img-modal .modal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(10px, 30px + 1vw, 45px);
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sec-ilanlar .img-modal .modal-nav.prev {
  left: 1vw;
}
.sec-ilanlar .img-modal .modal-nav.next {
  right: 1vw;
}

.sec-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 2rem 1rem;
}
.sec-form form {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: calc(1.5rem + 0.25vw);
  padding: clamp(3rem, 5vw, 6rem) clamp(1.5rem, 3vw, 3rem);
  background-color: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  text-align: start;
  width: clamp(200px, 700px, 100%);
  max-width: 1250px;
  margin: auto;
  border: 1px solid #f1f5f9;
}
.sec-form form .row-input {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.sec-form form .row-input > div {
  flex: 1;
}
.sec-form form .col-input {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 1rem;
}
.sec-form form .head {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.25rem;
}
.sec-form form .head h1,
.sec-form form .head h2,
.sec-form form .head h3,
.sec-form form .head h4 {
  font-size: clamp(2rem, 1.9022222222rem + 0.3555555556vw, 2.4rem) !important;
  font-weight: 700;
  text-align: start;
}
.sec-form form .head p {
  font-size: clamp(1.4rem, 1.3755555556rem + 0.0888888889vw, 1.5rem) !important;
  font-weight: 500;
  text-align: start;
  line-height: 1.5;
}
.sec-form form .foot {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.sec-form form .foot * {
  text-align: center;
  line-height: 1.5;
}
.sec-form form .foot p,
.sec-form form .foot span,
.sec-form form .foot a {
  width: 100%;
}
.sec-form form button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: clamp(1.4rem, 1.3511111111rem + 0.1777777778vw, 1.6rem) !important;
  font-weight: 600;
  text-align: center;
  color: white;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  line-height: 1;
  background-color: #e11d48;
}
.sec-form form button:hover {
  transform: translateY(-3%);
}
.sec-form form > div:not(.foot, .resimInput) {
  width: 100%;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 2rem;
}
.sec-form form .input-wrapper {
  position: relative;
  width: 100%;
}
.sec-form form .input-wrapper > *:not(i) {
  padding-left: 3.5rem;
  height: 45px;
  width: 100%;
}
.sec-form form .input-wrapper i {
  position: absolute;
  left: 10px;
  top: 30%;
  color: #45556c;
  pointer-events: none;
  color: #738197;
}
.sec-form form input,
.sec-form form textarea,
.sec-form form select {
  width: 100%;
  padding: 1rem 1rem;
  line-height: 1.4;
  background-color: #f8fafc;
  border: 1px solid #e5e5e5;
  border-radius: 0.75rem;
  resize: none;
  font-size: clamp(1.4rem, 1.4488888889rem + -0.1777777778vw, 1.2rem) !important;
  font-weight: 400;
  text-align: n;
  color: #45556c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  min-width: 170px;
  padding: 8px;
  outline: none;
  transition: 0.1s ease;
}
.sec-form form input:focus,
.sec-form form textarea:focus,
.sec-form form select:focus {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.sec-form form textarea {
  min-height: 120px;
  max-height: 2000px;
  resize: none;
  overflow-y: auto;
}
.sec-form form p,
.sec-form form label,
.sec-form form li,
.sec-form form span,
.sec-form form a {
  font-size: clamp(1.4rem, 1.3755555556rem + 0.0888888889vw, 1.5rem) !important;
  font-weight: 500;
  text-align: n;
  color: #0f172a;
  margin-left: 0.5rem;
}
.sec-form .resimInput {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 1rem;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  padding: 1rem 0.75rem;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.sec-form .resimInput span {
  font-size: 1.2rem !important;
  font-weight: 400;
}
.sec-form .resimInput .resimEkleBtn {
  padding: 0.5rem;
  background-color: #f8fafc;
  border: 1px solid #e5e5e5;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  color: #334155;
  font-size: 14px !important;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sec-form .resimInput #onizlemeKutusu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  gap: 1rem;
  margin-top: 15px;
}
.sec-form .resimInput #onizlemeKutusu .img-preview-card {
  position: relative;
  width: 120px;
  height: 100px;
  animation: fadeIn 0.3s ease-in-out;
}
.sec-form .resimInput #onizlemeKutusu .img-preview-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}
.sec-form .resimInput #onizlemeKutusu .img-preview-card .del-btn {
  position: absolute;
  top: -8px;
  right: -8px;
  background-color: #ff4444;
  color: white;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 15px;
  cursor: pointer;
  font-weight: bold;
  font-size: 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.sec-form .resimInput #onizlemeKutusu .img-preview-card .del-btn:hover {
  background: #cc0000;
  transform: scale(1.1);
}
.sec-form .resimInput .hataMesaji {
  color: red;
  font-size: 14px;
  margin-top: 5px;
  display: none;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sec-form .resim_secici {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 2rem;
}
.sec-form .resim_secici h3 {
  font-size: clamp(1.7rem, 1.6511111111rem + 0.1777777778vw, 1.9rem) !important;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sec-form .resim_secici .resimGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  width: 100%;
}
.sec-form .resim_secici .resimItem {
  position: relative;
  cursor: pointer;
}
.sec-form .resim_secici .resimItem img {
  width: 100%;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  border: 2px solid #e0e0e0;
  transition: 0.2s;
}
.sec-form .resim_secici .resimItem input {
  display: none;
}
.sec-form .resim_secici .resimItem .check {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #bbb;
}
.sec-form .resim_secici .resimItem input:checked + img {
  border-color: #0a7cff;
}
.sec-form .resim_secici .resimItem :checked ~ .check {
  background: #0a7cff;
  border-color: #0a7cff;
}

.sec-tablo {
  width: clamp(50px, 100%, 1250px);
  margin: auto;
  text-align: left;
  text-wrap: nowrap;
  padding: 1rem;
}
.sec-tablo .baslik {
  font-size: clamp(1.6rem, 1.5022222222rem + 0.3555555556vw, 2rem) !important;
  font-weight: 700;
  padding: 1rem;
  background-color: #f9f9f9;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  width: 100%;
  text-align: center;
}
.sec-tablo .tablo-kapsayici {
  overflow-x: auto;
  width: 100%;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.sec-tablo table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  background-color: #fff;
}
.sec-tablo table th,
.sec-tablo table td {
  font-size: 14px;
  padding: 10px 5px;
  border-bottom: 1px solid #f0f0f0;
}
.sec-tablo table th:nth-of-type(1),
.sec-tablo table td:nth-of-type(1) {
  padding-left: 10px;
}
.sec-tablo table th {
  background-color: #f9f9f9;
  font-weight: 600;
}
.sec-tablo table tbody tr:last-child td {
  border-bottom: none;
}
.sec-tablo table tr:hover {
  background-color: #f0f0f0;
}
.sec-tablo table a,
.sec-tablo table span {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  margin-right: 5px;
}
.sec-tablo table a:hover {
  background-color: #e6e6e6;
}
.sec-tablo.tablo-close .baslik {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sec-tablo.tablo-close .baslik::after {
  content: "▼";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #555;
}
.sec-tablo.tablo-close .tablo-kapsayici {
  display: none;
}
.sec-tablo.tablo-close.acik .baslik::after {
  content: "▲";
}
.sec-tablo.tablo-close.acik .tablo-kapsayici {
  display: block;
}

.sec-premium-liste {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
}
.sec-premium-liste h3 {
  font-size: clamp(2.2rem, 2.1511111111rem + 0.1777777778vw, 2.4rem) !important;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sec-premium-liste .fiyat {
  font-size: clamp(2.7rem, 2.6266666667rem + 0.2666666667vw, 3rem) !important;
  font-weight: 500;
}
.sec-premium-liste > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 2rem;
  padding: 3rem calc(1rem + 2vw);
  border-radius: 1.5rem;
  width: clamp(100px, 100px + 50vw, 375px);
  border: 1px solid rgb(228, 227, 227);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  background-color: rgb(248, 250, 252);
  position: relative;
}
.sec-premium-liste > div h3 i {
  width: 30px;
  height: 30px;
}
.sec-premium-liste > div .tag {
  position: absolute;
  top: -1rem;
  left: -1rem;
  padding: 0 0.5rem;
  border-radius: 1rem;
  font-weight: 800;
}
.sec-premium-liste > div span,
.sec-premium-liste > div p,
.sec-premium-liste > div li {
  color: #0f172a;
}
.sec-premium-liste > div .tag {
  background-color: #0C642F;
  color: white;
}
.sec-premium-liste > div ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.5rem;
}
.sec-premium-liste > div ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sec-premium-liste > div li i {
  color: #0C642F;
}
.sec-premium-liste > div:nth-of-type(2) {
  background-color: #0f172a;
}
.sec-premium-liste > div:nth-of-type(2) h3,
.sec-premium-liste > div:nth-of-type(2) li i {
  color: #f0b100;
}
.sec-premium-liste > div:nth-of-type(2) span,
.sec-premium-liste > div:nth-of-type(2) p,
.sec-premium-liste > div:nth-of-type(2) li {
  color: white;
}
.sec-premium-liste > div:nth-of-type(2) .tag {
  background-color: #f0b100;
  color: #0f172a;
}
.sec-premium-liste > div:nth-of-type(3) {
  background-color: #3f171f;
}
.sec-premium-liste > div:nth-of-type(3) * {
  color: white;
}
.sec-premium-liste > div:nth-of-type(3) .tag {
  background-color: #f0b100;
  color: #0f172a;
}
.sec-premium-liste > div:nth-of-type(3) .tag {
  background-color: #f0b100;
  color: #0f172a;
  padding: 0 0.5rem;
}
.sec-premium-liste > div:nth-of-type(3) button {
  color: #0f172a !important;
}
.sec-premium-liste > div:nth-of-type(3) button i {
  color: #0f172a !important;
}

.sec-sss {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.sec-sss h2 {
  font-size: clamp(3rem, 2.8777777778rem + 0.4444444444vw, 3.5rem) !important;
  font-weight: 800;
  text-align: center;
  color: #0f172a;
}
.sec-sss .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.sec-sss details {
  background-color: white;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  width: 700px;
  max-width: 95vw;
  border-radius: 0.5rem;
}
.sec-sss details summary {
  font-size: clamp(1.5rem, 1.4633333333rem + 0.1333333333vw, 1.65rem) !important;
  font-weight: 600;
  text-align: start;
  color: #0f172a;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  text-align: start;
}
.sec-sss details p {
  font-size: clamp(1.5rem, 1.4755555556rem + 0.0888888889vw, 1.6rem) !important;
  font-weight: 400;
  text-align: start;
  color: #0f172a;
  padding: 0.5rem 2rem;
  line-height: 2rem;
}
.sec-sss details .arrow-down {
  transition: rotate 0.5s ease;
}
.sec-sss details[open] .arrow-down {
  rotate: 180deg;
}
.sec-sss ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 2rem;
  line-height: 2rem;
}
.sec-sss ul li {
  list-style: circle;
  margin-left: 2rem;
}
.sec-sss .butonlar {
  padding: 1rem 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}
.sec-sss .butonlar a {
  font-size: clamp(1.4rem, 1.3755555556rem + 0.0888888889vw, 1.5rem) !important;
  font-weight: 600;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f1f5f9;
  padding: 0.25rem 0.5rem !important;
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.sec-sss .butonlar a i {
  width: 18px;
  height: 18px;
}

footer {
  padding: 0 1rem;
  padding-top: 5rem;
  padding-bottom: 10rem;
  background-color: #0f172a;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
footer a {
  font-size: clamp(1.4rem, 1.3755555556rem + 0.0888888889vw, 1.5rem) !important;
  font-weight: 500;
}
footer .head {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 2rem;
}
footer .head p {
  font-size: clamp(1.5rem, 1.4755555556rem + 0.0888888889vw, 1.6rem) !important;
  font-weight: 400;
}
footer .foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}
footer *:not(i) {
  color: white !important;
  text-align: start !important;
}
footer img {
  width: clamp(125px, 125px + 2vw, 150px);
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
}
footer > ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex: 1;
  max-width: 300px;
}
footer > ul h3,
footer > ul h3 > a {
  margin-bottom: 0.5rem;
  font-size: clamp(1.75rem, 1.7133333333rem + 0.1333333333vw, 1.9rem) !important;
  font-weight: 600;
  color: white !important;
}
footer > ul a {
  white-space: nowrap;
}
footer p,
footer a {
  max-width: 300px;
  color: #a9b5c5 !important;
}
footer .sosyal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row-wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
footer .sosyal a i {
  width: 25px;
  height: 25px;
  color: #a9b5c5 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}
footer .copyright {
  width: 100%;
  color: #90a1b9 !important;
  text-align: center !important;
  border-top: 1px solid #1d293d;
  padding-top: 1rem;
}/*# sourceMappingURL=global.css.map */