/* ----------------------------------------- Variables CSS ----------------------------------------- */
:root {
    --font-heading: 'iranyekan', sans-serif;
    --font-body: 'iranyekan', sans-serif;
    --font-icon: "Font Awesome 5 Pro";
    --font-base: 16px;
    --font-sm: 14px;
    --font-xsm: 12px;
    --font-lg: 18px;
    --font-normal: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
    --font-size--h1: 54px;
    --font-size--h2: 42px;
    --font-size--h3: 32px;
    --font-size--h4: 24px;
    --font-size--h5: 20px;
    --font-size--h6: 18px;
    --color-primary: #4f5ae4;
    --color-red: #eb4c4c;
    --color-green: #00b67a;
    --color-blue: #0061df;
    --color-cyan: #21c4df;
    --color-pink: #ff7294;
    --color-purple: #6231f0;
    --color-yellow: #ffc107;
    --color-orange: #f59872;
    --color-white: #fff;
    --color-black: #000;
    --color-dark: #12142a;
    --color-light: #dcdcdc;
    --color-medium: #747474;
    --color-primary-rgb: 79, 90, 228;
    --color-red-rgb: 235, 76, 76;
    --color-green-rgb: 0, 182, 122;
    --color-blue-rgb: 0, 97, 223;
    --color-cyan-rgb: 33, 196, 223;
    --color-pink-rgb: 255, 114, 148;
    --color-purple-rgb: 98, 49, 240;
    --color-yellow-rgb: 253, 192, 64;
    --color-orange-rgb: 245, 152, 114;
    --color-white-rgb: 255, 255, 255;
    --color-black-rgb: 0, 0, 0;
    --color-dark-rgb: 10, 11, 28;
    --color-medium-rgb: 141, 141, 141;
    --color-light-rgb: 242, 242, 242;
    --border-color: #e8e8e8;
    --border-color-2: #a7a7a7;
    --text-dark: var(--color-dark);
    --text-medium: var(--color-medium);
    --text-white: var(--color-white);
    --text-light: var(--color-light);
    --bg-1: #f3f3f3;
    --bg-2: #f8f8f8;
    --bg-white: var(--color-white);
    --bg-dark: var(--color-dark);
    --bg-primary-light: rgba(0, 0, 0, );
    --gradient-1: linear-gradient(135deg, rgba(0, 0, 0, ) 0%, var(--color-primary) 100%);
    --shadow-md: 0 5px 30px -5px #08002a;
    --shadow-round: 0 10px 30px -5px #08002a;
    --radius-sm: 5px;
    --radius-md: 10px;
    --radius-xl: 15px;
    --radius-lg: 20px;
}