:root {
  --color-primary-50: #fff8ed;
  --color-primary-100: #ffedcf;
  --color-primary-200: #ffdaa4;
  --color-primary-300: #f8bd6c;
  --color-primary-400: #f09e3d;
  --color-primary-500: #d87918;
  --color-primary-600: #b85c1a;
  --color-secondary: #17130f;
  --color-accent: #fffdf7;
  --color-background-1: #fffaf1;
  --color-background-2: #fff4e5;
  --color-background-3: #f6ead9;
  --color-background-4: #ecd9c0;
  --color-background-5: #241710;
  --color-background-6: #1a120d;
  --color-background-7: #2b1b12;
  --color-background-8: #0f0d0a;
  --color-background-9: #352115;
  --color-stroke-1: #f0dfc7;
  --color-stroke-2: #ead5b8;
  --color-stroke-3: #dfc39e;
  --color-stroke-4: #f4e8d7;
  --color-stroke-5: #2f2118;
  --color-stroke-6: #3a281c;
  --color-stroke-7: #493322;
  --color-stroke-8: #68482d;
  --color-ns-yellow: #f7c45a;
  --color-ns-green: #c6f56f;
  --color-ns-cyan: #bfe8d6;
  --color-ns-yellow-light: #fff1b8;
  --color-ns-green-light: #edfbd0;
  --color-ns-cyan-light: #e3f6ee;
  --color-gradient-1: linear-gradient(135deg, #f09e3d 0%, #f7c45a 48%, #c6f56f 100%);
  --color-gradient-6: linear-gradient(160deg, #f09e3d 0%, #f7c45a 58%, #c6f56f 100%);
  --color-gradient-7: linear-gradient(180deg, #fffdf7 0%, #ffe3b8 55%, #f09e3d 100%);
  --color-gradient-8: linear-gradient(156deg, #fffaf1 20%, #ffd99c 62%, #f09e3d 100%);
  --color-gradient-9: linear-gradient(156deg, #16130f 0%, #b85c1a 54%, #f7c45a 100%);
}

body {
  background:
    radial-gradient(circle at top left, rgba(240, 158, 61, 0.12), transparent 32%),
    radial-gradient(circle at top right, rgba(198, 245, 111, 0.1), transparent 26%),
    linear-gradient(180deg, #fffaf1 0%, #fffdf7 46%, #f7ead6 100%);
  color: var(--color-secondary);
}

.header-one {
  background: rgba(255, 253, 247, 0.86) !important;
  border-color: rgba(240, 158, 61, 0.18) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 38px rgba(47, 28, 13, 0.1);
}

.dropdown-menu,
.mega-menu,
.customer-dropdown-menu,
.sidebar {
  background: rgba(255, 253, 247, 0.96) !important;
  border-color: rgba(240, 158, 61, 0.16) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 22px 60px rgba(47, 28, 13, 0.12);
}

.btn-primary {
  background-image: linear-gradient(135deg, #f09e3d 0%, #f7c45a 52%, #c6f56f 100%);
  border-color: #d87918;
  color: #17130f;
  box-shadow: 0 10px 24px rgba(216, 121, 24, 0.24);
}

.btn-secondary {
  background-image: linear-gradient(135deg, #17130f 0%, #352115 54%, #b85c1a 100%);
  border-color: #2b1b12;
  box-shadow: 0 12px 28px rgba(47, 28, 13, 0.24);
}

.btn-dark {
  background-image: linear-gradient(135deg, rgba(23, 19, 15, 0.82) 0%, rgba(184, 92, 26, 0.58) 100%);
  border: 1px solid rgba(255, 253, 247, 0.14);
}

.btn-white,
.btn-accent,
.\!btn-white {
  border-color: rgba(240, 158, 61, 0.18) !important;
  background-color: rgba(255, 253, 247, 0.94) !important;
  box-shadow: 0 10px 24px rgba(47, 28, 13, 0.07) !important;
}

.btn.btn-primary:hover,
.btn.btn-secondary:hover,
.btn.btn-dark:hover,
.btn.btn-white:hover,
.btn.btn-accent:hover,
.hover\:btn-primary:hover,
.hover\:btn-secondary:hover,
.hover\:btn-white:hover,
.hover\:btn-accent:hover {
  background: linear-gradient(135deg, rgba(255, 253, 247, 0.76), rgba(255, 238, 211, 0.48)) !important;
  border-color: rgba(240, 158, 61, 0.28) !important;
  color: #17130f !important;
  box-shadow:
    0 16px 34px rgba(47, 28, 13, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(14px);
}

.bg-background-3,
.bg-background-4 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

footer.bg-secondary,
footer {
  background-image:
    radial-gradient(circle at top left, rgba(240, 158, 61, 0.22), transparent 24%),
    radial-gradient(circle at top right, rgba(198, 245, 111, 0.12), transparent 28%),
    linear-gradient(180deg, #17130f 0%, #0f0d0a 100%);
}

.text-primary-500,
.dark\:text-primary-500:where(.dark, .dark *) {
  color: #d87918 !important;
}

.bg-primary-500 {
  background-color: #f09e3d !important;
}

.fill-\[\#F09E3D\] {
  fill: #f09e3d !important;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
  background: #f09e3d !important;
}

.client-logo-slider {
  background:
    linear-gradient(135deg, rgba(255, 253, 247, 0.78), rgba(255, 237, 207, 0.48)),
    radial-gradient(circle at 18% 50%, rgba(240, 158, 61, 0.12), transparent 34%),
    radial-gradient(circle at 82% 50%, rgba(198, 245, 111, 0.16), transparent 32%);
  border: 1px solid rgba(240, 158, 61, 0.18);
  box-shadow: 0 18px 50px rgba(47, 28, 13, 0.1);
  backdrop-filter: blur(14px);
}

.client-logo-item {
  display: flex;
  min-width: 142px;
  height: 52px;
  align-items: center;
  justify-content: center;
}

.client-logo-img {
  display: block;
  width: 92px;
  max-height: 31px;
  object-fit: contain;
  opacity: 0.78;
  filter: saturate(0.92) contrast(1.05);
  transition:
    opacity 200ms ease,
    transform 200ms ease,
    filter 200ms ease;
}

.client-logo-item:hover .client-logo-img {
  opacity: 1;
  filter: saturate(1.05) contrast(1.08);
  transform: translateY(-1px);
}

.client-logo-wide {
  width: 132px;
  max-height: 34px;
}

.client-logo-samsung {
  width: 158px;
  max-height: 38px;
}

.client-logo-lenovo {
  width: 154px;
  max-height: 40px;
}

.client-logo-oracle {
  width: 154px;
  max-height: 34px;
}

.client-logo-mark {
  width: 38px;
  max-height: 36px;
}

.client-logo-hpe {
  width: 146px;
  max-height: 38px;
}