@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 04 Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 03 Light.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 03 Light.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 03 Light.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 03 Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 05 Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh FaNum 06 Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh Fa-En 07 Heavy.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh Fa-En 08 Fat.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('./fonts/yekanBakh/Yekan Bakh Fa-En 06 Bold.eot');
  src: url('./fonts/yekanBakh/Yekan Bakh Fa-En 06 Bold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/yekanBakh/Yekan Bakh Fa-En 06 Bold.woff') format('woff'),
       url('./fonts/yekanBakh/Yekan Bakh Fa-En 06 Bold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #4f46e5;
  --color-secondary: #0ea5e9;
}

body {
  font-family: "YekanBakh", "Vazirmatn", sans-serif;
  font-weight: 400;
}

.font-yekan-light { font-family: 'YekanBakh'; font-weight: 300; }
.font-yekan-regular { font-family: 'YekanBakh'; font-weight: 400; }
.font-yekan-medium { font-family: 'YekanBakh'; font-weight: 500; }
.font-yekan-semibold { font-family: 'YekanBakh'; font-weight: 550; }
.font-yekan-bold { font-family: 'YekanBakh'; font-weight: 600; }
.font-yekan-heavy { font-family: 'YekanBakh'; font-weight: 700; }
.font-yekan-fat { font-family: 'YekanBakh'; font-weight: 800; }

.clip-angled {
  clip-path: polygon(
    10px 0,
    100% 0,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    0 100%,
    0 10px
  );
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.glass-panel {
  background: rgba(21, 20, 33, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark body {
  background-color: #0B0A14 !important;
}

.dark .bg-surface-dark {
  background-color: #151421 !important;
}
.featured-slide {
  will-change: opacity;
}

.slider-dot {
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-dot.active {
  background-color: white !important;
  transform: scale(1.2);
}

.slider-dot:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
#featuredSlider:hover .featured-slide > div:first-child {
  transform: scale(1.05);
}
.service-inactive .material-symbols-outlined {
  color: #9ca3af;
}

.service-inactive:hover .material-symbols-outlined {
  color: #4f46e5;
}

.service-active {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.2);
}

.service-active .material-symbols-outlined {
  color: #22c55e;
}

.service-active:hover {
  background-color: rgba(34, 197, 94, 0.15);
}

.service-active:hover .material-symbols-outlined {
  color: #16a34a;
}

.service-pending {
  background-color: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.2);
}

.service-pending .material-symbols-outlined {
  color: #f59e0b;
}

.service-pending:hover {
  background-color: rgba(245, 158, 11, 0.15);
}

.service-pending:hover .material-symbols-outlined {
  color: #d97706;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #151421;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #4f46e5;
}
.glow-effect:focus-within {
  border-color: rgba(79, 70, 229, 0.5);
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}