@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'IRANYekanXVF';
	src: url('../fonts/iranyekanxvf.woff') format('woff-variations'),
	/* will be the standard and works in Safari now */
	url('../fonts/iranyekanxvf.woff') format('woff');
	/* for the other supporting browsers */
	font-weight: 100 1000;
	font-display: fallback;
}
@font-face {
	font-family: IRANYekanX;
	src: url('../fonts/iranyekanx-regular.woff') format('woff');
}
@font-face {
	font-family: IRANYekanX;
	src: url('../fonts/iranyekanx-bold.woff') format('woff');
	font-weight: 700;
}

:root,
[data-bs-theme=light] {
	--bs-font-sans-serif: IRANYekanX, system-ui, tahoma, -apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-body-color: #28303d;
	--bs-primary: #6942e9;
	--bs-danger: #ff5e84;
	--bs-success: #4ab774;
	--bs-light: #f1f4f5;
	--bs-primary-rgb: 105, 66, 233;
	--bs-danger-rgb: 255, 94, 132;
	--bs-success-rgb: 74, 183, 116;
	--bs-light-rgb: 241, 244, 245;
	--bs-link-color: #6942e9;
	--bs-link-color-rgb: 105, 66, 233;
	--bs-link-hover-color: #9d80ff;
	--bs-link-hover-color-rgb: 157, 128, 255;
	--bs-border-width: 2px;
}

::selection {
    background-color: #ede8ff;
    color: #6a3dff;
}

body {
    font-size: 16px;
	-moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    direction: rtl;
}
@supports (font-variation-settings: normal) {
    body,
    .tooltip > .tooltip-inner {
        font-family: 'IRANYekanXVF', system-ui, tahoma, sans-serif;
    }
}

a {
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
a.sepidanet-link-arrow svg {
	opacity: 0;
	transform: translateX(12px);
	transition: 0.25s ease-out;
}
a.sepidanet-link-arrow:hover svg,
a.sepidanet-link-arrow:focus svg {
	opacity: 1;
	transform: translateX(0);
}

.btn {
	--bs-btn-focus-box-shadow: none;
}
.btn-link {
	text-decoration: none;
}
.btn-outline-primary {
	--bs-btn-color: #6942e9;
	--bs-btn-border-color: #6942e9;
	--bs-btn-hover-color: #9d80ff;
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: #9d80ff;
	--bs-btn-active-color: #9d80ff;
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: #9d80ff;
}

.sepidanet-font-monospace {
	font-feature-settings: 'ss03';
}

.sepidanet-card,
.sepidanet-card-success {
	transition: all 0.3s ease-in-out;
}
.sepidanet-card:hover {
	border-color: rgba(var(--bs-primary-rgb), 1) !important;
}
.sepidanet-card-success:hover {
	border-color: rgba(var(--bs-success-rgb), 1) !important;
}

.sepidanet-border-dashed {
	border-style: dashed !important;
}

.rounded-shape-1 {
	border-radius: 59% 41% 49% 51% / 53% 77% 23% 47%;
}
.rounded-shape-2 {
	border-radius: 73% 27% 76% 24% / 36% 69% 31% 64%;
}
.rounded-shape-3 {
	border-radius: 67% 33% 68% 32% / 30% 52% 48% 70%;
}
.rounded-shape-4 {
	border-radius: 32% 68% 29% 71% / 27% 42% 58% 73%;
}

.glass-banner {
	background: rgba(255, 255, 255, 0.75);
	background-image: radial-gradient(
		circle at 30% 50%,
		rgba(199, 37, 91, 0.15) 0%,
		rgba(237, 232, 255, 0.1) 30%,
		rgba(157, 128, 255, 0.08) 60%,
		rgba(255, 255, 255, 0) 80%
		),
		radial-gradient(
		circle at 70% 20%,
		rgba(0, 160, 76, 0.12) 0%,
		rgba(99, 179, 70, 0.08) 30%,
		rgba(237, 232, 255, 0.05) 60%,
		rgba(255, 255, 255, 0) 80%
	);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(106, 61, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.glass-banner::before {
	content: '';
	position: absolute;
	top: -60px;
	right: -40px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: radial-gradient(
		circle,
		rgba(157, 128, 255, 0.2) 0%,
		rgba(237, 232, 255, 0.1) 50%,
		transparent 70%
	);
	z-index: 0;
}
.glass-banner::after {
	content: '';
	position: absolute;
	bottom: -80px;
	left: -50px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(
		circle,
		rgba(199, 37, 91, 0.15) 0%,
		rgba(217, 60, 116, 0.1) 30%,
		transparent 70%
	);
	z-index: 0;
}

.glass-bg {
	position: relative;
	width: 100%;
	min-height: 400px;
	padding: 3rem;
	overflow: hidden;
	isolation: isolate;
}
/* Blob shapes با رنگ‌های داده شده */
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.15;
  z-index: 1;
}

.blob-1 {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #c7255b, #d93c74);
  top: -100px;
  left: -50px;
  animation: float 20s infinite ease-in-out;
}

.blob-2 {
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, #00a04c, #63b346);
  bottom: -80px;
  right: 20%;
  animation: float 25s infinite ease-in-out reverse;
}

.blob-3 {
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, #6a3dff, #9d80ff);
  top: 30%;
  right: -60px;
  animation: float 18s infinite ease-in-out;
}

.blob-4 {
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, #ede8ff, #9d80ff);
  bottom: 30%;
  left: 10%;
  animation: float 22s infinite ease-in-out reverse;
}



.card-footer {
    background-color: rgba(0,0,0,.02);
}
.ltr {
  direction: ltr;
}

/* -----------------------------------------------------------------
    - Preloader
----------------------------------------------------------------- */
.preloader {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 1106;
  opacity: 1;
}
.preloader__wrap {
  width: 100%;
  max-width: 150px;
}
.preloader__progress {
  background: #fff;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
}
.preloader__progress span {
  background: #0045FF;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
}

.circle-pulse > * {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  transform: scale(0);
  animation: pulse 1.6s linear infinite;
}

.circle-pulse__1 {
  width: 6rem;
  height: 6rem;
  margin-top: -3rem;
  margin-left: -3rem;
  background-color: #0045FF;
}

.circle-pulse__2 {
  width: 4.8rem;
  height: 4.8rem;
  margin-top: -2.4rem;
  margin-left: -2.4rem;
  background-color: rgba(0, 69, 255, 0.7);
  animation-delay: -0.8s;
}

@keyframes pulse {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}