:root {
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-600: oklch(68.1% 0.162 75.834);
  --color-yellow-700: oklch(55.4% 0.135 66.442);
  --color-green-300: oklch(87.1% 0.15 154.449);
  --color-green-400: oklch(79.2% 0.209 151.711);


  --caffe-green-200: #67aa21;
  --caffe-green-300: #949f68;
  --caffe-green-500: #587313;
  --caffe-green-400: #758f33;
  --caffe-green-700: #292c10;
  --caffe-gray-100: #846d54;
  --caffe-gray-200: #282723;
  --caffe-gray-300: #322b29;
  --caffe-gray-400: #191416;
  --caffe-gray-500: #24201D;
  --caffe-gray-600: #221911;
  /*--caffe-gray-500: #1f1a18;*/



  /* --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-green-800: oklch(44.8% 0.119 151.328); */
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-sky-600: oklch(58.8% 0.158 241.966);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-pink-300: oklch(82.3% 0.12 346.018);
  --color-pink-500: oklch(65.6% 0.241 354.308);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-zinc-50: oklch(98.5% 0 0);
  --color-zinc-100: oklch(96.7% 0.001 286.375);
  --color-zinc-200: oklch(92% 0.004 286.32);
  --color-zinc-300: oklch(87.1% 0.006 286.286);
  --color-zinc-400: oklch(70.5% 0.015 286.067);
  --color-zinc-500: oklch(55.2% 0.016 285.938);
  --color-zinc-600: oklch(44.2% 0.017 285.786);
  --color-zinc-700: oklch(37% 0.013 285.805);
  --color-zinc-800: oklch(27.4% 0.006 286.033);
  --color-primary-300: #f7b518;
  --color-primary-400: #f39e1d;
  --color-primary-500: #f28822;
  --color-primary-600: #ed7224;
  --color-primary-700: #ea5d25;
  --color-primary-800: #e64624;
}


@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/IRANSansX-Thin.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Thin.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff/IRANSansX-UltraLight.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/IRANSansX-Light.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Light.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff/IRANSansX-Medium.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Medium.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/IRANSansX-Demibold.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Demibold.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/IRANSansX-Extrabold.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Extrabold.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/IRANSansX-Black.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Black.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/IRANSansX-Bold.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Bold.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansX";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/IRANSansX-Regular.woff') format('woff'),
		url('../fonts/woff2/IRANSansX-Regular.woff2') format('woff2');
}

@font-face {
	font-family: "DimaShekasteh";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/DimaShekasteh.woff') format('woff'),
		url('../fonts/woff2/DimaShekasteh.woff2') format('woff2');
}


@font-face {
	font-family: "ُSamim";
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/Samim-Bold.woff') format('woff'),
		url('../fonts/woff2/Samim-Bold.woff2') format('woff2');
}


@font-face {
	font-family: "ُSamim";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/Samim.woff') format('woff'),
		url('../fonts/woff2/Samim.woff2') format('woff2');
}


@font-face {
	font-family: "ُSamim";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/woff/Samim-Medium.woff') format('woff'),
		url('../fonts/woff2/Samim-Medium.woff2') format('woff2');
}


@font-face {
	font-family: "Yekan";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/Yekan.woff') format('woff')
}


@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/IRANSansXFaNum-Thin.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Thin.woff2') format('woff2');
}
@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff/IRANSansXFaNum-UltraLight.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-UltraLight.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/IRANSansXFaNum-Light.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Light.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff/IRANSansXFaNum-Medium.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Medium.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/IRANSansXFaNum-Demibold.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Demibold.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/IRANSansXFaNum-Extrabold.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Extrabold.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/IRANSansXFaNum-Black.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Black.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/IRANSansXFaNum-Bold.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Bold.woff2') format('woff2');
}

@font-face {
	font-family: "IRANSansXFaNum";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/IRANSansXFaNum-Regular.woff') format('woff'),
		url('../fonts/woff2/IRANSansXFaNum-Regular.woff2') format('woff2');
}













/* @import url('./fontiran.css');
header{
    font-family:IRANSansX ;
} */
 /* @import url('./fzontiran.css'); */

/* *{
    font-family:"IRANSansX";
} */

*{
    font-family:"IRANSansXFaNum";
}
*::selection{
  background-color: var(--caffe-green-500);
  color: #fff;
}
.btn-ripple {
    position: relative;
    overflow: hidden;
}
.btn-ripple::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    /* border-radius: 0%; */
    background: var(--caffe-green-500);
    transform: translate(-50%, -50%);
    transition: width 1s, height 0.1s;
    /* color: var(--caffe-green-500); */
}
.btn-ripple:hover::after {
    width: 65px;
    height: 3px;
}