/* Font Family*/ @import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap"); /* ========================= Css Variables Start ======================== */ :root { /* Font Family */ --heading-font: "Geologica", sans-serif; --body-font: "Open Sans", sans-serif; /* ========================= Theme Color Start ============================= */ /* Base Color */ --base-h: 38; --base-s: 100%; --base-l: 59%; --base: var(--base-h) var(--base-s) var(--base-l); --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1); --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2); --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3); --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4); --base-d-500: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.5); --base-d-600: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.6); --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7); --base-d-800: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.8); --base-d-900: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.9); --base-d-1000: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 1); --base-l-100: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.1); --base-l-200: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.2); --base-l-300: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.3); --base-l-400: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.4); --base-l-500: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.5); --base-l-600: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.6); --base-l-700: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.7); --base-l-800: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.8); --base-l-900: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.9); --base-l-1000: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 1); /* Base Two Color */ --base-two-h: 49; --base-two-s: 100%; --base-two-l: 65%; --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l); --base-two-d-100: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.1); --base-two-d-200: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.2); --base-two-d-300: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.3); --base-two-d-400: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.4); --base-two-d-500: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.5); --base-two-d-600: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.6); --base-two-d-700: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.7); --base-two-d-800: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.8); --base-two-d-900: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.9); --base-two-d-1000: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 1); --base-two-l-100: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.1); --base-two-l-200: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.2); --base-two-l-300: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.3); --base-two-l-400: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.4); --base-two-l-500: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.5); --base-two-l-600: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.6); --base-two-l-700: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.7); --base-two-l-800: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.8); --base-two-l-900: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.9); --base-two-l-1000: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 1); /* ========================= Theme Color End ============================= */ /* ========================= Color Variables Start =========================== */ --white: 0 0% 100%; --heading-color: 240 7% 97%; --body-color: 213 10% 82%; --black: 0 0% 0%; --border-color: 218 12% 31%; --border-color-two: 18 6% 35%; --section-bg: 222 28% 7%; --card-bg: 214 22% 14%; --background-color: var(--black); --gradient-bg-1: linear-gradient(180deg, hsl(var(--base-two)) 0%, hsl(var(--base)) 67%); --gradient-bg-2: linear-gradient(180deg, hsl(var(--base)) 0%, hsl(var(--base-two)) 67%); /* ================================ Box Shadow Start =============================== */ --box-shadow: 0px 2px 15px hsl(var(--body-color) / 0.05); /* ================================ Box Shadow End =============================== */ /* ============================== Bootstrap Modifier Start ============================== */ /* Primary Color */ --primary-h: 211; --primary-s: 100%; --primary-l: 50%; --primary: var(--primary-h) var(--primary-s) var(--primary-l); --primary-d-100: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.1); --primary-d-200: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.2); --primary-d-300: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.3); --primary-d-400: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.4); --primary-d-500: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.5); --primary-l-100: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.1); --primary-l-200: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.2); --primary-l-300: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.3); --primary-l-400: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.4); --primary-l-500: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.5); /* Secondary Color */ --secondary-h: 218; --secondary-s: 12%; --secondary-l: 31%; --secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l); --secondary-d-100: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.1); --secondary-d-200: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.2); --secondary-d-300: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.3); --secondary-d-400: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.4); --secondary-d-500: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.5); --secondary-l-100: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.1); --secondary-l-200: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.2); --secondary-l-300: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.3); --secondary-l-400: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.4); --secondary-l-500: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.5); /* Success Color */ --success-h: 135; --success-s: 62%; --success-l: 36%; --success: var(--success-h) var(--success-s) var(--success-l); --success-d-100: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.1); --success-d-200: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.2); --success-d-300: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.3); --success-d-400: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.4); --success-d-500: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.5); --success-l-100: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.1); --success-l-200: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.2); --success-l-300: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.3); --success-l-400: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.4); --success-l-500: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.5); --success-two-h: 135; --success-two-s: 57%; --success-two-l: 58%; --success-two: var(--success-two-h) var(--success-two-s) var(--success-two-l); --success-two-d-100: var(--success-two-h) var(--success-two-s) calc(var(--success-two-l) - var(--success-two-l) * 0.1); --success-two-d-200: var(--success-two-h) var(--success-two-s) calc(var(--success-two-l) - var(--success-two-l) * 0.2); --success-two-d-300: var(--success-two-h) var(--success-two-s) calc(var(--success-two-l) - var(--success-two-l) * 0.3); --success-two-d-400: var(--success-two-h) var(--success-two-s) calc(var(--success-two-l) - var(--success-two-l) * 0.4); --success-two-d-500: var(--success-two-h) var(--success-two-s) calc(var(--success-two-l) - var(--success-two-l) * 0.5); --success-two-l-100: var(--success-two-h) calc(var(--success-two-s)) calc(var(--success-two-l) + (100% - var(--success-two-l)) * 0.1); --success-two-l-200: var(--success-two-h) calc(var(--success-two-s)) calc(var(--success-two-l) + (100% - var(--success-two-l)) * 0.2); --success-two-l-300: var(--success-two-h) calc(var(--success-two-s)) calc(var(--success-two-l) + (100% - var(--success-two-l)) * 0.3); --success-two-l-400: var(--success-two-h) calc(var(--success-two-s)) calc(var(--success-two-l) + (100% - var(--success-two-l)) * 0.4); --success-two-l-500: var(--success-two-h) calc(var(--success-two-s)) calc(var(--success-two-l) + (100% - var(--success-two-l)) * 0.5); /* Danger Color */ --danger-h: 0; --danger-s: 84%; --danger-l: 60%; --danger: var(--danger-h) var(--danger-s) var(--danger-l); --danger-d-100: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.1); --danger-d-200: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.2); --danger-d-300: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.3); --danger-d-400: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.4); --danger-d-500: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.5); --danger-l-100: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.1); --danger-l-200: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.2); --danger-l-300: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.3); --danger-l-400: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.4); --danger-l-500: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.5); --danger-two-h: 0; --danger-two-s: 91%; --danger-two-l: 71%; --danger-two: var(--danger-two-h) var(--danger-two-s) var(--danger-two-l); --danger-two-d-100: var(--danger-two-h) var(--danger-two-s) calc(var(--danger-two-l) - var(--danger-two-l) * 0.1); --danger-two-d-200: var(--danger-two-h) var(--danger-two-s) calc(var(--danger-two-l) - var(--danger-two-l) * 0.2); --danger-two-d-300: var(--danger-two-h) var(--danger-two-s) calc(var(--danger-two-l) - var(--danger-two-l) * 0.3); --danger-two-d-400: var(--danger-two-h) var(--danger-two-s) calc(var(--danger-two-l) - var(--danger-two-l) * 0.4); --danger-two-d-500: var(--danger-two-h) var(--danger-two-s) calc(var(--danger-two-l) - var(--danger-two-l) * 0.5); --danger-two-l-100: var(--danger-two-h) calc(var(--danger-two-s)) calc(var(--danger-two-l) + (100% - var(--danger-two-l)) * 0.1); --danger-two-l-200: var(--danger-two-h) calc(var(--danger-two-s)) calc(var(--danger-two-l) + (100% - var(--danger-two-l)) * 0.2); --danger-two-l-300: var(--danger-two-h) calc(var(--danger-two-s)) calc(var(--danger-two-l) + (100% - var(--danger-two-l)) * 0.3); --danger-two-l-400: var(--danger-two-h) calc(var(--danger-two-s)) calc(var(--danger-two-l) + (100% - var(--danger-two-l)) * 0.4); --danger-two-l-500: var(--danger-two-h) calc(var(--danger-two-s)) calc(var(--danger-two-l) + (100% - var(--danger-two-l)) * 0.5); /* Warning Color */ --warning-h: 43; --warning-s: 92%; --warning-l: 50%; --warning: var(--warning-h) var(--warning-s) var(--warning-l); --warning-d-100: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.1); --warning-d-200: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.2); --warning-d-300: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.3); --warning-d-400: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.4); --warning-d-500: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.5); --warning-l-100: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.1); --warning-l-200: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.2); --warning-l-300: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.3); --warning-l-400: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.4); --warning-l-500: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.5); --warning-two-h: 48; --warning-two-s: 100%; --warning-two-l: 50%; --warning-two: var(--warning-two-h) var(--warning-two-s) var(--warning-two-l); --warning-two-d-100: var(--warning-two-h) var(--warning-two-s) calc(var(--warning-two-l) - var(--warning-two-l) * 0.1); --warning-two-d-200: var(--warning-two-h) var(--warning-two-s) calc(var(--warning-two-l) - var(--warning-two-l) * 0.2); --warning-two-d-300: var(--warning-two-h) var(--warning-two-s) calc(var(--warning-two-l) - var(--warning-two-l) * 0.3); --warning-two-d-400: var(--warning-two-h) var(--warning-two-s) calc(var(--warning-two-l) - var(--warning-two-l) * 0.4); --warning-two-d-500: var(--warning-two-h) var(--warning-two-s) calc(var(--warning-two-l) - var(--warning-two-l) * 0.5); --warning-two-l-100: var(--warning-two-h) calc(var(--warning-two-s)) calc(var(--warning-two-l) + (100% - var(--warning-two-l)) * 0.1); --warning-two-l-200: var(--warning-two-h) calc(var(--warning-two-s)) calc(var(--warning-two-l) + (100% - var(--warning-two-l)) * 0.2); --warning-two-l-300: var(--warning-two-h) calc(var(--warning-two-s)) calc(var(--warning-two-l) + (100% - var(--warning-two-l)) * 0.3); --warning-two-l-400: var(--warning-two-h) calc(var(--warning-two-s)) calc(var(--warning-two-l) + (100% - var(--warning-two-l)) * 0.4); --warning-two-l-500: var(--warning-two-h) calc(var(--warning-two-s)) calc(var(--warning-two-l) + (100% - var(--warning-two-l)) * 0.5); /* Info Color */ --info-h: 196; --info-s: 100%; --info-l: 45%; --info: var(--info-h) var(--info-s) var(--info-l); --info-d-100: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.1); --info-d-200: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.2); --info-d-300: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.3); --info-d-400: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.4); --info-d-500: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.5); --info-l-100: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.1); --info-l-200: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.2); --info-l-300: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.3); --info-l-400: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.4); --info-l-500: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.5); /* Dark Color */ --dark-h: 222; --dark-s: 28%; --dark-l: 7%; --dark: var(--dark-h) var(--dark-s) var(--dark-l); --dark-d-100: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.1); --dark-d-200: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.2); --dark-d-300: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.3); --dark-d-400: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.4); --dark-d-500: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.5); --dark-l-100: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.1); --dark-l-200: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.2); --dark-l-300: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.3); --dark-l-400: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.4); --dark-l-500: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.5); /* Light Color */ --light-h: 240; --light-s: 7%; --light-l: 97%; --light: var(--light-h) var(--light-s) var(--light-l); --light-d-100: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.1); --light-d-200: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.2); --light-d-300: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.3); --light-d-400: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.4); --light-d-500: var(--light-h) var(--light-s) calc(var(--light-l) - var(--light-l) * 0.5); --light-l-100: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.1); --light-l-200: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.2); --light-l-300: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.3); --light-l-400: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.4); --light-l-500: var(--light-h) calc(var(--light-s)) calc(var(--light-l) + (100% - var(--light-l)) * 0.5); /* Light Color */ --orange-h: 25; --orange-s: 88%; --orange-l: 40%; --orange: var(--orange-h) var(--orange-s) var(--orange-l); --orange-d-100: var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.1); --orange-d-200: var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.2); --orange-d-300: var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.3); --orange-d-400: var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.4); --orange-d-500: var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.5); --orange-l-100: var(--orange-h) calc(var(--orange-s)) calc(var(--orange-l) + (100% - var(--orange-l)) * 0.1); --orange-l-200: var(--orange-h) calc(var(--orange-s)) calc(var(--orange-l) + (100% - var(--orange-l)) * 0.2); --orange-l-300: var(--orange-h) calc(var(--orange-s)) calc(var(--orange-l) + (100% - var(--orange-l)) * 0.3); --orange-l-400: var(--orange-h) calc(var(--orange-s)) calc(var(--orange-l) + (100% - var(--orange-l)) * 0.4); --orange-l-500: var(--orange-h) calc(var(--orange-s)) calc(var(--orange-l) + (100% - var(--orange-l)) * 0.5); --orange-two-h: 25; --orange-two-s: 96%; --orange-two-l: 61%; --orange-two: var(--orange-two-h) var(--orange-two-s) var(--orange-two-l); --orange-two-d-100: var(--orange-two-h) var(--orange-two-s) calc(var(--orange-two-l) - var(--orange-two-l) * 0.1); --orange-two-d-200: var(--orange-two-h) var(--orange-two-s) calc(var(--orange-two-l) - var(--orange-two-l) * 0.2); --orange-two-d-300: var(--orange-two-h) var(--orange-two-s) calc(var(--orange-two-l) - var(--orange-two-l) * 0.3); --orange-two-d-400: var(--orange-two-h) var(--orange-two-s) calc(var(--orange-two-l) - var(--orange-two-l) * 0.4); --orange-two-d-500: var(--orange-two-h) var(--orange-two-s) calc(var(--orange-two-l) - var(--orange-two-l) * 0.5); --orange-two-l-100: var(--orange-two-h) calc(var(--orange-two-s)) calc(var(--orange-two-l) + (100% - var(--orange-two-l)) * 0.1); --orange-two-l-200: var(--orange-two-h) calc(var(--orange-two-s)) calc(var(--orange-two-l) + (100% - var(--orange-two-l)) * 0.2); --orange-two-l-300: var(--orange-two-h) calc(var(--orange-two-s)) calc(var(--orange-two-l) + (100% - var(--orange-two-l)) * 0.3); --orange-two-l-400: var(--orange-two-h) calc(var(--orange-two-s)) calc(var(--orange-two-l) + (100% - var(--orange-two-l)) * 0.4); --orange-two-l-500: var(--orange-two-h) calc(var(--orange-two-s)) calc(var(--orange-two-l) + (100% - var(--orange-two-l)) * 0.5); /* ============================== Bootstrap Modifier End ============================== */ /* ============================== Dark Mood Color Modify Start ============================== */ /* ============================== Dark Mood Color Modify End ============================== */ } :root [data-theme=dark] { --white: 200 9% 7%; --black: 210 40% 98%; } /* ========================= Css Variables End =========================== */ /* ============================= Fully Fit Image Css Start ============================= */ .fit-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* ============================= Fully Fit Image Css End ============================= */ /* ============================= Display Flex Css Start ============================= */ .flex-wrap, .feature-item, .gold-calculator__inputs, .dashboard .withdraw-option-item, .dashboard .buy-sell-card .gold-calculator__bottom .info, .dashboard .dashboard-body .dashboard-calculator-form .bottom__info, .dashboard .dashboard-body .dashboard-calculator-form .inputs, .form--switch, .form--radio, .form--check { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-align, .testimonial-item, .feature-thumb, .gold-calculator__bottom, .gold-calculator__top .calculator-switch, .gold-calculator__top, .gold-rate__list-item, .banner-content__price, .banner-content__buttons, .dashboard .account-setting__content, .dashboard .account-setting__top, .dashboard .price-tracker-tap, .dashboard .buy-sell-payment__right form .form--radio .form-check-label .payment-icon-wrapper, .dashboard .buy-sell-payment__right form .form--radio .form-check-label, .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value, .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper, .dashboard .buy-sell-card .gold-calculator__bottom, .dashboard .buy-sell-card .gold-calculator__top-left, .dashboard .dashboard-card__title, .dashboard .dashboard-card__top-right, .dashboard .dashboard-card__top-left, .dashboard .dashboard-column__left-top .welcome__bottom, .dashboard .dashboard-body .dashboard-buttons, .dashboard .dashboard-body__title, .dashboard .dashboard-body__top, .dashboard .dashboard-header__left, .language-dropdown__list-item, .language-dropdown__selected, .action-buttons, .custom--accordion .accordion-button { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-center, .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-between, .gold-price-header, .dashboard .text-list__item, .dashboard .buy-sell-payment, .dashboard .gift-withdraw-list__item, .dashboard .dashboard-card__top, .dashboard .dashboard-column__left-bottom, .dashboard .dashboard-column__left-top, .dashboard .dashboard-column__left, .dashboard .dashboard-column, .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch, .dashboard .dashboard-header .notification-list__header, .dashboard .dashboard-header, .list-group.two .list-group-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* ============================= Display Flex Css End ============================= */ /* ============================= Positioning Css Class Start ===================== */ .pa-extend, .dashboard .sidebar-submenu-list__link::before { position: absolute; content: ""; } .top-center-extend, .dashboard .sidebar-submenu-list__link::before, .custom--accordion .accordion-button[aria-expanded=true]::after, .custom--accordion .accordion-button[aria-expanded=false]::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .left-center-extend { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .top-left-center-extend { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ============================= Positioning Css Class End ===================== */ /* ===================== Font Size For Responsive Devices Start =================== */ .fs-10 { font-size: 0.625rem; } .fs-11 { font-size: 0.6875rem; } .fs-12 { font-size: 0.75rem; } .fs-13 { font-size: 0.8125rem; } .fs-14 { font-size: 0.875rem; } .fs-15 { font-size: 0.9375rem; } .fs-16 { font-size: 1rem; } @media screen and (max-width: 1199px) { .fs-16 { font-size: 0.9375rem; } } .fs-17 { font-size: 1.0625rem; } @media screen and (max-width: 1199px) { .fs-17 { font-size: 1rem; } } @media screen and (max-width: 767px) { .fs-17 { font-size: 0.9375rem; } } .fs-18 { font-size: 1.125rem; } @media screen and (max-width: 1399px) { .fs-18 { font-size: 1.0625rem; } } @media screen and (max-width: 767px) { .fs-18 { font-size: 1rem; } } .fs-20 { font-size: 1.25rem; } @media screen and (max-width: 1399px) { .fs-20 { font-size: 1.125rem; } } @media screen and (max-width: 767px) { .fs-20 { font-size: 1.0625rem; } } /* ===================== Font Size For Responsive Devices End =================== */ /* ================================= Common Typography Css Start =========================== */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: var(--body-font); color: hsl(var(--body-color)); word-break: break-word; background-color: hsl(var(--section-bg)); min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } p { font-size: 1rem; font-weight: 400; line-height: 1.5; color: hsl(var(--body-color)); margin: 0; } @media screen and (max-width: 991px) { p { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { p { font-size: 0.875rem; } } span { display: inline-block; } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); color: hsl(var(--heading-color)); line-height: 1.2; font-weight: 700; margin: 0 0 15px 0; } @media screen and (max-width: 767px) { h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; } } h1 { font-size: 4rem; line-height: 1; } @media screen and (max-width: 1399px) { h1 { font-size: 3.75rem; } } @media screen and (max-width: 1199px) { h1 { font-size: 3.4375rem; } } @media screen and (max-width: 991px) { h1 { font-size: 2.8125rem; } } @media screen and (max-width: 767px) { h1 { font-size: 2.5rem; } } @media screen and (max-width: 575px) { h1 { font-size: 2.375rem; } } @media screen and (max-width: 424px) { h1 { font-size: 2rem; } } h2 { font-size: 2.5rem; } @media screen and (max-width: 1399px) { h2 { font-size: 2.375rem; } } @media screen and (max-width: 1199px) { h2 { font-size: 2.25rem; } } @media screen and (max-width: 991px) { h2 { font-size: 2.125rem; } } @media screen and (max-width: 767px) { h2 { font-size: 2rem; } } @media screen and (max-width: 575px) { h2 { font-size: 1.75rem; } } h3 { font-size: 2rem; } @media screen and (max-width: 1399px) { h3 { font-size: 1.9375rem; } } @media screen and (max-width: 1199px) { h3 { font-size: 1.8125rem; } } @media screen and (max-width: 991px) { h3 { font-size: 1.6875rem; } } @media screen and (max-width: 767px) { h3 { font-size: 1.5625rem; } } @media screen and (max-width: 575px) { h3 { font-size: 1.4375rem; } } h4 { font-size: 1.5rem; } @media screen and (max-width: 1399px) { h4 { font-size: 1.4375rem; } } @media screen and (max-width: 1199px) { h4 { font-size: 1.375rem; } } @media screen and (max-width: 991px) { h4 { font-size: 1.3125rem; } } @media screen and (max-width: 767px) { h4 { font-size: 1.25rem; } } @media screen and (max-width: 575px) { h4 { font-size: 1.1875rem; } } h5 { font-size: 1.25rem; } @media screen and (max-width: 1399px) { h5 { font-size: 1.1875rem; } } @media screen and (max-width: 1199px) { h5 { font-size: 1.125rem; } } @media screen and (max-width: 991px) { h5 { font-size: 1.0625rem; } } @media screen and (max-width: 767px) { h5 { font-size: 1rem; } } @media screen and (max-width: 575px) { h5 { font-size: 1rem; } } h6 { font-size: 1.125rem; } @media screen and (max-width: 1399px) { h6 { font-size: 1.125rem; } } @media screen and (max-width: 1199px) { h6 { font-size: 1.0625rem; } } @media screen and (max-width: 991px) { h6 { font-size: 1rem; } } @media screen and (max-width: 767px) { h6 { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { h6 { font-size: 0.875rem; } } h1>a, h2>a, h3>a, h4>a, h5>a, h6>a { font-weight: inherit; font-size: inherit; color: inherit; -webkit-transition: 0.2s linear; transition: 0.2s linear; line-height: inherit; } a { display: inline-block; text-decoration: none; color: hsl(var(--base)); -webkit-transition: 0.2s linear; transition: 0.2s linear; } a:hover { color: hsl(var(--base-two)); } img { max-width: 100%; height: auto; } select { cursor: pointer; } ul, ol { padding: 0; margin: 0; list-style: none; } button { border: 0; background-color: transparent; } button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .form-select:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } /* ================================= Common Typography Css End =========================== */ /* ================================= Custom Classes Css Start =========================== */ @media screen and (min-width: 425px) and (max-width: 575px) { .col-xsm-6 { width: 50%; } } .section-bg { background-color: hsl(var(--section-bg)); } .bg-img { background-size: cover !important; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; } .scroll-hide { position: absolute; overflow-y: hidden; padding-right: 17px; top: 0; left: 0; width: 100%; } @media screen and (max-width: 991px) { .scroll-hide { padding-right: 0; } } .scroll-hide-sm { position: absolute; overflow-y: hidden; top: 0; left: 0; width: calc(100% - 0px); } .body-overlay { position: fixed; width: 100%; height: 100%; content: ""; left: 0; top: 0; background-color: hsl(var(--black)/0.6); z-index: 99; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .body-overlay.show { visibility: visible; opacity: 1; } .gradient-text { background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--base-d-200))), to(hsl(var(--base)))); background-image: linear-gradient(180deg, hsl(var(--base-d-200)) 0%, hsl(var(--base)) 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } .gradient-text::-moz-selection { color: hsl(var(--white)); -webkit-text-fill-color: hsl(var(--white)); background: transparent; } .gradient-text::selection { color: hsl(var(--white)); -webkit-text-fill-color: hsl(var(--white)); background: transparent; } .sidebar-overlay { position: fixed; width: 100%; height: 100%; content: ""; left: 0; top: 0; background-color: hsl(var(--black)/0.6); z-index: 99; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .sidebar-overlay.show { visibility: visible; opacity: 1; z-index: 999; } /* ================================= Custom Classes Css End =========================== */ /* ====================== Section Heading Css Start ==================== */ .section-heading { position: relative; z-index: 1; margin-bottom: 40px; } @media screen and (max-width: 1199px) { .section-heading { margin-bottom: 35px; } } @media screen and (max-width: 991px) { .section-heading { margin-bottom: 32px; } } @media screen and (max-width: 767px) { .section-heading { margin-bottom: 30px; } } @media screen and (max-width: 575px) { .section-heading { margin-bottom: 25px; } } .section-heading__title { margin-bottom: 16px; } @media screen and (max-width: 991px) { .section-heading__title { margin-bottom: 12px; } } @media screen and (max-width: 575px) { .section-heading__title { margin-bottom: 10px; } } /* ====================== Section Heading Css End ==================== */ /* ====================== Section Heading Css End ==================== */ .gradient-border { position: relative; } .gradient-border::after { position: absolute; content: ""; background: -webkit-gradient(linear, left top, right top, from(#464d59), to(rgba(255, 178, 44, 0.5018382353))); background: linear-gradient(90deg, #464d59 0%, rgba(255, 178, 44, 0.5018382353) 100%); border-radius: 20px; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; } @media screen and (max-width: 767px) { .gradient-border::after { border-radius: 15px; } } /* ====================== Section Heading Css End ==================== */ /* ================================= Background Color Css Start =========================== */ .bg--base { background-color: hsl(var(--base)) !important; } .bg--primary { background-color: hsl(var(--primary)) !important; } .bg--secondary { background-color: hsl(var(--secondary)) !important; } .bg--success { background-color: hsl(var(--success)) !important; } .bg--danger { background-color: hsl(var(--danger)) !important; } .bg--warning { background-color: hsl(var(--warning)) !important; } .bg--info { background-color: hsl(var(--info)) !important; } .bg--light { background-color: hsl(var(--light)) !important; } .bg--dark { background-color: hsl(var(--dark)) !important; } /* ================================= Background Color Css End =========================== */ /* ================================= Color Css Start =========================== */ .text--base { color: hsl(var(--base)) !important; } .text--primary { color: hsl(var(--primary)) !important; } .text--secondary { color: hsl(var(--secondary)) !important; } .text--success { color: hsl(var(--success)) !important; } .text--danger { color: hsl(var(--danger)) !important; } .text--warning { color: hsl(var(--warning)) !important; } .text--info { color: hsl(var(--info)) !important; } .text--light { color: hsl(var(--light)) !important; } .text--dark { color: hsl(var(--dark)) !important; } /* ================================= Color Css End =========================== */ /* ================================= Border Color Css Start =========================== */ .border--base { border-color: hsl(var(--base)) !important; } .border--primary { border-color: hsl(var(--primary)) !important; } .border--secondary { border-color: hsl(var(--secondary)) !important; } .border--success { border-color: hsl(var(--success)) !important; } .border--danger { border-color: hsl(var(--danger)) !important; } .border--warning { border-color: hsl(var(--warning)) !important; } .border--info { border-color: hsl(var(--info)) !important; } .border--light { background-color: hsl(var(--light)) !important; } .border--dark { border-color: hsl(var(--dark)) !important; } /* ================================= Border Color Css End =========================== */ /* ================================= Margin Css Start =========================== */ .my-120 { margin-top: 60px; margin-bottom: 60px; } @media (min-width: 576px) { .my-120 { margin-top: 80px; margin-bottom: 80px; } } @media (min-width: 992px) { .my-120 { margin-top: 120px; margin-bottom: 120px; } } .mt-120 { margin-top: 60px; } @media (min-width: 576px) { .mt-120 { margin-top: 80px; } } @media (min-width: 992px) { .mt-120 { margin-top: 120px; } } .mb-120 { margin-bottom: 60px; } @media (min-width: 576px) { .mb-120 { margin-bottom: 80px; } } @media (min-width: 992px) { .mb-120 { margin-bottom: 120px; } } .my-60 { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 576px) { .my-60 { margin-top: 40px; margin-bottom: 40px; } } @media (min-width: 992px) { .my-60 { margin-top: 60px; margin-bottom: 60px; } } .mt-60 { margin-top: 30px; } @media (min-width: 576px) { .mt-60 { margin-top: 40px; } } @media (min-width: 992px) { .mt-60 { margin-top: 60px; } } .mb-60 { margin-bottom: 30px; } @media (min-width: 576px) { .mb-60 { margin-bottom: 40px; } } @media (min-width: 992px) { .mb-60 { margin-bottom: 60px; } } /* ================================= Margin Css End =========================== */ /* ================================= Padding Css Start =========================== */ .py-120 { padding-top: 60px; padding-bottom: 60px; } @media (min-width: 576px) { .py-120 { padding-top: 75px; padding-bottom: 75px; } } @media (min-width: 992px) { .py-120 { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 1200px) { .py-120 { padding-top: 120px; padding-bottom: 120px; } } .pt-120 { padding-top: 60px; } @media (min-width: 576px) { .pt-120 { padding-top: 80px; } } @media (min-width: 992px) { .pt-120 { padding-top: 100px; } } @media (min-width: 1200px) { .pt-120 { padding-top: 120px; } } .pb-120 { padding-bottom: 60px; } @media (min-width: 576px) { .pb-120 { padding-bottom: 80px; } } @media (min-width: 992px) { .pb-120 { padding-bottom: 100px; } } @media (min-width: 1200px) { .pb-120 { padding-bottom: 120px; } } .py-60 { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 576px) { .py-60 { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 992px) { .py-60 { padding-top: 60px; padding-bottom: 60px; } } .pt-60 { padding-top: 30px; } @media (min-width: 576px) { .pt-60 { padding-top: 40px; } } @media (min-width: 992px) { .pt-60 { padding-top: 60px; } } .pb-60 { padding-bottom: 30px; } @media (min-width: 576px) { .pb-60 { padding-bottom: 40px; } } @media (min-width: 992px) { .pb-60 { padding-bottom: 60px; } } /* ================================= Padding Css End =========================== */ /* =========================== Accordion Css start ============================= */ .custom--accordion { padding-right: 45px; } @media screen and (max-width: 1199px) { .custom--accordion { padding-right: 0; } } .custom--accordion .accordion-item { border: 1px solid hsl(var(--border-color)) !important; background-color: transparent !important; border-radius: 8px; overflow: hidden; margin-bottom: 15px; } @media screen and (max-width: 767px) { .custom--accordion .accordion-item { margin-bottom: 10px; } } .custom--accordion .accordion-item:last-child { margin-bottom: 0; } .custom--accordion .accordion-header { font-size: 1rem; line-height: 1.4; } @media screen and (max-width: 767px) { .custom--accordion .accordion-header { font-size: 0.9375rem; } } @media screen and (max-width: 424px) { .custom--accordion .accordion-header { font-size: 0.875rem; } } .custom--accordion .accordion-body { color: hsl(var(--body-color)); background-color: transparent; padding: 0 22px 20px; font-size: 1rem; } @media screen and (max-width: 1399px) { .custom--accordion .accordion-body { padding: 0 20px 20px; } } @media screen and (max-width: 1199px) { .custom--accordion .accordion-body { padding: 0 15px 20px; } } @media screen and (max-width: 991px) { .custom--accordion .accordion-body { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .custom--accordion .accordion-body { font-size: 0.875rem; } } .custom--accordion:first-of-type .accordion-button.collapsed { border-radius: 8px; } .custom--accordion:last-of-type .accordion-button.collapsed { border-radius: 8px; } .custom--accordion .accordion-button { background-color: transparent; color: var(--heading-color); font-size: inherit; line-height: inherit; font-weight: inherit; padding: 25px 22px; padding-right: 55px; } @media screen and (max-width: 1399px) { .custom--accordion .accordion-button { padding: 25px 20px; padding-right: 55px; } } @media screen and (max-width: 1199px) { .custom--accordion .accordion-button { padding: 22px 15px; padding-right: 40px; } } @media screen and (max-width: 991px) { .custom--accordion .accordion-button { padding: 20px 15px; padding-right: 40px; } } @media screen and (max-width: 767px) { .custom--accordion .accordion-button { padding: 15px 15px; padding-right: 40px; } } .custom--accordion .accordion-button::after { background-image: none; } .custom--accordion .accordion-button:focus { -webkit-box-shadow: none; box-shadow: none; } .custom--accordion .accordion-button:not(.collapsed) { color: hsl(var(--heading-color)); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .custom--accordion .accordion-button:not(.collapsed)::after { background-image: none; color: hsl(var(--base)); } .custom--accordion .accordion-button[aria-expanded=true]::after, .custom--accordion .accordion-button[aria-expanded=false]::after { font-family: "Line Awesome Free"; font-weight: 900; content: "\f068"; display: inline-block; position: absolute; right: 25px; height: unset; color: hsl(var(--heading-color)); font-size: 1.25rem; } @media screen and (max-width: 1199px) { .custom--accordion .accordion-button[aria-expanded=true]::after, .custom--accordion .accordion-button[aria-expanded=false]::after { right: 15px; } } .custom--accordion .accordion-button[aria-expanded=false]::after { content: "\f067"; color: hsl(var(--border-color)); } /* ================================= Accordion Css End =========================== */ /* ================================= Button Css Start =========================== */ .btn { position: relative; font-family: var(--body-font); font-size: 1rem; font-weight: 600; line-height: 1; color: hsl(var(--dark)) !important; border: 1px solid transparent; border-radius: 8px; z-index: 1; display: inline-block !important; padding: 15px 20px; } @media screen and (max-width: 1399px) { .btn { padding: 14px 18px; border-radius: 7px; } } @media screen and (max-width: 1199px) { .btn { padding: 13px 18px; border-radius: 6px; } } @media screen and (max-width: 991px) { .btn { font-size: 0.9375rem; padding: 13px 16px; } } @media screen and (max-width: 767px) { .btn { font-size: 0.875rem; } } @media screen and (max-width: 575px) { .btn { padding: 12px 15px; } } .btn:hover, .btn:focus, .btn:focus-visible { -webkit-box-shadow: none !important; box-shadow: none !important; } .btn:active { top: 1px; } .btn--lg { padding: 19px 27px; } @media screen and (max-width: 1399px) { .btn--lg { padding: 18px 25px; border-radius: 7px; } } @media screen and (max-width: 1199px) { .btn--lg { padding: 17px 24px; border-radius: 6px; } } @media screen and (max-width: 991px) { .btn--lg { padding: 15.5px 23px; } } @media screen and (max-width: 767px) { .btn--lg { padding: 15px 21px; } } @media screen and (max-width: 575px) { .btn--lg { padding: 14px 20px; } } .btn--sm { font-size: 0.9375rem; padding: 12px 18px; } @media screen and (max-width: 1399px) { .btn--sm { padding: 11px 17px; } } @media screen and (max-width: 1199px) { .btn--sm { padding: 10px 15px; } } @media screen and (max-width: 991px) { .btn--sm { font-size: 0.875rem; } } @media screen and (max-width: 767px) { .btn--sm { padding: 9.5px 14px; } } @media screen and (max-width: 575px) { .btn--sm { font-size: 0.8125rem; padding: 9px 12px; } } .btn--xsm { padding: 6px 8px; font-size: 0.813rem; font-weight: 500; border-radius: 5px; } @media screen and (max-width: 767px) { .btn--xsm { padding: 5px 6px; font-size: 0.813rem; font-weight: 500; border-radius: 4px; } } @media screen and (max-width: 424px) { .btn--xsm { font-size: 0.75rem; } } .btn--light { background-color: hsl(var(--white)/0.15) !important; color: hsl(var(--danger)) !important; border-color: hsl(var(--white)/0.15) !important; } .btn--light:hover { background-color: hsl(var(--danger)) !important; color: hsl(var(--white)) !important; border-color: hsl(var(--danger)) !important; } .btn-outline--light { background-color: transparent !important; color: hsl(var(--light)) !important; border-color: hsl(var(--light)) !important; } .btn-outline--light:hover, .btn-outline--light:focus, .btn-outline--light:focus-visible { background-color: hsl(var(--light)) !important; color: hsl(var(--dark)) !important; } .btn--danger, .btn--orange, .btn--success, .btn--secondary, .btn--warning { color: hsl(var(--white)) !important; } .btn--success { border-color: hsl(var(--success)/0.9); } .btn--danger { border-color: hsl(var(--danger)/0.9); } .btn--orange { border-color: hsl(var(--orange)/0.9); } .btn--warning { border-color: hsl(var(--warning)/0.9); } .btn.login-with { padding: 15px 27px; } @media screen and (max-width: 1399px) { .btn.login-with { padding: 15px 18px; } } @media screen and (max-width: 1199px) { .btn.login-with { padding: 14px 18px; } } @media screen and (max-width: 991px) { .btn.login-with { padding: 13px 16px; } } @media screen and (max-width: 767px) { .btn.login-with { padding: 12px 16px; } } .btn.login-with .icon { position: relative; top: -2px; width: 24px; height: 24px; margin-right: 5px; } @media screen and (max-width: 1399px) { .btn.login-with .icon { width: 22px; height: 22px; } } @media screen and (max-width: 991px) { .btn.login-with .icon { width: 20px; height: 20px; } } @media screen and (max-width: 575px) { .btn.login-with .icon { width: 18px; height: 18px; } } .btn.login-with .icon img { width: 100%; height: 100%; } .btn--base { position: relative; } .btn--base::before, .btn--base::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--base-two))), color-stop(67%, hsl(var(--base)))); background: linear-gradient(180deg, hsl(var(--base-two)) 0%, hsl(var(--base)) 67%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn--base::after { background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--base))), to(hsl(var(--base-two)))); background: linear-gradient(180deg, hsl(var(--base)) 0%, hsl(var(--base-two)) 100%); visibility: hidden; opacity: 0; } .btn--base:hover::after, .btn--base:focus::after, .btn--base:focus-visible::after { visibility: visible; opacity: 1; } .btn-outline--base { background-color: transparent !important; border: 1px solid hsl(var(--base)) !important; color: hsl(var(--base)) !important; position: relative; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn-outline--base::before, .btn-outline--base::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--base-two))), to(hsl(var(--base)))); background: linear-gradient(180deg, hsl(var(--base-two)) 0%, hsl(var(--base)) 100%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .btn-outline--base:hover, .btn-outline--base:focus, .btn-outline--base:focus-visible { color: hsl(var(--white)) !important; } .btn-outline--base:hover::before, .btn-outline--base:hover::after, .btn-outline--base:focus::before, .btn-outline--base:focus::after, .btn-outline--base:focus-visible::before, .btn-outline--base:focus-visible::after { visibility: visible; opacity: 1; } .btn--danger { position: relative; } .btn--danger::before, .btn--danger::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--danger-two))), color-stop(67%, hsl(var(--danger)))); background: linear-gradient(180deg, hsl(var(--danger-two)) 0%, hsl(var(--danger)) 67%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn--danger::after { background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--danger))), to(hsl(var(--danger-two)))); background: linear-gradient(180deg, hsl(var(--danger)) 0%, hsl(var(--danger-two)) 100%); visibility: hidden; opacity: 0; } .btn--danger:hover::after, .btn--danger:focus::after, .btn--danger:focus-visible::after { visibility: visible; opacity: 1; } .btn-outline--danger { background-color: transparent !important; border: 1px solid hsl(var(--base)) !important; color: hsl(var(--base)) !important; position: relative; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn-outline--danger::before, .btn-outline--danger::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--danger-two))), to(hsl(var(--danger)))); background: linear-gradient(180deg, hsl(var(--danger-two)) 0%, hsl(var(--danger)) 100%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .btn-outline--danger:hover, .btn-outline--danger:focus, .btn-outline--danger:focus-visible { color: hsl(var(--white)) !important; } .btn-outline--danger:hover::before, .btn-outline--danger:hover::after, .btn-outline--danger:focus::before, .btn-outline--danger:focus::after, .btn-outline--danger:focus-visible::before, .btn-outline--danger:focus-visible::after { visibility: visible; opacity: 1; } .btn--success { position: relative; } .btn--success::before, .btn--success::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--success-two))), color-stop(67%, hsl(var(--success)))); background: linear-gradient(180deg, hsl(var(--success-two)) 0%, hsl(var(--success)) 67%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn--success::after { background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--success))), to(hsl(var(--success-two)))); background: linear-gradient(180deg, hsl(var(--success)) 0%, hsl(var(--success-two)) 100%); visibility: hidden; opacity: 0; } .btn--success:hover::after, .btn--success:focus::after, .btn--success:focus-visible::after { visibility: visible; opacity: 1; } .btn-outline--success { background-color: transparent !important; border: 1px solid hsl(var(--base)) !important; color: hsl(var(--base)) !important; position: relative; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn-outline--success::before, .btn-outline--success::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--success-two))), to(hsl(var(--success)))); background: linear-gradient(180deg, hsl(var(--success-two)) 0%, hsl(var(--success)) 100%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .btn-outline--success:hover, .btn-outline--success:focus, .btn-outline--success:focus-visible { color: hsl(var(--white)) !important; } .btn-outline--success:hover::before, .btn-outline--success:hover::after, .btn-outline--success:focus::before, .btn-outline--success:focus::after, .btn-outline--success:focus-visible::before, .btn-outline--success:focus-visible::after { visibility: visible; opacity: 1; } .btn--orange { position: relative; } .btn--orange::before, .btn--orange::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--orange-two))), color-stop(67%, hsl(var(--orange)))); background: linear-gradient(180deg, hsl(var(--orange-two)) 0%, hsl(var(--orange)) 67%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn--orange::after { background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--orange))), to(hsl(var(--orange-two)))); background: linear-gradient(180deg, hsl(var(--orange)) 0%, hsl(var(--orange-two)) 100%); visibility: hidden; opacity: 0; } .btn--orange:hover::after, .btn--orange:focus::after, .btn--orange:focus-visible::after { visibility: visible; opacity: 1; } .btn-outline--orange { background-color: transparent !important; border: 1px solid hsl(var(--base)) !important; color: hsl(var(--base)) !important; position: relative; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn-outline--orange::before, .btn-outline--orange::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--orange-two))), to(hsl(var(--orange)))); background: linear-gradient(180deg, hsl(var(--orange-two)) 0%, hsl(var(--orange)) 100%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .btn-outline--orange:hover, .btn-outline--orange:focus, .btn-outline--orange:focus-visible { color: hsl(var(--white)) !important; } .btn-outline--orange:hover::before, .btn-outline--orange:hover::after, .btn-outline--orange:focus::before, .btn-outline--orange:focus::after, .btn-outline--orange:focus-visible::before, .btn-outline--orange:focus-visible::after { visibility: visible; opacity: 1; } .btn--warning { position: relative; } .btn--warning::before, .btn--warning::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--warning-two))), color-stop(67%, hsl(var(--warning)))); background: linear-gradient(180deg, hsl(var(--warning-two)) 0%, hsl(var(--warning)) 67%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn--warning::after { background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--warning))), to(hsl(var(--warning-two)))); background: linear-gradient(180deg, hsl(var(--warning)) 0%, hsl(var(--warning-two)) 100%); visibility: hidden; opacity: 0; } .btn--warning:hover::after, .btn--warning:focus::after, .btn--warning:focus-visible::after { visibility: visible; opacity: 1; } .btn-outline--warning { background-color: transparent !important; border: 1px solid hsl(var(--base)) !important; color: hsl(var(--base)) !important; position: relative; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .btn-outline--warning::before, .btn-outline--warning::after { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--warning-two))), to(hsl(var(--warning)))); background: linear-gradient(180deg, hsl(var(--warning-two)) 0%, hsl(var(--warning)) 100%); border-radius: inherit !important; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .btn-outline--warning:hover, .btn-outline--warning:focus, .btn-outline--warning:focus-visible { color: hsl(var(--white)) !important; } .btn-outline--warning:hover::before, .btn-outline--warning:hover::after, .btn-outline--warning:focus::before, .btn-outline--warning:focus::after, .btn-outline--warning:focus-visible::before, .btn-outline--warning:focus-visible::after { visibility: visible; opacity: 1; } .btn--primary { background-color: hsl(var(--primary)) !important; } .btn--primary:hover, .btn--primary:focus .btn--primary:focus-visible { background-color: hsl(var(--primary-d-200)) !important; border: 1px solid hsl(var(--primary-d-200)) !important; } .btn-outline--primary { background-color: transparent !important; border: 1px solid hsl(var(--primary)) !important; color: hsl(var(--primary)) !important; } .btn-outline--primary:hover, .btn-outline--primary:focus .btn-outline--primary:focus-visible { background-color: hsl(var(--primary)) !important; color: hsl(var(--dark)) !important; } .btn--secondary { background-color: hsl(var(--secondary)) !important; } .btn--secondary:hover, .btn--secondary:focus .btn--secondary:focus-visible { background-color: hsl(var(--secondary-d-200)) !important; border: 1px solid hsl(var(--secondary-d-200)) !important; } .btn-outline--secondary { background-color: transparent !important; border: 1px solid hsl(var(--secondary)) !important; color: hsl(var(--secondary)) !important; } .btn-outline--secondary:hover, .btn-outline--secondary:focus .btn-outline--secondary:focus-visible { background-color: hsl(var(--secondary)) !important; color: hsl(var(--dark)) !important; } .btn--warning { background-color: hsl(var(--warning)) !important; } .btn--warning:hover, .btn--warning:focus .btn--warning:focus-visible { background-color: hsl(var(--warning-d-200)) !important; border: 1px solid hsl(var(--warning-d-200)) !important; } .btn-outline--warning { background-color: transparent !important; border: 1px solid hsl(var(--warning)) !important; color: hsl(var(--warning)) !important; } .btn-outline--warning:hover, .btn-outline--warning:focus .btn-outline--warning:focus-visible { background-color: hsl(var(--warning)) !important; color: hsl(var(--dark)) !important; } .btn--info { background-color: hsl(var(--info)) !important; } .btn--info:hover, .btn--info:focus .btn--info:focus-visible { background-color: hsl(var(--info-d-200)) !important; border: 1px solid hsl(var(--info-d-200)) !important; } .btn-outline--info { background-color: transparent !important; border: 1px solid hsl(var(--info)) !important; color: hsl(var(--info)) !important; } .btn-outline--info:hover, .btn-outline--info:focus .btn-outline--info:focus-visible { background-color: hsl(var(--info)) !important; color: hsl(var(--dark)) !important; } .btn--dark { background-color: hsl(var(--dark)) !important; } .btn--dark:hover, .btn--dark:focus .btn--dark:focus-visible { background-color: hsl(var(--dark-d-200)) !important; border: 1px solid hsl(var(--dark-d-200)) !important; } .btn-outline--dark { background-color: transparent !important; border: 1px solid hsl(var(--dark)) !important; color: hsl(var(--dark)) !important; } .btn-outline--dark:hover, .btn-outline--dark:focus .btn-outline--dark:focus-visible { background-color: hsl(var(--dark)) !important; color: hsl(var(--dark)) !important; } .btn-outline--base:hover { color: hsl(var(--dark)) !important; } .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { color: none; background-color: none; border-color: none; } .pill { border-radius: 56px !important; } .custom--tooltip { --bs-tooltip-color: hsl(var(--white)); --bs-tooltip-bg: hsl(var(--info)); } .toggle.btn label { position: absolute; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0 !important; line-height: 1; } .toggle.btn label:hover, .toggle.btn label:focus { border: 0 !important; } .toggle .toggle-group .toggle-handle { background-color: hsl(var(--white)); } /* ================================= Button Css End =========================== */ /* ================================= Card Css Start =========================== */ .custom--card { background-color: hsl(var(--white)/0.05); -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); border: 1px solid hsl(var(--white)/0.1); border-radius: 10px; overflow: hidden; } .custom--card.no-overflow { overflow: initial; } .custom--card .card-header { border-bottom: 1px solid hsl(var(--white)/0.1); padding: 12px 15px; } @media screen and (max-width: 575px) { .custom--card .card-header { padding: 10px 12px; } } @media screen and (max-width: 424px) { .custom--card .card-header { padding: 10px; } } .custom--card .card-header__title { margin-bottom: 0; } .custom--card .card-body { padding: 15px; } @media screen and (max-width: 575px) { .custom--card .card-body { padding: 12px; } } @media screen and (max-width: 424px) { .custom--card .card-body { padding: 12px 10px; } } .custom--card .card-footer { border-top: 1px solid hsl(var(--white)/0.1); padding: 12px 15px; } @media screen and (max-width: 575px) { .custom--card .card-footer { padding: 10px 12px; } } @media screen and (max-width: 424px) { .custom--card .card-footer { padding: 10px; } } .custom--card .customNiceSelect .nice-select { height: 56px; line-height: 56px; border-color: hsl(var(--white)/.1); } @media (max-width: 1399px) { .custom--card .customNiceSelect .nice-select { height: 54px; line-height: 54px; } } @media (max-width: 1199px) { .custom--card .customNiceSelect .nice-select { height: 52px; line-height: 52px; } } @media (max-width: 991px) { .custom--card .customNiceSelect .nice-select { height: 48px; line-height: 48px; } } @media (max-width: 767px) { .custom--card .customNiceSelect .nice-select { height: 46px; line-height: 46px; } } @media (max-width: 575px) { .custom--card .customNiceSelect .nice-select { height: 44px; line-height: 44px; } } @media (max-width: 424px) {} /* ================================= Card Css End =========================== */ /* ================================= Form Css Start =========================== */ .form-group { margin-bottom: 30px; } @media screen and (max-width: 1399px) { .form-group { margin-bottom: 25px; } } @media screen and (max-width: 1199px) { .form-group { margin-bottom: 20px; } } @media screen and (max-width: 991px) { .form-group { margin-bottom: 18px; } } @media screen and (max-width: 767px) { .form-group { margin-bottom: 15px; } } .form--label { font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: hsl(var(--heading-color)); margin-bottom: 6px; } .form--label .required { color: hsl(var(--danger)); } .form--control { width: 100%; background-color: hsl(var(--body-color)/0.05); border: 1px solid hsl(var(--heading-color)); outline: none; padding: 16px 16px; font-size: 1rem; font-weight: 400; line-height: 1; color: hsl(var(--heading-color)) !important; border-radius: 8px; } @media screen and (max-width: 1399px) { .form--control { padding: 15px 16px; } } @media screen and (max-width: 1199px) { .form--control { padding: 14px 15px; } } @media screen and (max-width: 991px) { .form--control { font-size: 0.9375rem; padding: 13px 15px; } } @media screen and (max-width: 767px) { .form--control { font-size: 0.875rem; padding: 12.5px 13px; } } @media screen and (max-width: 575px) { .form--control { padding: 11.5px 13px; } } .form--control::-webkit-input-placeholder { color: #CDD1D6; font-size: 1rem; } .form--control::-moz-placeholder { color: #CDD1D6; font-size: 1rem; } .form--control:-ms-input-placeholder { color: #CDD1D6; font-size: 1rem; } .form--control::-ms-input-placeholder { color: #CDD1D6; font-size: 1rem; } .form--control::placeholder { color: #CDD1D6; font-size: 1rem; } @media screen and (max-width: 991px) { .form--control::-webkit-input-placeholder { font-size: 0.9375rem; } .form--control::-moz-placeholder { font-size: 0.9375rem; } .form--control:-ms-input-placeholder { font-size: 0.9375rem; } .form--control::-ms-input-placeholder { font-size: 0.9375rem; } .form--control::placeholder { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .form--control::-webkit-input-placeholder { font-size: 0.875rem; } .form--control::-moz-placeholder { font-size: 0.875rem; } .form--control:-ms-input-placeholder { font-size: 0.875rem; } .form--control::-ms-input-placeholder { font-size: 0.875rem; } .form--control::placeholder { font-size: 0.875rem; } } .form--control:focus { border-color: hsl(var(--base)); background: transparent; } .form--control:disabled, .form--control[readonly] { background-color: hsl(var(--heading-color)/0.08); color: hsl(var(--body-color)) !important; opacity: 1; border-color: transparent !important; } .form--control:disabled:focus, .form--control[readonly]:focus { border-color: transparent !important; } .form--control:disabled { background-color: hsl(var(--heading-color)/0.12); } .form--control[type=password] { color: hsl(var(--heading-color)); font-weight: 600; } .form--control[type=password]::-webkit-input-placeholder { font-weight: 400; } .form--control[type=password]::-moz-placeholder { font-weight: 400; } .form--control[type=password]:-ms-input-placeholder { font-weight: 400; } .form--control[type=password]::-ms-input-placeholder { font-weight: 400; } .form--control[type=password]::placeholder { font-weight: 400; } .form--control[type=password]:focus { color: hsl(var(--heading-color)); } .form--control[type=file] { line-height: 45px; padding: 0; position: relative; } @media screen and (max-width: 575px) { .form--control[type=file] { line-height: 40px; } } .form--control[type=file]::-webkit-file-upload-button { border: 0; padding: 3px 12px; border-radius: 3px; background-color: hsl(var(--base)) !important; -webkit-transition: 0.2s linear; transition: 0.2s linear; line-height: 25px; position: relative; margin-left: 12px; color: hsl(var(--white)) !important; cursor: pointer; } .form--control[type=file]::file-selector-button { border: 0; padding: 3px 12px; border-radius: 3px; background-color: hsl(var(--base)) !important; -webkit-transition: 0.2s linear; transition: 0.2s linear; line-height: 25px; position: relative; margin-left: 12px; color: hsl(var(--white)) !important; cursor: pointer; } @media screen and (max-width: 575px) { .form--control[type=file]::-webkit-file-upload-button { font-size: 0.8125rem; padding: 2px 8px; margin-left: 8px; } .form--control[type=file]::file-selector-button { font-size: 0.8125rem; padding: 2px 8px; margin-left: 8px; } } .form--control[type=file]::-webkit-file-upload-button:hover { background-color: hsl(var(--base)); color: hsl(var(--white)); } .form--control[type=file]::file-selector-button:hover { background-color: hsl(var(--base)); color: hsl(var(--white)); } textarea.form--control { height: 200px; resize: none; } @media screen and (max-width: 1399px) { textarea.form--control { height: 180px; } } @media screen and (max-width: 1199px) { textarea.form--control { height: 170px; } } @media screen and (max-width: 991px) { textarea.form--control { height: 150px; } } @media screen and (max-width: 767px) { textarea.form--control { height: 140px; } } .select { position: relative; color: hsl(var(--input-color)) !important; } .select:focus { border-color: hsl(var(--base)); color: hsl(var(--heading-color)) !important; } .select option { background-color: hsl(var(--dark)); color: hsl(var(--white)); } .select.form--control { padding: 11px 14px; } @media screen and (max-width: 575px) { .select.form--control { padding: 10px 10px; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: hsl(var(--heading-color)) !important; caret-color: hsl(var(--heading-color)); } /* input group */ .input--group { position: relative; } .password-show-hide { height: 100%; background: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4px 10px; font-size: 1.125rem; cursor: pointer; color: hsl(var(--body-color)); position: absolute; top: 0; bottom: 0; right: 0; z-index: 5; -webkit-transition: 0.15s linear; transition: 0.15s linear; } .password-show-hide:hover { color: hsl(var(--heading-color)); } input#your-password, input#confirm-password { padding-right: 50px; } input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } .form--check a { display: inline; } .form--check .form-check-input { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; box-shadow: none !important; border: 0; position: relative; border-radius: 2px; width: 16px; height: 16px; border: 1px solid hsl(var(--border-color)); cursor: pointer; -webkit-transition: 0.15s linear; transition: 0.15s linear; } .form--check .form-check-input:hover { border-color: hsl(var(--base)); } .form--check .form-check-input:checked { background-color: hsl(var(--base)/0.12) !important; border-color: hsl(var(--base)) !important; -webkit-box-shadow: none; box-shadow: none; } .form--check .form-check-input:checked[type=checkbox] { background-image: none; } .form--check .form-check-input:checked::before { position: absolute; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: hsl(var(--base)); font-size: 0.6875rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .form--check .form-check-label { color: hsl(var(--heading-color)); font-weight: 400; width: calc(100% - 16px); padding-left: 8px; cursor: pointer; font-size: 0.875rem; } .form--check a { color: hsl(var(--heading-color)); font-weight: 600; } .form--check a:hover { color: hsl(var(--base)); } .form--radio .form-check-input { -webkit-box-shadow: none; box-shadow: none; border: 1px solid hsl(var(--border-color)); border-radius: 2px; position: relative; background-color: transparent; cursor: pointer; width: 16px; height: 16px; -webkit-transition: 0.15s linear; transition: 0.15s linear; } .form--radio .form-check-input:active { -webkit-filter: brightness(100%); filter: brightness(100%); } .form--radio .form-check-input:checked { background-color: hsl(var(--base)/0.12); border-color: hsl(var(--base)); } .form--radio .form-check-input:checked[type=radio] { background-image: none; } .form--radio .form-check-input:checked::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7px; height: 7px; background-color: hsl(var(--base)); border-radius: 2px; z-index: 999; } .form--radio .form-check-input:hover { border-color: hsl(var(--base)); } .form--radio .form-check-label { font-weight: 400; width: calc(100% - 16px); padding-left: 8px; cursor: pointer; font-size: 0.875rem; } .form--switch:focus-visible { outline: 0; } .form--switch .form-check-input { width: 40px; height: 18px; background-image: none; position: relative; -webkit-box-shadow: none; box-shadow: none; background-color: hsl(var(--heading-color)/0.09); border: 0; border-radius: 18px; padding: 10px !important; cursor: pointer; margin: 0 0 6px; -webkit-transition: 0.15s li; transition: 0.15s li; } .form--switch .form-check-input:focus { border-radius: 40px; background-image: none; position: relative; -webkit-box-shadow: none; box-shadow: none; border: 0; } .form--switch .form-check-input:hover { -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); } .form--switch .form-check-input::before { position: absolute; content: ""; width: 12px; height: 12px; background-color: hsl(var(--white)); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 2px; left: 4px; border-radius: 50%; -webkit-transition: 0.15s linear; transition: 0.15s linear; } .form--switch .form-check-input:checked { background-color: hsl(var(--base)) !important; } .form--switch .form-check-input:checked::before { left: calc(100% - 16px); background-color: hsl(var(--white)) !important; } .form--switch .form-check-input:checked[type=checkbox] { background-image: none; } .form--switch .form-check-label { width: calc(100% - 40px); padding-left: 8px; cursor: pointer; } .input-group { border-radius: 5px; border: 0; } .input-group:focus-within { border: 0; } .input-group .input-group-text { border-width: 0; border-radius: 5px; background-color: hsl(var(--base)); color: hsl(var(--white)); font-size: 0.875rem; line-height: 1; padding: 17px 14px; } @media screen and (max-width: 575px) { .input-group .input-group-text { padding: 14px; } } .input-group .input-group-text.copytext { padding: 21px 17px; } @media screen and (max-width: 1399px) { .input-group .input-group-text.copytext { padding: 20px 17px; } } @media screen and (max-width: 1199px) { .input-group .input-group-text.copytext { padding: 19px 16px; } } @media screen and (max-width: 991px) { .input-group .input-group-text.copytext { padding: 17px 15px; } } @media screen and (max-width: 767px) { .input-group .input-group-text.copytext { padding: 16px 14px; } } @media screen and (max-width: 575px) { .input-group .input-group-text.copytext { padding: 15px 14px; } } .input-group .form--control:focus { -webkit-box-shadow: none; box-shadow: none; } .input-group .form--control[readonly] { background: hsl(var(--body-color)/0.05) !important; } .input-group .form--control[readonly]:focus { border-color: transparent; } .input-group:has(.form--control[readonly]) { background: transparent !important; } .input-group:has(.form--control[readonly]):focus-within { border-color: transparent !important; } .upload-item-wrapper { position: relative; } .upload-item { position: relative; border: 1px solid hsl(var(--border-color)); border-radius: 8px; -webkit-transition: 0.15s linear; transition: 0.15s linear; } .upload-item:hover { -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); } .upload-item__edit { height: 250px; } @media screen and (max-width: 1399px) { .upload-item__edit { height: 220px; } } @media screen and (max-width: 1199px) { .upload-item__edit { height: 200px; } } @media screen and (max-width: 767px) { .upload-item__edit { height: 180px; } } .upload-item__edit .uploadItemInput { font-size: 0; opacity: 0; width: 0; } .upload-item__edit .uploadItemLabel { width: 35px; height: 35px; border-radius: 8px 0 8px 0; background: hsl(var(--base)); color: hsl(var(--white)/0.8); font-size: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.15s linear; transition: 0.15s linear; position: absolute; right: 0px; bottom: 0px; } .upload-item__edit .uploadItemLabel:hover { color: hsl(var(--white)); } .customNiceSelect .nice-select { position: relative; width: 100%; min-width: 150px; height: 40px; background-color: hsl(var(--white)/0.04); border: 1px solid hsl(var(--border-color)); border-radius: 8px; padding-left: 15px; padding-right: 32px; margin-bottom: 0; cursor: pointer; float: none; color: hsl(var(--white)); font-size: 1rem; line-height: 40px; } @media screen and (max-width: 991px) { .customNiceSelect .nice-select { font-size: 0.9375rem; padding-left: 12px; padding-right: 30px; } } @media screen and (max-width: 575px) { .customNiceSelect .nice-select { font-size: 0.875rem; padding-left: 10px; padding-right: 25px; border-radius: 5px; } } .customNiceSelect .nice-select::after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0d7"; height: auto; width: auto; border: 0; color: hsl(var(--white)); font-size: 0.875rem; margin-top: 0; right: 10px; top: 50%; -webkit-transform-origin: unset; transform-origin: unset; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } @media screen and (max-width: 991px) { .customNiceSelect .nice-select::after { font-size: 0.8125rem; right: 8px; } } @media screen and (max-width: 575px) { .customNiceSelect .nice-select::after { font-size: 0.75rem; right: 7px; } } .customNiceSelect .nice-select:active { border-color: hsl(var(--border-color)); } .customNiceSelect .nice-select.open { border-color: hsl(var(--base)); } .customNiceSelect .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .customNiceSelect .nice-select .current { font-weight: 600; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; display: block; } .customNiceSelect .nice-select .list { width: 100%; background-color: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); border-radius: 8px; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } .customNiceSelect .nice-select .list .option { line-height: 1; min-height: 100%; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; padding: 10px 8px; } .customNiceSelect .nice-select .list .option.selected { color: hsl(var(--body-color)); font-weight: 400; } .customNiceSelect .nice-select .list .option.selected, .customNiceSelect .nice-select .list .option.focus, .customNiceSelect .nice-select .list .option:hover { background: hsl(var(--section-bg)/0.6); color: hsl(var(--heading-color)); } .customNiceSelect.input-group-text { padding: 0; border-radius: 0; background: hsl(var(--body-color)/0.05); } .customNiceSelect.input-group-text .nice-select { height: 56px; background-color: transparent; border-color: hsl(var(--heading-color)); border-radius: 8px; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 13px; padding-right: 25px; color: hsl(var(--heading-color)); font-size: 1rem; font-weight: 600; line-height: 56px; } @media screen and (max-width: 1399px) { .customNiceSelect.input-group-text .nice-select { height: 54px; line-height: 54px; } } @media screen and (max-width: 1199px) { .customNiceSelect.input-group-text .nice-select { height: 52px; line-height: 52px; } } @media screen and (max-width: 991px) { .customNiceSelect.input-group-text .nice-select { height: 48px; line-height: 48px; font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .customNiceSelect.input-group-text .nice-select { font-size: 0.875rem; height: 46px; line-height: 46px; } } @media screen and (max-width: 575px) { .customNiceSelect.input-group-text .nice-select { height: 44px; line-height: 44px; } } .customNiceSelect.input-group-text .nice-select::after { content: "\f107"; font-size: 0.75rem; right: 7px; } @media screen and (max-width: 991px) { .customNiceSelect.input-group-text .nice-select::after { font-size: 0.6875rem; right: 6px; } } .customNiceSelect.input-group-text .nice-select:active { border-color: hsl(var(--heading-color)); } .customNiceSelect.input-group-text .nice-select.open { border-color: hsl(var(--base)); } .customNiceSelect.input-group-text .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .customNiceSelect.input-group-text .nice-select .current { font-weight: 600; } .customNiceSelect.input-group-text .nice-select .list { border-color: hsl(var(--heading-color)); border-radius: 8px; } .customNiceSelect.input-group-text .nice-select .list .option { padding: 8px; text-align: center; } .counter { position: relative; width: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1599px) { .counter { width: 140px; } } @media screen and (max-width: 991px) { .counter { width: 128px; } } @media screen and (max-width: 575px) { .counter { width: 120px; } } @media screen and (max-width: 374px) { .counter { width: 106px; } } .counter__btn { width: 25%; height: 40px; padding: 3px; background: transparent; border: 1px solid hsl(var(--white)/0.5); border-radius: 8px; color: hsl(var(--white)) !important; font-size: 1rem; } @media screen and (max-width: 1599px) { .counter__btn { font-size: 0.9375rem; height: 35px; border-radius: 5px; } } @media screen and (max-width: 991px) { .counter__btn { height: 32px; font-size: 0.875rem; } } @media screen and (max-width: 575px) { .counter__btn { width: 27%; font-size: 0.8125rem; } } @media screen and (max-width: 374px) { .counter__btn { width: 30%; font-size: 0.75rem; } } .counter__btn:hover { background: hsl(var(--base)); color: hsl(var(--white)); } .counter__decrement { border-top-right-radius: 0; border-bottom-right-radius: 0; } .counter__increment { border-top-left-radius: 0; border-bottom-left-radius: 0; } .counter .form--control { width: 50%; height: 40px; color: hsl(var(--heading-color)); background: transparent; border-color: hsl(var(--white)/0.5); border-radius: 0; border-right: 0; border-left: 0; font-weight: 700; font-size: 1.125rem; padding: 5px 8px; text-align: center; } @media screen and (max-width: 1599px) { .counter .form--control { font-size: 1rem; padding: 5px; height: 35px; } } @media screen and (max-width: 991px) { .counter .form--control { height: 32px; font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .counter .form--control { width: 46%; font-size: 0.875rem; } } @media screen and (max-width: 374px) { .counter .form--control { width: 40%; font-size: 0.8125rem; } } .counter .form--control::-webkit-input-placeholder { font-size: inherit; font-weight: inherit; } .counter .form--control::-moz-placeholder { font-size: inherit; font-weight: inherit; } .counter .form--control:-ms-input-placeholder { font-size: inherit; font-weight: inherit; } .counter .form--control::-ms-input-placeholder { font-size: inherit; font-weight: inherit; } .counter .form--control::placeholder { font-size: inherit; font-weight: inherit; } /* ================================= Form Css End =========================== */ /* ================================= Modal Css Start =========================== */ .custom--modal .modal-header { border-bottom: 1px solid hsl(var(--border-color)); padding: 12px 15px; } @media screen and (max-width: 575px) { .custom--modal .modal-header { padding: 10px 12px; } } @media screen and (max-width: 424px) { .custom--modal .modal-header { padding: 10px; } } .custom--modal .modal-header .close { width: 23px; height: 23px; background: hsl(var(--danger)); opacity: 1; font-size: 0.875rem; line-height: 1; color: hsl(var(--white)); padding: 0; border: 0; border-radius: 3px; -webkit-transition: 0.2s linear; transition: 0.2s linear; display: flex; justify-content: center; align-items: center; } .custom--modal .modal-header .btn-close:hover { background-color: hsl(var(--danger-l-100)); } .custom--modal .modal-header .btn-close :focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .custom--modal .modal-content { background-color: hsl(var(--white)/0.05) !important; -webkit-backdrop-filter: blur(28.3px); backdrop-filter: blur(28.3px); border: 1px solid hsl(var(--white)/0.1) !important; border-radius: 10px !important; overflow: hidden; } .custom--modal .modal-body { color: hsl(var(--body-color)); padding: 15px; } @media screen and (max-width: 575px) { .custom--modal .modal-body { padding: 12px; } } @media screen and (max-width: 424px) { .custom--modal .modal-body { padding: 12px 10px; } } .custom--modal .modal-body small { font-weight: 600; color: hsl(var(--body-color)); font-size: 0.75rem; } .custom--modal .modal-body p { margin-bottom: 10px; } .custom--modal .modal-body p:last-of-type { margin-bottom: 0; } .custom--modal .modal-icon i { font-size: 2rem; color: hsl(var(--base)); border: 3px solid hsl(var(--base)); width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } .custom--modal .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid hsl(var(--border-color)); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 12px 15px; } @media screen and (max-width: 575px) { .custom--modal .modal-footer { padding: 10px 12px; } } @media screen and (max-width: 424px) { .custom--modal .modal-footer { padding: 10px; } } .custom--modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar { width: 0; height: 0; } .custom--modal .modal-dialog-scrollable .modal-body:hover::-webkit-scrollbar { width: 3px; height: 3px; border-radius: 3px; } .custom--modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb { width: 3px; height: 3px; border-radius: 3px; background-color: hsl(var(--base)); } .custom--modal .modal-alert-icon { width: 36px; height: 36px; border-radius: 50%; background: hsl(var(--white)); font-size: 1.125rem; line-height: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .custom--modal .modal-content .list-group-item { background: transparent; } /* ================================= Modal Css End =========================== */ /* ================================= Pagination Css Start =========================== */ .pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-top: 35px; } .pagination .page-item.active .page-link { background-color: hsl(var(--base)); color: hsl(var(--white)); border-color: hsl(var(--base)); } .pagination .page-item .page-link { border: 1px solid hsl(var(--border-color)); border-radius: 50%; height: 35px; width: 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; font-weight: 500; padding: 0; color: hsl(var(--heading-color)); font-size: 0.875rem; } .pagination .page-item .page-link:hover { background-color: transparent; color: hsl(var(--base)); border-color: hsl(var(--base)); } .pagination .page-item .page-link:focus { -webkit-box-shadow: none; box-shadow: none; } .pagination.two .page-link { border-radius: 5px; } .pagination.three .page-link { border-color: hsl(var(--base)); } .pagination.three .page-link:hover { background: hsl(var(--base)); color: hsl(var(--white)); } .pagination.four .page-link { border-radius: 5px; border-color: hsl(var(--base)); } .pagination.four .page-link:hover { background: hsl(var(--base)); color: hsl(var(--white)); } .d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between .pagination { margin-top: 0; } .d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between:has(.pagination) { margin-top: 20px; } /* ================================= Pagination Css End =========================== */ /* ================================= Table Css Start =========================== */ .table { margin: 0; border-collapse: collapse; border-collapse: separate; border-spacing: 0px 0px; } .table thead tr th { background-color: transparent; font-family: var(--heading-font); font-size: 0.75rem; font-weight: 600; line-height: 1.5; text-align: center; color: hsl(var(--white)); padding: 0 12px 12px; border-bottom: 0; max-width: 170px; border-bottom: 1px solid hsl(var(--border-color-two)); } @media (max-width: 1799px) { .table thead tr th { padding-left: 8px; padding-right: 8px; } } .table thead tr th:first-child { text-align: left; padding-left: 0; } .table thead tr th:last-child { text-align: right; padding-right: 0; } .table tbody { border: 0 !important; } .table tbody tr td { text-align: center; max-width: 170px; vertical-align: middle; padding: 20px 12px; border-width: 1px; border: 0; font-family: var(--body-font); color: hsl(var(--heading-color)); font-weight: 600; font-size: 0.875rem; line-height: 1.5; border-bottom: 1px dashed hsl(var(--border-color-two)); background: transparent; } @media (max-width: 1799px) { .table tbody tr td { padding-left: 8px; padding-right: 8px; } } .table tbody tr td::before { content: attr(data-label); font-family: var(--body-font); font-size: 0.875rem; color: hsl(var(--heading-color)); font-weight: 500; display: none; width: 45% !important; text-align: left; } .table tbody tr td:first-child { text-align: left; padding-left: 0; line-height: 1.2; color: hsl(var(--body-color)); } .table tbody tr td:last-child { padding-right: 0; text-align: right; } .table.style-two { position: relative; } .table.style-two thead tr th { background-color: hsl(var(--white)); color: hsl(var(--heading-color)) !important; } .table.style-two tbody tr:last-child td { border-bottom: 0; } .table.style-two tbody tr td:first-child { border-left: 0; } .table.style-two tbody tr td:last-child { border-right: 0; } @media screen and (max-width: 575px) { .table--responsive--sm thead { display: none; } .table--responsive--sm tbody tr { display: block; } .table--responsive--sm tbody tr:last-child td:last-child { border-bottom: 0; } .table--responsive--sm tbody tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 0; border: 0; max-width: unset; white-space: initial; } .table--responsive--sm tbody tr td:last-child { border-bottom: 1px solid hsl(var(--border-color)); } .table--responsive--sm tbody tr td:first-child { text-align: right; border-left: 0; } .table--responsive--sm tbody tr td::before { display: block; } } @media screen and (max-width: 575px) { .table--responsive--sm tbody tr td { border: 0; } } @media screen and (max-width: 767px) { .table--responsive--md thead { display: none; } .table--responsive--md tbody tr { display: block; } .table--responsive--md tbody tr:last-child td:last-child { border-bottom: 0; } .table--responsive--md tbody tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 0; border: 0; max-width: unset; white-space: initial; } .table--responsive--md tbody tr td:last-child { border-bottom: 1px solid hsl(var(--border-color)); } .table--responsive--md tbody tr td:first-child { text-align: right; border-left: 0; } .table--responsive--md tbody tr td::before { display: block; } } @media screen and (max-width: 767px) { .table--responsive--md tbody tr td { border: 0; } } @media screen and (max-width: 991px) { .table--responsive--lg thead { display: none; } .table--responsive--lg tbody tr { display: block; } .table--responsive--lg tbody tr:last-child td:last-child { border-bottom: 0; } .table--responsive--lg tbody tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 0; border: none; max-width: unset; white-space: initial; } .table--responsive--lg tbody tr td:last-child { border-bottom: 1px solid hsl(var(--border-color)); } .table--responsive--lg tbody tr td:first-child { text-align: right; border-left: 0; } .table--responsive--lg tbody tr td::before { display: block; } } @media screen and (max-width: 991px) { .table--responsive--lg tbody tr td { border: none; } } @media screen and (max-width: 1199px) { .table--responsive--xl thead { display: none; } .table--responsive--xl tbody tr { display: block; } .table--responsive--xl tbody tr:last-child td:last-child { border-bottom: 0; } .table--responsive--xl tbody tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 0; border: none; max-width: unset; white-space: initial; } .table--responsive--xl tbody tr td:last-child { border-bottom: 1px solid hsl(var(--border-color)); } .table--responsive--xl tbody tr td:first-child { text-align: right; border-left: 0; } .table--responsive--xl tbody tr td::before { display: block; } } @media screen and (max-width: 1199px) { .table--responsive--xl tbody tr td { border: 0; } } @media screen and (max-width: 1399px) { .table--responsive--xxl thead { display: none; } .table--responsive--xxl tbody tr { display: block; } .table--responsive--xxl tbody tr:last-child td:last-child { border-bottom: 0; } .table--responsive--xxl tbody tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 0; border: none; max-width: unset; white-space: initial; } .table--responsive--xxl tbody tr td:last-child { border-bottom: 1px solid hsl(var(--border-color)); } .table--responsive--xxl tbody tr td:first-child { text-align: right; border-left: 0; } .table--responsive--xxl tbody tr td::before { display: block; } } @media screen and (max-width: 1399px) { .table--responsive--xxl tbody tr td { border: 0; } } @media screen and (max-width: 424px) { .customer { display: block; text-align: left; } } .customer__thumb { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; } @media screen and (max-width: 424px) { .customer__thumb { margin-left: auto; } } .customer__content { width: calc(100% - 30px); padding-left: 10px; text-align: left; } @media screen and (max-width: 424px) { .customer__content { padding-left: 8px; } } @media screen and (max-width: 424px) { .customer__content { width: 100%; padding-left: 0px; margin-top: 5px; text-align: end; } } .customer__name { font-size: 0.8125rem; line-height: 1; font-weight: 500; color: hsl(var(--heading-color)); margin-bottom: 0; } .customer__desc { font-size: 0.8125rem; } .action-buttons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 7px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .action-btn { width: 30px; height: 30px; border-radius: 50%; font-size: 0.875rem; color: hsl(var(--white)); white-space: nowrap; } .edit-btn { background-color: hsl(var(--info)); } .delete-btn { background-color: hsl(var(--danger)); } /* ================================= Table Css End =========================== */ /* ================================= Tab Css Start =========================== */ .custom--tab { background: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); border-radius: 56px; overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 1399px) { .custom--tab { border-radius: 50px; } } @media screen and (max-width: 1199px) { .custom--tab { border-radius: 46px; } } @media screen and (max-width: 424px) { .custom--tab { border: 0; border-bottom: 1px solid hsl(var(--border-color)); border-radius: 0; background: transparent; } } .custom--tab .nav-item { border-bottom: 0; } .custom--tab .nav-item .nav-link { position: relative; font-size: 1rem; font-weight: 600; line-height: 1.5; padding: 16px 32px !important; color: hsl(var(--body-color)); background-color: transparent !important; border-radius: 56px; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; border: 0; } @media screen and (max-width: 1399px) { .custom--tab .nav-item .nav-link { padding: 13px 26px !important; border-radius: 50px; } } @media screen and (max-width: 1199px) { .custom--tab .nav-item .nav-link { font-size: 0.9375rem; padding: 12px 17px !important; border-radius: 46px; } } @media screen and (max-width: 575px) { .custom--tab .nav-item .nav-link { padding: 10px 11px !important; font-size: 0.875rem; } } @media screen and (max-width: 424px) { .custom--tab .nav-item .nav-link { padding: 8px !important; } } .custom--tab .nav-item .nav-link::before, .custom--tab .nav-item .nav-link::after { position: absolute; content: ""; background: var(--gradient-bg-1); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .custom--tab .nav-item .nav-link::after { background: var(--gradient-bg-2); z-index: 3; } .custom--tab .nav-item .nav-link span { position: relative; z-index: 5; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; } @media (max-width:424px) { .custom--tab .nav-item .nav-link span { font-size: 12px; } } .custom--tab .nav-item .nav-link.active { color: hsl(var(--dark)); background-color: transparent !important; } .custom--tab .nav-item .nav-link.active:hover { color: hsl(var(--dark)); } .custom--tab .nav-item .nav-link.active:hover::after { visibility: visible; opacity: 1; } .custom--tab .nav-item .nav-link.active::before { visibility: visible; opacity: 1; } .custom--tab .nav-item .nav-link:hover { color: hsl(var(--base)); } /* ================================= Tab Css End =========================== */ /* ================================= Badge Css Start =========================== */ .badge { position: relative; text-align: center; font-size: 0.875rem; font-weight: 600; line-height: 1.5; border-radius: 30px; padding: 4px 14px; } .badge--base { background-color: hsl(var(--base)) !important; } .badge--primary { background-color: hsl(var(--primary)) !important; } .badge--secondary { background-color: hsl(var(--secondary)) !important; } .badge--success { background-color: hsl(var(--success)) !important; } .badge--danger { background-color: hsl(var(--danger)) !important; } .badge--warning { background-color: hsl(var(--warning)) !important; } .badge--info { background-color: hsl(var(--info)) !important; } .badge--orange { background-color: hsl(var(--orange)) !important; } .badge--light { background-color: hsl(var(--light)) !important; } .badge--dark { background-color: hsl(var(--dark)) !important; } .badge-outline--base { background-color: hsl(var(--base)/0.1) !important; color: hsl(var(--base)) !important; border: 1px solid hsl(var(--base)) !important; } .badge-outline--primary { background-color: hsl(var(--primary)/0.1) !important; color: hsl(var(--primary)) !important; border: 1px solid hsl(var(--primary)) !important; } .badge-outline--secondary { background-color: hsl(var(--secondary)/0.1) !important; color: hsl(var(--secondary)) !important; border: 1px solid hsl(var(--secondary)) !important; } .badge-outline--success { background-color: hsl(var(--success)/0.1) !important; color: hsl(var(--success)) !important; border: 1px solid hsl(var(--success)) !important; } .badge-outline--danger { background-color: hsl(var(--danger)/0.1) !important; color: hsl(var(--danger)) !important; border: 1px solid hsl(var(--danger)) !important; } .badge-outline--warning { background-color: hsl(var(--warning)/0.1) !important; color: hsl(var(--warning)) !important; border: 1px solid hsl(var(--warning)) !important; } .badge-outline--info { background-color: hsl(var(--info)/0.1) !important; color: hsl(var(--info)) !important; border: 1px solid hsl(var(--info)) !important; } .badge-outline--light { background-color: hsl(var(--light)/0.1) !important; color: hsl(var(--light)) !important; border: 1px solid hsl(var(--light)) !important; } .badge-outline--dark { background-color: hsl(var(--dark)/0.1) !important; color: hsl(var(--dark)) !important; border: 1px solid hsl(var(--dark)) !important; } /* ================================= Badge Css End =========================== */ /* ====================================== Alert Css Start =============================== */ .alert { position: relative; font-weight: 400; padding: 12px 16px; border-radius: 5px; margin-bottom: 20px; } .alert:last-child { margin-bottom: 0; } @media screen and (max-width: 575px) { .alert { padding: 12px; } } .alert hr { margin: 12px 0; } .alert__title { font-size: 0.938rem; margin-bottom: 0; } .alert__desc { color: hsl(var(--body-color)); display: block; font-size: 0.875rem; line-height: 1.375; } .alert > a { font-size: 0.875rem; line-height: 1.375; } @media screen and (max-width: 424px) { .alert__title { font-size: 0.875rem; } .alert__desc, .alert > a { font-size: 0.8125rem; } .alert hr { margin: 10px 0; } } .alert__link { position: relative; text-decoration: underline; } .alert--base { border-color: hsl(var(--base)/0.18); background: hsl(var(--base)/0.12); } .alert--base .alert__link { color: hsl(var(--base)); } .alert--primary { border-color: hsl(var(--primary)/0.18); background: hsl(var(--primary)/0.12); } .alert--primary .alert__link { color: hsl(var(--primary)); } .alert--success { border-color: hsl(var(--success)/0.18); background: hsl(var(--success)/0.12); } .alert--success .alert__link { color: hsl(var(--success)); } .alert--info { border-color: hsl(var(--info)/0.18); background: hsl(var(--info)/0.12); } .alert--info .alert__link { color: hsl(var(--info)); } .alert--danger { border-color: hsl(var(--danger)/0.18); background: hsl(var(--danger)/0.12); } .alert--danger .alert__link { color: hsl(var(--danger)); } .alert--warning { border-color: hsl(var(--warning)/0.18); background: hsl(var(--warning)/0.12); } .alert--warning .alert__link { color: hsl(var(--warning)); } .alert--secondary { border-color: hsl(var(--secondary)/0.18); background: hsl(var(--secondary)/0.12); } .alert--secondary .alert__link { color: hsl(var(--secondary)); } .alert--light { border-color: hsl(var(--light)/0.18); background: hsl(var(--light)/0.12); } .alert--light .alert__link { color: hsl(var(--light)); } .alert--dark { border-color: hsl(var(--dark)/0.18); background: hsl(var(--dark)/0.12); } .alert--dark .alert__link { color: hsl(var(--dark)); } .alert.two { position: relative; } .alert.two.alert--base { border-color: hsl(var(--base)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--primary { border-color: hsl(var(--primary)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--success { border-color: hsl(var(--success)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--info { border-color: hsl(var(--info)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--danger { border-color: hsl(var(--danger)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--warning { border-color: hsl(var(--warning)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--secondary { border-color: hsl(var(--secondary)/0.35) !important; background: hsl(var(--white)) !important; } .alert.two.alert--light { border-color: hsl(var(--light)/0.35) !important; background: hsl(var(--light)) !important; } .alert.two.alert--dark { border-color: hsl(var(--dark)/0.35) !important; background: hsl(var(--white)) !important; } /* ====================================== Alert Css End =============================== */ /* ====================================== List Group Css Start =============================== */ .list-group .list-group-item { font-size: 0.875rem; gap: 15px; color: hsl(var(--body-color)); border: 0; border-bottom: 1px solid hsl(var(--border-color)); padding: 10px 15px; background: hsl(var(--white)/.1); } .list-group .list-group-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .list-group .list-group-item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 0; } .list-group .list-group-item .title { font-weight: 600; color: hsl(var(--heading-color)); } .list-group .list-group-item .desc { display: block; color: hsl(var(--body-color)); font-weight: 500; } .list-group.two .list-group-item { gap: 15px; border-color: hsl(var(--border-color)) !important; border-left: 0; border-right: 0; font-size: 0.875rem; } .list-group.two .list-group-item:first-child { border-top: 0; } .list-group.two .list-group-item:last-child { border-bottom: 0; } .list-group.two .list-group-item .title { font-weight: 600; color: hsl(var(--heading-color)); } .list-group.two .list-group-item .desc { color: hsl(var(--body-color)); font-weight: 500; } /* ====================================== List Group Css End =============================== */ /* ============= Header CSS Start ======================= */ .header { position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 5; background-color: transparent; padding: 40px 0; } @media screen and (max-width: 1199px) { .header { padding: 30px 0; } } @media screen and (max-width: 991px) { .header { background-color: hsl(var(--section-bg)); padding: 10px 0; z-index: 999; max-height: 101vh; overflow-y: auto; } .header::-webkit-scrollbar { width: 5px; height: 5px; } .header::-webkit-scrollbar-thumb { border-radius: 0px; } } .header.fixed-header { position: fixed; width: 100%; top: 0; -webkit-animation: slide-down 0.8s; animation: slide-down 0.8s; padding: 20px 0; background-color: hsl(var(--card-bg)); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); -webkit-transition: 0.3s linear; transition: 0.3s linear; } @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-150%); transform: translateY(-150%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-150%); transform: translateY(-150%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .navbar { padding: 0 !important; } .navbar-brand { padding-top: 0; padding-bottom: 0; } .navbar-brand.logo img { max-width: 167px; max-height: 40px; } @media screen and (max-width: 991px) { .navbar-brand.logo img { max-width: 150px; } } @media (min-width: 992px) { .nav-menu { background: hsl(var(--white)/0.05); border-radius: 16px; padding: 8px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .nav-menu { padding: 7px; border-radius: 12px; } } @media (min-width: 992px) { .nav-menu .nav-item { position: relative; margin-right: 24px; } } @media screen and (min-width: 992px) and (max-width: 1399px) { .nav-menu .nav-item { margin-right: 15px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .nav-menu .nav-item { margin-right: 10px; } } @media (min-width: 992px) { .nav-menu .nav-item:nth-last-child(2), .nav-menu .nav-item:last-child { margin-right: 0; } } @media (min-width: 992px) { .nav-menu .nav-item.active .nav-link { color: hsl(var(--base)) !important; border-color: hsl(var(--base)); background: hsl(var(--white)/0.1); } .nav-menu .nav-item.active .nav-link::before { width: 100%; } } @media (min-width: 992px) { .nav-menu .nav-item:hover .nav-link { color: hsl(var(--base)) !important; } .nav-menu .nav-item:hover .nav-link .nav-item__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.2s; transition: 0.2s; } } @media (min-width: 992px) { .nav-menu .nav-item .nav-link { position: relative; color: hsl(var(--white)) !important; font-size: 1rem; font-weight: 600; border: 1px solid transparent; border-radius: 8px; padding: 7px 15px; cursor: pointer; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .nav-menu .nav-item .nav-link { font-size: 0.9375rem; padding: 6px 12px; border-radius: 7px; } } @media (min-width: 992px) { .nav-menu .nav-item .nav-link .nav-item__icon { color: hsl(var(--wite)); -webkit-transition: 0.3s; transition: 0.3s; font-size: 0.75rem; margin-left: 2px; } } @media screen and (min-width: 992px) and (max-width: 991px) { .nav-menu .nav-item .nav-link .nav-item__icon { margin-right: 6px; } } @media (min-width: 992px) { .nav-menu .nav-item.not-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-left: 25px; } } @media screen and (min-width: 992px) and (max-width: 1399px) { .nav-menu .nav-item.not-menu { margin-left: 20px; } } @media screen and (min-width: 992px) and (max-width: 1399px) { .nav-menu .nav-item.not-menu .btn { font-size: 0.9375rem; } } @media screen and (min-width: 992px) and (max-width: 767px) { .nav-menu .nav-item.not-menu .btn { font-size: 0.875rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .nav-menu .nav-item.not-menu { margin-left: 15px; } } @media (min-width: 992px) { .dropdown-menu { background: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); border-radius: 8px; display: block; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; top: 100%; left: 0; padding: 0 !important; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; transition: 0.3s; overflow: hidden; min-width: 190px; } .dropdown-menu__list { border-bottom: 1px dashed hsl(var(--border-color)); } .dropdown-menu__list:last-child { border-bottom: 0; } .dropdown-menu__link { padding: 7px 20px; color: hsl(var(--white)); font-weight: 500; font-size: 1rem; -webkit-transition: 0.3s; transition: 0.3s; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .dropdown-menu__link { font-size: 0.9375rem; } } @media (min-width: 992px) { .dropdown-menu__link:focus, .dropdown-menu__link:hover { color: hsl(var(--white)); background-color: hsl(var(--white)/0.05); } } @media (min-width: 992px) { .nav-menu .nav-item:hover .dropdown-menu { visibility: visible; opacity: 1; top: 100% !important; -webkit-transform: scaleY(1); transform: scaleY(1); } } @media screen and (max-width: 991px) { .body-overlay.show { visibility: visible; opacity: 1; } .nav-menu { margin-top: 20px; } .nav-menu .nav-item { text-align: left; display: block; position: relative; margin: 0; } .nav-menu .nav-item:hover .nav-link .nav-item__icon { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } .nav-menu .nav-item.not-menu { padding-top: 10px; } .nav-item:first-child { border-bottom: none; } .nav-item:last-child>a { border-bottom: 0; } .nav-item .nav-link { margin-bottom: 8px; padding: 10px 10px 10px 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 !important; border-bottom: 1px solid hsl(var(--border-color)); color: hsl(var(--white)); } .nav-item .nav-link.show[aria-expanded=true] { color: hsl(var(--base)) !important; } .nav-item .nav-link.show[aria-expanded=true] i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; border-radius: 2px; width: 100%; margin: 0px !important; padding: 0 !important; border: 0; background-color: inherit; overflow: hidden; } .dropdown-menu li:nth-last-child(1) { border-bottom: none; } .dropdown-menu li .dropdown-item { padding: 10px 0px; font-weight: 500; font-size: 0.875rem; color: hsl(var(--white)); border-bottom: 1px solid hsl(var(--border-color)); margin-left: 15px; } .dropdown-menu li .dropdown-item:hover, .dropdown-menu li .dropdown-item:focus { background-color: transparent; } } .navbar-toggler.header-button { border-color: transparent; color: hsl(var(--white)); background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; width: auto; font-size: 2.4rem; } @media screen and (max-width: 575px) { .navbar-toggler.header-button { font-size: 2.1rem; } } .navbar-toggler.header-button:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .navbar-toggler.header-button[aria-expanded=true] i::before { content: "\f00d"; } .language-dropdown { position: relative; width: auto; padding-right: 8px; cursor: pointer; } @media screen and (max-width: 991px) { .language-dropdown { width: 120px; margin-left: auto; border: 1px solid hsl(var(--border-color)); border-radius: 6px; -webkit-box-shadow: 0px 1px 5px hsl(var(--dark)/0.15); box-shadow: 0px 1px 5px hsl(var(--dark)/0.15); padding: 10px; } } .language-dropdown.open::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .language-dropdown.open .language-dropdown__list { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; z-index: 999 !important; } .language-dropdown::after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0d7"; font-size: 0.75rem; color: hsl(var(--heading-color)); position: absolute; top: 50%; right: 0; -webkit-transition: auto; transition: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 991px) { .language-dropdown::after { right: 5px; font-size: 0.8125rem; } } .language-dropdown__selected { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .language-dropdown__selected .thumb { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; overflow: hidden; border-radius: 50%; } @media screen and (max-width: 991px) { .language-dropdown__selected .thumb { width: 18px; height: 18px; } } .language-dropdown__selected .thumb img { width: 100%; height: 100%; } .language-dropdown__selected .text { color: hsl(var(--white)); font-size: 1rem; font-weight: 600; line-height: 1; padding-right: 8px; } @media screen and (max-width: 1199px) { .language-dropdown__selected .text { font-size: 0.9375rem; padding-right: 5px; } } @media screen and (max-width: 991px) { .language-dropdown__selected .text { font-size: 0.875rem; } } .language-dropdown__list { position: absolute; background-color: hsl(var(--section-bg)); width: 135px; border: 1px solid transparent; border-radius: 8px; -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13); box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13); opacity: 0; overflow: hidden; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; top: 100%; margin-top: 22px; padding: 5px 0; z-index: -1; visibility: hidden; max-height: 230px; overflow-y: auto !important; } @media screen and (max-width: 991px) { .language-dropdown__list { border-color: hsl(var(--border-color)); margin-top: 2px; width: 100%; left: auto; right: 0; } } .language-dropdown__list::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 4px; background: hsl(var(--base)/0.12); } .language-dropdown__list::-webkit-scrollbar-thumb { width: 4px; height: 4px; border-radius: 4px; background: hsl(var(--base)/0.15); } .language-dropdown__list-item { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; border-bottom: 1px dashed hsl(var(--border-color)); padding: 10px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .language-dropdown__list-item:last-child { border-bottom: 0; } .language-dropdown__list-item .thumb { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 18px; height: 18px; overflow: hidden; border-radius: 50%; } @media screen and (max-width: 991px) { .language-dropdown__list-item .thumb { width: 16px; height: 16px; } } .language-dropdown__list-item .thumb img { width: 100%; height: 100%; } .language-dropdown__list-item .text { color: hsl(var(--white)); font-size: 0.9375rem; font-weight: 500; line-height: 1; } @media screen and (max-width: 991px) { .language-dropdown__list-item .text { font-size: 0.875rem; } } .language-dropdown__list-item:hover { background-color: hsl(var(--base)/0.08); } /* ================================= Header Css End =========================== */ /* ============= Footer Start ======================= */ .footer-area { background: #141921; margin-top: auto; padding-top: 260px; } @media screen and (max-width: 1199px) { .footer-area { padding-top: 245px; } } @media screen and (max-width: 991px) { .footer-area { padding-top: 225px; } } @media screen and (max-width: 767px) { .footer-area { padding-top: 195px; } } @media screen and (max-width: 424px) { .footer-area { padding-top: 185px; } } .footer-area-two { background: #141921; margin-top: auto; } .footer-item__logo { margin-bottom: 35px; } @media screen and (max-width: 1399px) { .footer-item__logo { margin-bottom: 30px; } } @media screen and (max-width: 1199px) { .footer-item__logo { margin-bottom: 25px; } } @media screen and (max-width: 767px) { .footer-item__logo { margin-bottom: 20px; } } .footer-item__logo a img { max-width: 167px; max-height: 40px; } @media screen and (max-width: 991px) { .footer-item__logo a img { max-width: 150px; } } .footer-item__title { position: relative; font-weight: 600; padding-bottom: 10px; margin-bottom: 22px; } @media screen and (max-width: 1399px) { .footer-item__title { margin-bottom: 20px; } } @media screen and (max-width: 1199px) { .footer-item__title { margin-bottom: 18px; } } @media screen and (max-width: 991px) { .footer-item__title { padding-bottom: 7px; margin-bottom: 15px; } } .footer-item__title::after { position: absolute; content: ""; background-color: hsl(var(--base-two)); border-radius: 3px; width: 56px; height: 3px; left: 0; bottom: 0; } @media screen and (max-width: 991px) { .footer-item__title::after { width: 45px; height: 2px; border-radius: 2px; } } .footer-item .social-list { margin-top: 35px; } @media screen and (max-width: 1399px) { .footer-item .social-list { margin-top: 30px; } } @media screen and (max-width: 1199px) { .footer-item .social-list { margin-top: 25px; } } @media screen and (max-width: 991px) { .footer-item .social-list { margin-top: 22px; } } @media screen and (max-width: 767px) { .footer-item .social-list { margin-top: 18px; } } .footer-item .social-list__item { margin-right: 15px; } .footer-item .social-list__item:last-child { margin-right: 0; } .footer-item .social-list__link { width: auto; height: auto; border: 0; border-radius: 0; line-height: 1; font-size: 1.25rem; color: hsl(var(--heading-color)); background: transparent; overflow: visible; } .footer-item .social-list__link:hover { background: transparent; color: hsl(var(--base)); } .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-menu__item { display: block; margin-bottom: 15px; } @media screen and (max-width: 991px) { .footer-menu__item { margin-bottom: 12px; } } @media screen and (max-width: 767px) { .footer-menu__item { margin-bottom: 10px; } } .footer-menu__item:last-child { margin-bottom: 0; } .footer-menu__link { position: relative; color: hsl(var(--body-color)); padding-left: 18px; font-size: 1rem; } @media screen and (max-width: 991px) { .footer-menu__link { font-size: 0.9375rem; padding-left: 15px; } } @media screen and (max-width: 767px) { .footer-menu__link { font-size: 0.875rem; } } .footer-menu__link::before, .footer-menu__link::after { position: absolute; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(hsl(var(--base-two))), to(hsl(var(--base)))); background: linear-gradient(180deg, hsl(var(--base-two)) 0%, hsl(var(--base)) 100%); width: 8px; height: 8px; border-radius: 50%; left: 0; top: 0; bottom: 0; margin: auto 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; } @media screen and (max-width: 991px) { .footer-menu__link::before, .footer-menu__link::after { width: 7px; height: 7px; } } .footer-menu__link::after { position: absolute; content: ""; background: #141921; width: 6px; height: 6px; left: 1px; } @media screen and (max-width: 991px) { .footer-menu__link::after { width: 5px; height: 5px; } } .footer-menu__link:hover { color: hsl(var(--base)); } .footer-menu__link:hover::after { background: transparent; } .footer-contact__item { margin-bottom: 18px; } @media screen and (max-width: 991px) { .footer-contact__item { margin-bottom: 15px; } } @media screen and (max-width: 767px) { .footer-contact__item { margin-bottom: 12px; } } .footer-contact__item:last-of-type { margin-bottom: 0; } .footer-contact__item-title { font-size: 1rem; font-weight: 600; margin-bottom: 5px; } @media screen and (max-width: 991px) { .footer-contact__item-title { font-size: 0.9375rem; margin-bottom: 3px; } } @media screen and (max-width: 767px) { .footer-contact__item-title { font-size: 0.875rem; } } .footer-contact__item-desc, .footer-contact__item-link { display: block; color: hsl(var(--body-color)); margin-bottom: 5px; } .footer-contact__item-desc:last-of-type, .footer-contact__item-link:last-of-type { margin-bottom: 0; } .footer-contact__item-link:hover { color: hsl(var(--base)); } .bottom-footer { border-top: 1px solid hsl(var(--border-color)); } .bottom-footer-text { font-size: 0.875rem; } @media screen and (max-width: 767px) { .bottom-footer-text { font-size: 0.8125rem; } } /* ============= Footer End ======================= */ /* ============ Blog Sidebar CSS Start ============= */ .blog-sidebar-wrapper { position: sticky; top: 125px; } .blog-sidebar { background-color: hsl(var(--card-bg)); padding: 25px 20px; border-radius: 20px; margin-bottom: 30px; } .blog-sidebar:last-of-type { margin-bottom: 0; } @media screen and (max-width: 575px) { .blog-sidebar { padding: 20px 15px; } } .blog-sidebar__title { position: relative; padding-bottom: 10px; } .blog-sidebar__title::before { position: absolute; content: ""; width: 60px; height: 2px; background-color: hsl(var(--base)); left: 0; bottom: 0px; } .latest-blog { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid hsl(var(--border-color)); } .latest-blog:last-of-type { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0; } .latest-blog__thumb { width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; overflow: hidden; } @media screen and (max-width: 1399px) { .latest-blog__thumb { width: 60px; height: 60px; } } .latest-blog__thumb img { width: 100%; height: 100%; } .latest-blog__content { width: calc(100% - 70px); padding-left: 15px; } @media screen and (max-width: 1399px) { .latest-blog__content { width: calc(100% - 60px); padding-left: 12px; } } .latest-blog__title { margin-bottom: 5px; } .latest-blog__date { font-size: 0.8125rem; } /* ============ Blog Sidebar CSS End ============= */ /* ================================= Comment Css Start =========================== */ .comment-list__item:last-child .comment-list__content { border-bottom: none; } .comment-list__thumb { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; } @media screen and (max-width: 767px) { .comment-list__thumb { width: 60px; height: 60px; } } .comment-list__content { width: calc(100% - 80px); padding-left: 15px; border-bottom: 1px solid hsl(var(--black)/0.1); padding-bottom: 30px; margin-bottom: 30px; } @media screen and (max-width: 767px) { .comment-list__content { width: calc(100% - 60px); padding-bottom: 25px; margin-bottom: 25px; } } @media screen and (max-width: 575px) { .comment-list__content { padding-bottom: 20px; margin-bottom: 20px; width: 100%; padding-left: 0; margin-top: 15px; } } .comment-list__name { margin-bottom: 5px; color: hsl(var(--black)); } .comment-list__time { margin-bottom: 15px; } .comment-list__time-icon { color: hsl(var(--base)); font-size: 0.9375rem; margin-right: 5px; } .comment-list__reply { margin-top: 10px; display: inline-block; } .comment-list__reply-text { color: hsl(var(--black)); font-weight: 400; } .comment-list__reply:hover .comment-list__reply-icon { color: hsl(var(--base)); } .comment-list__reply-icon { font-size: 0.875rem; -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-left: 5px; } @media screen and (max-width: 767px) { .comment-list__reply-icon { font-size: 0.75rem; } } .comment-list .comment-list { margin-left: 70px; } .comment-list .comment-list.style-right .comment-list__item:last-child .comment-list__content { border-bottom: 1px solid hsl(var(--black)/0.1); } @media screen and (max-width: 575px) { .comment-list .comment-list { margin-left: 40px; } } /* ================================= Comment Css End =========================== */ /* ================================= Dashboard Fulid Sidebar Css Start =========================== */ .dashboard .sidebar-logo { padding: 44px 20px 70px 44px; } @media screen and (max-width: 1399px) { .dashboard .sidebar-logo { padding: 30px 15px 40px; } } .dashboard .sidebar-logo img { max-width: 167px; max-height: 40px; } @media screen and (max-width: 1399px) { .dashboard .sidebar-logo img { max-width: 150px; } } .dashboard .sidebar-menu { height: 100vh; background: hsl(var(--white)/0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow-y: auto; z-index: 999; -webkit-transition: 0.2s linear; transition: 0.2s linear; width: 312px; border-right: 1px solid hsl(var(--white)/0.25); border-radius: 0; position: fixed; left: 0; top: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1399px) { .dashboard .sidebar-menu { width: 260px; -webkit-backdrop-filter: blur(80px); backdrop-filter: blur(80px); border-right: 0; } } .dashboard .sidebar-menu::-webkit-scrollbar { width: 3px; height: 3px; } .dashboard .sidebar-menu::-webkit-scrollbar-thumb { background-color: hsl(var(--base)/0.15); } @media screen and (max-width: 1199px) { .dashboard .sidebar-menu { -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 9992; border-radius: 0; } } .dashboard .sidebar-menu__inner { width: 100%; } .dashboard .sidebar-menu.show { -webkit-transform: translateX(0); transform: translateX(0); } .dashboard .sidebar-menu__close { position: absolute; top: 5px; right: 5px; color: hsl(var(--danger)); font-size: 1.25rem; -webkit-transition: 0.2s linear; transition: 0.2s linear; cursor: pointer; z-index: 9; } .dashboard .sidebar-menu__close:active { top: 14px; } .dashboard .sidebar-menu__close:hover, .dashboard .sidebar-menu__close:focus { background-color: hsl(var(--white)); border-color: hsl(var(--white)); color: hsl(var(--base)); } .dashboard .sidebar-menu-list__item { position: relative; padding: 0 24px; margin-bottom: 15px; } @media screen and (max-width: 1399px) { .dashboard .sidebar-menu-list__item { padding: 0 15px; margin-bottom: 8px; } } .dashboard .sidebar-menu-list__item::after { position: absolute; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(110, 60, 27, 0)), color-stop(33%, #f8be3b), color-stop(49%, #fce2a6), color-stop(70%, #f8be3b), to(rgba(110, 60, 27, 0))); background: linear-gradient(180deg, rgba(110, 60, 27, 0) 0%, #f8be3b 33%, #fce2a6 49%, #f8be3b 70%, rgba(110, 60, 27, 0) 100%); right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.08px; height: 100%; -webkit-transition: 0.2s linear; transition: 0.2s linear; visibility: hidden; opacity: 0; } .dashboard .sidebar-menu-list__item:hover::after { visibility: visible; opacity: 1; } .dashboard .sidebar-menu-list__item.active::after { visibility: visible; opacity: 1; } .dashboard .sidebar-menu-list__item.active>.sidebar-menu-list__link { background: hsl(var(--white)/0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 222, 77, 0.04), 0px 8px 16px 0px rgba(255, 222, 77, 0.08); box-shadow: 0px 0px 4px 0px rgba(255, 222, 77, 0.04), 0px 8px 16px 0px rgba(255, 222, 77, 0.08); } .dashboard .sidebar-menu-list__item.active>.sidebar-menu-list__link span { font-weight: 600; background: var(--gradient-bg-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .dashboard .sidebar-menu-list__item.active>.sidebar-menu-list__link::after { visibility: visible; opacity: 1; } .dashboard .sidebar-menu-list__item.has-dropdown.active>a { color: hsl(var(--base)); } .dashboard .sidebar-menu-list__item.has-dropdown.active>a:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 18px; color: hsl(var(--base)); } .dashboard .sidebar-menu-list__item.has-dropdown>a:after { position: absolute; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; text-align: center; background: 0 0; right: 16px; top: 14px; -webkit-transition: 0.1s linear; transition: 0.1s linear; color: hsl(var(--text-color)/0.6); font-size: 0.8125rem; } .dashboard .sidebar-menu-list__link { position: relative; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; padding: 13px 15px 13px 25px; font-size: 1rem; line-height: 1.5; border-radius: 12px; overflow: hidden; background: transparent; } @media screen and (max-width: 1399px) { .dashboard .sidebar-menu-list__link { font-size: 0.9375rem; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; padding: 11px 12px 11px 18px; } } .dashboard .sidebar-menu-list__link::after { position: absolute; content: ""; background: #FFDE4D; border-radius: 218.75px; -webkit-filter: blur(70px); filter: blur(70px); width: 50%; height: 100%; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .sidebar-menu-list__link:hover { background: transparent; color: hsl(var(--base)); } .dashboard .sidebar-menu-list__link:hover span { color: hsl(var(--base)); } .dashboard .sidebar-menu-list__link span { position: relative; z-index: 2; color: hsl(var(--body-color)); -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .sidebar-menu-list__link span.icon { font-size: 1.25rem; } @media screen and (max-width: 1399px) { .dashboard .sidebar-menu-list__link span.icon { font-size: 1.125rem; } } .dashboard .sidebar-submenu { display: none; } .dashboard .sidebar-submenu.open-submenu { display: block; } .dashboard .sidebar-submenu-list { padding: 5px 0; } .dashboard .sidebar-submenu-list__item { margin-bottom: 6px; } .dashboard .sidebar-submenu-list__item.active>a { color: hsl(var(--base)); background-color: hsl(var(--base)/0.06); } .dashboard .sidebar-submenu-list__link { padding: 12px 15px; display: block; color: hsl(var(--body-color)); color: #6b717e; font-weight: 500; font-size: 0.9375rem; margin-left: 20px; border-radius: 5px; position: relative; padding-left: 25px; } .dashboard .sidebar-submenu-list__link::before { left: 10px; width: 10px; height: 10px; background-color: transparent; border: 1px solid hsl(var(--black)/0.4); border-radius: 50%; } .dashboard .sidebar-submenu-list__link:hover { background-color: hsl(var(--base)/0.04); } .dashboard .sidebar-submenu-list__link .icon { margin-right: 8px; font-size: 0.9375rem; text-align: center; border-radius: 4px; } /* ================================= Dashboard Fulid Sidebar Css End =========================== */ /* ================================= Dashboard Css Start =========================== */ .dashboard { position: relative; } .dashboard__right { width: calc(100% - 312px); min-height: 100vh; margin-left: auto; padding: 24px; } @media screen and (max-width: 1399px) { .dashboard__right { width: calc(100% - 260px); } } @media screen and (max-width: 1199px) { .dashboard__right { width: 100%; margin-left: 0; } } @media screen and (max-width: 991px) { .dashboard__right { padding: 20px 20px 24px; } } @media screen and (max-width: 767px) { .dashboard__right { padding: 20px 18px 24px; } } @media screen and (max-width: 575px) { .dashboard__right { padding: 18px 14px 24px; } } .dashboard .dashboard-header { position: relative; z-index: 99; padding: 15px; background: hsl(var(--white)/0.1); border: 1px solid hsl(var(--white)/0.25); border-radius: 20px; -webkit-backdrop-filter: blur(5.0999999046px); backdrop-filter: blur(5.0999999046px); /* User Info Css Start */ } @media screen and (max-width: 1199px) { .dashboard .dashboard-header { padding: 12px; border-radius: 15px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-header { border-radius: 12px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-header { border-radius: 10px; padding: 10px; } } .dashboard .dashboard-header .sm-sidebar-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 40px; color: hsl(var(--white)); background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 5px; font-size: 1.4375rem; cursor: pointer; padding: 5px; } @media screen and (max-width: 767px) { .dashboard .dashboard-header .sm-sidebar-btn { width: 43px; height: 38px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-header .sm-sidebar-btn { width: 40px; height: 35px; } } .dashboard .dashboard-header .sm-sidebar-btn:hover { border-color: hsl(var(--base)); color: hsl(var(--base)); } .dashboard .dashboard-header .sm-search-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 35px; color: hsl(var(--white)); background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 5px; font-size: 1.3125rem; cursor: pointer; padding: 5px; } .dashboard .dashboard-header .sm-search-btn i { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .dashboard .dashboard-header .sm-search-btn.change-icon i { -webkit-transform: rotate(0); transform: rotate(0); } .dashboard .dashboard-header .sm-search-btn.change-icon i::before { content: "\f00d"; } .dashboard .dashboard-header .sm-search-btn:hover { border-color: hsl(var(--base)); color: hsl(var(--base)); } .dashboard .dashboard-header__left { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 400px; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header__left { width: 360px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-header__left { width: 325px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-header__left { width: auto; } } .dashboard .dashboard-header__left form { width: 100%; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header__left form { width: calc(100% - 55px); } } @media screen and (max-width: 767px) { .dashboard .dashboard-header__left form { width: calc(100% - 53px); } } @media screen and (max-width: 575px) { .dashboard .dashboard-header__left form { display: none; } } .dashboard .dashboard-header__left form.show { position: absolute; top: calc(100% + 3px); left: 0; display: block; width: 100%; z-index: 999; right: 0; margin: 0 auto; } .dashboard .dashboard-header__left form .form--control { font-size: 0.875rem; color: hsl(var(--white)); background: hsl(var(--white)/0.05) !important; border-color: hsl(var(--white)/0.1) !important; border-radius: 12px; padding: 13.5px 15px 13.5px 40px; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header__left form .form--control { padding: 9.5px 15px 9.5px 40px; border-radius: 8px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-header__left form .form--control { padding: 8.5px 10px 8.5px 38px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-header__left form .form--control { padding: 10px 10px 10px 38px; background: hsl(var(--white)/0.4) !important; border-color: hsl(var(--white)/0.5) !important; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); } } .dashboard .dashboard-header__left form .form--control::-webkit-input-placeholder { font-size: 0.875rem; color: hsl(var(--heading-color)); } .dashboard .dashboard-header__left form .form--control::-moz-placeholder { font-size: 0.875rem; color: hsl(var(--heading-color)); } .dashboard .dashboard-header__left form .form--control:-ms-input-placeholder { font-size: 0.875rem; color: hsl(var(--heading-color)); } .dashboard .dashboard-header__left form .form--control::-ms-input-placeholder { font-size: 0.875rem; color: hsl(var(--heading-color)); } .dashboard .dashboard-header__left form .form--control::placeholder { font-size: 0.875rem; color: hsl(var(--heading-color)); } .dashboard .dashboard-header__left form .form--control:focus { border-color: hsl(var(--base)) !important; } .dashboard .dashboard-header__left form button { color: hsl(var(--heading-color)); position: absolute; left: 0; top: 1px; padding: 5px 13px; height: 100%; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .dashboard-header__left form button i { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .dashboard .dashboard-header__left form button:hover { color: hsl(var(--base)); } .dashboard .dashboard-header__right { width: calc(100% - 410px); gap: 15px; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header__right { width: calc(100% - 370px); } } @media screen and (max-width: 991px) { .dashboard .dashboard-header__right { width: calc(100% - 335px); } } @media screen and (max-width: 575px) { .dashboard .dashboard-header__right { width: auto; } } .dashboard .dashboard-header .notification { position: relative; } .dashboard .dashboard-header .notification .notification-btn-wrapper { position: relative; } .dashboard .dashboard-header .notification .notification-btn-wrapper .badge { min-width: 16px; min-height: 16px; background: hsl(var(--danger)); border-radius: 50%; position: absolute; right: -5px; top: -5px; z-index: 9; line-height: 1; padding: 2px 1px; } .dashboard .dashboard-header .notification__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: hsl(var(--heading-color)); -webkit-box-shadow: var(--box-shadow-two); box-shadow: var(--box-shadow-two); border-radius: 50%; -webkit-transition: 0.2s linear; transition: 0.2s linear; font-size: 1.75rem; -webkit-animation: ring 4s 0.7s ease-in-out infinite; animation: ring 4s 0.7s ease-in-out infinite; -webkit-transform-origin: 50% 4px; transform-origin: 50% 4px; } .dashboard .dashboard-header .notification__btn:hover { color: hsl(var(--base)); } .dashboard .dashboard-header .notification-list { width: 280px; background: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); border-radius: 8px; -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); position: absolute; right: 0; top: calc(100% + 25px); z-index: 9; -webkit-transition: 0.15s linear; transition: 0.15s linear; -webkit-transform: scale(0.95); transform: scale(0.95); visibility: hidden; opacity: 0; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header .notification-list { top: calc(100% + 20px); } } @media screen and (max-width: 575px) { .dashboard .dashboard-header .notification-list { top: calc(100% + 14px); } } @media screen and (max-width: 575px) { .dashboard .dashboard-header .notification-list { width: 270px; right: -60px; } } .dashboard .dashboard-header .notification-list.show { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .dashboard .dashboard-header .notification-list__header { padding: 15px; border-bottom: 1px solid hsl(var(--border-color)); } .dashboard .dashboard-header .notification-list__header .badge { font-size: 0.75rem; } .dashboard .dashboard-header .notification-list__body { height: 270px; overflow-y: auto; } .dashboard .dashboard-header .notification-list__body::-webkit-scrollbar { width: 3px; } .dashboard .dashboard-header .notification-list__body::-webkit-scrollbar-thumb { background-color: hsl(var(--base)/0.8); } .dashboard .dashboard-header .notification-list__item { display: block; border-bottom: 1px solid hsl(var(--border-color)); padding: 10px 15px; } .dashboard .dashboard-header .notification-list__item:last-of-type { border-bottom: 0; } .dashboard .dashboard-header .notification-list__item:hover { background-color: hsl(var(--base)/0.08); } .dashboard .dashboard-header .notification-list__item .title { font-size: 0.875rem; margin-bottom: 0; } .dashboard .dashboard-header .notification-list__item .time { color: hsl(var(--body-color)); font-size: 0.8125rem; } .dashboard .dashboard-header .notification-list__footer { padding: 15px; border-top: 1px solid hsl(var(--border-color)); } .dashboard .dashboard-header .notification-list__footer .btn { font-size: 0.875rem; padding: 10px 18px; } .dashboard .dashboard-header .user-info { position: relative; } .dashboard .dashboard-header .user-info__button { position: relative; padding-right: 25px; } @media screen and (max-width: 767px) { .dashboard .dashboard-header .user-info__button { padding-right: 0; } } .dashboard .dashboard-header .user-info__button-thumb { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; } @media screen and (max-width: 575px) { .dashboard .dashboard-header .user-info__button-thumb { width: 35px; height: 35px; } } .dashboard .dashboard-header .user-info__button-thumb img { width: 100%; height: 100%; } .dashboard .dashboard-header .user-info__button-content { width: calc(100% - 40px); padding-left: 10px; text-align: left; } @media screen and (max-width: 767px) { .dashboard .dashboard-header .user-info__button-content { display: none; } } .dashboard .dashboard-header .user-info__button-content-name { color: hsl(var(--heading-color)); font-size: 1rem; font-weight: 600; line-height: 1.5; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header .user-info__button-content-name { font-size: 0.9375rem; } } .dashboard .dashboard-header .user-info__button-content-username { color: hsl(var(--body-color)); font-size: 0.875rem; line-height: 1.5; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header .user-info__button-content-username { font-size: 0.8125rem; } } .dashboard .dashboard-header .user-info__button-icon { color: hsl(var(--heading-color)); font-size: 0.875rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 1199px) { .dashboard .dashboard-header .user-info__button-icon { font-size: 0.8125rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-header .user-info__button-icon { display: none; } } .dashboard .dashboard-header .user-info__button-icon.rotate i::before { content: "\f106"; } .dashboard .dashboard-header .user-info .user-info-dropdown { width: 200px; background: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); border-radius: 8px; -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); overflow: hidden; position: absolute; right: 0; top: calc(100% + 17px); z-index: 9; padding: 10px 0; -webkit-transition: 0.15s linear; transition: 0.15s linear; -webkit-transform: scale(0.95); transform: scale(0.95); visibility: hidden; opacity: 0; } @media screen and (max-width: 1199px) { .dashboard .dashboard-header .user-info .user-info-dropdown { top: calc(100% + 14px); } } @media screen and (max-width: 575px) { .dashboard .dashboard-header .user-info .user-info-dropdown { top: calc(100% + 12px); } } .dashboard .dashboard-header .user-info .user-info-dropdown.show { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .dashboard .dashboard-header .user-info .user-info-dropdown__item:last-child .user-info-dropdown__link { border-bottom: 0 !important; } .dashboard .dashboard-header .user-info .user-info-dropdown__link { width: 100%; font-weight: 500; padding: 8px 16px; color: hsl(var(--heading-color)); border-bottom: 1px solid hsl(var(--border-color)); text-align: left; font-size: 0.875rem; } .dashboard .dashboard-header .user-info .user-info-dropdown__link.active { background-color: hsl(var(--base)); } .dashboard .dashboard-header .user-info .user-info-dropdown__link:hover { background-color: hsl(var(--base)/0.08); color: hsl(var(--base)) !important; } .dashboard .dashboard-header .user-info .user-info-dropdown__link .icon { margin-right: 8px; } .dashboard .dashboard-body { position: relative; padding-top: 50px; } @media screen and (max-width: 1399px) { .dashboard .dashboard-body { padding-top: 40px; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-body { padding-top: 35px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body { padding-top: 30px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body { padding-top: 25px; } } .dashboard .dashboard-body__top { -webkit-column-gap: 45px; -moz-column-gap: 45px; column-gap: 45px; row-gap: 15px; margin-bottom: 40px; } @media screen and (max-width: 1499px) { .dashboard .dashboard-body__top { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 35px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-body__top { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-body__top { margin-bottom: 30px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body__top { margin-bottom: 25px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body__top { margin-bottom: 20px; } } .dashboard .dashboard-body__title { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; margin-bottom: 45px; } @media screen and (max-width: 1399px) { .dashboard .dashboard-body__title { margin-bottom: 35px; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-body__title { margin-bottom: 30px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body__title { margin-bottom: 25px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body__title { margin-bottom: 20px; } } .dashboard .dashboard-body__title-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 48px; max-height: 48px; } @media screen and (max-width: 1399px) { .dashboard .dashboard-body__title-icon { max-width: 45px; max-height: 45px; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-body__title-icon { max-width: 42px; max-height: 42px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body__title-icon { max-width: 40px; max-height: 40px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-body__title-icon { max-width: 35px; max-height: 35px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body__title-icon { max-width: 32px; max-height: 32px; } } @media screen and (max-width: 424px) { .dashboard .dashboard-body__title-icon { max-width: 30px; max-height: 30px; } } .dashboard .dashboard-body__title-icon img { width: 100%; height: 100%; } .dashboard .dashboard-body .icon-btn { width: 40px; height: 40px; background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.05); border-radius: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; color: hsl(var(--heading-color)); -webkit-transition: 0.2s linear; transition: 0.2s linear; font-size: 1.25rem; } @media screen and (max-width: 1199px) { .dashboard .dashboard-body .icon-btn { font-size: 1.125rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body .icon-btn { width: 35px; height: 35px; border-radius: 8px; font-size: 1rem; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body .icon-btn { border-radius: 5px; } } @media screen and (max-width: 424px) { .dashboard .dashboard-body .icon-btn { width: 30px; height: 30px; } } .dashboard .dashboard-body .icon-btn:hover { color: hsl(var(--base)); border-color: hsl(var(--base)); } .dashboard .dashboard-body .dashboard-table-btn { color: hsl(var(--heading-color)); background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 40px; font-size: 0.875rem; font-weight: 600; padding: 7px 15px; -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); } .dashboard .dashboard-body .dashboard-buttons { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; row-gap: 10px; } @media screen and (max-width: 767px) { .dashboard .dashboard-body .dashboard-buttons { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body .dashboard-buttons { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; } } .dashboard .dashboard-body .dashboard-calculator-form { position: relative; z-index: 1; } .dashboard .dashboard-body .dashboard-calculator-form:has(#goldCalculatorSwitch2:checked) .inputs .form-group:first-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .dashboard .dashboard-body .dashboard-calculator-form:has(#goldCalculatorSwitch2:checked) .inputs .form-group:last-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .dashboard .dashboard-body .dashboard-calculator-form:has(#goldCalculatorSwitch2:checked) .inputs .equal { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .dashboard .dashboard-body .dashboard-calculator-form .customNiceSelect { margin-bottom: 32px; } @media (max-width: 1699px) { .dashboard .dashboard-body .dashboard-calculator-form .customNiceSelect { margin-bottom: 24px; } } .dashboard .dashboard-body .dashboard-calculator-form .customNiceSelect .nice-select { background: hsl(var(--white)/0.1); border-color: hsl(var(--white)/0.5); } .dashboard .dashboard-body .dashboard-calculator-form .customNiceSelect .nice-select:hover { border-color: hsl(var(--base)); } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch { background: hsl(var(--white)/0.15); padding: 5px; border-radius: 40px; margin-bottom: 32px; } @media (max-width: 1699px) { .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch { margin-bottom: 24px; } } @media screen and (max-width: 424px) { .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch { background: transparent; border-radius: 0; border-bottom: 1px solid hsl(var(--border-color)); } } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item { position: relative; padding: 4px 8px; border-radius: 30px; overflow: hidden; font-size: 0.8125rem; font-weight: 600; color: hsl(var(--body-color)); } @media screen and (max-width: 991px) { .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item { padding: 4px 15px; } } @media screen and (max-width: 424px) { .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item { width: 100%; text-align: center; } } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item::before, .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item::after { position: absolute; content: ""; background: var(--gradient-bg-1); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item::after { background: var(--gradient-bg-2); z-index: 2; } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item:has(input:checked) { color: hsl(var(--dark)); } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item:has(input:checked)::before { visibility: visible; opacity: 1; } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item:has(input:checked):hover::after { visibility: visible; opacity: 1; } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__item .text { position: relative; z-index: 3; } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch input { width: 0; height: 0; opacity: 0; } .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__icon { font-size: 0.875rem; margin: 0 5px; } @media screen and (max-width: 424px) { .dashboard .dashboard-body .dashboard-calculator-form .calculator-switch__icon { margin: 0 auto; } } .dashboard .dashboard-body .dashboard-calculator-form .inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 20px; margin-bottom: 32px; } @media (max-width: 1699px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs { margin-bottom: 24px; row-gap: 15px; } } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form-group { position: relative; margin-bottom: 0; } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form-group:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form-group:last-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--label { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: hsl(var(--white)); font-weight: 700; line-height: 1; font-size: 1.125rem; } @media (max-width: 1699px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--label { font-size: 1rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--label { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--label { font-size: 0.875rem; } } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control { padding: 9px 15px; border-radius: 12px; color: hsl(var(--heading-color)); font-weight: 700; line-height: 1; font-size: 2rem; } @media (max-width: 1699px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control { font-size: 1.5625rem; padding: 8px 15px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control { font-size: 1.25rem; } } @media screen and (max-width: 575px) { .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control { font-size: 1.125rem; padding: 7px 15px; } } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control::-webkit-input-placeholder { font-size: inherit; color: hsl(var(--body-color)); } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control::-moz-placeholder { font-size: inherit; color: hsl(var(--body-color)); } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control:-ms-input-placeholder { font-size: inherit; color: hsl(var(--body-color)); } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control::-ms-input-placeholder { font-size: inherit; color: hsl(var(--body-color)); } .dashboard .dashboard-body .dashboard-calculator-form .inputs .form--control::placeholder { font-size: inherit; color: hsl(var(--body-color)); } .dashboard .dashboard-body .dashboard-calculator-form .inputs .equal { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: hsl(var(--heading-color)); font-size: 1rem; } .dashboard .dashboard-body .dashboard-calculator-form .bottom__info { row-gap: 10px; font-size: 0.875rem; color: hsl(var(--white)); margin-top: 14px; } @media (max-width: 1699px) { .dashboard .dashboard-body .dashboard-calculator-form .bottom__info { margin-top: 10px; } } .dashboard .dashboard-body .dashboard-calculator-form .bottom__info i { position: relative; top: 4px; } .dashboard .dashboard-body .dashboard-calculator-form .bottom__info .text { width: calc(100% - 20px); padding-left: 6px; } .dashboard .dashboard-column { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 20px; } @media (max-width: 1799px) { .dashboard .dashboard-column { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } .dashboard .dashboard-column__left { width: calc(100% - 396px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 20px; } @media screen and (max-width: 1599px) { .dashboard .dashboard-column__left { width: 100%; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left { width: calc(100% - 375px); } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left { width: 100%; } } .dashboard .dashboard-column__left-top { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 20px; } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } .dashboard .dashboard-column__left-top .welcome { font-size: 1.25rem; line-height: 1.4; width: calc(100% - 528px); } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .welcome { width: calc(100% - 500px); font-size: 1.125rem; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .welcome { width: calc(100% - 420px); font-size: 1.0625rem; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome { font-size: 1rem; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-top .welcome { width: 100%; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome { width: calc(50% - 10px); font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-top .welcome { width: 100%; } } .dashboard .dashboard-column__left-top .welcome__title { line-height: 1.2; margin-bottom: 4px; } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .welcome__title { font-size: 2.125rem; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .welcome__title { font-size: 1.875rem; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome__title { font-size: 1.75rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__title { font-size: 1.5625rem; } } .dashboard .dashboard-column__left-top .welcome__desc { font-size: inherit; line-height: inherit; margin-bottom: 30px; } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .welcome__desc { margin-bottom: 25px; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome__desc { margin-bottom: 20px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__desc { margin-bottom: 15px; } } .dashboard .dashboard-column__left-top .welcome__liveprice { position: relative; padding-left: 30px; font-size: inherit; line-height: inherit; font-weight: 600; margin-bottom: 15px; } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome__liveprice { padding-left: 25px; margin-right: 10px; } } .dashboard .dashboard-column__left-top .welcome__liveprice::before, .dashboard .dashboard-column__left-top .welcome__liveprice::after { position: absolute; content: ""; background: transparent; border: 1px solid hsl(var(--success)); border-radius: 50%; width: 16px; height: 16px; top: 0; left: 0; bottom: 0; margin: auto 0; } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__liveprice::before, .dashboard .dashboard-column__left-top .welcome__liveprice::after { width: 14px; height: 14px; } } .dashboard .dashboard-column__left-top .welcome__liveprice::after { width: 10px; height: 10px; border: 0; left: 3px; background: hsl(var(--success)); } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__liveprice::after { width: 8px; height: 8px; } } .dashboard .dashboard-column__left-top .welcome__bottom { row-gap: 10px; } .dashboard .dashboard-column__left-top .welcome__bottom-price { line-height: 1.2; margin-bottom: 0; margin-right: 15px; } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .welcome__bottom-price { font-size: 2.125rem; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .welcome__bottom-price { font-size: 1.875rem; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome__bottom-price { font-size: 1.75rem; margin-right: 10px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__bottom-price { font-size: 1.5625rem; margin-right: 8px; } } .dashboard .dashboard-column__left-top .welcome__bottom .badge { font-size: inherit; line-height: inherit; font-weight: 600; color: hsl(var(--heading-color)); padding: 4px 14px; border-radius: 36px; margin-right: 5px; } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .welcome__bottom .badge { padding: 4px 12px; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome__bottom .badge { margin-right: 3px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__bottom .badge { font-size: 0.875rem; padding: 4px 10px; } } .dashboard .dashboard-column__left-top .welcome__bottom .badge:last-of-type { margin-right: 15px; } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .welcome__bottom .badge:last-of-type { margin-right: 10px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .welcome__bottom .badge:last-of-type { margin-right: 8px; } } .dashboard .dashboard-column__left-top .welcome__bottom .badge--success { background: #10B981 !important; } .dashboard .dashboard-column__left-top .welcome__bottom .badge i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: 4px; } .dashboard .dashboard-column__left-top .dashboard-card { padding: 24px 28px; width: 504px; } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .dashboard-card { width: 474px; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .dashboard-card { padding: 24px 25px; width: 400px; padding: 24px 20px; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .dashboard-card { padding: 24px 20px; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-top .dashboard-card { width: 100%; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .dashboard-card { width: calc(50% - 10px); padding: 20px 15px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-top .dashboard-card { width: 100%; } } .dashboard .dashboard-column__left-top .dashboard-card__top { margin-bottom: 35px; } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-top .dashboard-card__top { margin-bottom: 30px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-column__left-top .dashboard-card__top { margin-bottom: 25px; } } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .dashboard-card__gold { font-size: 2.25rem; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .dashboard-card__gold { font-size: 2rem; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .dashboard-card__gold { font-size: 1.875rem; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-top .dashboard-card__gold { font-size: 1.75rem; margin-bottom: 10px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-top .dashboard-card__gold { font-size: 1.5625rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-top .dashboard-card__gold { font-size: 1.4375rem; margin-bottom: 8px; } } .dashboard .dashboard-column__left-top .dashboard-card__gold sub { color: hsl(var(--heading-color)); font-weight: 700; font-size: 1.125rem; } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .dashboard-card__gold sub { font-size: 1.0625rem; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .dashboard-card__gold sub { font-size: 1rem; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .dashboard-card__gold sub { font-size: 1rem; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-top .dashboard-card__gold sub { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-top .dashboard-card__gold sub { font-size: 0.875rem; } } .dashboard .dashboard-column__left-top .dashboard-card__desc { font-size: 1.25rem; } @media (max-width: 1899px) { .dashboard .dashboard-column__left-top .dashboard-card__desc { font-size: 1.125rem; } } @media (max-width: 1799px) { .dashboard .dashboard-column__left-top .dashboard-card__desc { font-size: 1.0625rem; } } @media (max-width: 1699px) { .dashboard .dashboard-column__left-top .dashboard-card__desc { font-size: 1rem; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-top .dashboard-card__desc { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-top .dashboard-card__desc { font-size: 0.875rem; } } .dashboard .dashboard-column__left-top .dashboard-card__desc span:first-child { color: hsl(var(--white)); } .dashboard .dashboard-column__left-bottom { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 20px; } @media (max-width: 1799px) { .dashboard .dashboard-column__left-bottom { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } .dashboard .dashboard-column__left-bottom .dashboard-card { height: 100%; } .dashboard .dashboard-column__left-bottom .dashboard-card:first-of-type { width: 504px; } @media (max-width: 1799px) { .dashboard .dashboard-column__left-bottom .dashboard-card:first-of-type { width: calc(50% - 10px); } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-bottom .dashboard-card:first-of-type { width: 100%; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-bottom .dashboard-card:first-of-type { width: calc(50% - 10px); } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-bottom .dashboard-card:first-of-type { width: 100%; } } .dashboard .dashboard-column__left-bottom .dashboard-card:last-of-type { width: calc(100% - 528px); } @media (max-width: 1799px) { .dashboard .dashboard-column__left-bottom .dashboard-card:last-of-type { width: calc(50% - 10px); } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__left-bottom .dashboard-card:last-of-type { width: 100%; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__left-bottom .dashboard-card:last-of-type { width: calc(50% - 10px); } } @media screen and (max-width: 767px) { .dashboard .dashboard-column__left-bottom .dashboard-card:last-of-type { width: 100%; } } .dashboard .dashboard-column__right { width: 372px; } @media screen and (max-width: 1599px) { .dashboard .dashboard-column__right { width: 50%; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__right { width: 355px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__right { width: 100%; } } @media screen and (max-width: 1599px) { .dashboard .dashboard-column__right .dashboard-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-column__right .dashboard-buttons { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (max-width: 991px) { .dashboard .dashboard-column__right .dashboard-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1600px) { .dashboard .dashboard-column__right .dashboard-buttons .btn { padding: 19px 32px; } } .dashboard .dashboard-card-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 1699px) { .dashboard .dashboard-card-wrapper { gap: 15px; } } @media screen and (max-width: 1499px) { .dashboard .dashboard-card-wrapper { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .dashboard .dashboard-card-wrapper { grid-template-columns: repeat(2, 1fr); gap: 12px; } } @media (max-width: 499px) { .dashboard .dashboard-card-wrapper { grid-template-columns: repeat(1, 1fr); } } @media screen and (max-width: 991px) { .dashboard .dashboard-card-wrapper.two { gap: 12px; } } .dashboard .dashboard-card { background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); overflow: hidden; padding: 22px 20px; height: 100%; } .dashboard .dashboard-card.no-filter { backdrop-filter: none; background: #342E20; } @media (max-width: 1699px) { .dashboard .dashboard-card { padding: 20px 18px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card { padding: 18px 15px; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-card { border-radius: 15px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card { padding: 15px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card { padding: 15px 12px; } } .dashboard .dashboard-card.gradient-one { position: relative; } .dashboard .dashboard-card.gradient-one::before { position: absolute; content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(110, 60, 27, 0)), color-stop(33%, #f8be3b), color-stop(49%, #fce2a6), color-stop(70%, #f8be3b), to(rgba(110, 60, 27, 0))); background: linear-gradient(90deg, rgba(110, 60, 27, 0) 0%, #f8be3b 33%, #fce2a6 49%, #f8be3b 70%, rgba(110, 60, 27, 0) 100%); width: 87%; height: 1px; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dashboard .dashboard-card.gradient-two { position: relative; } .dashboard .dashboard-card.gradient-two.two::after { top: auto; bottom: -50%; } .dashboard .dashboard-card.gradient-two::after { position: absolute; content: ""; top: -115px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: hsl(var(--base-two)/0.6); width: 75%; height: 240px; -webkit-filter: blur(125px); filter: blur(125px); z-index: -1; } .dashboard .dashboard-card.gradient-three { position: relative; } .dashboard .dashboard-card.gradient-three::before { position: absolute; content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(110, 60, 27, 0)), color-stop(33%, #f8be3b), color-stop(49%, #fce2a6), color-stop(70%, #f8be3b), to(rgba(110, 60, 27, 0))); background: linear-gradient(90deg, rgba(110, 60, 27, 0) 0%, #f8be3b 33%, #fce2a6 49%, #f8be3b 70%, rgba(110, 60, 27, 0) 100%); width: 87%; height: 1px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dashboard .dashboard-card.gradient-four { position: relative; } .dashboard .dashboard-card.gradient-four::after { position: absolute; content: ""; bottom: -115px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: hsl(var(--base-two)); width: 75%; height: 230px; -webkit-filter: blur(125px); filter: blur(125px); z-index: -1; } .dashboard .dashboard-card.lg .dashboard-card__top { margin-bottom: 35px; } @media screen and (max-width: 1399px) { .dashboard .dashboard-card.lg .dashboard-card__top { margin-bottom: 30px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card.lg .dashboard-card__top { margin-bottom: 25px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card.lg .dashboard-card__top { margin-bottom: 20px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-card.lg .dashboard-card__top { margin-bottom: 20px; } } .dashboard .dashboard-card.is-top-border .dashboard-card__top { border-bottom: 1px solid hsl(var(--white)/0.1); padding-bottom: 25px; } @media screen and (max-width: 1499px) { .dashboard .dashboard-card.is-top-border .dashboard-card__top { padding-bottom: 20px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card.is-top-border .dashboard-card__top { padding-bottom: 15px; } } .dashboard .dashboard-card.no-overflow { overflow: initial; } .dashboard .dashboard-card__top { position: relative; z-index: 1; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; row-gap: 10px; margin-bottom: 20px; } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__top { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 15px; } } .dashboard .dashboard-card__top-left { row-gap: 8px; } .dashboard .dashboard-card__top-left .liveprice { position: relative; padding-left: 30px; font-weight: 600; margin-right: 15px; font-size: 1.25rem; line-height: 1.4; } @media screen and (max-width: 1599px) { .dashboard .dashboard-card__top-left .liveprice { font-size: 1.125rem; padding-left: 25px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__top-left .liveprice { font-size: 1rem; margin-right: 10px; padding-left: 22px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card__top-left .liveprice { font-size: 0.9375rem; padding-left: 20px; margin-right: 5px; } } @media screen and (max-width: 575px) { .dashboard .dashboard-card__top-left .liveprice { font-size: 0.875rem; } } .dashboard .dashboard-card__top-left .liveprice::before, .dashboard .dashboard-card__top-left .liveprice::after { position: absolute; content: ""; background: transparent; border: 1px solid hsl(var(--success)); border-radius: 50%; width: 16px; height: 16px; top: 0; left: 0; bottom: 0; margin: auto 0; } @media screen and (max-width: 991px) { .dashboard .dashboard-card__top-left .liveprice::before, .dashboard .dashboard-card__top-left .liveprice::after { width: 14px; height: 14px; } } .dashboard .dashboard-card__top-left .liveprice::after { width: 10px; height: 10px; border: 0; left: 3px; background: hsl(var(--success)); } @media screen and (max-width: 991px) { .dashboard .dashboard-card__top-left .liveprice::after { width: 8px; height: 8px; } } .dashboard .dashboard-card__top-left .price { line-height: 1.2; margin-bottom: 0; margin-right: 15px; } @media (max-width: 1899px) { .dashboard .dashboard-card__top-left .price { font-size: 2.125rem; } } @media (max-width: 1799px) { .dashboard .dashboard-card__top-left .price { font-size: 2rem; } } @media (max-width: 1699px) { .dashboard .dashboard-card__top-left .price { font-size: 1.875rem; margin-right: 10px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__top-left .price { font-size: 1.5625rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__top-left .price { font-size: 1.5rem; margin-right: 8px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card__top-left .price { font-size: 1.25rem; margin-right: 5px; } } .dashboard .dashboard-card__top-left .badge { color: hsl(var(--heading-color)); padding: 4px 14px; border-radius: 36px; margin-right: 5px; font-size: 1.25rem; line-height: 1.4; } @media (max-width: 1899px) { .dashboard .dashboard-card__top-left .badge { padding: 4px 12px; } } @media (max-width: 1699px) { .dashboard .dashboard-card__top-left .badge { margin-right: 3px; } } @media screen and (max-width: 1599px) { .dashboard .dashboard-card__top-left .badge { font-size: 1.125rem; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__top-left .badge { font-size: 1rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card__top-left .badge { font-size: 0.875rem; padding: 4px 10px; } } .dashboard .dashboard-card__top-left .badge:last-of-type { margin-right: 15px; } @media (max-width: 1699px) { .dashboard .dashboard-card__top-left .badge:last-of-type { margin-right: 10px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__top-left .badge:last-of-type { margin-right: 8px; } } .dashboard .dashboard-card__top-left .badge--success { background: #10B981 !important; } .dashboard .dashboard-card__top-left .badge i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: 4px; } .dashboard .dashboard-card__top-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 8px; } .dashboard .dashboard-card__title { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; font-weight: 600; margin-bottom: 25px; } @media screen and (max-width: 1599px) { .dashboard .dashboard-card__title.lg { font-size: 1.75rem; } } @media screen and (max-width: 1499px) { .dashboard .dashboard-card__title.lg { font-size: 1.625rem; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__title.lg { font-size: 1.375rem; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-card__title.lg { font-size: 1.25rem; } } .dashboard .dashboard-card__title-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; } @media screen and (max-width: 1199px) { .dashboard .dashboard-card__title-icon { width: 22px; height: 22px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__title-icon { width: 20px; height: 20px; } } .dashboard .dashboard-card__title-icon img { width: 100px; height: 100%; } .dashboard .dashboard-card__tag { color: hsl(var(--white)); font-size: 1rem; font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; background: hsl(var(--white)/0.1); border: 1px solid hsl(var(--white)/0.05); border-radius: 12px; padding: 7px 13px; } @media (max-width: 1699px) { .dashboard .dashboard-card__tag { padding: 6px 12px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__tag { font-size: 0.9375rem; } } @media screen and (max-width: 1199px) { .dashboard .dashboard-card__tag { border-radius: 10px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__tag { font-size: 0.875rem; padding: 5px 10px; } } .dashboard .dashboard-card__tag-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 24px; height: 24px; } @media (max-width: 1699px) { .dashboard .dashboard-card__tag-icon { width: 20px; height: 20px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__tag-icon { width: 18px; height: 18px; } } .dashboard .dashboard-card__tag-icon img { width: 100%; height: 100%; } .dashboard .dashboard-card__link { width: 48px; height: 48px; background: hsl(var(--white)/0.05); color: hsl(var(--body-color)); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.25rem; } @media (max-width: 1699px) { .dashboard .dashboard-card__link { width: 45px; height: 45px; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__link { width: 40px; height: 40px; font-size: 1.125rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__link { width: 35px; height: 35px; font-size: 1rem; } } .dashboard .dashboard-card__link i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .dashboard-card__link:hover { background: hsl(var(--white)/0.1); } .dashboard .dashboard-card__link:hover i { -webkit-transform: rotate(0); transform: rotate(0); } .dashboard .dashboard-card .customNiceSelect .nice-select { background: hsl(var(--white)/0.05); border-color: hsl(var(--white)/0.1); padding-left: 10px; padding-right: 25px; } @media screen and (max-width: 991px) { .dashboard .dashboard-card .customNiceSelect .nice-select { height: 38px; line-height: 38px; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card .customNiceSelect .nice-select { padding-left: 8px; padding-right: 20px; height: 36px; line-height: 36px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card .customNiceSelect .nice-select::after { font-size: 0.6875rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card .customNiceSelect .nice-select::after { font-size: 0.625rem; } } .dashboard .dashboard-card .customNiceSelect .nice-select.open { border-color: hsl(var(--base)); } @media screen and (max-width: 991px) { .dashboard .dashboard-card .customNiceSelect .nice-select .current, .dashboard .dashboard-card .customNiceSelect .nice-select .option { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .dashboard .dashboard-card .customNiceSelect .nice-select .current, .dashboard .dashboard-card .customNiceSelect .nice-select .option { font-size: 0.875rem; } } .dashboard .dashboard-card__gold { margin-bottom: 12px; } @media (max-width: 1699px) { .dashboard .dashboard-card__gold { font-size: 2.25rem; } } @media screen and (max-width: 1599px) { .dashboard .dashboard-card__gold { font-size: 2.125rem; } } @media screen and (max-width: 1399px) { .dashboard .dashboard-card__gold { font-size: 2rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__gold { font-size: 1.75rem; } } .dashboard .dashboard-card__gold sub { color: hsl(var(--body-color)); font-weight: 400; font-size: 1.25rem; } @media (max-width: 1699px) { .dashboard .dashboard-card__gold sub { font-size: 1.125rem; } } @media screen and (max-width: 1599px) { .dashboard .dashboard-card__gold sub { font-size: 1.0625rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__gold sub { font-size: 1rem; } } .dashboard .dashboard-card__desc { font-weight: 600; } @media (max-width: 1699px) { .dashboard .dashboard-card__desc { font-size: 0.9375rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card__desc { font-size: 0.875rem; } } .dashboard .dashboard-card__desc span:first-child { color: hsl(var(--white)); } .dashboard .dashboard-card__desc span:not(:last-child) { margin-right: 7px; } .dashboard .dashboard-card .dashboard-card { background: transparent; } .dashboard .dashboard-card.two { cursor: pointer; padding: 16px; -webkit-transition: 0.2s linear; transition: 0.2s linear; } @media screen and (max-width: 1599px) { .dashboard .dashboard-card.two { padding: 15px 14px; } } .dashboard .dashboard-card.two:hover { border-color: hsl(var(--base)/0.7); } .dashboard .dashboard-card.two .dashboard-card__tag { margin-bottom: 15px; } @media (max-width: 1699px) { .dashboard .dashboard-card.two .dashboard-card__tag { font-size: 0.9375rem; padding: 6px 10px; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card.two .dashboard-card__tag { font-size: 0.875rem; } } .dashboard .dashboard-card.two .dashboard-card__gold { margin-bottom: 10px; } @media (max-width: 1699px) { .dashboard .dashboard-card.two .dashboard-card__gold { font-size: 1.4375rem; } } @media screen and (max-width: 1599px) { .dashboard .dashboard-card.two .dashboard-card__gold { font-size: 1.375rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card.two .dashboard-card__gold { font-size: 1.25rem; } } .dashboard .dashboard-card.two .dashboard-card__gold sub { color: hsl(var(--heding-color)); font-weight: 600; font-size: 1rem; } @media (max-width: 1699px) { .dashboard .dashboard-card.two .dashboard-card__gold sub { font-size: 0.9375rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card.two .dashboard-card__gold sub { font-size: 0.875rem; } } @media (max-width: 1699px) { .dashboard .dashboard-card.two .dashboard-card__desc { font-size: 0.9375rem; } } @media screen and (max-width: 991px) { .dashboard .dashboard-card.two .dashboard-card__desc { font-size: 0.875rem; } } .dashboard .dashboard-card.active { border-color: hsl(var(--base)); } .dashboard .gift-withdraw-list__item { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; padding: 12px 15px; margin-bottom: 15px; } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media screen and (max-width: 1499px) { .dashboard .gift-withdraw-list__item { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 12px; border-radius: 15px; } } @media screen and (max-width: 767px) { .dashboard .gift-withdraw-list__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; row-gap: 15px; } } @media screen and (max-width: 767px) and (max-width: 575px) { .dashboard .gift-withdraw-list__item { row-gap: 10px; } } @media screen and (max-width: 767px) { .dashboard .gift-withdraw-list__item div { width: calc(33.33% - 20px); } } @media screen and (max-width: 767px) and (max-width: 575px) { .dashboard .gift-withdraw-list__item div:nth-child(1) { width: calc(50% - 15px); } } @media screen and (max-width: 767px) and (max-width: 575px) { .dashboard .gift-withdraw-list__item div:nth-child(2) { width: calc(50% - 15px); } } @media screen and (max-width: 767px) and (max-width: 575px) { .dashboard .gift-withdraw-list__item div:nth-child(3) { width: calc(50% - 15px); } } @media screen and (max-width: 767px) and (max-width: 424px) { .dashboard .gift-withdraw-list__item div:nth-child(3) { width: 100%; } } @media screen and (max-width: 767px) and (max-width: 575px) { .dashboard .gift-withdraw-list__item div:nth-child(4) { width: calc(50% - 15px); } } @media screen and (max-width: 767px) and (max-width: 575px) { .dashboard .gift-withdraw-list__item div:nth-child(5) { width: calc(50% - 15px); } } .dashboard .gift-withdraw-list__item:last-child { margin-bottom: 0; } .dashboard .gift-withdraw-list__item .status { font-size: 1rem; font-weight: 600; line-height: 1.2; } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item .status { font-size: 0.875rem; } } .dashboard .gift-withdraw-list__item .status__title { color: hsl(var(--base-two)); margin-bottom: 2px; } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item .status__title { font-size: 1rem; } } .dashboard .gift-withdraw-list__item .content { line-height: 1.5; } .dashboard .gift-withdraw-list__item .content__title { font-size: 0.875rem; } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item .content__title { font-size: 0.8125rem; } } .dashboard .gift-withdraw-list__item .content__info { font-size: 1rem; font-weight: 600; color: hsl(var(--heading-color)); } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item .content__info { font-size: 0.875rem; } } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item-badges .badge { font-size: 0.8125rem; padding: 4px 12px; } } @media screen and (max-width: 1499px) { .dashboard .gift-withdraw-list__item-badges .badge { font-size: 0.75rem; padding: 4px 10px; } } @media (max-width: 1699px) { .dashboard .gift-withdraw-list__item-buttons .dashboard-table-btn { font-size: 0.8125rem; padding: 6px 10px; } } .dashboard .gift-withdraw-list__item:nth-child(even) .status__title { color: hsl(var(--base)); } .dashboard .dashboard-table { overflow-x: auto; -webkit-overflow-scrolling: touch; } .dashboard .dashboard-table::-webkit-scrollbar { width: 3px; height: 3px; } .dashboard .dashboard-table::-webkit-scrollbar-thumb { background-color: hsl(var(--base)/0.15); } .dashboard .dashboard-table table thead tr th a, .dashboard .dashboard-table table thead tr td a, .dashboard .dashboard-table table tbody tr th a, .dashboard .dashboard-table table tbody tr td a { color: hsl(var(--heading-color)); } .dashboard .dashboard-table table thead tr th a:hover, .dashboard .dashboard-table table thead tr td a:hover, .dashboard .dashboard-table table tbody tr th a:hover, .dashboard .dashboard-table table tbody tr td a:hover { color: hsl(var(--base)); } .dashboard .dashboard-table table thead tr th:nth-child(1), .dashboard .dashboard-table table thead tr td:nth-child(1), .dashboard .dashboard-table table tbody tr th:nth-child(1), .dashboard .dashboard-table table tbody tr td:nth-child(1) { min-width: 97px; } @media (max-width: 1799px) { .dashboard .dashboard-table table thead tr th:nth-child(1), .dashboard .dashboard-table table thead tr td:nth-child(1), .dashboard .dashboard-table table tbody tr th:nth-child(1), .dashboard .dashboard-table table tbody tr td:nth-child(1) { min-width: 95px; } } .dashboard .dashboard-table table thead tr th:nth-child(2), .dashboard .dashboard-table table thead tr td:nth-child(2), .dashboard .dashboard-table table tbody tr th:nth-child(2), .dashboard .dashboard-table table tbody tr td:nth-child(2) { min-width: 125px; } @media (max-width: 1799px) { .dashboard .dashboard-table table thead tr th:nth-child(2), .dashboard .dashboard-table table thead tr td:nth-child(2), .dashboard .dashboard-table table tbody tr th:nth-child(2), .dashboard .dashboard-table table tbody tr td:nth-child(2) { min-width: 120px; } } @media (max-width: 1799px) { .dashboard .dashboard-table table thead tr th:nth-child(3), .dashboard .dashboard-table table thead tr td:nth-child(3), .dashboard .dashboard-table table tbody tr th:nth-child(3), .dashboard .dashboard-table table tbody tr td:nth-child(3) { min-width: 90px; } } @media (max-width: 1799px) { .dashboard .dashboard-table table thead tr th:nth-child(4), .dashboard .dashboard-table table thead tr td:nth-child(4), .dashboard .dashboard-table table tbody tr th:nth-child(4), .dashboard .dashboard-table table tbody tr td:nth-child(4) { min-width: 70px; } } @media (max-width: 1799px) { .dashboard .dashboard-table table thead tr th:nth-child(5), .dashboard .dashboard-table table thead tr td:nth-child(5), .dashboard .dashboard-table table tbody tr th:nth-child(5), .dashboard .dashboard-table table tbody tr td:nth-child(5) { min-width: 75px; } } .dashboard .dashboard-table table thead tr th:nth-child(6), .dashboard .dashboard-table table thead tr td:nth-child(6), .dashboard .dashboard-table table tbody tr th:nth-child(6), .dashboard .dashboard-table table tbody tr td:nth-child(6) { min-width: 82px; } @media (max-width: 1799px) { .dashboard .dashboard-table table thead tr th:nth-child(6), .dashboard .dashboard-table table thead tr td:nth-child(6), .dashboard .dashboard-table table tbody tr th:nth-child(6), .dashboard .dashboard-table table tbody tr td:nth-child(6) { min-width: 80px; } } .dashboard .dashboard-table table thead tr th:nth-child(3), .dashboard .dashboard-table table thead tr th:nth-child(4), .dashboard .dashboard-table table thead tr th:nth-child(5), .dashboard .dashboard-table table thead tr td:nth-child(3), .dashboard .dashboard-table table thead tr td:nth-child(4), .dashboard .dashboard-table table thead tr td:nth-child(5), .dashboard .dashboard-table table tbody tr th:nth-child(3), .dashboard .dashboard-table table tbody tr th:nth-child(4), .dashboard .dashboard-table table tbody tr th:nth-child(5), .dashboard .dashboard-table table tbody tr td:nth-child(3), .dashboard .dashboard-table table tbody tr td:nth-child(4), .dashboard .dashboard-table table tbody tr td:nth-child(5) { min-width: 95px; } .dashboard .dashboard-table .dashboard-table-btn { padding: 4.5px 17px; } .dashboard .buy-sell-list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; margin: 0 105px 35px; } @media (max-width: 1899px) { .dashboard .buy-sell-list { margin: 0 90px 35px; } } @media (max-width: 1699px) { .dashboard .buy-sell-list { margin: 0 60px 35px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-list { margin: 0 20px 35px; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-list { margin: 0 25px 30px; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-list { margin: 0 35px 30px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-list { margin: 0 20px 30px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-list { margin: 0 10px 20px; } } .dashboard .buy-sell-list__item { position: relative; text-align: center; width: 33.33%; } .dashboard .buy-sell-list__item-link { font-size: 1rem; line-height: 1.5; color: #B3B9C4; } @media screen and (max-width: 991px) { .dashboard .buy-sell-list__item-link { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-list__item-link { font-size: 0.875rem; } } .dashboard .buy-sell-list__item-number { margin: 0 auto; position: relative; z-index: 1; width: 28px; height: 28px; background: #B3B9C4; border-radius: 50%; font-size: 1.125rem; line-height: 28px; text-align: center; font-weight: 600; color: hsl(var(--heading-color)); margin-bottom: 10px; } @media screen and (max-width: 991px) { .dashboard .buy-sell-list__item-number { font-size: 1rem; width: 24px; height: 24px; line-height: 24px; margin-bottom: 7px; } } .dashboard .buy-sell-list__item-number::before, .dashboard .buy-sell-list__item-number::after { position: absolute; content: ""; border: 2px solid #F7F8F9; border-radius: 50%; width: calc(100% + 12px); height: calc(100% + 12px); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 991px) { .dashboard .buy-sell-list__item-number::before, .dashboard .buy-sell-list__item-number::after { width: calc(100% + 10px); height: calc(100% + 10px); } } .dashboard .buy-sell-list__item-number::after { position: absolute; content: ""; border-color: #DCDFE4; width: calc(100% + 6px); height: calc(100% + 6px); } @media screen and (max-width: 991px) { .dashboard .buy-sell-list__item-number::after { width: calc(100% + 5px); height: calc(100% + 5px); } } .dashboard .buy-sell-list__item::after { position: absolute; content: ""; border-bottom: 1px dashed #c4b7b3; width: calc(100% - 45px); height: 1px; right: calc(50% + 25px); top: 14px; } .dashboard .buy-sell-list__item.active .buy-sell-list__item-link { color: hsl(var(--base)); } .dashboard .buy-sell-list__item.active .buy-sell-list__item-number { background: hsl(var(--base)); color: hsl(var(--dark)); } .dashboard .buy-sell-list__item.active .buy-sell-list__item-number::before, .dashboard .buy-sell-list__item.active .buy-sell-list__item-number::after { border-color: hsl(var(--base)/0.4); } .dashboard .buy-sell-list__item.active .buy-sell-list__item-number::after { border-color: hsl(var(--base)/0.6); } .dashboard .buy-sell-list__item.active::after { border-color: hsl(var(--base)); } .dashboard .buy-sell-list__item:first-child::after { display: none; } .dashboard .buy-sell-card { background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); overflow: hidden; padding: 30px 0 35px; } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card { border-radius: 15px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-card { padding: 30px 0; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-card { padding: 25px 0; } } .dashboard .buy-sell-card .gold-calculator { background: transparent; padding: 0; } .dashboard .buy-sell-card .gold-calculator__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 65px; row-gap: 20px; padding: 0 80px; } @media (max-width: 1899px) { .dashboard .buy-sell-card .gold-calculator__top { padding: 0 35px; } } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 45px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .gold-calculator__top { margin-bottom: 35px; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card .gold-calculator__top { padding: 0 30px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-card .gold-calculator__top { padding: 0 20px; row-gap: 15px; margin-bottom: 20px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-card .gold-calculator__top { padding: 0 15px; } } .dashboard .buy-sell-card .gold-calculator__top-left { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; row-gap: 10px; } @media screen and (max-width: 767px) { .dashboard .buy-sell-card .gold-calculator__top-left { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-card .gold-calculator__top-left { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .dashboard .buy-sell-card .gold-calculator__top .customNiceSelect .nice-select { padding-left: 15px; padding-right: 85px; border-color: hsl(var(--white)/0.1); } .dashboard .buy-sell-card .gold-calculator__top .customNiceSelect .nice-select.open { border-color: hsl(var(--base)); } @media (max-width: 1899px) { .dashboard .buy-sell-card .gold-calculator__top .customNiceSelect .nice-select { padding: 0 20px; padding-right: 45px; } } .dashboard .buy-sell-card .gold-calculator__top-amount { margin-bottom: 0; } .dashboard .buy-sell-card .gold-calculator__bottom { display: block; padding: 0 130px; } @media (max-width: 1899px) { .dashboard .buy-sell-card .gold-calculator__bottom { padding: 0 90px; } } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__bottom { padding: 0 75px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .gold-calculator__bottom { padding: 0 35px; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card .gold-calculator__bottom { padding: 0 30px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-card .gold-calculator__bottom { padding: 0 20px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-card .gold-calculator__bottom { padding: 0 15px; } } .dashboard .buy-sell-card .gold-calculator__inputs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 10px; margin-bottom: 80px; } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__inputs { margin-bottom: 50px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .gold-calculator__inputs { margin-bottom: 35px; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card .gold-calculator__inputs { margin-bottom: 30px; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card .gold-calculator__inputs { margin-bottom: 25px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-card .gold-calculator__inputs { margin-bottom: 20px; } } .dashboard .buy-sell-card .gold-calculator__inputs .form-group { width: calc(50% - 20px); } @media screen and (max-width: 575px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group { width: 100%; } } .dashboard .buy-sell-card .gold-calculator__inputs .form-group.has-icon .form--control { padding-left: 45px; } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { padding-left: 40px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { padding-right: 95px; } } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .icon { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .icon { width: 20px; height: 20px; } } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { padding: 9.5px 15px; padding-right: 60px; font-size: 2rem; font-weight: 700; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group.has-icon .form--control { padding-right: 75px; } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { font-size: 1.625rem; padding: 10px 15px; padding-right: 60px; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group.has-icon .form--control { padding-right: 65px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { font-size: 1.375rem; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { padding-right: 50px; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group.has-icon .form--control { padding-left: 40px; padding-right: 60px; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control { font-size: 1.125rem; } } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control::-webkit-input-placeholder { font-size: inherit; font-weight: inherit; line-height: inherit; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control::-moz-placeholder { font-size: inherit; font-weight: inherit; line-height: inherit; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control:-ms-input-placeholder { font-size: inherit; font-weight: inherit; line-height: inherit; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control::-ms-input-placeholder { font-size: inherit; font-weight: inherit; line-height: inherit; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--control::placeholder { font-size: inherit; font-weight: inherit; line-height: inherit; } .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--label { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: hsl(var(--white)); font-weight: 700; line-height: 1; font-size: 1.125rem; } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--label { font-size: 1rem; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--label { font-size: 0.9375rem; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card .gold-calculator__inputs .form-group .form--label { font-size: 0.875rem; } } .dashboard .buy-sell-card .gold-calculator__inputs .equal { width: 40px; height: 100%; color: hsl(var(--base)); } @media screen and (max-width: 575px) { .dashboard .buy-sell-card .gold-calculator__inputs .equal { margin: 0 auto; } } .dashboard .buy-sell-card .gold-calculator__bottom { row-gap: 10px; } .dashboard .buy-sell-card .gold-calculator__bottom .info { width: 100%; font-size: 0.875rem; color: hsl(var(--white)); margin-bottom: 25px; } @media (max-width: 1699px) { .dashboard .buy-sell-card .gold-calculator__bottom .info { margin-top: bottom; } } .dashboard .buy-sell-card .gold-calculator__bottom .info__text { width: calc(100% - 25px); } .dashboard .buy-sell-card.sell-amount .gold-calculator { background: transparent; padding: 0; } .dashboard .buy-sell-card.sell-amount .gold-calculator__top { row-gap: 15px; margin-bottom: 25px; } @media screen and (max-width: 1499px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left { width: calc(100% - 310px); row-gap: 15px; margin-bottom: 0; } @media screen and (max-width: 1499px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left { width: auto; } } .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; padding: 15px; background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; } @media screen and (max-width: 1499px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper { padding: 12px; border-radius: 15px; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper { padding: 10px; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper { border-radius: 12px; } } .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper__amount { margin-bottom: 0; } @media screen and (max-width: 1499px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper__amount { font-size: 1.875rem; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper__amount { font-size: 1.625rem; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper__amount { font-size: 1.5rem; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-left .select-quantity-wrapper__amount { font-size: 1.375rem; } } .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount { position: relative; padding-left: 25px; } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount { font-size: 1.3125rem; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount { font-size: 1.25rem; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount { font-size: 1.125rem; } } .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount::before, .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount::after { position: absolute; content: ""; background: transparent; border: 1px solid hsl(var(--success)); border-radius: 50%; width: 16px; height: 16px; top: 0; left: 0; bottom: 0; margin: auto 0; } .dashboard .buy-sell-card.sell-amount .gold-calculator__top-amount::after { width: 10px; height: 10px; border: 0; left: 3px; background: hsl(var(--success)); } @media screen and (max-width: 1499px) { .dashboard .buy-sell-card.sell-amount .gold-calculator__top .customNiceSelect .nice-select { padding: 0 12px; padding-right: 35px; } } .dashboard .buy-sell-card.sell-amount .gold-calculator__top .calculator-switch { min-width: 290px; } .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { row-gap: 10px; margin-bottom: 50px; padding: 0 80px; } @media (max-width: 1899px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { padding: 0 35px; } } @media (max-width: 1699px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { margin-bottom: 45px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { margin-bottom: 35px; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { padding: 0 30px; margin-bottom: 30px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { row-gap: 6px; padding: 0 20px; margin-bottom: 20px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value { padding: 0 15px; } } .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { position: relative; padding-right: 20px; margin-right: 20px; color: hsl(var(--heading-color)); font-size: 1.25rem; } @media (max-width: 1699px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { font-size: 1.125rem; } } @media screen and (max-width: 1399px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { font-size: 1.0625rem; padding-right: 15px; margin-right: 15px; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { font-size: 1rem; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { font-size: 0.9375rem; padding-right: 12px; margin-right: 12px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { padding-right: 0; margin-right: 10px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item { font-size: 0.875rem; } } .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item::after { position: absolute; content: ""; background: hsl(var(--white)/0.15); width: 1px; height: 100%; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item::after { display: none; } } .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item:last-child { padding-right: 0; margin-right: 0; } .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item:last-child::after { display: none; } .dashboard .buy-sell-card.sell-amount .gold-calculator .buying-current-value__item span { margin-left: 10px; } .dashboard .buy-sell-card .buy-sell-card-shape { position: absolute; right: 0; bottom: 0; z-index: -1; max-width: 420px; max-height: 230px; } @media (max-width: 1799px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 370px; } } @media (max-width: 1699px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 335px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 300px; } } @media screen and (max-width: 1499px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 260px; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 220px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 180px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-card .buy-sell-card-shape { width: 150px; } } .dashboard .buy-sell-card .buy-sell-card-shape img { height: 100%; height: 100%; } .dashboard .buy-sell-payment { position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 60px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } @media (max-width: 1799px) { .dashboard .buy-sell-payment { padding: 0 45px; -webkit-column-gap: 45px; -moz-column-gap: 45px; column-gap: 45px; } } @media (max-width: 1699px) { .dashboard .buy-sell-payment { padding: 0 35px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; padding: 0 25px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; row-gap: 20px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-payment { padding: 0 20px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-payment { padding: 0 15px; } } .dashboard .buy-sell-payment__left { width: 310px; } @media (max-width: 1699px) { .dashboard .buy-sell-payment__left { width: 295px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__left { width: 290px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__left { width: 100%; } } .dashboard .buy-sell-payment__right { position: relative; width: calc(100% - 370px); padding-left: 60px; } @media (max-width: 1799px) { .dashboard .buy-sell-payment__right { width: calc(100% - 355px); padding-left: 45px; } } @media (max-width: 1699px) { .dashboard .buy-sell-payment__right { width: calc(100% - 340px); } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__right { width: calc(100% - 315px); padding-left: 25px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__right { width: 100%; padding-left: 0; } } .dashboard .buy-sell-payment__right::after { position: absolute; content: ""; background: hsl(var(--white)/0.15); width: 1px; height: 100%; left: 0; bottom: 0; } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__right::after { display: none; } } .dashboard .buy-sell-payment__right form .form-group { margin-bottom: 16px; max-height: 200px; overflow-y: auto; } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__right form .form-group { max-height: 182px; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-payment__right form .form-group { max-height: 170px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__right form .form-group { max-height: 158px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-payment__right form .form-group { max-height: 155px; } } .dashboard .buy-sell-payment__right form .form-group::-webkit-scrollbar { width: 3px; height: 3px; } .dashboard .buy-sell-payment__right form .form-group::-webkit-scrollbar-thumb { background-color: hsl(var(--base)/0.15); } @media screen and (max-width: 991px) { .dashboard .buy-sell-payment__right form .form-group { margin-bottom: 12px; } } .dashboard .buy-sell-payment__right form .form--radio { position: relative; margin-bottom: 16px; display: block; } .dashboard .buy-sell-payment__right form .form--radio:last-of-type { margin-bottom: 0; } @media screen and (max-width: 991px) { .dashboard .buy-sell-payment__right form .form--radio { margin-bottom: 12px; } } .dashboard .buy-sell-payment__right form .form--radio:hover .form-check-input { border-color: hsl(var(--white)/0.8); } .dashboard .buy-sell-payment__right form .form--radio .form-check-label { width: 100%; font-size: 1rem; line-height: 1.5; color: hsl(var(--heading-color)); background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 12px; -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; padding: 15px; } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-label { padding: 12px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } @media screen and (max-width: 991px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-label { font-size: 0.9375rem; border-radius: 12px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-label { padding: 10px; border-radius: 10px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-label { border-radius: 10px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-label { font-size: 0.875rem; } } .dashboard .buy-sell-payment__right form .form--radio .form-check-label .payment-icon-wrapper .payment-icon { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 37px; max-height: 12px; padding-right: 3px; margin-right: 3px; } .dashboard .buy-sell-payment__right form .form--radio .form-check-label .payment-icon-wrapper .payment-icon::after { position: absolute; content: ""; background: hsl(var(--white)/0.05); width: 1px; height: 100%; right: 0; top: 0; } .dashboard .buy-sell-payment__right form .form--radio .form-check-label .payment-icon-wrapper .payment-icon:last-child { padding-right: 0; margin-right: 0; } .dashboard .buy-sell-payment__right form .form--radio .form-check-label .payment-icon-wrapper .payment-icon:last-child::after { display: none; } .dashboard .buy-sell-payment__right form .form--radio .form-check-label .payment-icon { max-width: 54px; max-height: 22px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .dashboard .buy-sell-payment__right form .form--radio .form-check-input { margin: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border: 1px solid hsl(var(--white)/0.15); border-radius: 50%; } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-input { width: 16px; height: 16px; right: 12px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-input { right: 10px; } } .dashboard .buy-sell-payment__right form .form--radio .form-check-input::before { width: calc(100% - 7px); height: calc(100% - 7px); border-radius: 50%; } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__right form .form--radio .form-check-input::before { width: 10px; height: 10px; } } .dashboard .buy-sell-payment__right form .form--radio .form-check-input:checked { border-color: hsl(var(--base)); background: transparent; } .dashboard .buy-sell-payment__right form .form--radio .form-check-input:checked::before { background: hsl(var(--base)); } .dashboard .buy-sell-payment__title { margin-bottom: 24px; } @media screen and (max-width: 1599px) { .dashboard .buy-sell-payment__title { margin-bottom: 18px; } } @media screen and (max-width: 1499px) { .dashboard .buy-sell-payment__title { margin-bottom: 15px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-payment__title { margin-bottom: 12px; } } .dashboard .text-list__item { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-size: 1rem; margin-bottom: 15px; } @media screen and (max-width: 991px) { .dashboard .text-list__item { font-size: 0.9375rem; margin-bottom: 12px; } } @media screen and (max-width: 424px) { .dashboard .text-list__item { font-size: 0.875rem; } } .dashboard .text-list__item:nth-last-child(2) { margin-bottom: 0; } .dashboard .text-list__item:last-child { border-top: 1px solid hsl(var(--white)/0.15); padding-top: 12px; margin-top: 12px; margin-bottom: 0; } @media screen and (max-width: 991px) { .dashboard .text-list__item:last-child { padding-top: 10px; margin-top: 10px; } } .dashboard .text-list__item-value { color: hsl(var(--heading-color)); font-weight: 600; } .dashboard .buy-sell-confirmation__title { text-align: center; margin-bottom: 24px; padding: 0 20px; } @media screen and (max-width: 1399px) { .dashboard .buy-sell-confirmation__title { margin-bottom: 18px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-confirmation__title { margin-bottom: 15px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-confirmation__title { font-size: 1.125rem; padding: 0 15px; } } .dashboard .buy-sell-confirmation__bottom { padding: 0 195px; } @media (max-width: 1799px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 145px; } } @media (max-width: 1699px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 115px; } } @media screen and (max-width: 1599px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 85px; } } @media screen and (max-width: 1499px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 50px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 35px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 20px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-confirmation__bottom { padding: 0 15px; } } .dashboard .buy-sell-confirmation .text-list { background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; overflow: hidden; padding: 24px; margin-bottom: 24px; } @media screen and (max-width: 1399px) { .dashboard .buy-sell-confirmation .text-list { padding: 20px; margin-bottom: 18px; } } @media screen and (max-width: 1199px) { .dashboard .buy-sell-confirmation .text-list { border-radius: 15px; } } @media screen and (max-width: 767px) { .dashboard .buy-sell-confirmation .text-list { padding: 16px; } } @media screen and (max-width: 575px) { .dashboard .buy-sell-confirmation .text-list { border-radius: 12px; margin-bottom: 15px; } } @media screen and (max-width: 424px) { .dashboard .buy-sell-confirmation .text-list { padding: 12px; margin-bottom: 12px; } } .dashboard .buy-sell-confirmation.withdraw { background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); padding: 35px 0; } .dashboard .buy-sell-confirmation.withdraw .text-list__item { margin-bottom: 15px; } @media screen and (max-width: 991px) { .dashboard .buy-sell-confirmation.withdraw .text-list__item { margin-bottom: 12px; } } .dashboard .buy-sell-confirmation.withdraw .text-list__item:last-child { border-top: 0; padding-top: 0; margin-top: 0; margin-bottom: 0; } .dashboard .buy-sell-confirmation.withdraw .withdraw-option-item { height: auto; cursor: auto; display: block; } .dashboard .buy-sell-confirmation.withdraw .withdraw-option-item:hover { border-color: hsl(var(--white)/0.25); } .dashboard .price-tracker-tap { -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 10px; } @media (max-width: 1699px) { .dashboard .price-tracker-tap { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media screen and (max-width: 1499px) { .dashboard .price-tracker-tap { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } } @media screen and (max-width: 1399px) { .dashboard .price-tracker-tap { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } @media screen and (max-width: 767px) { .dashboard .price-tracker-tap { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; } } .dashboard .price-tracker-tap__item { position: relative; background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); border-radius: 56px; overflow: hidden; font-size: 1.25rem; color: hsl(var(--white)); font-weight: 600; line-height: 1.4; padding: 14px 32px; } @media (max-width: 1699px) { .dashboard .price-tracker-tap__item { font-size: 1.1875rem; } } @media screen and (max-width: 1599px) { .dashboard .price-tracker-tap__item { font-size: 1.125rem; padding: 13px 28px; } } @media screen and (max-width: 1499px) { .dashboard .price-tracker-tap__item { font-size: 1rem; padding: 13px 28px; } } @media screen and (max-width: 991px) { .dashboard .price-tracker-tap__item { font-size: 0.9375rem; padding: 11px 15px; } } @media screen and (max-width: 767px) { .dashboard .price-tracker-tap__item { font-size: 0.875rem; padding: 11px 14px; } } @media screen and (max-width: 575px) { .dashboard .price-tracker-tap__item { padding: 10px 14px; } } @media screen and (max-width: 424px) { .dashboard .price-tracker-tap__item { font-size: 0.8125rem; padding: 8px 14px; } } .dashboard .price-tracker-tap__item::before, .dashboard .price-tracker-tap__item::after { position: absolute; content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(110, 60, 27, 0)), color-stop(33%, #f8be3b), color-stop(49%, #fce2a6), color-stop(70%, #f8be3b), to(rgba(110, 60, 27, 0))); background: linear-gradient(90deg, rgba(110, 60, 27, 0) 0%, #f8be3b 33%, #fce2a6 49%, #f8be3b 70%, rgba(110, 60, 27, 0) 100%); height: 1px; width: 80%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; opacity: 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .price-tracker-tap__item::after { background: hsl(var(--base-two)); width: 98px; height: 98px; top: -49px; -webkit-filter: blur(50px); filter: blur(50px); } .dashboard .price-tracker-tap__item:hover { color: hsl(var(--base)); background: hsl(var(--white)/0.1); } .dashboard .price-tracker-tap__item:hover::before { visibility: visible; opacity: 1; } .dashboard .price-tracker-tap__item.active { background: hsl(var(--white)/0.1); border-color: hsl(var(--base-two)); } .dashboard .price-tracker-tap__item.active:hover { color: hsl(var(--white)); } .dashboard .price-tracker-tap__item.active:hover::before { visibility: hidden; opacity: 0; } .dashboard .price-tracker-tap__item.active::before, .dashboard .price-tracker-tap__item.active::after { visibility: visible; opacity: 1; } .dashboard .price-tracker-tap__item span { position: relative; z-index: 2; } .dashboard .withdraw-form .withdraw-gold-item { background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.25); border-radius: 15px; padding: 12px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 8px; } .dashboard .withdraw-form .withdraw-gold-item__title { font-size: 0.9375rem; margin-bottom: 0; display: flex; align-items: center; gap: 5px; } .withdraw-gold-item__icon { width: 24px; height: 24px; font-size: 24px; color: hsl(var(--base)); display: inline-flex; } @media screen and (max-width: 575px) { .dashboard .withdraw-form .withdraw-gold-item__title { font-size: 0.875rem; } } @media screen and (max-width: 374px) { .dashboard .withdraw-form .withdraw-gold-item__title { font-size: 0.8125rem; } } @media screen and (max-width: 1599px) { .dashboard .withdraw-form .withdraw-gold-item { border-radius: 12px; padding: 10px 13px; } } @media screen and (max-width: 424px) { .dashboard .withdraw-form .withdraw-gold-item { border-radius: 10px; padding: 8px 10px; } } .dashboard .withdraw-form .form--label { display: block; font-size: 1.125rem; font-weight: 700; color: hsl(var(--body-color)); } @media screen and (max-width: 1599px) { .dashboard .withdraw-form .form--label { font-size: 1.0625rem; } } @media screen and (max-width: 1499px) { .dashboard .withdraw-form .form--label { font-size: 1rem; } } @media screen and (max-width: 991px) { .dashboard .withdraw-form .form--label { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .dashboard .withdraw-form .form--label { font-size: 0.875rem; } } .dashboard .withdraw-form .form--control { border-color: hsl(var(--white)/0.25); } .dashboard .withdraw-form .form--control:focus { background-color: hsl(var(--base)/.2); border-color: transparent; } .dashboard .withdraw-form__desc { font-weight: 500; } .dashboard .withdraw-form__desc span { font-weight: 600; color: hsl(var(--heading-color)); } .dashboard .withdraw-form .no-overflow { overflow: initial; } .dashboard .withdraw-form .customNiceSelect { position: relative; } .dashboard .withdraw-form .customNiceSelect__icon { width: 56px; height: 56px; border: 1px solid hsl(var(--white)/0.1); border-radius: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1699px) { .dashboard .withdraw-form .customNiceSelect__icon { width: 52px; height: 52px; left: 10px; } } @media screen and (max-width: 1599px) { .dashboard .withdraw-form .customNiceSelect__icon { width: 48px; height: 48px; } } @media screen and (max-width: 991px) { .dashboard .withdraw-form .customNiceSelect__icon { width: 42px; height: 42px; border-radius: 10px; } } @media screen and (max-width: 575px) { .dashboard .withdraw-form .customNiceSelect__icon { width: 35px; height: 35px; border-radius: 7px; left: 8px; } } .dashboard .withdraw-form .customNiceSelect__icon img { width: 32px; height: 32px; } @media (max-width: 1699px) { .dashboard .withdraw-form .customNiceSelect__icon img { width: 30px; height: 30px; } } @media screen and (max-width: 1599px) { .dashboard .withdraw-form .customNiceSelect__icon img { width: 28px; height: 28px; } } @media screen and (max-width: 991px) { .dashboard .withdraw-form .customNiceSelect__icon img { width: 25px; height: 25px; } } @media screen and (max-width: 575px) { .dashboard .withdraw-form .customNiceSelect__icon img { width: 20px; height: 20px; } } .dashboard .withdraw-form .customNiceSelect .nice-select { padding-left: 85px; padding-right: 40px; height: 70px; line-height: 70px; } @media (max-width: 1699px) { .dashboard .withdraw-form .customNiceSelect .nice-select { padding-left: 75px; height: 65px; line-height: 65px; } } @media screen and (max-width: 1599px) { .dashboard .withdraw-form .customNiceSelect .nice-select { padding-left: 70px; } } @media screen and (max-width: 991px) { .dashboard .withdraw-form .customNiceSelect .nice-select { padding-left: 62px; height: 60px; line-height: 60px; } } @media screen and (max-width: 575px) { .dashboard .withdraw-form .customNiceSelect .nice-select { padding-left: 50px; height: 52px; line-height: 52px; padding-right: 25px; } } .dashboard .withdraw-form .customNiceSelect .nice-select::after { font-family: "Line Awesome Free"; content: "\f05b"; font-size: 1.125rem; right: 15px; } @media (max-width: 1699px) { .dashboard .withdraw-form .customNiceSelect .nice-select::after { right: 12px; } } @media screen and (max-width: 575px) { .dashboard .withdraw-form .customNiceSelect .nice-select::after { font-size: 0.875rem; right: 8px; } } .dashboard .withdraw-form .customNiceSelect .nice-select.open::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); color: hsl(var(--base)); } @media screen and (max-width: 575px) { .dashboard .withdraw-form .customNiceSelect .nice-select .current { font-size: 0.8125rem; } } .dashboard .withdraw-form .customNiceSelect .nice-select .list { border-color: hsl(var(--white)/0.25); -webkit-backdrop-filter: blur(15.3000001907px); backdrop-filter: blur(15.3000001907px); } @media screen and (max-width: 575px) { .dashboard .withdraw-form .customNiceSelect .nice-select .list .option { font-size: 0.8125rem; } } .dashboard .withdraw-form .customNiceSelect .nice-select .list .option.selected, .dashboard .withdraw-form .customNiceSelect .nice-select .list .option:hover { background: hsl(var(--base)/0.1); } .dashboard .withdraw-option-item { background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 20px; padding: 24px; height: 100%; cursor: pointer; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .dashboard .withdraw-option-item:hover { border-color: hsl(var(--base)/0.7); } @media (max-width: 1699px) { .dashboard .withdraw-option-item { padding: 18px 20px; border-radius: 18px; } } @media screen and (max-width: 1399px) { .dashboard .withdraw-option-item { padding: 16px; border-radius: 15px; } } @media screen and (max-width: 767px) { .dashboard .withdraw-option-item { border-radius: 12px; padding: 14px 12px; } } @media screen and (max-width: 575px) { .dashboard .withdraw-option-item { border-radius: 10px; } } .dashboard .withdraw-option-item__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 40px; } @media (max-width: 1699px) { .dashboard .withdraw-option-item__icon { width: 36px; height: 36px; } } @media screen and (max-width: 1599px) { .dashboard .withdraw-option-item__icon { width: 34px; height: 34px; } } @media screen and (max-width: 991px) { .dashboard .withdraw-option-item__icon { width: 30px; height: 30px; } } @media screen and (max-width: 767px) { .dashboard .withdraw-option-item__icon { width: 25px; height: 25px; } } .dashboard .withdraw-option-item__icon img { width: 100%; height: 100%; } .dashboard .withdraw-option-item__content { width: calc(100% - 40px); padding-left: 15px; } @media (max-width: 1699px) { .dashboard .withdraw-option-item__content { width: calc(100% - 36px); } } @media screen and (max-width: 1599px) { .dashboard .withdraw-option-item__content { width: calc(100% - 34px); padding-left: 12px; } } @media screen and (max-width: 991px) { .dashboard .withdraw-option-item__content { width: calc(100% - 30px); } } @media screen and (max-width: 767px) { .dashboard .withdraw-option-item__content { width: calc(100% - 25px); padding-left: 10px; } } .dashboard .withdraw-option-item__title { margin-bottom: 6px; } @media screen and (max-width: 991px) { .dashboard .withdraw-option-item__desc { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .dashboard .withdraw-option-item__desc { font-size: 0.875rem; } } .dashboard .withdraw-option-item.active { border-color: hsl(var(--base)); } .dashboard .gift-form .form-group { position: relative; } .dashboard .gift-form .form-group.lg .form--control { background: transparent; border-color: hsl(var(--white)/0.5); padding: 11px 15px; padding-left: 185px; padding-right: 60px; font-weight: 700; font-size: 2.5rem; } @media (max-width: 1699px) { .dashboard .gift-form .form-group.lg .form--control { font-size: 2.375rem; padding: 8px 15px; padding-left: 175px; padding-right: 60px; } } @media screen and (max-width: 1599px) { .dashboard .gift-form .form-group.lg .form--control { font-size: 2.25rem; } } @media screen and (max-width: 991px) { .dashboard .gift-form .form-group.lg .form--control { font-size: 2rem; padding: 6px 15px; padding-left: 165px; padding-right: 55px; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group.lg .form--control { font-size: 1.75rem; padding-left: 145px; padding-right: 50px; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group.lg .form--control { font-size: 1.5625rem; padding-left: 132px; padding-right: 42px; } } .dashboard .gift-form .form-group.lg .form--control::-webkit-input-placeholder { color: hsl(var(--white)/0.1); font-size: 2.5rem; } .dashboard .gift-form .form-group.lg .form--control::-moz-placeholder { color: hsl(var(--white)/0.1); font-size: 2.5rem; } .dashboard .gift-form .form-group.lg .form--control:-ms-input-placeholder { color: hsl(var(--white)/0.1); font-size: 2.5rem; } .dashboard .gift-form .form-group.lg .form--control::-ms-input-placeholder { color: hsl(var(--white)/0.1); font-size: 2.5rem; } .dashboard .gift-form .form-group.lg .form--control::placeholder { color: hsl(var(--white)/0.1); font-size: 2.5rem; } @media (max-width: 1699px) { .dashboard .gift-form .form-group.lg .form--control::-webkit-input-placeholder { font-size: 2.375rem; } .dashboard .gift-form .form-group.lg .form--control::-moz-placeholder { font-size: 2.375rem; } .dashboard .gift-form .form-group.lg .form--control:-ms-input-placeholder { font-size: 2.375rem; } .dashboard .gift-form .form-group.lg .form--control::-ms-input-placeholder { font-size: 2.375rem; } .dashboard .gift-form .form-group.lg .form--control::placeholder { font-size: 2.375rem; } } @media screen and (max-width: 1599px) { .dashboard .gift-form .form-group.lg .form--control::-webkit-input-placeholder { font-size: 2.25rem; } .dashboard .gift-form .form-group.lg .form--control::-moz-placeholder { font-size: 2.25rem; } .dashboard .gift-form .form-group.lg .form--control:-ms-input-placeholder { font-size: 2.25rem; } .dashboard .gift-form .form-group.lg .form--control::-ms-input-placeholder { font-size: 2.25rem; } .dashboard .gift-form .form-group.lg .form--control::placeholder { font-size: 2.25rem; } } @media screen and (max-width: 991px) { .dashboard .gift-form .form-group.lg .form--control::-webkit-input-placeholder { font-size: 2rem; } .dashboard .gift-form .form-group.lg .form--control::-moz-placeholder { font-size: 2rem; } .dashboard .gift-form .form-group.lg .form--control:-ms-input-placeholder { font-size: 2rem; } .dashboard .gift-form .form-group.lg .form--control::-ms-input-placeholder { font-size: 2rem; } .dashboard .gift-form .form-group.lg .form--control::placeholder { font-size: 2rem; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group.lg .form--control::-webkit-input-placeholder { font-size: 1.75rem; } .dashboard .gift-form .form-group.lg .form--control::-moz-placeholder { font-size: 1.75rem; } .dashboard .gift-form .form-group.lg .form--control:-ms-input-placeholder { font-size: 1.75rem; } .dashboard .gift-form .form-group.lg .form--control::-ms-input-placeholder { font-size: 1.75rem; } .dashboard .gift-form .form-group.lg .form--control::placeholder { font-size: 1.75rem; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group.lg .form--control::-webkit-input-placeholder { font-size: 1.5625rem; } .dashboard .gift-form .form-group.lg .form--control::-moz-placeholder { font-size: 1.5625rem; } .dashboard .gift-form .form-group.lg .form--control:-ms-input-placeholder { font-size: 1.5625rem; } .dashboard .gift-form .form-group.lg .form--control::-ms-input-placeholder { font-size: 1.5625rem; } .dashboard .gift-form .form-group.lg .form--control::placeholder { font-size: 1.5625rem; } } .dashboard .gift-form .form-group.lg .form--control:focus { border-color: hsl(var(--base)); } .dashboard .gift-form .form-group .label { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 700; color: hsl(var(--body-color)); font-size: 1.125rem; } @media (max-width: 1699px) { .dashboard .gift-form .form-group .label { font-size: 1.0625rem; } } @media screen and (max-width: 991px) { .dashboard .gift-form .form-group .label { font-size: 1rem; right: 12px; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group .label { font-size: 0.9375rem; right: 10px; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .label { font-size: 0.875rem; } } .dashboard .gift-form .form-group .icon { position: absolute; left: 7px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 56px; height: 56px; background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1699px) { .dashboard .gift-form .form-group .icon { width: 52px; height: 52px; } } @media screen and (max-width: 1599px) { .dashboard .gift-form .form-group .icon { width: 45px; height: 45px; } } @media screen and (max-width: 991px) { .dashboard .gift-form .form-group .icon { border-radius: 5px; width: 42px; height: 42px; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group .icon { width: 38px; height: 38px; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .icon { width: 34px; height: 34px; left: 5px; } } @media screen and (max-width: 424px) { .dashboard .gift-form .form-group .icon { width: 30px; height: 30px; } } .dashboard .gift-form .form-group .icon img { width: 32px; height: 32px; } @media (max-width: 1699px) { .dashboard .gift-form .form-group .icon img { width: 30px; height: 30px; } } @media screen and (max-width: 1599px) { .dashboard .gift-form .form-group .icon img { width: 28px; height: 28px; } } @media screen and (max-width: 991px) { .dashboard .gift-form .form-group .icon img { width: 25px; height: 25px; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group .icon img { width: 22px; height: 22px; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .icon img { width: 20px; height: 20px; } } @media screen and (max-width: 424px) { .dashboard .gift-form .form-group .icon img { width: 18px; height: 18px; } } .dashboard .gift-form .form-group .customNiceSelect { position: absolute; z-index: 2; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-right: 15px; } @media (max-width: 1699px) { .dashboard .gift-form .form-group .customNiceSelect { left: 10px; padding-right: 12px; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group .customNiceSelect { padding-right: 8px; left: 7px; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .customNiceSelect { left: 5px; } } .dashboard .gift-form .form-group .customNiceSelect::after { position: absolute; content: ""; background: hsl(var(--white)/0.1); width: 1px; height: calc(100% + 8px); right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1699px) { .dashboard .gift-form .form-group .customNiceSelect::after { height: calc(100% + 4px); } } @media screen and (max-width: 991px) { .dashboard .gift-form .form-group .customNiceSelect::after { height: calc(100% + 2px); } } @media screen and (max-width: 767px) { .dashboard .gift-form .form-group .customNiceSelect::after { height: 100%; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .customNiceSelect::after { height: calc(100% - 2px); } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .customNiceSelect .nice-select { font-size: 0.8125rem; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form-group .customNiceSelect .nice-select .current { font-size: 0.8125rem; } } .dashboard .gift-form .form--control { padding: 22px 16px; padding-left: 80px; border-color: hsl(var(--white)/0.1); font-size: 1.25rem; } @media (max-width: 1699px) { .dashboard .gift-form .form--control { font-size: 1.125rem; padding: 20px 15px; padding-left: 70px; } } @media screen and (max-width: 1599px) { .dashboard .gift-form .form--control { font-size: 1.0625rem; padding: 17px 15px; padding-left: 63px; } } @media screen and (max-width: 991px) { .dashboard .gift-form .form--control { font-size: 1rem; padding: 15px; padding-left: 60px; } } @media screen and (max-width: 767px) { .dashboard .gift-form .form--control { font-size: 0.9375rem; padding: 14px 15px; padding-left: 55px; } } @media screen and (max-width: 575px) { .dashboard .gift-form .form--control { font-size: 0.875rem; padding: 12px 15px; padding-left: 45px; } } @media screen and (max-width: 424px) { .dashboard .gift-form .form--control { padding: 10px 15px; padding-left: 42px; } } .dashboard .gift-form .form--control::-webkit-input-placeholder { font-size: inherit; } .dashboard .gift-form .form--control::-moz-placeholder { font-size: inherit; } .dashboard .gift-form .form--control:-ms-input-placeholder { font-size: inherit; } .dashboard .gift-form .form--control::-ms-input-placeholder { font-size: inherit; } .dashboard .gift-form .form--control::placeholder { font-size: inherit; } .dashboard .gift-form .form--control:focus { border-color: hsl(var(--base)); } .dashboard .gift-form__desc { padding-left: 20px; } @media screen and (max-width: 1599px) { .dashboard .gift-form__desc { font-size: 0.9375rem; } } @media screen and (max-width: 991px) { .dashboard .gift-form__desc { font-size: 0.875rem; } } @media screen and (max-width: 575px) { .dashboard .gift-form__desc { font-size: 0.8125rem; } } .dashboard .gift-form__desc i { position: absolute; left: 0; top: 4px; } .dashboard .account-setting__top { row-gap: 10px; border-bottom: 1px solid hsl(var(--white)/0.1); padding-bottom: 30px; margin-bottom: 30px; } @media screen and (max-width: 1199px) { .dashboard .account-setting__top { padding-bottom: 25px; margin-bottom: 25px; } } @media screen and (max-width: 991px) { .dashboard .account-setting__top { padding-bottom: 22px; margin-bottom: 22px; } } @media screen and (max-width: 767px) { .dashboard .account-setting__top { padding-bottom: 18px; margin-bottom: 18px; } } @media screen and (max-width: 575px) { .dashboard .account-setting__top { padding-bottom: 15px; margin-bottom: 15px; } } .dashboard .account-setting__thumb { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } @media screen and (max-width: 1199px) { .dashboard .account-setting__thumb { width: 90px; height: 90px; } } @media screen and (max-width: 991px) { .dashboard .account-setting__thumb { width: 85px; height: 85px; } } @media screen and (max-width: 767px) { .dashboard .account-setting__thumb { width: 78px; height: 78px; } } @media screen and (max-width: 575px) { .dashboard .account-setting__thumb { width: 70px; height: 70px; } } @media screen and (max-width: 424px) { .dashboard .account-setting__thumb { width: 60px; height: 60px; } } .dashboard .account-setting__thumb img { width: 100%; height: 100%; } .dashboard .account-setting__content { width: calc(100% - 100px); padding-left: 20px; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; row-gap: 10px; } @media screen and (max-width: 1199px) { .dashboard .account-setting__content { width: calc(100% - 90px); } } @media screen and (max-width: 991px) { .dashboard .account-setting__content { width: calc(100% - 85px); padding-left: 15px; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } } @media screen and (max-width: 767px) { .dashboard .account-setting__content { width: calc(100% - 78px); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding-left: 12px; } } @media screen and (max-width: 575px) { .dashboard .account-setting__content { width: calc(100% - 70px); padding-left: 10px; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; } } @media screen and (max-width: 424px) { .dashboard .account-setting__content { width: calc(100% - 60px); padding-left: 8px; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; row-gap: 6px; } } @media screen and (max-width: 374px) { .dashboard .account-setting__content { padding-left: 0; width: 100%; } } .dashboard .account-setting__content label.btn { padding: 13.5px 20px; } @media screen and (max-width: 1399px) { .dashboard .account-setting__content label.btn { padding: 12.5px 18px; } } @media screen and (max-width: 1199px) { .dashboard .account-setting__content label.btn { padding: 11.5px 18px; } } @media screen and (max-width: 991px) { .dashboard .account-setting__content label.btn { padding: 11.5px 16px; } } @media screen and (max-width: 767px) { .dashboard .account-setting__content label.btn { font-size: 0.875rem; } } @media screen and (max-width: 575px) { .dashboard .account-setting__content label.btn { padding: 10.5px 15px; } } @media screen and (max-width: 424px) { .dashboard .account-setting__content label.btn { padding-left: 10px; padding-right: 10px; } } .dashboard .account-setting__content label input { width: 0; height: 0; opacity: 0; } @media screen and (max-width: 424px) { .dashboard .account-setting__content .btn { padding-left: 10px; padding-right: 10px; } } .dashboard .account-setting form .form-group { position: relative; } .dashboard .account-setting form .form-group.has-icon .form--control { padding-left: 60px; } @media screen and (max-width: 1199px) { .dashboard .account-setting form .form-group.has-icon .form--control { padding-left: 55px; } } @media screen and (max-width: 991px) { .dashboard .account-setting form .form-group.has-icon .form--control { padding-left: 50px; } } @media screen and (max-width: 767px) { .dashboard .account-setting form .form-group.has-icon .form--control { padding-left: 45px; } } .dashboard .account-setting form .form-group.has-icon .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background: hsl(var(--white)/0.05); border: 1px solid hsl(var(--white)/0.1); border-radius: 8px; font-size: 1.25rem; line-height: 1; color: hsl(var(--base)); position: absolute; left: 8px; bottom: 8px; } @media screen and (max-width: 1399px) { .dashboard .account-setting form .form-group.has-icon .icon { width: 38px; height: 38px; font-size: 1.1875rem; } } @media screen and (max-width: 1199px) { .dashboard .account-setting form .form-group.has-icon .icon { width: 36px; height: 36px; font-size: 1.125rem; } } @media screen and (max-width: 991px) { .dashboard .account-setting form .form-group.has-icon .icon { width: 32px; height: 33px; font-size: 1rem; border-radius: 5px; } } @media screen and (max-width: 991px) { .dashboard .account-setting form .form-group.has-icon .icon { width: 28px; height: 28px; font-size: 0.9375rem; } } .dashboard .account-setting form .form--label { color: hsl(var(--body-color)); font-size: 1rem; } @media screen and (max-width: 991px) { .dashboard .account-setting form .form--label { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .dashboard .account-setting form .form--label { font-size: 0.875rem; } } .dashboard .account-setting form .form--control { color: hsl(var(--white)); border-color: hsl(var(--white)/0.1); } .dashboard .account-setting form .form--control::-webkit-input-placeholder { color: hsl(var(--heading-color)); } .dashboard .account-setting form .form--control::-moz-placeholder { color: hsl(var(--heading-color)); } .dashboard .account-setting form .form--control:-ms-input-placeholder { color: hsl(var(--heading-color)); } .dashboard .account-setting form .form--control::-ms-input-placeholder { color: hsl(var(--heading-color)); } .dashboard .account-setting form .form--control::placeholder { color: hsl(var(--heading-color)); } .dashboard .account-setting form .form--control:focus { border-color: hsl(var(--base)); } .dashboard .support-ticket-form .customNiceSelect .nice-select { padding-left: 15px; line-height: 23px; height: 56px; } @media screen and (max-width: 1399px) { .dashboard .support-ticket-form .customNiceSelect .nice-select { line-height: 21px; height: 54px; } } @media screen and (max-width: 1199px) { .dashboard .support-ticket-form .customNiceSelect .nice-select { height: 52px; padding-left: 13px; } } @media screen and (max-width: 991px) { .dashboard .support-ticket-form .customNiceSelect .nice-select { height: 48px; } } @media screen and (max-width: 767px) { .dashboard .support-ticket-form .customNiceSelect .nice-select { height: 46px; line-height: 20px; } } @media screen and (max-width: 575px) { .dashboard .support-ticket-form .customNiceSelect .nice-select { height: 46px; } } .dashboard .support-ticket-form .customNiceSelect .nice-select .current { color: hsl(var(--body-color)); font-weight: 400; } .dashboard .support-ticket-form .input-group .form--control { padding: 0; } .dashboard .support-ticket-form .input-group .input-group-text { padding: 16.5px 14px; } .dashboard .form--control { border-color: hsl(var(--white)/0.1); } .dashboard .form--control:focus { border-color: hsl(var(--base)); } @-webkit-keyframes ring { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes ring { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } /* ================================= Dashboard Css End =========================== */ /* ================================= Preload Css Start =========================== */ .preloader { position: fixed; z-index: 999999; background-color: hsl(var(--black)); width: 100%; height: 100%; } .loader-p { border: 0 solid transparent; border-radius: 50%; width: 150px; height: 150px; position: absolute; top: calc(50vh - 75px); left: calc(50vw - 75px); } .loader-p:before, .loader-p:after { content: ""; border: 1em solid hsl(var(--base)); border-radius: 50%; width: inherit; height: inherit; position: absolute; top: 0; left: 0; -webkit-animation: loader 2s linear infinite; animation: loader 2s linear infinite; opacity: 0; } .loader-p:before { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes loader { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes loader { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* ================================= Preload Css End =========================== */ /* ===================== Scroll To Top Start ================================= */ .scroll-top { position: fixed; right: 30px; bottom: 30px; color: hsl(var(--white)); width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; z-index: 5; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; -webkit-transform: scale(0); transform: scale(0); background-color: hsl(var(--base)); } .scroll-top:hover { color: hsl(var(--white)); background-color: hsl(var(--base-d-100)); } .scroll-top.show { -webkit-transform: scale(1); transform: scale(1); } /* ===================== Scroll To Top End ================================= */ /* ================================= Template Selection Css Start =========================== */ ::-moz-selection { color: hsl(var(--white)); background: hsl(var(--base-d-100)); } ::selection { color: hsl(var(--white)); background: hsl(var(--base-d-100)); } /* ================================= Template Selection Css End =========================== */ /* ================================= Social Icon Css Start =========================== */ .social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-list__item { margin-right: 10px; } .social-list__item:last-child { margin-right: 0; } .social-list__link { width: 40px; height: 40px; border-radius: 50%; position: relative; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; color: hsl(var(--white)); background-color: hsl(var(--white)/0.15); } @media screen and (max-width: 1399px) { .social-list__link { width: 38px; height: 38px; } } @media screen and (max-width: 1199px) { .social-list__link { width: 35px; height: 35px; font-size: 1rem; } } @media screen and (max-width: 575px) { .social-list__link { width: 32px; height: 32px; font-size: 0.9375rem; } } .social-list__link.active, .social-list__link:hover, .social-list__link:focus { background-color: hsl(var(--base)); color: hsl(var(--white)) !important; border-color: hsl(var(--base)) !important; } @media screen and (max-width: 767px) { .social-list__link { width: 35px; height: 35px; font-size: 0.875rem; } } /* ================================= Social Icon Css End =========================== */ /* ================================= Range Slider Css Start =========================== */ .custom--range__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } .custom--range__content label { width: 40%; } .custom--range__content input { width: 60%; text-align: right; } .custom--range input { border: 0; color: hsl(var(--body-color)); font-weight: 500; } .custom--range #slider-range { height: 5px; border: 0; background: hsl(var(--base)/0.2); } .custom--range #slider-range .ui-widget-header { background-color: hsl(var(--base)); } .custom--range #slider-range span:focus { background-color: hsl(var(--base)); } .custom--range #slider-range .ui-slider-handle { width: 15px !important; height: 15px !important; background-color: hsl(var(--base)) !important; border: 2px solid hsl(var(--white)) !important; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* ================================= Range Slider Css End =========================== */ /* ================= Slick Slider Css Start ================ */ .slick-initialized.slick-slider { margin: 0 -10px; } .slick-initialized.slick-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .slick-initialized.slick-slider .slick-slide { height: auto; padding: 0 10px; } .slick-initialized.slick-slider .slick-slide>div { height: 100%; } .slick-arrow { position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; color: hsl(var(--white)); width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: 0.2s linear; transition: 0.2s linear; background-color: hsl(var(--base)); color: hsl(var(--white)); font-size: 20px; } @media screen and (max-width: 991px) { .slick-arrow { width: 50px; height: 50px; font-size: 16px; } } @media screen and (max-width: 575px) { .slick-arrow { width: 45px; height: 45px; } } .slick-arrow:hover { border-color: hsl(var(--base)); background-color: hsl(var(--base-two)); } .slick-next { right: -20px; } @media screen and (max-width: 991px) { .slick-next { right: -10px; } } @media screen and (max-width: 575px) { .slick-next { right: 10px; } } .slick-prev { left: -20px; } @media screen and (max-width: 991px) { .slick-prev { left: -10px; } } @media screen and (max-width: 575px) { .slick-prev { left: 10px; } } .slick-arrow { position: absolute; z-index: 1; border: none; background-color: transparent; color: hsl(var(--white)); width: 32px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; -webkit-transition: 0.4s; transition: 0.4s; background-color: hsl(var(--black)); color: hsl(var(--white)); top: -67px; } @media screen and (max-width: 1199px) { .slick-arrow { top: -69px; } } @media screen and (max-width: 767px) { .slick-arrow { top: auto; bottom: -50px; right: 50%; } } .slick-arrow:hover { background-color: hsl(var(--black)); color: hsl(var(--white)); } .slick-next { right: 10px; background-color: hsl(var(--base)); } @media screen and (max-width: 767px) { .slick-next { top: auto; right: calc(50% - 37px); } } .slick-prev { right: 52px; } @media screen and (max-width: 767px) { .slick-prev { top: auto; right: calc(50% + 5px); } } .slick-dots { text-align: center; padding-top: 20px; } .slick-dots li { display: inline-block; } .slick-dots li button { border: none; background-color: hsl(var(--black)); color: hsl(var(--white)); margin: 0 3px; width: 8px; height: 8px; border-radius: 1px; border-radius: 50%; text-indent: -9999px; -webkit-transition: 0.3s linear; transition: 0.3s linear; } .slick-dots li.slick-active button { background-color: hsl(var(--base)); width: 25px; border-radius: 5px; color: hsl(var(--base)); } /* ================= Slick Slider Css Start ================ */ /* ================================= Start Rating Css Start =========================== */ .rating-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating-list__item { padding: 0 1px; color: hsl(var(--warning)); } .rating-list__text { color: hsl(var(--body-color)); } /* ================================= Start Rating Css End =========================== */ /* =========================== Banner Css Start ========================= */ .banner-section { position: relative; z-index: 1; padding: 195px 0 195px; } @media screen and (max-width: 1399px) { .banner-section { padding: 235px 0 160px; } } @media screen and (max-width: 1199px) { .banner-section { padding: 230px 0 130px; } } @media screen and (max-width: 991px) { .banner-section { padding: 130px 0 90px; } } @media screen and (max-width: 767px) { .banner-section { padding: 120px 0 60px; } } @media screen and (max-width: 575px) { .banner-section { padding: 100px 0 50px; } } @media screen and (max-width: 424px) { .banner-section { padding: 95px 0 45px; } } .banner-section::after { position: absolute; content: ""; background: -webkit-gradient(linear, left bottom, left top, color-stop(29.43%, #0D1017), to(rgba(13, 16, 23, 0))); background: linear-gradient(0deg, #0D1017 29.43%, rgba(13, 16, 23, 0) 100%); width: 100%; height: 200px; left: 0; right: 0; bottom: 0; } @media screen and (max-width: 991px) { .banner-section::after { height: 160px; } } @media screen and (max-width: 767px) { .banner-section::after { height: 140px; } } @media screen and (max-width: 575px) { .banner-section::after { height: 110px; } } @media screen and (max-width: 991px) { .banner-section.bg-img { background-position: center right; -o-object-fit: contain; object-fit: contain; } } .banner-content { position: relative; z-index: 3; } .banner-content__title { font-size: 5rem; margin-bottom: 33px; } @media screen and (max-width: 1399px) { .banner-content__title { font-size: 4.5rem; margin-bottom: 30px; } } @media screen and (max-width: 1199px) { .banner-content__title { font-size: 4.0625rem; } } @media screen and (max-width: 991px) { .banner-content__title { font-size: 3.75rem; margin-bottom: 25px; } } @media screen and (max-width: 767px) { .banner-content__title { font-size: 3.25rem; margin-bottom: 22px; } } @media screen and (max-width: 575px) { .banner-content__title { font-size: 2.5rem; margin-bottom: 18px; } } @media screen and (max-width: 424px) { .banner-content__title { font-size: 2.25rem; margin-bottom: 15px; } } @media screen and (max-width: 424px) { .banner-content__title { font-size: 1.875rem; } } .banner-content__desc { font-size: 1.25rem; line-height: 1.4; max-width: 600px; margin-bottom: 55px; } @media screen and (max-width: 1399px) { .banner-content__desc { margin-bottom: 50px; } } @media screen and (max-width: 1199px) { .banner-content__desc { font-size: 1.1875rem; margin-bottom: 40px; } } @media screen and (max-width: 991px) { .banner-content__desc { max-width: 100%; font-size: 1.125rem; margin-bottom: 35px; } } @media screen and (max-width: 767px) { .banner-content__desc { font-size: 1rem; margin-bottom: 30px; } } @media screen and (max-width: 575px) { .banner-content__desc { margin-bottom: 20px; } } @media screen and (max-width: 424px) { .banner-content__desc { margin-bottom: 18px; } } .banner-content__buttons { gap: 15px; margin-bottom: 60px; } @media screen and (max-width: 767px) { .banner-content__buttons { gap: 12px; } } @media screen and (max-width: 575px) { .banner-content__buttons { gap: 10px; } } @media screen and (max-width: 1399px) { .banner-content__buttons { margin-bottom: 55px; } } @media screen and (max-width: 1199px) { .banner-content__buttons { margin-bottom: 45px; } } @media screen and (max-width: 991px) { .banner-content__buttons { margin-bottom: 35px; } } @media screen and (max-width: 767px) { .banner-content__buttons { margin-bottom: 30px; } } @media screen and (max-width: 575px) { .banner-content__buttons { margin-bottom: 20px; } } @media screen and (max-width: 424px) { .banner-content__buttons { margin-bottom: 18px; } } .banner-content__price { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } @media screen and (max-width: 767px) { .banner-content__price { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } @media screen and (max-width: 424px) { .banner-content__price { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } } .banner-content__price-title { font-size: 1.25rem; font-weight: 600; line-height: 1; position: relative; padding-left: 26px; } @media screen and (max-width: 1199px) { .banner-content__price-title { font-size: 1.1875rem; padding-left: 22px; } } @media screen and (max-width: 991px) { .banner-content__price-title { font-size: 1.125rem; } } @media screen and (max-width: 767px) { .banner-content__price-title { font-size: 1.0625rem; } } @media screen and (max-width: 575px) { .banner-content__price-title { font-size: 1rem; } } .banner-content__price-title::before, .banner-content__price-title::after { position: absolute; content: ""; background: transparent; border: 1px solid hsl(var(--success)); border-radius: 50%; width: 16px; height: 16px; top: 0; left: 0; bottom: 0; margin: auto 0; } @media screen and (max-width: 991px) { .banner-content__price-title::before, .banner-content__price-title::after { width: 14px; height: 14px; } } .banner-content__price-title::after { width: 10px; height: 10px; border: 0; left: 3px; background: hsl(var(--success)); } @media screen and (max-width: 991px) { .banner-content__price-title::after { width: 8px; height: 8px; } } .banner-content__price-price { line-height: 1; margin-bottom: 0; } .banner-content__price-icon { line-height: 1; font-size: 1.125rem; } @media screen and (max-width: 991px) { .banner-content__price-icon { font-size: 1.0625rem; } } @media screen and (max-width: 767px) { .banner-content__price-icon { font-size: 1rem; } } @media screen and (max-width: 575px) { .banner-content__price-icon { font-size: 0.9375rem; } } /* =========================== Banner Css End ========================= */ /* =========================== Service Css Start ========================= */ .service-section .section-heading { margin-bottom: 64px; } @media screen and (max-width: 1199px) { .service-section .section-heading { margin-bottom: 52px; } } @media screen and (max-width: 991px) { .service-section .section-heading { margin-bottom: 32px; } } @media screen and (max-width: 767px) { .service-section .section-heading { margin-bottom: 30px; } } @media screen and (max-width: 575px) { .service-section .section-heading { margin-bottom: 25px; } } @media screen and (max-width: 991px) { .service-content-wrapper { margin-bottom: 50px; } } .service-content { margin-top: 32px; } @media screen and (max-width: 1399px) { .service-content { margin-top: 25px; } } @media screen and (max-width: 1199px) { .service-content { margin-top: 20px; } } @media screen and (max-width: 575px) { .service-content { margin-top: 15px; } } .service-content__title { font-weight: 600; line-height: 1.4; margin-bottom: 32px; } @media screen and (max-width: 1399px) { .service-content__title { margin-bottom: 25px; } } @media screen and (max-width: 1199px) { .service-content__title { margin-bottom: 20px; } } @media screen and (max-width: 575px) { .service-content__title { margin-bottom: 15px; } } .service-content__list-item { position: relative; padding-left: 30px; margin-bottom: 30px; } @media screen and (max-width: 1399px) { .service-content__list-item { margin-bottom: 25px; } } @media screen and (max-width: 1199px) { .service-content__list-item { padding-left: 28px; margin-bottom: 20px; font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .service-content__list-item { padding-left: 25px; font-size: 0.875rem; margin-bottom: 15px; } } .service-content__list-item:last-child { margin-bottom: 0; } .service-content__list-icon { position: absolute; left: 0; top: 0; color: hsl(var(--base)); font-size: 1.375rem; line-height: 1; } @media screen and (max-width: 1199px) { .service-content__list-icon { font-size: 1.25rem; top: 2px; } } @media screen and (max-width: 575px) { .service-content__list-icon { font-size: 1.125rem; } } .service-content__list-text { line-height: 1.5; font-weight: 600; } .service-thumb { position: relative; } .service-thumb__image { position: relative; z-index: 3; } @media screen and (max-width: 1399px) { .service-thumb__image { max-width: 94%; } } @media screen and (max-width: 991px) { .service-thumb__image { max-width: 100%; width: calc(100% - 20px); } } .service-thumb__shape { position: absolute; right: 0; top: -50px; z-index: 2; } @media screen and (max-width: 1399px) { .service-thumb__shape { max-width: 80%; top: -30px; } } @media screen and (max-width: 991px) { .service-thumb__shape { top: -20px; max-width: 100%; width: calc(100% - 50px); height: calc(100% - 20px); } } .service-thumb::after { position: absolute; content: ""; top: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 450px; height: 300px; background: hsl(var(--base-two)/0.6); -webkit-filter: blur(125px); filter: blur(125px); } @media screen and (max-width: 1399px) { .service-thumb::after { width: 350px; height: 230px; } } @media screen and (max-width: 1199px) { .service-thumb::after { width: 260px; height: 185px; } } @media screen and (max-width: 575px) { .service-thumb::after { width: 240px; height: 125px; } } /* =========================== Service Css End ========================= */ /* =========================== Invest Css Start ========================= */ .gold-price { border-radius: 20px; background: hsl(var(--card-bg)); padding: 30px 40px; position: relative; z-index: 1; } @media screen and (max-width: 1399px) { .gold-price { padding: 25px 30px; } } @media screen and (max-width: 991px) { .gold-price { padding: 25px; } } @media screen and (max-width: 767px) { .gold-price { border-radius: 15px; padding: 20px 20px 5px; } } .gold-price-header { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; row-gap: 10px; margin-bottom: 20px; } @media screen and (max-width: 991px) { .gold-price-header { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 15px; } } .gold-price-header__title { margin-bottom: 0; } .gold-price-header__desc { font-weight: 600; } .gold-price-header__desc span { margin-left: 8px; } .gold-price-header__desc span i { font-size: 0.875rem; } .gold-price-header .customNiceSelect .nice-select { background-color: transparent; } .gold-rate { border-radius: 20px; background: hsl(var(--card-bg)); padding: 25px 30px; position: relative; z-index: 1; height: 100%; } .gradient-border { height: 100%; } @media screen and (max-width: 1199px) { .gold-rate { padding: 25px 20px; } } @media screen and (max-width: 767px) { .gold-rate { padding: 20px; border-radius: 15px; } } @media screen and (max-width: 575px) { .gold-rate { padding: 20px 15px; } } .gold-rate__title { margin-bottom: 25px; } @media screen and (max-width: 991px) { .gold-rate__title { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .gold-rate__title { margin-bottom: 15px; } } .gold-rate__list-item { border-bottom: 1px dashed hsl(var(--border-color)); font-size: 1rem; padding: 15px 0; } @media screen and (max-width: 1199px) { .gold-rate__list-item { font-size: 0.9375rem; padding: 13px 0; } } @media screen and (max-width: 575px) { .gold-rate__list-item { font-size: 0.875rem; padding: 12px 0; } } @media screen and (max-width: 424px) { .gold-rate__list-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px 0; } } .gold-rate__list-item:first-child { padding-top: 0; border-bottom: 1px solid hsl(var(--border-color)); } .gold-rate__list-item:last-child { padding-bottom: 0; border-bottom: 0; } .gold-rate__list-item span:first-child { width: 50%; } .gold-rate__list-item span:last-child { width: 50%; text-align: right; } .gold-calculator { border-radius: 20px; background: hsl(var(--card-bg)); padding: 25px 30px 43px; position: relative; z-index: 1; } @media screen and (max-width: 1399px) { .gold-calculator { padding: 25px 20px; } } @media screen and (max-width: 767px) { .gold-calculator { padding: 20px; border-radius: 15px; } } @media screen and (max-width: 575px) { .gold-calculator { padding: 20px 15px; } } .gold-calculator__title { margin-bottom: 30px; } @media screen and (max-width: 1399px) { .gold-calculator__title { margin-bottom: 13px; } } .gold-calculator form:has(#goldCalculatorSwitch2:checked) .gold-calculator__inputs .form-group:first-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .gold-calculator form:has(#goldCalculatorSwitch2:checked) .gold-calculator__inputs .form-group:last-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .gold-calculator form:has(#goldCalculatorSwitch2:checked) .gold-calculator__inputs .equal { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .gold-calculator__top { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 10px; margin-bottom: 18px; } @media screen and (max-width: 1399px) { .gold-calculator__top { margin-bottom: 15px; } } @media screen and (max-width: 1399px) { .gold-calculator__top { row-gap: 12px; } } @media screen and (max-width: 1199px) { .gold-calculator__top { row-gap: 10px; margin-bottom: 10px; } } .gold-calculator__top .gold-category { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } @media screen and (max-width: 1399px) { .gold-calculator__top .gold-category { row-gap: 10px; width: 100%; } } .gold-calculator__top .gold-category__title { color: hsl(var(--heading-color)); margin-bottom: 5px; } @media screen and (max-width: 1199px) { .gold-calculator__top .gold-category__title { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .gold-calculator__top .gold-category__title { font-size: 0.875rem; } } @media screen and (max-width: 1199px) { .gold-calculator__top .gold-category .customNiceSelect .nice-select { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .gold-calculator__top .gold-category .customNiceSelect .nice-select { font-size: 0.875rem; } } .gold-calculator__top .calculator-switch { background: hsl(var(--white)/0.15); padding: 5px; border-radius: 40px; } @media screen and (max-width: 424px) { .gold-calculator__top .calculator-switch { background: transparent; border-radius: 0; border-bottom: 1px solid hsl(var(--border-color)); } } .gold-calculator__top .calculator-switch__item { position: relative; padding: 4px 12px; border-radius: 30px; overflow: hidden; font-size: 0.875rem; font-weight: 600; color: hsl(var(--body-color)); } @media screen and (max-width: 424px) { .gold-calculator__top .calculator-switch__item { width: 100%; text-align: center; } } .gold-calculator__top .calculator-switch__item::before, .gold-calculator__top .calculator-switch__item::after { position: absolute; content: ""; background: var(--gradient-bg-1); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .gold-calculator__top .calculator-switch__item::after { background: var(--gradient-bg-2); z-index: 2; } .gold-calculator__top .calculator-switch__item:has(input:checked) { color: hsl(var(--dark)); } .gold-calculator__top .calculator-switch__item:has(input:checked)::before { visibility: visible; opacity: 1; } .gold-calculator__top .calculator-switch__item:has(input:checked):hover::after { visibility: visible; opacity: 1; } .gold-calculator__top .calculator-switch__item .text { position: relative; z-index: 3; } .gold-calculator__top .calculator-switch input { width: 0; height: 0; opacity: 0; } .gold-calculator__top .calculator-switch__icon { margin: 0 10px; } @media screen and (max-width: 1399px) { .gold-calculator__top .calculator-switch__icon { margin: 0 8px; } } @media screen and (max-width: 424px) { .gold-calculator__top .calculator-switch__icon { margin: 0 auto; } } .gold-calculator__inputs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 24px; } @media screen and (max-width: 1399px) { .gold-calculator__inputs { margin-bottom: 15px; } } .gold-calculator__inputs .form--label { font-weight: 600; margin-bottom: 12px; } @media screen and (max-width: 1199px) { .gold-calculator__inputs .form--label { margin-bottom: 6px; } } .gold-calculator__inputs .form-group { margin-bottom: 0; } .gold-calculator__inputs .form-group:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(50% - 18px); } @media screen and (max-width: 1399px) { .gold-calculator__inputs .form-group:first-of-type { width: calc(50% - 15px); } } @media screen and (max-width: 424px) { .gold-calculator__inputs .form-group:first-of-type { width: 100%; } } .gold-calculator__inputs .form-group:last-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: calc(50% - 18px); } @media screen and (max-width: 1399px) { .gold-calculator__inputs .form-group:last-of-type { width: calc(50% - 15px); } } @media screen and (max-width: 424px) { .gold-calculator__inputs .form-group:last-of-type { width: 100%; } } .gold-calculator__inputs .equal { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 35px; height: 56px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: hsl(var(--heading-color)); font-size: 1rem; } @media screen and (max-width: 1399px) { .gold-calculator__inputs .equal { width: 30px; height: 54px; } } @media screen and (max-width: 1199px) { .gold-calculator__inputs .equal { font-size: 0.9375rem; height: 46px; } } @media screen and (max-width: 767px) { .gold-calculator__inputs .equal { font-size: 0.875rem; height: 44px; } } @media screen and (max-width: 767px) { .gold-calculator__inputs .equal { height: 43px; } } @media screen and (max-width: 424px) { .gold-calculator__inputs .equal { height: 35px; margin: 0 auto; } } @media screen and (max-width: 1199px) { .gold-calculator__inputs .form--control { padding: 12px; font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .gold-calculator__inputs .form--control { padding: 11px 12px; } } @media screen and (max-width: 575px) { .gold-calculator__inputs .form--control { font-size: 0.875rem; } } @media screen and (max-width: 1199px) { .gold-calculator__inputs .form--control::-webkit-input-placeholder { font-size: 0.9375rem; } .gold-calculator__inputs .form--control::-moz-placeholder { font-size: 0.9375rem; } .gold-calculator__inputs .form--control:-ms-input-placeholder { font-size: 0.9375rem; } .gold-calculator__inputs .form--control::-ms-input-placeholder { font-size: 0.9375rem; } .gold-calculator__inputs .form--control::placeholder { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .gold-calculator__inputs .form--control::-webkit-input-placeholder { font-size: 0.875rem; } .gold-calculator__inputs .form--control::-moz-placeholder { font-size: 0.875rem; } .gold-calculator__inputs .form--control:-ms-input-placeholder { font-size: 0.875rem; } .gold-calculator__inputs .form--control::-ms-input-placeholder { font-size: 0.875rem; } .gold-calculator__inputs .form--control::placeholder { font-size: 0.875rem; } } .gold-calculator__bottom { row-gap: 10px; } .gold-calculator__bottom .info { color: hsl(var(--white)); margin-left: 15px; } @media screen and (max-width: 1399px) { .gold-calculator__bottom .info { font-size: 0.9375rem; margin-left: 10px; width: calc(100% - 120px); } } @media screen and (max-width: 767px) { .gold-calculator__bottom .info { font-size: 0.875rem; } } @media screen and (max-width: 575px) { .gold-calculator__bottom .info { width: 100%; } } /* =========================== Invest Css End ========================= */ /* =========================== Feature Css Start ========================= */ .feature-thumb { position: relative; gap: 24px; } @media screen and (max-width: 1199px) { .feature-thumb { gap: 16px; } } @media screen and (max-width: 767px) { .feature-thumb { gap: 12px; } } @media screen and (max-width: 575px) { .feature-thumb { gap: 12px; } } .feature-thumb__item { width: calc(50% - 12px); border-radius: 40px; } @media screen and (max-width: 1399px) { .feature-thumb__item { border-radius: 30px; } } @media screen and (max-width: 1199px) { .feature-thumb__item { width: calc(50% - 8px); } } @media screen and (max-width: 767px) { .feature-thumb__item { width: calc(50% - 6px); border-radius: 24px; } } @media screen and (max-width: 575px) { .feature-thumb__item { border-radius: 16px; } } .feature-thumb__item:not(:nth-child(1)) { overflow: hidden; } .feature-thumb__item:nth-child(1) { width: 100%; position: relative; } .feature-thumb__item img { width: 100%; } .feature-thumb__icon { position: absolute; width: 120px; height: 120px; background: hsl(var(--white)); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: hsl(var(--base)); font-size: 3.125rem; bottom: -60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } @media screen and (max-width: 1199px) { .feature-thumb__icon { width: 100px; height: 100px; font-size: 2.5rem; bottom: -50px; } } @media screen and (max-width: 767px) { .feature-thumb__icon { width: 85px; height: 85px; font-size: 2.125rem; bottom: -42px; } } @media screen and (max-width: 575px) { .feature-thumb__icon { width: 75px; height: 75px; font-size: 1.875rem; bottom: -37px; } } @media screen and (max-width: 424px) { .feature-thumb__icon { width: 70px; height: 70px; font-size: 1.75rem; bottom: -35px; } } .feature-content { padding: 0 44px 0 70px; } @media screen and (max-width: 1399px) { .feature-content { padding: 0 0 0 20px; } } @media screen and (max-width: 1199px) { .feature-content { padding: 0; } } @media screen and (max-width: 1399px) { .feature-content__title { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .feature-content__title { margin-bottom: 8px; } } .feature-content__desc { margin-bottom: 55px; } @media screen and (max-width: 1399px) { .feature-content__desc { margin-bottom: 45px; } } @media screen and (max-width: 1199px) { .feature-content__desc { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .feature-content__desc { margin-bottom: 25px; } } @media screen and (max-width: 575px) { .feature-content__desc { margin-bottom: 20px; } } .feature-item { margin-bottom: 24px; } @media screen and (max-width: 991px) { .feature-item { margin-bottom: 20px; } } @media screen and (max-width: 575px) { .feature-item { margin-bottom: 15px; } } .feature-item:last-of-type { margin-bottom: 0; } .feature-item__icon { position: relative; color: hsl(var(--base)); font-size: 1.75rem; } @media screen and (max-width: 1399px) { .feature-item__icon { font-size: 1.5625rem; } } @media screen and (max-width: 991px) { .feature-item__icon { font-size: 1.4375rem; } } @media screen and (max-width: 767px) { .feature-item__icon { font-size: 1.25rem; } } .feature-item__content { width: calc(100% - 35px); padding-left: 15px; } .feature-item__title { margin-bottom: 5px; font-weight: 600; } /* =========================== Feature Css End ========================= */ /* =========================== How It Works Css Start ========================= */ .work-process-row-one { margin-bottom: 135px; } @media screen and (max-width: 1399px) { .work-process-row-one { margin-bottom: 123px; } } @media screen and (max-width: 1199px) { .work-process-row-one { margin-bottom: 119px; } } @media screen and (max-width: 991px) { .work-process-row-one { margin-bottom: 24px; } } .work-process-row-one .gradient-border { height: 100%; } .work-process-row-two { padding-left: 175px; padding-right: 175px; margin-bottom: 84px; } @media screen and (max-width: 1399px) { .work-process-row-two { padding-left: 70px; padding-right: 70px; margin-bottom: 69px; } } @media screen and (max-width: 1199px) { .work-process-row-two { padding-left: 0; padding-right: 0; margin-bottom: 58px; } } @media screen and (max-width: 991px) { .work-process-row-two { margin-bottom: 24px; } } .how-it-work-shape-01, .how-it-work-shape-02, .how-it-work-shape-03 { position: absolute; content: ""; margin: 0; } @media screen and (max-width: 991px) { .how-it-work-shape-01, .how-it-work-shape-02, .how-it-work-shape-03 { display: none; } } .how-it-work-shape-01 { right: 212px; top: calc(100% + 1px); width: 840px; max-height: 138px; } @media screen and (max-width: 1399px) { .how-it-work-shape-01 { right: 145px; width: 765px; } } @media screen and (max-width: 1199px) { .how-it-work-shape-01 { right: 60px; width: 740px; } } .how-it-work-shape-02 { left: 50%; top: calc(100% + 1px); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 12px; max-height: 84px; } @media screen and (max-width: 1399px) { .how-it-work-shape-02 { width: 9.85px; } } @media screen and (max-width: 1199px) { .how-it-work-shape-02 { width: 8px; } } .how-it-work-shape-03 { left: 107px; top: calc(100% + 1px); width: 585px; max-height: 84px; } @media screen and (max-width: 1399px) { .how-it-work-shape-03 { width: 480px; } } @media screen and (max-width: 1199px) { .how-it-work-shape-03 { width: 400px; left: 35px; } } .work-process { padding: 100px 24px 35px; background: hsl(var(--card-bg)); border-radius: 20px; position: relative; z-index: 1; height: 100%; } @media screen and (max-width: 1399px) { .work-process { padding: 90px 20px 35px; } } @media screen and (max-width: 1199px) { .work-process { padding: 75px 18px 30px; } } @media screen and (max-width: 991px) { .work-process { padding: 70px 15px 30px; } } @media screen and (max-width: 767px) { .work-process { padding: 55px 15px 25px; border-radius: 15px; } } .work-process::after { position: absolute; content: ""; top: 0; right: 0; width: 150px; height: 150px; background: hsl(var(--base-two)/0.6); -webkit-filter: blur(125px); filter: blur(125px); } @media screen and (max-width: 1399px) { .work-process::after { width: 135px; height: 135px; } } .work-process__number { font-size: 9.375rem; line-height: 1; font-family: var(--heading-font); font-weight: 900; color: hsl(var(--white)/0.1); position: absolute; left: 25px; top: 10px; } @media screen and (max-width: 1399px) { .work-process__number { font-size: 8.125rem; } } @media screen and (max-width: 1199px) { .work-process__number { font-size: 6.875rem; } } @media screen and (max-width: 991px) { .work-process__number { font-size: 6.25rem; } } @media screen and (max-width: 767px) { .work-process__number { font-size: 5.625rem; } } .work-process__icon { max-width: 65px; max-height: 65px; position: absolute; right: 30px; top: 30px; z-index: 2; } @media screen and (max-width: 1399px) { .work-process__icon { max-width: 60px; max-height: 60px; right: 20px; top: 20px; } } @media screen and (max-width: 1199px) { .work-process__icon { max-width: 52px; max-height: 52px; right: 18px; top: 18px; } } @media screen and (max-width: 1199px) { .work-process__icon { max-width: 45px; max-height: 45px; right: 15px; top: 15px; } } @media screen and (max-width: 767px) { .work-process__icon { max-width: 40px; max-height: 40px; } } @media screen and (max-width: 424px) { .work-process__icon { max-width: 35px; max-height: 35px; } } .work-process__title { position: relative; z-index: 1; } @media screen and (max-width: 1199px) { .work-process__title { margin-bottom: 12px; } } @media screen and (max-width: 991px) { .work-process__title { margin-bottom: 8px; } } .work-process__desc { position: relative; z-index: 1; } .work-process.two { border: 1px solid hsl(var(--border-color)); padding: 35px 24px; } @media screen and (max-width: 1399px) { .work-process.two { padding: 30px 20px; } } @media screen and (max-width: 1199px) { .work-process.two { padding: 28px 18px; } } @media screen and (max-width: 991px) { .work-process.two { padding: 25px 15px; } } .work-process.two::after { display: none; } .work-process.two .work-process__number { font-size: 2.1875rem; position: absolute; left: unset; right: 15px; top: 28px; display: none; } @media screen and (max-width: 991px) { .work-process.two .work-process__number { display: inline-block; } } @media screen and (max-width: 767px) { .work-process.two .work-process__number { font-size: 2rem; } } @media screen and (max-width: 575px) { .work-process.two .work-process__number { font-size: 1.875rem; } } .work-process.two .work-process__icon { max-width: 48px; max-height: 48px; position: relative; right: unset; top: unset; margin-bottom: 25px; } @media screen and (max-width: 1399px) { .work-process.two .work-process__icon { max-width: 44px; max-height: 45px; margin-bottom: 20px; } } @media screen and (max-width: 1199px) { .work-process.two .work-process__icon { max-width: 40px; max-height: 40px; } } @media screen and (max-width: 767px) { .work-process.two .work-process__icon { max-width: 38px; max-height: 38px; margin-bottom: 15px; } } @media screen and (max-width: 424px) { .work-process.two .work-process__icon { max-width: 30px; max-height: 30px; } } .work-process.two .work-process__title { margin-bottom: 12px; } @media screen and (max-width: 1199px) { .work-process.two .work-process__title { margin-bottom: 10px; } } @media screen and (max-width: 991px) { .work-process.two .work-process__title { margin-bottom: 8px; } } /* =========================== How It Works Css End ========================= */ /* ================================ Testimonails Section Css Start ============================= */ .testimonial-section { position: relative; } .testimonial-section .section-heading { margin-bottom: 50px !important; } @media screen and (max-width: 1199px) { .testimonial-section .section-heading { margin-bottom: 40px !important; } } @media screen and (max-width: 991px) { .testimonial-section .section-heading { margin-bottom: 35px !important; } } @media screen and (max-width: 767px) { .testimonial-section .section-heading { margin-bottom: 30px !important; } } .testimonial-slider { position: relative; } .testimonial-item { position: relative; background-color: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); border-radius: 20px; overflow: hidden; z-index: 1; } @media screen and (max-width: 767px) { .testimonial-item { display: block; border-radius: 15px; } } @media screen and (max-width: 424px) { .testimonial-item { padding: 20px 15px; } } .testimonial-item::before { position: absolute; content: ""; background: hsl(var(--base-two)/0.6); width: 320px; height: 100%; -webkit-filter: blur(125px); filter: blur(125px); left: 0; top: 0; z-index: -1; } @media screen and (max-width: 1399px) { .testimonial-item::before { width: 285px; } } @media screen and (max-width: 1199px) { .testimonial-item::before { width: 265px; } } @media screen and (max-width: 991px) { .testimonial-item::before { width: 235px; } } @media screen and (max-width: 767px) { .testimonial-item::before { width: 205px; } } @media screen and (max-width: 575px) { .testimonial-item::before { width: 170px; } } @media screen and (max-width: 424px) { .testimonial-item::before { display: none; } } .testimonial-item__thumb { width: 320px; -ms-flex-negative: 0; flex-shrink: 0; } .testimonial-item__thumb::after { position: absolute; content: ""; background: hsl(var(--base-two)/0.8); width: 50px; height: 50px; -webkit-filter: blur(25px); filter: blur(25px); left: 0; top: 0; bottom: 0; right: 0; margin: auto; display: none; } @media screen and (max-width: 424px) { .testimonial-item__thumb::after { display: inline-block; } } @media screen and (max-width: 1399px) { .testimonial-item__thumb { width: 300px; } } @media screen and (max-width: 1199px) { .testimonial-item__thumb { width: 285px; } } @media screen and (max-width: 991px) { .testimonial-item__thumb { width: 220px; } } @media screen and (max-width: 767px) { .testimonial-item__thumb { width: 155px; position: absolute; left: 0; bottom: 0; max-height: 195px; } } @media screen and (max-width: 575px) { .testimonial-item__thumb { width: 135px; max-height: 165px; } } @media screen and (max-width: 424px) { .testimonial-item__thumb { position: relative; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; background: hsl(var(--card-bg)); border: 1px solid hsl(var(--border-color)); margin-bottom: 15px; } } @media screen and (max-width: 374px) { .testimonial-item__thumb { width: 100px; height: 100px; } } @media screen and (max-width: 424px) { .testimonial-item__thumb img { position: relative; left: 7px; z-index: 2; } } @media screen and (max-width: 374px) { .testimonial-item__thumb img { position: relative; left: 6px; } } .testimonial-item__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 40px; padding-right: 85px; } @media screen and (max-width: 1399px) { .testimonial-item__content { padding-right: 55px; } } @media screen and (max-width: 1199px) { .testimonial-item__content { padding-right: 40px; padding-left: 30px; } } @media screen and (max-width: 991px) { .testimonial-item__content { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width: 767px) { .testimonial-item__content { width: calc(100% - 155px); padding: 20px 15px; margin-left: auto; } } @media screen and (max-width: 575px) { .testimonial-item__content { width: calc(100% - 135px); padding: 15px; } } @media screen and (max-width: 424px) { .testimonial-item__content { width: 100%; padding: 0; } } @media screen and (max-width: 991px) { .testimonial-item__title { font-size: 1.1875rem; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .testimonial-item__title { font-size: 1.125rem; } } @media screen and (max-width: 575px) { .testimonial-item__title { font-size: 1.0625rem; } } .testimonial-item__desc { font-style: italic; } .testimonial-item__author { margin-top: 40px; } @media screen and (max-width: 1399px) { .testimonial-item__author { margin-top: 35px; } } @media screen and (max-width: 1199px) { .testimonial-item__author { margin-top: 30px; } } @media screen and (max-width: 991px) { .testimonial-item__author { margin-top: 25px; } } @media screen and (max-width: 575px) { .testimonial-item__author { margin-top: 20px; } } @media screen and (max-width: 991px) { .testimonial-item__author-name { font-size: 1rem; margin-bottom: 10px; } } @media screen and (max-width: 575px) { .testimonial-item__author-name { font-size: 0.9375rem; } } .testimonial-item__author-designation { font-size: 1.125rem; } @media screen and (max-width: 1399px) { .testimonial-item__author-designation { font-size: 1.0625rem; } } @media screen and (max-width: 1199px) { .testimonial-item__author-designation { font-size: 1rem; } } @media screen and (max-width: 991px) { .testimonial-item__author-designation { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .testimonial-item__author-designation { font-size: 0.875rem; } } .swiper-slide { width: 900px; } @media screen and (max-width: 1399px) { .swiper-slide { width: 850px; } } @media screen and (max-width: 1199px) { .swiper-slide { width: 800px; } } @media screen and (max-width: 991px) { .swiper-slide { width: 600px; } } @media screen and (max-width: 991px) { .swiper-slide { width: 100%; } } .swiper-slide-next .testimonial-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .swiper-slide-next .testimonial-item::before { left: auto; right: 0; } .swiper-slide-prev .testimonial-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .swiper-slide-prev .testimonial-item::before { left: auto; right: 0; } .swiper-button-prev, .swiper-button-next { position: absolute; left: -28px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; background: hsl(var(--border-color)); color: hsl(var(--white)); -webkit-transition: 0.2s linear; transition: 0.2s linear; } @media screen and (max-width: 1499px) { .swiper-button-prev, .swiper-button-next { width: 50px; height: 50px; left: -10px; } } @media screen and (max-width: 1399px) { .swiper-button-prev, .swiper-button-next { left: -25px; } } @media screen and (max-width: 1199px) { .swiper-button-prev, .swiper-button-next { width: 44px; height: 44px; left: -22px; } } @media screen and (max-width: 767px) { .swiper-button-prev, .swiper-button-next { width: 40px; height: 40px; left: -20px; } } @media screen and (max-width: 575px) { .swiper-button-prev, .swiper-button-next { display: none; } } .swiper-button-prev::after, .swiper-button-next::after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f060"; font-size: 1.5625rem; color: hsl(var(--section-bg)); -webkit-transition: 0.2s linear; transition: 0.2s linear; } @media screen and (max-width: 1499px) { .swiper-button-prev::after, .swiper-button-next::after { font-size: 1.375rem; } } @media screen and (max-width: 1199px) { .swiper-button-prev::after, .swiper-button-next::after { font-size: 1.25rem; } } @media screen and (max-width: 767px) { .swiper-button-prev::after, .swiper-button-next::after { font-size: 1.125rem; } } .swiper-button-prev:hover, .swiper-button-next:hover { background: hsl(var(--base)); } .swiper-button-prev:hover::after, .swiper-button-next:hover::after { color: hsl(var(--white)); } .swiper-button-next { left: auto; right: -28px; } @media screen and (max-width: 1499px) { .swiper-button-next { right: -10px; } } @media screen and (max-width: 1399px) { .swiper-button-next { right: -25px; } } @media screen and (max-width: 1199px) { .swiper-button-next { right: -22px; } } @media screen and (max-width: 767px) { .swiper-button-next { right: -20px; } } .swiper-button-next::after { content: "\f061"; } .swiper-pagination { position: relative; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding-top: 40px; } @media screen and (max-width: 1199px) { .swiper-pagination { padding-top: 30px; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } } @media screen and (max-width: 767px) { .swiper-pagination { padding-top: 25px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } } .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 50%; background: hsl(var(--card-bg)); opacity: 1; } @media screen and (max-width: 1199px) { .swiper-pagination-bullet { width: 14px; height: 14px; } } @media screen and (max-width: 767px) { .swiper-pagination-bullet { width: 12px; height: 12px; } } .swiper-pagination-bullet-active { background: hsl(var(--base)); } /* ================================ Testimonails Section Css End ============================= */ /* =========================== FAQ Css Start ========================= */ .faq-right { position: relative; } .faq-right__thumb { position: relative; z-index: 3; } @media screen and (max-width: 1599px) { .faq-right__thumb { padding-right: 40px; } } @media screen and (max-width: 1399px) { .faq-right__thumb { padding-right: 30px; } } @media screen and (max-width: 991px) { .faq-right__thumb { padding-right: 60px; } } @media screen and (max-width: 767px) { .faq-right__thumb { padding-right: 30px; } } @media screen and (max-width: 575px) { .faq-right__thumb { padding-right: 20px; } } .faq-right__thumb>img { border: 1px solid hsl(var(--border-color)); border-radius: 20px; width: 100%; } @media screen and (max-width: 991px) { .faq-right__thumb>img { border-radius: 15px; } } .faq-right__content { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 3; padding: 0 50px 40px; } @media screen and (max-width: 1399px) { .faq-right__content { padding: 0 50px 30px 30px; } } @media screen and (max-width: 1199px) { .faq-right__content { padding: 0 50px 25px 25px; } } @media screen and (max-width: 575px) { .faq-right__content { padding: 0 35px 20px 15px; } } @media screen and (max-width: 1399px) { .faq-right__content-title { font-size: 1.8125rem; margin-bottom: 10px; } } @media screen and (max-width: 1199px) { .faq-right__content-title { font-size: 1.6875rem; margin-bottom: 6px; } } @media screen and (max-width: 991px) { .faq-right__content-title { font-size: 1.5625rem; } } @media screen and (max-width: 767px) { .faq-right__content-title { font-size: 1.4375rem; margin-bottom: 5px; } } @media screen and (max-width: 575px) { .faq-right__content-title { font-size: 1.3125rem; } } .faq-right__content-desc { font-size: 1.125rem; margin-bottom: 20px; } @media screen and (max-width: 1399px) { .faq-right__content-desc { font-size: 1.0625rem; margin-bottom: 15px; } } @media screen and (max-width: 1199px) { .faq-right__content-desc { font-size: 1rem; margin-bottom: 10px; } } @media screen and (max-width: 991px) { .faq-right__content-desc { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .faq-right__content-desc { font-size: 0.875rem; } } .faq-right__shape { position: absolute; right: -50px; bottom: -50px; z-index: 2; } @media screen and (max-width: 1599px) { .faq-right__shape { max-width: calc(100% - 40px); right: 0; bottom: -40px; } } @media screen and (max-width: 1399px) { .faq-right__shape { max-width: calc(100% - 30px); right: 0; bottom: -30px; } } @media screen and (max-width: 991px) { .faq-right__shape { max-width: calc(100% - 60px); bottom: -60px; } } @media screen and (max-width: 767px) { .faq-right__shape { max-width: calc(100% - 30px); bottom: -30px; } } @media screen and (max-width: 575px) { .faq-right__shape { max-width: calc(100% - 20px); bottom: -20px; } } .faq-right::after { position: absolute; content: ""; top: 0; right: 0; width: 310px; height: 325px; background: hsl(var(--base-two)/0.6); -webkit-filter: blur(125px); filter: blur(125px); z-index: 1; } @media screen and (max-width: 1199px) { .faq-right::after { width: 260px; height: 185px; } } @media screen and (max-width: 991px) { .faq-right::after { width: 220px; height: 125px; } } @media screen and (max-width: 767px) { .faq-right::after { width: 200px; height: 115px; } } /* =========================== FAQ Css End ========================= */ /* ================================= Blog Css Start ============================= */ .blog-item { position: relative; height: 100%; } .blog-item:hover .blog-item__thumb img { -webkit-transform: scale(1.05); transform: scale(1.05); } .blog-item__thumb { overflow: hidden; border-radius: 12px; max-height: 240px; } .blog-item__thumb-link { width: 100%; height: 100%; } .blog-item__thumb-link img { -webkit-transition: 0.2s linear; transition: 0.2s linear; } .blog-item__content { padding-top: 17px; padding-right: 15px; } @media screen and (max-width: 1199px) { .blog-item__content { padding-right: 0; } } @media screen and (max-width: 991px) { .blog-item__content { padding-top: 15px; } } @media screen and (max-width: 767px) { .blog-item__content { padding-top: 12px; } } @media screen and (max-width: 575px) { .blog-item__content { padding-top: 10px; } } .blog-item__title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; } @media screen and (max-width: 767px) { .blog-item__title { margin-top: 10px; } } .blog-item__title-link:hover { color: hsl(var(--base)); } .blog-item__desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; } @media screen and (max-width: 767px) { .blog-item__desc { margin-bottom: 12px; } } @media screen and (max-width: 575px) { .blog-item__desc { margin-bottom: 10px; } } .blog-item__link { color: hsl(var(--heading-color)); font-size: 1rem; } @media screen and (max-width: 991px) { .blog-item__link { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .blog-item__link { font-size: 0.875rem; } } .border-effect { display: inline !important; width: 100%; background-repeat: no-repeat; background-position-y: -2px; background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-size: 0 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .border-effect:hover { background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-size: 100% 100%; } /* ================================= Blog Css End ================================= */ /* =========================================== Blog Details Css Start ==============================*/ .blog-details { border-radius: 20px; overflow: hidden; height: 100%; background: hsl(var(--card-bg)); } .blog-details__thumb { height: 450px; max-height: 100%; } @media screen and (max-width: 991px) { .blog-details__thumb { height: 350px; } } @media screen and (max-width: 767px) { .blog-details__thumb { height: 300px; } } .blog-details__content { padding: 25px 25px 30px; } @media screen and (max-width: 767px) { .blog-details__content { padding: 25px 20px; } } @media screen and (max-width: 575px) { .blog-details__content { padding: 25px 15px; } } .blog-details__date { font-size: 0.875rem; font-weight: 600; } .blog-details__title { margin-bottom: 15px; } .blog-details__desc { margin-bottom: 15px; } .blog-details .social-list__link { color: hsl(var(--body-color)); } .blog-details .social-list__link:hover { border-color: hsl(var(--base)); color: hsl(var(--white)); } .quote-text { background-color: hsl(var(--base)/0.1); padding: 20px; border-radius: 10px; border-left: 3px solid hsl(var(--base)); margin-bottom: 20px; } @media screen and (max-width: 767px) { .quote-text { padding: 20px 15px; border-left: 2px solid hsl(var(--base)); } } .quote-text__desc { font-style: italic; } /* ========================================== Blog Details Css End ======================================*/ /* =============================== Payment Methods Css Start ======================= */ .payment-methods-item { text-align: center; } .payment-methods-item__thumb { max-width: 140px; margin: 0 auto; } @media screen and (max-width: 1399px) { .payment-methods-item__thumb { max-width: 130px; } } @media screen and (max-width: 575px) { .payment-methods-item__thumb { max-width: 110px; } } .payment-methods-item__thumb img { width: 100%; } /* =============================== Payment Methods Css End ======================= */ /* ===============================Call To Action Css Start ======================= */ .cta-wrapper { position: relative; border-radius: 20px; overflow: hidden; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08); margin-bottom: -185px; padding: 100px 0 97px; } @media screen and (max-width: 1399px) { .cta-wrapper { padding: 90px 0; } } @media screen and (max-width: 1199px) { .cta-wrapper { padding: 85px 0; } } @media screen and (max-width: 991px) { .cta-wrapper { padding: 65px 45px; margin-bottom: -170px; } } @media screen and (max-width: 767px) { .cta-wrapper { padding: 60px 30px; border-radius: 15px; } } @media screen and (max-width: 575px) { .cta-wrapper { padding: 35px 25px; margin-bottom: -150px; } } .cta-wrapper::after { position: absolute; content: ""; background: hsl(var(--dark)/0.75); width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .cta-content { position: relative; z-index: 3; } @media screen and (max-width: 991px) { .cta-content__title { margin-bottom: 12px; } } @media screen and (max-width: 767px) { .cta-content__title { margin-bottom: 10px; } } .cta-content__desc { font-weight: 600; margin-bottom: 40px; } @media screen and (max-width: 1199px) { .cta-content__desc { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .cta-content__desc { margin-bottom: 25px; } } @media screen and (max-width: 575px) { .cta-content__desc { margin-bottom: 20px; } } .cta-content__form .form-group { max-width: 670px; position: relative; margin: 0 auto; } @media screen and (max-width: 1199px) { .cta-content__form .form-group { max-width: 600px; } } @media screen and (max-width: 991px) { .cta-content__form .form-group { max-width: 100%; } } .cta-content__form .form--control { background: hsl(var(--white)/0.05); border-color: hsl(var(--white)/0.55); border-radius: 56px; padding-right: 118px; } @media screen and (max-width: 991px) { .cta-content__form .form--control { padding-right: 105px; } } @media screen and (max-width: 767px) { .cta-content__form .form--control { padding-right: 100px; } } .cta-content__form .form--control:focus { border-color: hsl(var(--base)); } .cta-content__form .btn { position: absolute; top: 4px; right: 4px; } @media screen and (max-width: 991px) { .cta-content__form .btn { top: 2.5px; right: 2.5px; } } @media screen and (max-width: 767px) { .cta-content__form .btn { top: 2px; right: 3px; } } /* ===============================Call To Action Css End ======================= */ /* =========================== Contact Css Start ========================= */ .contact-section { position: relative; z-index: 1; padding: 175px 0 60px; } @media screen and (max-width: 1399px) { .contact-section { padding: 155px 0 60px; } } @media screen and (max-width: 1199px) { .contact-section { padding: 145px 0 50px; } } @media screen and (max-width: 991px) { .contact-section { padding: 100px 0 45px; } } @media screen and (max-width: 767px) { .contact-section { padding: 90px 0 40px; } } @media screen and (max-width: 575px) { .contact-section { padding: 85px 0 30px; } } @media screen and (max-width: 424px) { .contact-section { padding: 80px 0 30px; } } @media screen and (max-width: 991px) { .contact-section.bg-img { background-position: center right; -o-object-fit: contain; object-fit: contain; } } .contact-content { padding-top: 24px; } @media screen and (max-width: 1399px) { .contact-content { padding-top: 20px; } } @media screen and (max-width: 1199px) { .contact-content { padding-top: 15px; } } @media screen and (max-width: 991px) { .contact-content { padding-top: 0; } } .contact-content__title { font-size: 5rem; line-height: 1.2; margin-bottom: 24px; } @media screen and (max-width: 1399px) { .contact-content__title { font-size: 4.5rem; margin-bottom: 20px; } } @media screen and (max-width: 1199px) { .contact-content__title { font-size: 4.0625rem; margin-bottom: 18px; } } @media screen and (max-width: 991px) { .contact-content__title { font-size: 3.75rem; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .contact-content__title { font-size: 3.25rem; margin-bottom: 12px; } } @media screen and (max-width: 575px) { .contact-content__title { font-size: 2.5rem; margin-bottom: 10px; } } @media screen and (max-width: 424px) { .contact-content__title { font-size: 2.25rem; margin-bottom: 8px; } } @media screen and (max-width: 424px) { .contact-content__title { font-size: 1.875rem; } } .contact-content__desc { font-size: 1.25rem; line-height: 1.4; max-width: 600px; margin-bottom: 30px; } @media screen and (max-width: 1399px) { .contact-content__desc { margin-bottom: 28px; } } @media screen and (max-width: 1199px) { .contact-content__desc { font-size: 1.1875rem; margin-bottom: 25px; } } @media screen and (max-width: 991px) { .contact-content__desc { max-width: 100%; font-size: 1.125rem; margin-bottom: 20px; } } @media screen and (max-width: 767px) { .contact-content__desc { font-size: 1rem; } } .contact-content__list-item { color: hsl(var(--heading-color)); font-size: 1.25rem; font-weight: 600; line-height: 1.4; margin-bottom: 15px; } @media screen and (max-width: 1199px) { .contact-content__list-item { font-size: 1.1875rem; margin-bottom: 12px; } } @media screen and (max-width: 991px) { .contact-content__list-item { font-size: 1.125rem; } } @media screen and (max-width: 767px) { .contact-content__list-item { font-size: 1rem; margin-bottom: 10px; } } .contact-content__list-item i { font-size: 1.5625rem; margin-right: 6px; } @media screen and (max-width: 1199px) { .contact-content__list-item i { font-size: 1.4375rem; } } @media screen and (max-width: 991px) { .contact-content__list-item i { font-size: 1.25rem; margin-right: 5; } } @media screen and (max-width: 767px) { .contact-content__list-item i { font-size: 1.125rem; } } .contact-content__list-link { color: hsl(var(--heading-color)); } .contact-content__list-link:hover { color: hsl(var(--base)); } .contact-form { background: hsl(var(--white)/0.09); border: 1px solid hsl(var(--white)/0.4); border-radius: 40px; -webkit-backdrop-filter: blur(10.5px); backdrop-filter: blur(10.5px); padding: 40px; } @media screen and (max-width: 1399px) { .contact-form { padding: 40px 30px; border-radius: 35px; } } @media screen and (max-width: 1199px) { .contact-form { padding: 35px 25px; border-radius: 30px; } } @media screen and (max-width: 991px) { .contact-form { padding: 35px 20px 30px; border-radius: 20px; } } @media screen and (max-width: 767px) { .contact-form { padding: 30px 20px 25px; border-radius: 15px; } } @media screen and (max-width: 575px) { .contact-form { padding: 30px 15px 25px; } } .contact-form__title { margin-bottom: 15px; } @media screen and (max-width: 1199px) { .contact-form__title { margin-bottom: 12px; } } @media screen and (max-width: 991px) { .contact-form__title { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .contact-form__title { margin-bottom: 8px; } } .contact-form__desc { margin-bottom: 30px; } @media screen and (max-width: 1399px) { .contact-form__desc { margin-bottom: 25px; } } @media screen and (max-width: 1199px) { .contact-form__desc { margin-bottom: 20px; } } .contact-form__info { font-size: 0.875rem; } @media screen and (max-width: 424px) { .contact-form__info { font-size: 0.8125rem; } } .contact-form__info a { font-weight: 600; color: hsl(var(--heading-color)); } .contact-form__info a:hover { text-decoration: underline; color: hsl(var(--base)); } .contact-form .form-group.has-icon .form--control { padding-left: 50px; } @media screen and (max-width: 991px) { .contact-form .form-group.has-icon .form--control { padding-left: 45px; } } @media screen and (max-width: 767px) { .contact-form .form-group.has-icon .form--control { padding-left: 40px; } } .contact-form .form-group.has-icon .icon { font-size: 1.5625rem; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto 0; } @media screen and (max-width: 1199px) { .contact-form .form-group.has-icon .icon { font-size: 1.5rem; } } @media screen and (max-width: 991px) { .contact-form .form-group.has-icon .icon { font-size: 1.375rem; left: 12px; } } @media screen and (max-width: 575px) { .contact-form .form-group.has-icon .icon { font-size: 1.25rem; } } .contact-map { height: 500px; border-radius: 40px; overflow: hidden; } @media screen and (max-width: 1399px) { .contact-map { height: 480px; border-radius: 35px; } } @media screen and (max-width: 1199px) { .contact-map { height: 420px; border-radius: 30px; } } @media screen and (max-width: 991px) { .contact-map { height: 370px; border-radius: 20px; } } @media screen and (max-width: 767px) { .contact-map { height: 350px; border-radius: 15px; } } @media screen and (max-width: 575px) { .contact-map { height: 320px; } } @media screen and (max-width: 424px) { .contact-map { height: 300px; } } .contact-map iframe { width: 100%; height: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .contact-map-content__subtitle { font-weight: 600; line-height: 1.4; margin-bottom: 24px; margin-bottom: 10px; } @media screen and (max-width: 1399px) { .contact-map-content__subtitle { margin-bottom: 20px; } } @media screen and (max-width: 991px) { .contact-map-content__subtitle { margin-bottom: 15px; } } @media screen and (max-width: 767px) { .contact-map-content__subtitle { margin-bottom: 12px; } } @media screen and (max-width: 575px) { .contact-map-content__subtitle { font-size: 0.9375rem; } } @media screen and (max-width: 575px) { .contact-map-content__title { font-size: 1.4375rem; } } .contact-map-content__location-title { font-weight: 600; line-height: 1.4; margin-bottom: 5px; } @media screen and (max-width: 575px) { .contact-map-content__location-title { font-size: 0.9375rem; } } .contact-map-content__location-desc { line-height: 1.5; max-width: 210px; } @media screen and (max-width: 991px) { .contact-map-content__location-desc { max-width: 285px; } } @media screen and (max-width: 767px) { .contact-map-content__location-desc { max-width: 100%; } } /* =========================== Contact Css End ========================= */ /* ====================== Breadcrumb Css Start ==================== */ .breadcrumb { position: relative; z-index: 1; padding: 140px 0 45px; } @media screen and (max-width: 1199px) { .breadcrumb { padding: 120px 0 35px; } } @media screen and (max-width: 991px) { .breadcrumb { padding: 80px 0 35px; } } @media screen and (max-width: 575px) { .breadcrumb { padding: 75px 0 30px; } } .breadcrumb::before { position: absolute; content: ""; left: 0; top: 0; background-color: hsl(var(--section-bg)/0.75); width: 100%; height: 100%; z-index: -1; } .breadcrumb__wrapper { text-align: center; } .breadcrumb__title { margin-bottom: 0px; } .breadcrumb__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumb__item { color: hsl(var(--heading-color)); padding: 0 5px; font-weight: 400; font-size: 0.875rem; } .breadcrumb__item-text { color: hsl(var(--base)); } .breadcrumb__link { color: hsl(var(--heading-color)); font-weight: 500; } .breadcrumb__link:hover { color: hsl(var(--base)); } /* ====================== Breadcrumb Css End ==================== */ /* =========================================== Account Css Start =========================*/ .account { position: relative; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .account-form { position: relative; background-color: hsl(var(--white)/0.09); border: 1px solid hsl(var(--white)/0.4); border-radius: 40px; padding: 40px 40px 55px; overflow: hidden; -webkit-backdrop-filter: blur(10.5px); backdrop-filter: blur(10.5px); } @media screen and (max-width: 1399px) { .account-form { border-radius: 35px; } } @media screen and (max-width: 1199px) { .account-form { padding: 35px 30px 40px; border-radius: 30px; } } @media screen and (max-width: 991px) { .account-form { border-radius: 20px; } } @media screen and (max-width: 767px) { .account-form { border-radius: 15px; } } @media screen and (max-width: 575px) { .account-form { padding: 30px 25px 25px; } } @media screen and (max-width: 575px) { .account-form { padding: 30px 20px 25px; } } @media screen and (max-width: 424px) { .account-form { padding: 30px 15px 25px; } } .account-form__title { padding-right: 35px; } @media screen and (max-width: 1399px) { .account-form__title { padding-right: 32px; } } @media screen and (max-width: 1199px) { .account-form__title { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .account-form__title { margin-bottom: 8px; padding-right: 28px; } } @media screen and (max-width: 575px) { .account-form__title { margin-bottom: 5px; } } .account-form__desc { line-height: 1.5; margin-bottom: 30px; } @media screen and (max-width: 1399px) { .account-form__desc { margin-bottom: 25px; } } @media screen and (max-width: 1199px) { .account-form__desc { margin-bottom: 20px; } } .account-form__back { width: 42px; height: 42px; background: transparent; border: 1px solid hsl(var(--body-color)); border-radius: 50%; color: hsl(var(--body-color)); font-size: 1.375rem; line-height: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 24px; top: 24px; } @media screen and (max-width: 1199px) { .account-form__back { width: 38px; height: 38px; font-size: 1.25rem; right: 18px; top: 18px; } } @media screen and (max-width: 991px) { .account-form__back { width: 35px; height: 35px; font-size: 1.125rem; right: 15px; top: 15px; } } @media screen and (max-width: 767px) { .account-form__back { width: 32px; height: 32px; font-size: 1.0625rem; } } @media screen and (max-width: 991px) { .account-form__back { width: 30px; height: 30px; font-size: 1rem; right: 12px; top: 12px; } } .account-form .other-option { text-align: center; padding: 22px 0; } @media screen and (max-width: 1399px) { .account-form .other-option { padding: 20px 0; } } @media screen and (max-width: 1199px) { .account-form .other-option { padding: 18px 0; } } .account-form .other-option__text { position: relative; display: inline-block; color: hsl(var(--white-color)); font-size: 0.875rem; font-weight: 600; line-height: 1.5; padding: 0 8px; } .account-form .other-option__text::before, .account-form .other-option__text::after { position: absolute; content: ""; width: 24px; height: 1px; background: hsl(var(--white)); top: 50%; right: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .account-form .other-option__text::after { right: unset; left: 100%; } .account-form .form-group { margin-bottom: 24px; } @media screen and (max-width: 1399px) { .account-form .form-group { margin-bottom: 20px; } } @media screen and (max-width: 1199px) { .account-form .form-group { margin-bottom: 18px; } } @media screen and (max-width: 991px) { .account-form .form-group { margin-bottom: 15px; } } @media screen and (max-width: 767px) { .account-form .form-group { margin-bottom: 12px; } } .account-form .forgot-password { font-size: 0.875rem; font-weight: 600; color: hsl(var(--heading-color)) !important; } @media (max-width: 369px) { .account-form .forgot-password { width: 100%; margin-top: 10px; } } .account-form .forgot-password:hover { color: hsl(var(--base)) !important; } .account-form .have-account__text { font-size: 0.875rem; } .account-form .have-account__link { font-weight: 600; color: hsl(var(--heading-color)); } .account-form .have-account__link:hover { color: hsl(var(--base)); } .apexcharts-menu { background-color: hsl(var(--card-bg)) !important; border: 1px solid #554d4d !important; } .apexcharts-theme-light .apexcharts-menu-item:hover { background: hsl(var(--section-bg)/0.6) !important; } /* ============================================ Account Css End ====================================*/ /* empty card design css start here */ .empty-card { padding: 80px 20px; text-align: center; border-radius: 8px; } .empty-card-2{ padding: 0; } .empty-card__icon svg { width: 90px; fill: hsl(var(--white)/.6); } .empty-card-2 .empty-card__icon svg{ width: 55px; } @media (max-width:1699px) { .empty-card-2 .empty-card__icon svg{ width: 29px; } } @media (max-width:575px) { .empty-card { padding: 50px 10px; } .empty-card__icon svg { width: 70px; } } .empty-card__text { color: hsl(var(--white)/.6); margin-top: 10px; font-size: 20px; } /* account item css start here */ .account-item { position: relative; background: hsl(var(--white) / 0.05); border: 1px solid hsl(var(--white) / 0.1); border-radius: 20px; backdrop-filter: blur(15.3000001907px); overflow: hidden; padding: 22px 20px; } .account-item-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px 15px; flex-wrap: wrap; } .account-item__number { margin-bottom: 0; } .account-item::after { position: absolute; content: ""; bottom: -115px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: hsl(var(--base-two)); width: 75%; height: 70px; -webkit-filter: blur(125px); filter: blur(125px); } .account-item::before { position: absolute; content: ""; background: linear-gradient(90deg, rgba(110, 60, 27, 0) 0%, #f8be3b 33%, #fce2a6 49%, #f8be3b 70%, rgba(110, 60, 27, 0) 100%); width: 87%; height: 1px; top: 0; left: 50%; transform: translateX(-50%); } .pagination-wrapper p { color: hsl(var(--body-color)) !important; } .pagination-wrapper p .fw-semibold { color: hsl(var(--white)) !important; } .user-data-form .customNiceSelect .nice-select { border-color: hsl(var(--heading-color)); } .customNiceSelect .nice-select .list { max-height: 250px; overflow-y: auto; } .customNiceSelect .nice-select .list::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 4px; background: hsl(var(--base)/0.12); } .customNiceSelect .nice-select .list::-webkit-scrollbar-thumb { width: 4px; height: 4px; border-radius: 4px; background: hsl(var(--base)/0.15); } .cta { display: inline-flex; height: 48px; padding: 16px 24px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50px; width: auto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: 0.5px; transition: all 250ms ease-out; } .cta.xs { font-size: 14px; height: 40px; padding: 8px 24px; } .cta.xs i { font-size: 22px; } .cta.xs svg { width: 22px; } .cta.lg { font-size: 20px; height: 56px; padding: 16px 24px; } .cta.lg i { font-size: 36px; } .cta.lg svg { width: 36px; } .cta.primary { border: 2px solid var(--primary); background-color: var(--primary); color: var(--white); } .cta.primary:hover { border: 2px solid var(--primary); background-color: var(--white); color: var(--primary); } .cta.secondary { border: 2px solid var(--primary); background-color: transparent; color: var(--primary); } .cta.secondary:hover { border: 2px solid var(--primary); background-color: var(--primary); color: var(--white); } .cta.secondary.white { border: 2px solid var(--white); background-color: transparent; color: var(--white); } .cta.danger { border: 2px solid var(--error); background-color: var(--error); color: var(--white); } .cta.danger:hover { border: 2px solid var(--error); background-color: var(--white); color: var(--error); } .cta.gray { border: 2px solid var(--coolGray-50); background-color: var(--coolGray-50); color: var(--white); } .cta.gray:hover { border: 2px solid var(--coolGray-50); background-color: var(--white); color: var(--coolGray-50); } .cta.crimson { border: 2px solid var(--crimson); background-color: var(--crimson); color: var(--white); } .cta.crimson:hover { border: 2px solid var(--crimson); background-color: var(--white); color: var(--crimson); } .cta.link { border: 0px solid var(--primary); border-bottom: 1px solid var(--primary); background-color: transparent; color: var(--primary); border-radius: 0; padding: 16px 16px; } .cta.link:hover { border: 0px solid var(--primary); border-bottom: 1px solid var(--primary); background-color: transparent; color: var(--primary); } .cta.link:hover i { margin-right: -16px; margin-left: 32px; } .cta.link:hover svg { margin-right: -16px; margin-left: 32px; } .cta i { transition: all 250ms ease-out; margin-left: 16px; font-size: 28px; } .cta svg { transition: all 250ms ease-out; margin-left: 16px; width: 28px; } .cta.googlePlay { text-indent: -999em; background-repeat: no-repeat; border-radius: 0; width: 135px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20135%2040%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_122_412)%22%3E%3Cpath%20d%3D%22M130%200H5C2.23858%200%200%202.23858%200%205V35C0%2037.7614%202.23858%2040%205%2040H130C132.761%2040%20135%2037.7614%20135%2035V5C135%202.23858%20132.761%200%20130%200Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M130%200.8C131.114%200.8%20132.182%201.2425%20132.97%202.03015C133.758%202.8178%20134.2%203.88609%20134.2%205V35C134.2%2036.1139%20133.758%2037.1822%20132.97%2037.9698C132.182%2038.7575%20131.114%2039.2%20130%2039.2H5C3.88609%2039.2%202.8178%2038.7575%202.03015%2037.9698C1.2425%2037.1822%200.8%2036.1139%200.8%2035V5C0.8%203.88609%201.2425%202.8178%202.03015%202.03015C2.8178%201.2425%203.88609%200.8%205%200.8H130ZM130%200H5C3.67392%200%202.40215%200.526784%201.46447%201.46447C0.526784%202.40215%200%203.67392%200%205V35C0%2036.3261%200.526784%2037.5979%201.46447%2038.5355C2.40215%2039.4732%203.67392%2040%205%2040H130C131.326%2040%20132.598%2039.4732%20133.536%2038.5355C134.473%2037.5979%20135%2036.3261%20135%2035V5C135%203.67392%20134.473%202.40215%20133.536%201.46447C132.598%200.526784%20131.326%200%20130%200Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20d%3D%22M46.2877%207.75135C46.081%207.53347%2045.8352%207.36587%2045.5503%207.24855C45.2654%207.12565%2044.9386%207.06419%2044.5698%207.06419C44.1899%207.06419%2043.8464%207.13403%2043.5391%207.27369C43.2374%207.41336%2042.9804%207.60331%2042.7681%207.84353C42.5558%208.07817%2042.391%208.35192%2042.2737%208.66477C42.162%208.97763%2042.1061%209.30724%2042.1061%209.65361C42.1061%209.99999%2042.162%2010.3296%2042.2737%2010.6425C42.391%2010.9553%2042.5558%2011.2291%2042.7681%2011.4637C42.9804%2011.6983%2043.2374%2011.8855%2043.5391%2012.0252C43.8464%2012.1648%2044.1899%2012.2347%2044.5698%2012.2347C44.905%2012.2347%2045.2123%2012.1983%2045.4916%2012.1257C45.771%2012.0531%2045.9972%2011.9609%2046.1704%2011.8492V10.0475H44.7877V9.51954H46.7738V12.1928C46.4498%2012.3883%2046.1006%2012.5335%2045.7263%2012.6285C45.352%2012.7235%2044.9637%2012.771%2044.5615%2012.771C44.1145%2012.771%2043.7011%2012.6928%2043.3212%2012.5363C42.9413%2012.3799%2042.6145%2012.1648%2042.3408%2011.8911C42.067%2011.6117%2041.8519%2011.2821%2041.6955%2010.9022C41.5447%2010.5223%2041.4692%2010.1061%2041.4692%209.65361C41.4692%209.20109%2041.5475%208.78489%2041.7039%208.40499C41.8603%208.0251%2042.0754%207.69828%2042.3491%207.42453C42.6285%207.1452%2042.9553%206.92732%2043.3296%206.77089C43.7095%206.61447%2044.1201%206.53625%2044.5615%206.53625C45.0363%206.53625%2045.4497%206.60609%2045.8017%206.74575C46.1537%206.88542%2046.4553%207.08095%2046.7067%207.33235L46.2877%207.75135Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M48.9215%2012.0838H52.0976V12.6201H48.3182V6.68709H51.997V7.22341H48.9215V9.26814H51.7959V9.79607H48.9215V12.0838Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M55.1797%2012.6201H54.5763V7.22341H52.5903V6.68709H57.1658V7.22341H55.1797V12.6201Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M60.5504%2012.6201H59.9471V6.68709H60.5504V12.6201Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M64.0262%2012.6201H63.4228V7.22341H61.4368V6.68709H66.0122V7.22341H64.0262V12.6201Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M74.6595%209.65361C74.6595%2010.1061%2074.5813%2010.5223%2074.4249%2010.9022C74.2685%2011.2821%2074.0506%2011.6117%2073.7713%2011.8911C73.4975%2012.1648%2073.1707%2012.3799%2072.7908%2012.5363C72.4165%2012.6928%2072.0087%2012.771%2071.5673%2012.771C71.126%2012.771%2070.7154%2012.6928%2070.3355%2012.5363C69.9612%2012.3799%2069.6343%2012.1648%2069.355%2011.8911C69.0813%2011.6117%2068.8662%2011.2821%2068.7097%2010.9022C68.5533%2010.5223%2068.4751%2010.1061%2068.4751%209.65361C68.4751%209.20109%2068.5533%208.78489%2068.7097%208.40499C68.8662%208.0251%2069.0813%207.69828%2069.355%207.42453C69.6343%207.1452%2069.9612%206.92732%2070.3355%206.77089C70.7154%206.61447%2071.126%206.53625%2071.5673%206.53625C72.0087%206.53625%2072.4165%206.61447%2072.7908%206.77089C73.1707%206.92732%2073.4975%207.1452%2073.7713%207.42453C74.0506%207.69828%2074.2685%208.0251%2074.4249%208.40499C74.5813%208.78489%2074.6595%209.20109%2074.6595%209.65361ZM74.0227%209.65361C74.0227%209.30724%2073.9668%208.97763%2073.8551%208.66477C73.7433%208.35192%2073.5813%208.07817%2073.369%207.84353C73.1567%207.60331%2072.8969%207.41336%2072.5897%207.27369C72.288%207.13403%2071.9472%207.06419%2071.5673%207.06419C71.1874%207.06419%2070.8438%207.13403%2070.5366%207.27369C70.2349%207.41336%2069.9779%207.60331%2069.7656%207.84353C69.5533%208.07817%2069.3913%208.35192%2069.2796%208.66477C69.1678%208.97763%2069.112%209.30724%2069.112%209.65361C69.112%209.99999%2069.1678%2010.3296%2069.2796%2010.6425C69.3913%2010.9553%2069.5533%2011.2291%2069.7656%2011.4637C69.9779%2011.6983%2070.2349%2011.8855%2070.5366%2012.0252C70.8438%2012.1648%2071.1874%2012.2347%2071.5673%2012.2347C71.9472%2012.2347%2072.288%2012.1648%2072.5897%2012.0252C72.8969%2011.8855%2073.1567%2011.6983%2073.369%2011.4637C73.5813%2011.2291%2073.7433%2010.9553%2073.8551%2010.6425C73.9668%2010.3296%2074.0227%209.99999%2074.0227%209.65361Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M80.12%2011.7402H80.1368V6.68709H80.7401V12.6201H79.9859L76.5334%207.51671H76.5166V12.6201H75.9133V6.68709H76.6675L80.12%2011.7402Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M46.2877%207.75135C46.081%207.53347%2045.8352%207.36587%2045.5503%207.24855C45.2654%207.12565%2044.9386%207.06419%2044.5698%207.06419C44.1899%207.06419%2043.8464%207.13403%2043.5391%207.27369C43.2374%207.41336%2042.9804%207.60331%2042.7681%207.84353C42.5558%208.07817%2042.391%208.35192%2042.2737%208.66477C42.162%208.97763%2042.1061%209.30724%2042.1061%209.65361C42.1061%209.99999%2042.162%2010.3296%2042.2737%2010.6425C42.391%2010.9553%2042.5558%2011.2291%2042.7681%2011.4637C42.9804%2011.6983%2043.2374%2011.8855%2043.5391%2012.0252C43.8464%2012.1648%2044.1899%2012.2347%2044.5698%2012.2347C44.905%2012.2347%2045.2123%2012.1983%2045.4916%2012.1257C45.771%2012.0531%2045.9972%2011.9609%2046.1704%2011.8492V10.0475H44.7877V9.51954H46.7738V12.1928C46.4498%2012.3883%2046.1006%2012.5335%2045.7263%2012.6285C45.352%2012.7235%2044.9637%2012.771%2044.5615%2012.771C44.1145%2012.771%2043.7011%2012.6928%2043.3212%2012.5363C42.9413%2012.3799%2042.6145%2012.1648%2042.3408%2011.8911C42.067%2011.6117%2041.8519%2011.2821%2041.6955%2010.9022C41.5447%2010.5223%2041.4692%2010.1061%2041.4692%209.65361C41.4692%209.20109%2041.5475%208.78489%2041.7039%208.40499C41.8603%208.0251%2042.0754%207.69828%2042.3491%207.42453C42.6285%207.1452%2042.9553%206.92732%2043.3296%206.77089C43.7095%206.61447%2044.1201%206.53625%2044.5615%206.53625C45.0363%206.53625%2045.4497%206.60609%2045.8017%206.74575C46.1537%206.88542%2046.4553%207.08095%2046.7067%207.33235L46.2877%207.75135Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M48.9215%2012.0838H52.0976V12.6201H48.3182V6.68709H51.997V7.22341H48.9215V9.26814H51.7959V9.79607H48.9215V12.0838Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M55.1797%2012.6201H54.5763V7.22341H52.5903V6.68709H57.1658V7.22341H55.1797V12.6201Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M60.5504%2012.6201H59.9471V6.68709H60.5504V12.6201Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M64.0262%2012.6201H63.4228V7.22341H61.4368V6.68709H66.0122V7.22341H64.0262V12.6201Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M74.6595%209.65361C74.6595%2010.1061%2074.5813%2010.5223%2074.4249%2010.9022C74.2685%2011.2821%2074.0506%2011.6117%2073.7713%2011.8911C73.4975%2012.1648%2073.1707%2012.3799%2072.7908%2012.5363C72.4165%2012.6928%2072.0087%2012.771%2071.5673%2012.771C71.126%2012.771%2070.7154%2012.6928%2070.3355%2012.5363C69.9612%2012.3799%2069.6343%2012.1648%2069.355%2011.8911C69.0813%2011.6117%2068.8662%2011.2821%2068.7097%2010.9022C68.5533%2010.5223%2068.4751%2010.1061%2068.4751%209.65361C68.4751%209.20109%2068.5533%208.78489%2068.7097%208.40499C68.8662%208.0251%2069.0813%207.69828%2069.355%207.42453C69.6343%207.1452%2069.9612%206.92732%2070.3355%206.77089C70.7154%206.61447%2071.126%206.53625%2071.5673%206.53625C72.0087%206.53625%2072.4165%206.61447%2072.7908%206.77089C73.1707%206.92732%2073.4975%207.1452%2073.7713%207.42453C74.0506%207.69828%2074.2685%208.0251%2074.4249%208.40499C74.5813%208.78489%2074.6595%209.20109%2074.6595%209.65361ZM74.0227%209.65361C74.0227%209.30724%2073.9668%208.97763%2073.8551%208.66477C73.7433%208.35192%2073.5813%208.07817%2073.369%207.84353C73.1567%207.60331%2072.8969%207.41336%2072.5897%207.27369C72.288%207.13403%2071.9472%207.06419%2071.5673%207.06419C71.1874%207.06419%2070.8438%207.13403%2070.5366%207.27369C70.2349%207.41336%2069.9779%207.60331%2069.7656%207.84353C69.5533%208.07817%2069.3913%208.35192%2069.2796%208.66477C69.1678%208.97763%2069.112%209.30724%2069.112%209.65361C69.112%209.99999%2069.1678%2010.3296%2069.2796%2010.6425C69.3913%2010.9553%2069.5533%2011.2291%2069.7656%2011.4637C69.9779%2011.6983%2070.2349%2011.8855%2070.5366%2012.0252C70.8438%2012.1648%2071.1874%2012.2347%2071.5673%2012.2347C71.9472%2012.2347%2072.288%2012.1648%2072.5897%2012.0252C72.8969%2011.8855%2073.1567%2011.6983%2073.369%2011.4637C73.5813%2011.2291%2073.7433%2010.9553%2073.8551%2010.6425C73.9668%2010.3296%2074.0227%209.99999%2074.0227%209.65361Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M80.12%2011.7402H80.1368V6.68709H80.7401V12.6201H79.9859L76.5334%207.51671H76.5166V12.6201H75.9133V6.68709H76.6675L80.12%2011.7402Z%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M68.1401%2021.75C67.2976%2021.752%2066.4745%2022.0037%2065.7751%2022.4735C65.0756%2022.9432%2064.5312%2023.6098%2064.2106%2024.389C63.89%2025.1682%2063.8076%2026.0249%2063.9739%2026.8509C64.1402%2027.6768%2064.5477%2028.4349%2065.1449%2029.0293C65.7421%2029.6237%2066.5021%2030.0276%2067.3288%2030.1901C68.1556%2030.3525%2069.0119%2030.2661%2069.7896%2029.9419C70.5672%2029.6176%2071.2313%2029.07%2071.6977%2028.3684C72.1642%2027.6667%2072.4121%2026.8425%2072.4101%2026C72.4183%2025.4379%2072.3132%2024.88%2072.1013%2024.3593C71.8893%2023.8387%2071.5748%2023.366%2071.1764%2022.9695C70.7779%2022.5729%2070.3038%2022.2606%2069.7822%2022.0511C69.2606%2021.8416%2068.7021%2021.7392%2068.1401%2021.75ZM68.1401%2028.58C67.6237%2028.6161%2067.1083%2028.496%2066.6611%2028.2354C66.2138%2027.9747%2065.8553%2027.5855%2065.6321%2027.1184C65.409%2026.6513%2065.3315%2026.1279%2065.4098%2025.6161C65.4881%2025.1044%2065.7185%2024.6281%2066.0711%2024.249C66.4237%2023.87%2066.8821%2023.6058%2067.3869%2023.4908C67.8916%2023.3757%2068.4193%2023.4152%2068.9013%2023.6041C69.3833%2023.7929%2069.7973%2024.1224%2070.0896%2024.5497C70.3819%2024.977%2070.5388%2025.4823%2070.5401%2026C70.5562%2026.328%2070.5065%2026.6559%2070.3938%2026.9644C70.2812%2027.2729%2070.1079%2027.5557%2069.8842%2027.7962C69.6606%2028.0366%2069.391%2028.2299%2069.0914%2028.3645C68.7919%2028.4991%2068.4684%2028.5724%2068.1401%2028.58ZM58.8201%2021.75C57.9776%2021.752%2057.1545%2022.0037%2056.4551%2022.4735C55.7556%2022.9432%2055.2112%2023.6098%2054.8906%2024.389C54.57%2025.1682%2054.4876%2026.0249%2054.6539%2026.8509C54.8202%2027.6768%2055.2277%2028.4349%2055.8249%2029.0293C56.4221%2029.6237%2057.1821%2030.0276%2058.0088%2030.1901C58.8356%2030.3525%2059.6919%2030.2661%2060.4696%2029.9419C61.2472%2029.6176%2061.9113%2029.07%2062.3777%2028.3684C62.8442%2027.6667%2063.0921%2026.8425%2063.0901%2026C63.0982%2025.4379%2062.9932%2024.88%2062.7813%2024.3593C62.5693%2023.8387%2062.2548%2023.366%2061.8564%2022.9695C61.4579%2022.5729%2060.9838%2022.2606%2060.4622%2022.0511C59.9406%2021.8416%2059.3821%2021.7392%2058.8201%2021.75ZM58.8201%2028.58C58.3037%2028.6161%2057.7883%2028.496%2057.3411%2028.2354C56.8938%2027.9747%2056.5353%2027.5855%2056.3121%2027.1184C56.089%2026.6513%2056.0115%2026.1279%2056.0898%2025.6161C56.1681%2025.1044%2056.3985%2024.6281%2056.7511%2024.249C57.1037%2023.87%2057.5621%2023.6058%2058.0669%2023.4908C58.5716%2023.3757%2059.0993%2023.4152%2059.5813%2023.6041C60.0633%2023.7929%2060.4773%2024.1224%2060.7696%2024.5497C61.0619%2024.977%2061.2188%2025.4823%2061.2201%2026C61.2362%2026.328%2061.1865%2026.6559%2061.0738%2026.9644C60.9612%2027.2729%2060.7879%2027.5557%2060.5642%2027.7962C60.3406%2028.0366%2060.071%2028.2299%2059.7714%2028.3645C59.4719%2028.4991%2059.1484%2028.5724%2058.8201%2028.58ZM47.7401%2023.06V24.86H52.0601C51.9924%2025.7078%2051.6399%2026.5078%2051.0601%2027.13C50.6268%2027.5715%2050.1056%2027.9171%2049.5302%2028.1445C48.9549%2028.3719%2048.3382%2028.476%2047.7201%2028.45C46.4471%2028.45%2045.2262%2027.9443%2044.326%2027.0441C43.4258%2026.1439%2042.9201%2024.923%2042.9201%2023.65C42.9201%2022.3769%2043.4258%2021.156%2044.326%2020.2559C45.2262%2019.3557%2046.4471%2018.85%2047.7201%2018.85C48.9405%2018.8318%2050.119%2019.2953%2051.0001%2020.14L52.2701%2018.87C51.6741%2018.2805%2050.9664%2017.8159%2050.1886%2017.5034C49.4107%2017.1908%2048.5783%2017.0367%2047.7401%2017.05C46.8511%2017.0154%2045.9643%2017.1606%2045.1327%2017.477C44.3012%2017.7933%2043.5421%2018.2743%2042.9009%2018.891C42.2596%2019.5077%2041.7495%2020.2476%2041.4011%2021.0662C41.0527%2021.8848%2040.873%2022.7653%2040.873%2023.655C40.873%2024.5447%2041.0527%2025.4252%2041.4011%2026.2438C41.7495%2027.0624%2042.2596%2027.8022%2042.9009%2028.419C43.5421%2029.0357%2044.3012%2029.5167%2045.1327%2029.833C45.9643%2030.1494%2046.8511%2030.2946%2047.7401%2030.26C48.5955%2030.2941%2049.4485%2030.147%2050.243%2029.8281C51.0375%2029.5093%2051.7556%2029.026%2052.3501%2028.41C53.4002%2027.2564%2053.9598%2025.7392%2053.9101%2024.18C53.9137%2023.8047%2053.8836%2023.4299%2053.8201%2023.06H47.7401ZM93.0501%2024.46C92.7893%2023.6927%2092.3016%2023.0228%2091.6516%2022.5388C91.0016%2022.0549%2090.2199%2021.7798%2089.4101%2021.75C88.8631%2021.7489%2088.3217%2021.86%2087.8193%2022.0765C87.317%2022.293%2086.8644%2022.6102%2086.4895%2023.0085C86.1146%2023.4068%2085.8254%2023.8778%2085.6397%2024.3924C85.4541%2024.9069%2085.3759%2025.454%2085.4101%2026C85.4016%2026.9128%2085.6885%2027.804%2086.2282%2028.5402C86.7679%2029.2765%2087.5313%2029.8185%2088.4044%2030.0851C89.2774%2030.3518%2090.2134%2030.3288%2091.0723%2030.0197C91.9313%2029.7106%2092.6672%2029.1318%2093.1701%2028.37L91.7201%2027.37C91.5039%2027.7303%2091.1974%2028.0278%2090.8307%2028.233C90.4641%2028.4382%2090.0502%2028.5441%2089.6301%2028.54C89.1967%2028.5579%2088.768%2028.4442%2088.4003%2028.214C88.0327%2027.9838%2087.7432%2027.6477%2087.5701%2027.25L93.2601%2024.9L93.0501%2024.46ZM87.2501%2025.88C87.2298%2025.5694%2087.2717%2025.2578%2087.3734%2024.9636C87.475%2024.6694%2087.6343%2024.3984%2087.842%2024.1665C88.0497%2023.9346%2088.3015%2023.7465%2088.5828%2023.6132C88.8641%2023.4798%2089.1691%2023.404%2089.4801%2023.39C89.8023%2023.3703%2090.1231%2023.4462%2090.4024%2023.6081C90.6817%2023.7699%2090.907%2024.0106%2091.0501%2024.3L87.2501%2025.88ZM82.6301%2030H84.5001V17.5H82.6301V30ZM79.5701%2022.7H79.5001C79.2207%2022.3818%2078.876%2022.1278%2078.4894%2021.9552C78.1028%2021.7826%2077.6835%2021.6956%2077.2601%2021.7C76.1673%2021.753%2075.1367%2022.2244%2074.3821%2023.0166C73.6274%2023.8087%2073.2064%2024.8609%2073.2064%2025.955C73.2064%2027.0491%2073.6274%2028.1012%2074.3821%2028.8934C75.1367%2029.6856%2076.1673%2030.157%2077.2601%2030.21C77.6841%2030.2185%2078.1047%2030.1333%2078.4919%2029.9604C78.8791%2029.7875%2079.2234%2029.5313%2079.5001%2029.21H79.5701V29.82C79.5701%2031.45%2078.7001%2032.32%2077.3001%2032.32C76.8324%2032.3097%2076.3783%2032.1607%2075.9955%2031.8918C75.6127%2031.623%2075.3185%2031.2464%2075.1501%2030.81L73.5301%2031.48C73.8296%2032.2322%2074.3504%2032.8759%2075.0235%2033.3258C75.6966%2033.7758%2076.4905%2034.0109%2077.3001%2034C79.4901%2034%2081.3001%2032.71%2081.3001%2029.57V22H79.5701V22.7ZM77.4201%2028.58C76.7649%2028.5391%2076.1499%2028.2501%2075.7004%2027.7716C75.2509%2027.2932%2075.0006%2026.6615%2075.0006%2026.005C75.0006%2025.3485%2075.2509%2024.7167%2075.7004%2024.2383C76.1499%2023.7599%2076.7649%2023.4708%2077.4201%2023.43C77.7403%2023.4438%2078.0545%2023.5219%2078.344%2023.6596C78.6334%2023.7973%2078.8922%2023.9919%2079.1049%2024.2317C79.3176%2024.4714%2079.4799%2024.7516%2079.5822%2025.0553C79.6844%2025.3591%2079.7245%2025.6804%2079.7001%2026C79.7274%2026.3207%2079.6893%2026.6436%2079.5883%2026.9491C79.4872%2027.2547%2079.3252%2027.5366%2079.1121%2027.7778C78.8989%2028.0189%2078.6391%2028.2144%2078.3483%2028.3523C78.0575%2028.4902%2077.7417%2028.5676%2077.4201%2028.58ZM101.81%2017.5H97.3301V30H99.2001V25.26H101.81C102.343%2025.2983%20102.878%2025.2264%20103.382%2025.0487C103.886%2024.8711%20104.348%2024.5915%20104.739%2024.2275C105.13%2023.8634%20105.442%2023.4227%20105.655%2022.9328C105.869%2022.4429%20105.979%2021.9143%20105.979%2021.38C105.979%2020.8457%20105.869%2020.3171%20105.655%2019.8272C105.442%2019.3372%20105.13%2018.8965%20104.739%2018.5325C104.348%2018.1685%20103.886%2017.8889%20103.382%2017.7113C102.878%2017.5336%20102.343%2017.4617%20101.81%2017.5ZM101.81%2023.5H99.2001V19.24H101.85C102.131%2019.24%20102.409%2019.2953%20102.669%2019.4029C102.929%2019.5104%20103.165%2019.6681%20103.363%2019.8668C103.562%2020.0655%20103.72%2020.3014%20103.827%2020.561C103.935%2020.8207%20103.99%2021.099%20103.99%2021.38C103.99%2021.661%20103.935%2021.9393%20103.827%2022.1989C103.72%2022.4586%20103.562%2022.6945%20103.363%2022.8932C103.165%2023.0919%20102.929%2023.2495%20102.669%2023.3571C102.409%2023.4646%20102.131%2023.52%20101.85%2023.52L101.81%2023.5ZM113.35%2021.71C112.669%2021.668%20111.991%2021.8265%20111.399%2022.166C110.807%2022.5055%20110.328%2023.011%20110.02%2023.62L111.67%2024.31C111.837%2024.0094%20112.087%2023.7635%20112.39%2023.602C112.694%2023.4405%20113.038%2023.3704%20113.38%2023.4C113.617%2023.3723%20113.858%2023.3921%20114.088%2023.4583C114.317%2023.5245%20114.531%2023.6358%20114.718%2023.7857C114.904%2023.9356%20115.058%2024.121%20115.172%2024.3312C115.286%2024.5414%20115.356%2024.7722%20115.38%2025.01V25.13C114.779%2024.8139%20114.109%2024.6491%20113.43%2024.65C111.65%2024.65%20109.83%2025.65%20109.83%2027.47C109.848%2027.8568%20109.943%2028.2362%20110.11%2028.5855C110.277%2028.9349%20110.513%2029.2471%20110.803%2029.5036C111.093%2029.7601%20111.432%2029.9557%20111.799%2030.0788C112.166%2030.2018%20112.554%2030.2499%20112.94%2030.22C113.409%2030.2459%20113.877%2030.1466%20114.295%2029.9323C114.714%2029.7179%20115.067%2029.3961%20115.32%2029H115.38V30H117.18V25.19C117.18%2023%20115.52%2021.73%20113.39%2021.73L113.35%2021.71ZM113.12%2028.56C112.51%2028.56%20111.66%2028.25%20111.66%2027.5C111.66%2026.5%20112.72%2026.16%20113.66%2026.16C114.254%2026.1453%20114.841%2026.2904%20115.36%2026.58C115.297%2027.1231%20115.04%2027.625%20114.635%2027.9927C114.231%2028.3604%20113.707%2028.5691%20113.16%2028.58L113.12%2028.56ZM123.74%2022L121.6%2027.42H121.54L119.32%2022H117.32L120.65%2029.58L118.75%2033.79H120.7L125.82%2022H123.74ZM106.94%2030H108.8V17.5H106.94V30Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M20.7198%2019.42L10.0698%2030.72C10.1862%2031.1474%2010.3992%2031.5423%2010.6925%2031.8743C10.9857%2032.2063%2011.3514%2032.4664%2011.7612%2032.6345C12.1709%2032.8027%2012.6139%2032.8744%2013.0558%2032.8442C13.4977%2032.8139%2013.9268%2032.6824%2014.3098%2032.46L26.3098%2025.54L20.7198%2019.42Z%22%20fill%3D%22%23EA4335%22%2F%3E%3Cpath%20d%3D%22M31.4902%2017.5L26.3102%2014.5L20.4902%2019.69L26.3302%2025.54L31.4802%2022.54C31.938%2022.2948%2032.3207%2021.93%2032.5875%2021.4845C32.8543%2021.0389%2032.9952%2020.5293%2032.9952%2020.01C32.9952%2019.4907%2032.8543%2018.9811%2032.5875%2018.5355C32.3207%2018.09%2031.938%2017.7252%2031.4802%2017.48L31.4902%2017.5Z%22%20fill%3D%22%23FBBC04%22%2F%3E%3Cpath%20d%3D%22M10.07%209.28027C10.0172%209.51648%209.99366%209.75831%2010%2010.0003V30.0003C10.0018%2030.2502%2010.0354%2030.4989%2010.1%2030.7403L21.1%2019.7403L10.07%209.28027Z%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M20.8%2019.9996L26.31%2014.4896L14.31%207.54965C13.8592%207.28165%2013.3445%207.14002%2012.82%207.13965C12.1874%207.14146%2011.5728%207.35082%2011.0706%207.73558C10.5685%208.12035%2010.2064%208.65927%2010.04%209.26965L20.8%2019.9996Z%22%20fill%3D%22%2334A853%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .cta.googlePlay.lg { width: 170px; height: 50px; } .cta.googlePlay.xs { width: 112px; height: 34px; } .cta.appStore { text-indent: -999em; background-repeat: no-repeat; border-radius: 0; width: 120px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M110.135%207.92969e-06H9.53468C9.16798%207.92969e-06%208.80568%207.92975e-06%208.43995%200.00200793C8.1338%200.00400793%207.83009%200.00981793%207.521%200.0147079C6.84951%200.0226097%206.17961%200.0816842%205.5171%200.191418C4.85552%200.303541%204.21467%200.514924%203.61622%200.818418C3.0185%201.12448%202.47235%201.52218%201.99757%201.99708C1.5203%202.47064%201.12246%203.01802%200.81935%203.61817C0.5154%204.21712%200.304641%204.85895%200.19435%205.52149C0.0830109%206.18319%200.0230984%206.85253%200.01515%207.52349C0.00587%207.83009%200.00489%208.13771%200%208.44435V31.5586C0.00489%2031.8691%200.00587%2032.1699%200.01515%2032.4805C0.0231008%2033.1514%200.0830134%2033.8207%200.19435%2034.4824C0.304336%2035.1453%200.515108%2035.7875%200.81935%2036.3867C1.12233%2036.9849%201.52022%2037.5301%201.99757%2038.001C2.47054%2038.478%203.01705%2038.876%203.61622%2039.1797C4.21467%2039.484%204.85545%2039.6967%205.5171%2039.8105C6.17972%2039.9194%206.84956%2039.9785%207.521%2039.9873C7.83009%2039.9941%208.1338%2039.998%208.43995%2039.998C8.80567%2040%209.168%2040%209.53468%2040H110.135C110.494%2040%20110.859%2040%20111.219%2039.998C111.523%2039.998%20111.836%2039.9941%20112.141%2039.9873C112.811%2039.9789%20113.479%2039.9198%20114.141%2039.8105C114.804%2039.6959%20115.448%2039.4833%20116.049%2039.1797C116.647%2038.8758%20117.193%2038.4779%20117.666%2038.001C118.142%2037.5282%20118.541%2036.9835%20118.848%2036.3867C119.15%2035.7871%20119.358%2035.145%20119.467%2034.4824C119.578%2033.8206%20119.64%2033.1515%20119.652%2032.4805C119.656%2032.1699%20119.656%2031.8691%20119.656%2031.5586C119.664%2031.1953%20119.664%2030.834%20119.664%2030.4648V9.53614C119.664%209.16993%20119.664%208.80665%20119.656%208.44435C119.656%208.13771%20119.656%207.83009%20119.652%207.52345C119.64%206.85243%20119.578%206.18324%20119.467%205.52145C119.358%204.85929%20119.149%204.21751%20118.848%203.61813C118.23%202.4152%20117.252%201.43603%20116.049%200.818328C115.448%200.515575%20114.804%200.304248%20114.141%200.191328C113.48%200.0811107%20112.811%200.0220157%20112.141%200.0145679C111.836%200.00968793%20111.523%200.00382793%20111.219%200.00187793C110.859%20-0.00012207%20110.494%20-0.00012207%20110.135%20-0.00012207V7.92969e-06Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20d%3D%22M8.44487%2039.125C8.14019%2039.125%207.84287%2039.1211%207.54058%2039.1143C6.91436%2039.1061%206.2896%2039.0516%205.67144%2038.9512C5.09503%2038.8519%204.53664%2038.6673%204.0147%2038.4033C3.49754%2038.1415%203.02585%2037.7983%202.6177%2037.3867C2.20364%2036.98%201.85891%2036.5082%201.59719%2035.9902C1.33258%2035.4688%201.14945%2034.9099%201.05419%2034.333C0.951311%2033.7131%200.895651%2033.0863%200.887687%2032.458C0.881347%2032.2471%200.873047%2031.5449%200.873047%2031.5449V8.44434C0.873047%208.44434%200.881887%207.75293%200.887737%207.5498C0.895363%206.92248%200.950699%206.29665%201.05327%205.67773C1.14871%205.09925%201.33197%204.53875%201.59673%204.01563C1.85749%203.49794%202.2003%203.02586%202.61187%202.61768C3.02297%202.20562%203.49617%201.8606%204.01421%201.59521C4.53495%201.33209%205.09228%201.14873%205.66753%201.05127C6.28772%200.949836%206.91465%200.894996%207.54304%200.88721L8.44536%200.875H111.214L112.127%200.8877C112.75%200.895099%20113.371%200.94945%20113.985%201.05029C114.566%201.14898%20115.13%201.33362%20115.656%201.59814C116.694%202.13299%20117.539%202.97916%20118.071%204.01807C118.332%204.53758%20118.512%205.09351%20118.607%205.66699C118.71%206.29099%20118.768%206.92174%20118.78%207.5542C118.783%207.8374%20118.783%208.1416%20118.783%208.44434C118.791%208.81934%20118.791%209.17627%20118.791%209.53613V30.4648C118.791%2030.8281%20118.791%2031.1826%20118.783%2031.54C118.783%2031.8652%20118.783%2032.1631%20118.779%2032.4697C118.768%2033.0909%20118.711%2033.7104%20118.608%2034.3232C118.515%2034.9043%20118.333%2035.4675%20118.068%2035.9932C117.805%2036.5056%20117.462%2036.9733%20117.053%2037.3789C116.644%2037.7927%20116.172%2038.1379%20115.653%2038.4014C115.128%2038.6674%20114.566%2038.8527%20113.985%2038.9512C113.367%2039.0522%20112.742%2039.1067%20112.116%2039.1143C111.823%2039.1211%20111.517%2039.125%20111.219%2039.125L110.135%2039.127L8.44487%2039.125Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M24.769%2020.3011C24.7797%2019.4665%2025.0014%2018.6481%2025.4135%2017.9221C25.8255%2017.1962%2026.4145%2016.5862%2027.1256%2016.1491C26.6738%2015.5039%2026.0779%2014.973%2025.385%2014.5984C24.6922%2014.2239%2023.9216%2014.016%2023.1344%2013.9914C21.4552%2013.8151%2019.8272%2014.9962%2018.9715%2014.9962C18.0992%2014.9962%2016.7817%2014.0089%2015.363%2014.0381C14.4453%2014.0677%2013.551%2014.3346%2012.7671%2014.8126C11.9832%2015.2907%2011.3365%2015.9637%2010.8901%2016.7659C8.95607%2020.1144%2010.3987%2025.0354%2012.2513%2027.742C13.1782%2029.0674%2014.2615%2030.5478%2015.6789%2030.4953C17.066%2030.4378%2017.584%2029.6108%2019.2583%2029.6108C20.9171%2029.6108%2021.4031%2030.4953%2022.8493%2030.4619C24.3377%2030.4378%2025.2754%2029.1307%2026.1698%2027.7928C26.8358%2026.8484%2027.3483%2025.8047%2027.6882%2024.7003C26.8235%2024.3346%2026.0856%2023.7224%2025.5665%2022.9401C25.0474%2022.1578%2024.77%2021.24%2024.769%2020.3011Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M22.0376%2012.2113C22.8491%2011.2371%2023.2489%209.98494%2023.1521%208.7207C21.9123%208.85092%2020.767%209.44348%2019.9445%2010.3803C19.5424%2010.838%2019.2344%2011.3704%2019.0381%2011.9472C18.8419%2012.524%2018.7612%2013.1337%2018.8008%2013.7417C19.4209%2013.7481%2020.0344%2013.6137%2020.5951%2013.3486C21.1558%2013.0835%2021.649%2012.6946%2022.0376%2012.2113Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M42.3022%2027.1397H37.5688L36.4321%2030.4961H34.4272L38.9106%2018.0781H40.9936L45.477%2030.4961H43.438L42.3022%2027.1397ZM38.0591%2025.5908H41.8111L39.9615%2020.1436H39.9097L38.0591%2025.5908Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M55.1597%2025.9695C55.1597%2028.7829%2053.6538%2030.5905%2051.3814%2030.5905C50.8057%2030.6207%2050.2332%2030.4881%2049.7294%2030.2079C49.2256%2029.9278%2048.8109%2029.5114%2048.5327%2029.0065H48.4897V33.4909H46.6313V21.4421H48.4302V22.948H48.4644C48.7553%2022.4455%2049.1771%2022.0313%2049.6847%2021.7495C50.1923%2021.4676%2050.7669%2021.3287%2051.3472%2021.3474C53.645%2021.3474%2055.1597%2023.1638%2055.1597%2025.9695ZM53.2495%2025.9695C53.2495%2024.1365%2052.3023%2022.9314%2050.857%2022.9314C49.437%2022.9314%2048.482%2024.1618%2048.482%2025.9695C48.482%2027.7937%2049.437%2029.0154%2050.857%2029.0154C52.3023%2029.0154%2053.2495%2027.8191%2053.2495%2025.9695Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M65.1245%2025.9694C65.1245%2028.7829%2063.6187%2030.5905%2061.3462%2030.5905C60.7706%2030.6206%2060.1981%2030.488%2059.6943%2030.2079C59.1905%2029.9278%2058.7758%2029.5114%2058.4976%2029.0065H58.4546V33.4909H56.5962V21.4421H58.395V22.948H58.4292C58.7201%2022.4455%2059.1419%2022.0313%2059.6495%2021.7495C60.1571%2021.4676%2060.7317%2021.3287%2061.312%2021.3474C63.6099%2021.3474%2065.1245%2023.1638%2065.1245%2025.9694ZM63.2144%2025.9694C63.2144%2024.1364%2062.2671%2022.9314%2060.8218%2022.9314C59.4019%2022.9314%2058.4468%2024.1618%2058.4468%2025.9694C58.4468%2027.7937%2059.4019%2029.0153%2060.8218%2029.0153C62.2671%2029.0153%2063.2144%2027.8191%2063.2144%2025.9694H63.2144Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M71.7105%2027.0362C71.8482%2028.2676%2073.0445%2029.0762%2074.6792%2029.0762C76.2456%2029.0762%2077.3726%2028.2676%2077.3726%2027.1572C77.3726%2026.1934%2076.6929%2025.6162%2075.0835%2025.2207L73.4742%2024.833C71.1939%2024.2822%2070.1353%2023.2158%2070.1353%2021.4854C70.1353%2019.3428%2072.0025%2017.8711%2074.6538%2017.8711C77.2778%2017.8711%2079.0767%2019.3428%2079.1372%2021.4854H77.2612C77.1489%2020.2461%2076.1245%2019.4981%2074.6274%2019.4981C73.1304%2019.4981%2072.106%2020.2549%2072.106%2021.3565C72.106%2022.2344%2072.7603%2022.751%2074.3608%2023.1465L75.729%2023.4824C78.2769%2024.0849%2079.3355%2025.1084%2079.3355%2026.9248C79.3355%2029.248%2077.4849%2030.7031%2074.5415%2030.7031C71.7876%2030.7031%2069.9282%2029.2822%2069.8081%2027.0361L71.7105%2027.0362Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M83.3462%2019.2999V21.4424H85.0679V22.9141H83.3462V27.9053C83.3462%2028.6807%2083.6909%2029.0421%2084.4477%2029.0421C84.6521%2029.0385%2084.8562%2029.0241%2085.0591%2028.9991V30.4619C84.7188%2030.5255%2084.3729%2030.5543%2084.0268%2030.5479C82.1938%2030.5479%2081.479%2029.8594%2081.479%2028.1035V22.9141H80.1626V21.4424H81.479V19.2999H83.3462Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M86.0649%2025.9698C86.0649%2023.1212%2087.7427%2021.3311%2090.3589%2021.3311C92.9839%2021.3311%2094.6538%2023.1211%2094.6538%2025.9698C94.6538%2028.8262%2092.9927%2030.6085%2090.3589%2030.6085C87.726%2030.6085%2086.0649%2028.8262%2086.0649%2025.9698ZM92.7602%2025.9698C92.7602%2024.0157%2091.8647%2022.8624%2090.3589%2022.8624C88.853%2022.8624%2087.9585%2024.0245%2087.9585%2025.9698C87.9585%2027.9317%2088.853%2029.0762%2090.3589%2029.0762C91.8647%2029.0762%2092.7602%2027.9317%2092.7602%2025.9698H92.7602Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M96.186%2021.442H97.9585V22.983H98.0015C98.1214%2022.5017%2098.4034%2022.0764%2098.8%2021.7785C99.1966%2021.4806%2099.6836%2021.3284%20100.179%2021.3473C100.393%2021.3465%20100.607%2021.3698%20100.816%2021.4166V23.1549C100.546%2023.0723%20100.264%2023.0343%2099.981%2023.0426C99.711%2023.0316%2099.4418%2023.0792%2099.192%2023.1821C98.9421%2023.285%2098.7175%2023.4408%2098.5335%2023.6386C98.3496%2023.8365%2098.2106%2024.0719%2098.1262%2024.3286C98.0417%2024.5852%2098.0139%2024.8571%2098.0444%2025.1256V30.4957H96.186L96.186%2021.442Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M109.384%2027.837C109.134%2029.4805%20107.534%2030.6085%20105.486%2030.6085C102.852%2030.6085%20101.217%2028.8438%20101.217%2026.0128C101.217%2023.1729%20102.861%2021.3311%20105.408%2021.3311C107.913%2021.3311%20109.488%2023.0518%20109.488%2025.7969V26.4337H103.093V26.546C103.064%2026.8792%20103.105%2027.2148%20103.216%2027.5307C103.326%2027.8465%20103.502%2028.1353%20103.732%2028.3778C103.963%2028.6204%20104.242%2028.8111%20104.552%2028.9374C104.861%2029.0638%20105.195%2029.1227%20105.529%2029.1104C105.968%2029.1516%20106.409%2029.0498%20106.785%2028.8204C107.162%2028.591%20107.455%2028.246%20107.62%2027.837L109.384%2027.837ZM103.102%2025.1348H107.628C107.645%2024.8352%20107.6%2024.5354%20107.495%2024.2542C107.39%2023.973%20107.229%2023.7165%20107.02%2023.5007C106.812%2023.2849%20106.561%2023.1146%20106.283%2023.0004C106.006%2022.8862%20105.708%2022.8305%20105.408%2022.837C105.105%2022.8352%20104.805%2022.8933%20104.525%2023.0081C104.245%2023.1228%20103.99%2023.2919%20103.776%2023.5055C103.562%2023.7191%20103.392%2023.9731%20103.276%2024.2528C103.16%2024.5324%20103.101%2024.8322%20103.102%2025.1348V25.1348Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M37.8262%208.73053C38.2158%208.70257%2038.6067%208.76143%2038.9709%208.90286C39.335%209.04429%2039.6632%209.26477%2039.9317%209.5484C40.2003%209.83202%2040.4026%2010.1717%2040.524%2010.543C40.6454%2010.9143%2040.6829%2011.3079%2040.6338%2011.6954C40.6338%2013.6016%2039.6035%2014.6974%2037.8262%2014.6974H35.6709V8.73053H37.8262ZM36.5976%2013.8535H37.7226C38.0011%2013.8702%2038.2797%2013.8245%2038.5382%2013.7199C38.7967%2013.6153%2039.0287%2013.4543%2039.2172%2013.2488C39.4057%2013.0432%2039.546%2012.7982%2039.6278%2012.5316C39.7097%2012.265%2039.7311%2011.9834%2039.6904%2011.7075C39.7281%2011.4327%2039.7046%2011.1529%2039.6215%2010.8883C39.5383%2010.6236%2039.3977%2010.3806%2039.2096%2010.1767C39.0216%209.97273%2038.7907%209.81292%2038.5337%209.70868C38.2766%209.60445%2037.9996%209.55836%2037.7226%209.57374H36.5976V13.8535Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M41.6805%2012.4439C41.6521%2012.1479%2041.686%2011.8494%2041.7798%2011.5673C41.8737%2011.2852%2042.0254%2011.0259%2042.2254%2010.8059C42.4253%2010.5859%2042.669%2010.4102%2042.9409%2010.2899C43.2127%2010.1696%2043.5067%2010.1075%2043.804%2010.1075C44.1013%2010.1075%2044.3952%2010.1696%2044.6671%2010.2899C44.939%2010.4102%2045.1827%2010.5859%2045.3826%2010.8059C45.5825%2011.0259%2045.7343%2011.2852%2045.8281%2011.5673C45.922%2011.8494%2045.9558%2012.1479%2045.9275%2012.4439C45.9564%2012.7401%2045.9229%2013.0391%2045.8293%2013.3216C45.7357%2013.6041%2045.5841%2013.8639%2045.3841%2014.0843C45.1841%2014.3048%2044.9402%2014.4809%2044.6681%2014.6014C44.3959%2014.722%2044.1016%2014.7842%2043.804%2014.7842C43.5064%2014.7842%2043.212%2014.722%2042.9399%2014.6014C42.6678%2014.4809%2042.4239%2014.3048%2042.2239%2014.0843C42.0239%2013.8639%2041.8722%2013.6041%2041.7786%2013.3216C41.6851%2013.0391%2041.6516%2012.7401%2041.6805%2012.4439ZM45.0135%2012.4439C45.0135%2011.4678%2044.575%2010.897%2043.8055%2010.897C43.033%2010.897%2042.5985%2011.4678%2042.5985%2012.4439C42.5985%2013.4278%2043.033%2013.9942%2043.8055%2013.9942C44.575%2013.9942%2045.0135%2013.4238%2045.0135%2012.4439H45.0135Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M51.5732%2014.6973H50.6514L49.7207%2011.3809H49.6504L48.7236%2014.6973H47.8105L46.5693%2010.1943H47.4707L48.2773%2013.6303H48.3438L49.2695%2010.1943H50.1221L51.0479%2013.6303H51.1182L51.9209%2010.1943H52.8096L51.5732%2014.6973Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M53.8535%2010.1939H54.709V10.9092H54.7754C54.888%2010.6523%2055.0781%2010.4369%2055.3189%2010.2931C55.5598%2010.1493%2055.8395%2010.0842%2056.1191%2010.107C56.3382%2010.0905%2056.5582%2010.1235%2056.7628%2010.2036C56.9674%2010.2837%2057.1514%2010.4088%2057.3011%2010.5697C57.4508%2010.7305%2057.5623%2010.923%2057.6275%2011.1328C57.6927%2011.3426%2057.7099%2011.5644%2057.6777%2011.7818V14.6968H56.7891V12.0049C56.7891%2011.2813%2056.4746%2010.9214%2055.8174%2010.9214C55.6686%2010.9145%2055.5201%2010.9398%2055.3821%2010.9957C55.244%2011.0515%2055.1197%2011.1365%2055.0175%2011.2449C54.9154%2011.3533%2054.8379%2011.4825%2054.7904%2011.6236C54.7429%2011.7647%2054.7264%2011.9145%2054.7422%2012.0625V14.6968H53.8535L53.8535%2010.1939Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M59.0938%208.43652H59.9824V14.6973H59.0938V8.43652Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M61.2175%2012.4439C61.1893%2012.1479%2061.2231%2011.8494%2061.317%2011.5673C61.4109%2011.2852%2061.5626%2011.0259%2061.7626%2010.8059C61.9626%2010.5859%2062.2063%2010.4101%2062.4782%2010.2898C62.75%2010.1696%2063.044%2010.1074%2063.3413%2010.1074C63.6386%2010.1074%2063.9326%2010.1696%2064.2045%2010.2898C64.4764%2010.4101%2064.7201%2010.5859%2064.92%2010.8059C65.12%2011.0259%2065.2718%2011.2852%2065.3656%2011.5673C65.4595%2011.8494%2065.4934%2012.1479%2065.4651%2012.4439C65.4939%2012.7401%2065.4604%2013.0391%2065.3668%2013.3216C65.2732%2013.6042%2065.1215%2013.864%2064.9215%2014.0844C64.7215%2014.3048%2064.4776%2014.4809%2064.2054%2014.6014C63.9333%2014.722%2063.639%2014.7842%2063.3413%2014.7842C63.0437%2014.7842%2062.7493%2014.722%2062.4772%2014.6014C62.2051%2014.4809%2061.9612%2014.3048%2061.7612%2014.0844C61.5611%2013.864%2061.4095%2013.6042%2061.3158%2013.3216C61.2222%2013.0391%2061.1887%2012.7401%2061.2175%2012.4439ZM64.5505%2012.4439C64.5505%2011.4678%2064.1121%2010.897%2063.3425%2010.897C62.5701%2010.897%2062.1355%2011.4678%2062.1355%2012.4439C62.1355%2013.4278%2062.5701%2013.9942%2063.3425%2013.9942C64.1121%2013.9942%2064.5505%2013.4239%2064.5505%2012.4439H64.5505Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M66.4009%2013.4238C66.4009%2012.6133%2067.0044%2012.146%2068.0757%2012.0796L69.2954%2012.0093V11.6206C69.2954%2011.145%2068.981%2010.8765%2068.3735%2010.8765C67.8774%2010.8765%2067.5337%2011.0586%2067.4351%2011.377H66.5747C66.6655%2010.6035%2067.3931%2010.1074%2068.4146%2010.1074C69.5435%2010.1074%2070.1802%2010.6694%2070.1802%2011.6206V14.6973H69.3247V14.0645H69.2544C69.1117%2014.2914%2068.9113%2014.4765%2068.6737%2014.6007C68.436%2014.7249%2068.1697%2014.7838%2067.9019%2014.7715C67.7128%2014.7911%2067.5218%2014.7709%2067.341%2014.7122C67.1602%2014.6536%2066.9938%2014.5576%2066.8524%2014.4307C66.711%2014.3037%2066.5977%2014.1485%2066.52%2013.9751C66.4422%2013.8017%2066.4016%2013.6139%2066.4009%2013.4238ZM69.2954%2013.0391V12.6626L68.1958%2012.7329C67.5757%2012.7744%2067.2944%2012.9853%2067.2944%2013.3823C67.2944%2013.7876%2067.646%2014.0234%2068.1294%2014.0234C68.2711%2014.0378%2068.4142%2014.0235%2068.5502%2013.9814C68.6862%2013.9393%2068.8123%2013.8703%2068.9211%2013.7784C69.0299%2013.6866%2069.1191%2013.5738%2069.1834%2013.4468C69.2477%2013.3198%2069.2858%2013.1811%2069.2954%2013.0391Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M71.3481%2012.4439C71.3481%2011.021%2072.0796%2010.1196%2073.2173%2010.1196C73.4987%2010.1067%2073.778%2010.1741%2074.0225%2010.314C74.267%2010.4539%2074.4667%2010.6605%2074.5981%2010.9096H74.6646V8.43652H75.5532V14.6973H74.7017V13.9858H74.6314C74.4897%2014.2333%2074.2831%2014.4374%2074.0339%2014.5758C73.7846%2014.7143%2073.5022%2014.782%2073.2173%2014.7715C72.0718%2014.7715%2071.3481%2013.8701%2071.3481%2012.4439ZM72.2661%2012.4439C72.2661%2013.3989%2072.7163%2013.9737%2073.4693%2013.9737C74.2183%2013.9737%2074.6812%2013.3907%2074.6812%2012.4478C74.6812%2011.5093%2074.2134%2010.918%2073.4693%2010.918C72.7212%2010.918%2072.2661%2011.4966%2072.2661%2012.4439H72.2661Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M79.2298%2012.4439C79.2015%2012.1479%2079.2353%2011.8494%2079.3292%2011.5673C79.423%2011.2852%2079.5748%2011.0259%2079.7747%2010.8059C79.9746%2010.5859%2080.2183%2010.4102%2080.4902%2010.2899C80.762%2010.1696%2081.056%2010.1075%2081.3533%2010.1075C81.6506%2010.1075%2081.9446%2010.1696%2082.2164%2010.2899C82.4883%2010.4102%2082.732%2010.5859%2082.9319%2010.8059C83.1319%2011.0259%2083.2836%2011.2852%2083.3775%2011.5673C83.4713%2011.8494%2083.5052%2012.1479%2083.4768%2012.4439C83.5057%2012.7401%2083.4722%2013.0391%2083.3786%2013.3216C83.2851%2013.6041%2083.1334%2013.8639%2082.9334%2014.0843C82.7334%2014.3048%2082.4895%2014.4809%2082.2174%2014.6014C81.9453%2014.722%2081.6509%2014.7842%2081.3533%2014.7842C81.0557%2014.7842%2080.7613%2014.722%2080.4892%2014.6014C80.2171%2014.4809%2079.9732%2014.3048%2079.7732%2014.0843C79.5732%2013.8639%2079.4216%2013.6041%2079.328%2013.3216C79.2344%2013.0391%2079.2009%2012.7401%2079.2298%2012.4439ZM82.5628%2012.4439C82.5628%2011.4678%2082.1243%2010.897%2081.3548%2010.897C80.5823%2010.897%2080.1478%2011.4678%2080.1478%2012.4439C80.1478%2013.4278%2080.5823%2013.9942%2081.3548%2013.9942C82.1243%2013.9942%2082.5628%2013.4238%2082.5628%2012.4439Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M84.6694%2010.1939H85.5249V10.9092H85.5913C85.704%2010.6523%2085.894%2010.4369%2086.1348%2010.2931C86.3757%2010.1493%2086.6555%2010.0842%2086.9351%2010.107C87.1542%2010.0905%2087.3742%2010.1235%2087.5788%2010.2036C87.7834%2010.2837%2087.9673%2010.4088%2088.117%2010.5697C88.2667%2010.7305%2088.3783%2010.923%2088.4435%2011.1328C88.5087%2011.3426%2088.5258%2011.5644%2088.4937%2011.7818V14.6968H87.605V12.0049C87.605%2011.2813%2087.2905%2010.9214%2086.6333%2010.9214C86.4846%2010.9145%2086.336%2010.9398%2086.198%2010.9957C86.0599%2011.0515%2085.9356%2011.1365%2085.8335%2011.2449C85.7313%2011.3533%2085.6539%2011.4825%2085.6063%2011.6236C85.5588%2011.7647%2085.5423%2011.9145%2085.5581%2012.0625V14.6968H84.6694V10.1939Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M93.5151%209.07324V10.2148H94.4907V10.9634H93.5151V13.2788C93.5151%2013.7505%2093.7095%2013.957%2094.1519%2013.957C94.2651%2013.9567%2094.3783%2013.9498%2094.4907%2013.9365V14.6768C94.3311%2014.7053%2094.1694%2014.7205%2094.0073%2014.7222C93.019%2014.7222%2092.6255%2014.3745%2092.6255%2013.5063V10.9633H91.9106V10.2148H92.6255V9.07324H93.5151Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M95.7046%208.43652H96.5854V10.918H96.6558C96.7739%2010.6587%2096.9691%2010.4421%2097.2148%2010.2977C97.4605%2010.1534%2097.7447%2010.0883%2098.0288%2010.1113C98.2467%2010.0995%2098.4646%2010.1359%2098.6669%2010.2179C98.8692%2010.2999%2099.0508%2010.4256%2099.199%2010.586C99.3471%2010.7463%2099.458%2010.9373%2099.5238%2011.1455C99.5896%2011.3536%2099.6086%2011.5737%2099.5795%2011.79V14.6973H98.69V12.0093C98.69%2011.29%2098.355%2010.9258%2097.7271%2010.9258C97.5743%2010.9132%2097.4207%2010.9342%2097.2769%2010.9873C97.1332%2011.0404%2097.0027%2011.1242%2096.8947%2011.2329C96.7867%2011.3417%2096.7038%2011.4727%2096.6517%2011.6168C96.5997%2011.761%2096.5797%2011.9147%2096.5933%2012.0674V14.6973H95.7046L95.7046%208.43652Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M104.761%2013.4815C104.641%2013.893%20104.379%2014.249%20104.022%2014.4871C103.666%2014.7253%20103.237%2014.8304%20102.81%2014.7842C102.514%2014.792%20102.219%2014.7352%20101.946%2014.6177C101.674%2014.5001%20101.43%2014.3247%20101.232%2014.1036C101.034%2013.8824%20100.887%2013.6209%20100.8%2013.3371C100.713%2013.0532%20100.69%2012.754%20100.73%2012.46C100.691%2012.1651%20100.715%2011.8652%20100.801%2011.5805C100.888%2011.2958%20101.035%2011.033%20101.231%2010.81C101.428%2010.5869%20101.671%2010.4087%20101.943%2010.2875C102.214%2010.1663%20102.509%2010.1049%20102.806%2010.1074C104.059%2010.1074%20104.815%2010.9634%20104.815%2012.3774V12.6875H101.635V12.7373C101.621%2012.9026%20101.642%2013.0689%20101.696%2013.2257C101.751%2013.3824%20101.837%2013.5261%20101.95%2013.6476C102.063%2013.769%20102.2%2013.8655%20102.352%2013.9309C102.504%2013.9963%20102.669%2014.0292%20102.835%2014.0273C103.047%2014.0528%20103.263%2014.0146%20103.453%2013.9174C103.644%2013.8202%20103.802%2013.6684%20103.906%2013.4814L104.761%2013.4815ZM101.635%2012.0303H103.91C103.921%2011.8792%20103.9%2011.7274%20103.85%2011.5846C103.799%2011.4419%20103.718%2011.3114%20103.614%2011.2016C103.51%2011.0917%20103.383%2011.0049%20103.243%2010.9467C103.103%2010.8886%20102.953%2010.8603%20102.801%2010.8638C102.648%2010.8619%20102.495%2010.8907%20102.353%2010.9487C102.21%2011.0066%20102.081%2011.0925%20101.972%2011.2012C101.864%2011.3099%20101.778%2011.4393%20101.72%2011.5817C101.662%2011.724%20101.633%2011.8766%20101.635%2012.0303H101.635Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); } .cta.appStore.lg { width: 150px; height: 50px; } .cta.appStore.xs { width: 101px; height: 34px; } .cta.appStore.blackTransparent { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2040%22%20fill%3D%22none%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22119%22%20height%3D%2239%22%20rx%3D%226.5%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M24.9965%2019.889C25.0077%2019.021%2025.2383%2018.17%2025.6667%2017.4151C26.0952%2016.6601%2026.7077%2016.0259%2027.4471%2015.5712C26.9774%2014.9003%2026.3576%2014.3482%2025.6372%2013.9587C24.9167%2013.5692%2024.1153%2013.3531%2023.2967%2013.3275C21.5505%2013.1442%2019.8576%2014.3724%2018.9677%2014.3724C18.0607%2014.3724%2016.6906%2013.3457%2015.2153%2013.376C14.261%2013.4069%2013.331%2013.6844%2012.5158%2014.1815C11.7007%2014.6786%2011.0282%2015.3784%2010.5639%2016.2127C8.55278%2019.6947%2010.0529%2024.8121%2011.9794%2027.6267C12.9433%2029.005%2014.0698%2030.5445%2015.5438%2030.4899C16.9862%2030.4301%2017.5249%2029.5701%2019.266%2029.5701C20.9909%2029.5701%2021.4963%2030.4899%2023.0003%2030.4552C24.548%2030.4301%2025.5232%2029.0708%2026.4533%2027.6795C27.1458%2026.6975%2027.6787%2025.6121%2028.0323%2024.4637C27.133%2024.0833%2026.3657%2023.4467%2025.8258%2022.6332C25.286%2021.8197%2024.9976%2020.8653%2024.9965%2019.889Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M22.1563%2011.4768C23.0003%2010.4637%2023.416%209.1616%2023.3153%207.84692C22.026%207.98234%2020.8351%208.59854%2019.9798%209.57274C19.5616%2010.0487%2019.2413%2010.6023%2019.0372%2011.2021C18.8332%2011.8019%2018.7493%2012.436%2018.7905%2013.0682C19.4353%2013.0749%2020.0733%2012.9351%2020.6563%2012.6594C21.2394%2012.3838%2021.7522%2011.9794%2022.1563%2011.4768V11.4768Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M42.3018%2027.1399H37.5684L36.4316%2030.4964H34.4268L38.9102%2018.0784H40.9932L45.4766%2030.4964H43.4375L42.3018%2027.1399ZM38.0586%2025.5911H41.8106L39.961%2020.1438H39.9092L38.0586%2025.5911Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M55.1592%2025.9697C55.1592%2028.7832%2053.6533%2030.5908%2051.3809%2030.5908C50.8052%2030.6209%2050.2327%2030.4883%2049.7289%2030.2082C49.2251%2029.928%2048.8104%2029.5117%2048.5323%2029.0068H48.4893V33.4912H46.6309V21.4423H48.4297V22.9482H48.4639C48.7548%2022.4457%2049.1766%2022.0316%2049.6842%2021.7497C50.1918%2021.4679%2050.7664%2021.3289%2051.3467%2021.3476C53.6446%2021.3476%2055.1592%2023.164%2055.1592%2025.9697ZM53.249%2025.9697C53.249%2024.1367%2052.3018%2022.9316%2050.8565%2022.9316C49.4365%2022.9316%2048.4815%2024.1621%2048.4815%2025.9697C48.4815%2027.7939%2049.4365%2029.0156%2050.8565%2029.0156C52.3018%2029.0156%2053.249%2027.8193%2053.249%2025.9697H53.249Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M65.1245%2025.9697C65.1245%2028.7832%2063.6182%2030.5908%2061.3457%2030.5908C60.7701%2030.6209%2060.1976%2030.4883%2059.6938%2030.2082C59.19%2029.928%2058.7753%2029.5117%2058.4971%2029.0068H58.4541V33.4912H56.5957V21.4423H58.3945V22.9482H58.4287C58.7197%2022.4457%2059.1414%2022.0316%2059.649%2021.7497C60.1567%2021.4679%2060.7312%2021.3289%2061.3115%2021.3476C63.6094%2021.3476%2065.1245%2023.164%2065.1245%2025.9697ZM63.2139%2025.9697C63.2139%2024.1367%2062.2666%2022.9316%2060.8213%2022.9316C59.4014%2022.9316%2058.4463%2024.1621%2058.4463%2025.9697C58.4463%2027.7939%2059.4014%2029.0156%2060.8213%2029.0156C62.2666%2029.0156%2063.2139%2027.8193%2063.2139%2025.9697V25.9697Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M71.7095%2027.0364C71.8472%2028.2679%2073.0435%2029.0764%2074.6783%2029.0764C76.2447%2029.0764%2077.3716%2028.2678%2077.3716%2027.1575C77.3716%2026.1936%2076.6919%2025.6165%2075.0826%2025.221L73.4732%2024.8333C71.1929%2024.2825%2070.1343%2023.2161%2070.1343%2021.4856C70.1343%2019.343%2072.0015%2017.8713%2074.6519%2017.8713C77.2769%2017.8713%2079.0757%2019.343%2079.1363%2021.4856H77.2603C77.148%2020.2463%2076.1236%2019.4983%2074.6265%2019.4983C73.1294%2019.4983%2072.105%2020.2551%2072.105%2021.3567C72.105%2022.2346%2072.7593%2022.7512%2074.3599%2023.1467L75.7281%2023.4826C78.2759%2024.0852%2079.3335%2025.1086%2079.3335%2026.925C79.3335%2029.2483%2077.4839%2030.7033%2074.5405%2030.7033C71.7866%2030.7033%2069.9272%2029.2824%2069.8071%2027.0363L71.7095%2027.0364Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M83.3462%2019.3V21.4426H85.0679V22.9143H83.3462V27.9055C83.3462%2028.6809%2083.6909%2029.0422%2084.4477%2029.0422C84.6521%2029.0387%2084.8562%2029.0243%2085.0591%2028.9992V30.4621C84.7188%2030.5257%2084.3729%2030.5545%2084.0268%2030.5481C82.1938%2030.5481%2081.479%2029.8596%2081.479%2028.1037V22.9143H80.1626V21.4426H81.479V19.3H83.3462Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M86.064%2025.97C86.064%2023.1213%2087.7417%2021.3313%2090.3579%2021.3313C92.9829%2021.3313%2094.6528%2023.1213%2094.6528%2025.97C94.6528%2028.8264%2092.9917%2030.6086%2090.3579%2030.6086C87.7251%2030.6086%2086.064%2028.8264%2086.064%2025.97ZM92.7593%2025.97C92.7593%2024.0159%2091.8638%2022.8625%2090.3579%2022.8625C88.852%2022.8625%2087.9565%2024.0247%2087.9565%2025.97C87.9565%2027.9319%2088.852%2029.0764%2090.3579%2029.0764C91.8638%2029.0764%2092.7593%2027.9319%2092.7593%2025.97H92.7593Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M96.1851%2021.4423H97.9575V22.9833H98.0005C98.1205%2022.502%2098.4024%2022.0766%2098.799%2021.7788C99.1956%2021.4809%2099.6826%2021.3286%20100.178%2021.3475C100.392%2021.3468%20100.606%2021.37%20100.815%2021.4169V23.1551C100.545%2023.0725%20100.263%2023.0346%2099.98%2023.0428C99.71%2023.0319%2099.4409%2023.0795%2099.191%2023.1824C98.9412%2023.2853%2098.7166%2023.441%2098.5326%2023.6389C98.3486%2023.8368%2098.2096%2024.0721%2098.1252%2024.3288C98.0408%2024.5855%2098.0129%2024.8574%2098.0435%2025.1258V30.496H96.1851L96.1851%2021.4423Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M109.383%2027.8372C109.133%2029.4807%20107.533%2030.6086%20105.485%2030.6086C102.851%2030.6086%20101.216%2028.844%20101.216%2026.0129C101.216%2023.1731%20102.86%2021.3313%20105.407%2021.3313C107.912%2021.3313%20109.487%2023.052%20109.487%2025.7971V26.4338H103.092V26.5461C103.063%2026.8793%20103.104%2027.215%20103.215%2027.5308C103.325%2027.8467%20103.501%2028.1355%20103.731%2028.378C103.962%2028.6206%20104.241%2028.8113%20104.551%2028.9376C104.86%2029.0639%20105.194%2029.1229%20105.528%2029.1106C105.967%2029.1517%20106.408%2029.05%20106.784%2028.8206C107.161%2028.5911%20107.454%2028.2462%20107.619%2027.8371L109.383%2027.8372ZM103.101%2025.135H107.627C107.644%2024.8354%20107.599%2024.5356%20107.494%2024.2544C107.389%2023.9732%20107.228%2023.7166%20107.019%2023.5009C106.811%2023.2851%20106.56%2023.1148%20106.282%2023.0006C106.005%2022.8863%20105.707%2022.8307%20105.407%2022.8372C105.104%2022.8354%20104.804%2022.8935%20104.524%2023.0082C104.244%2023.123%20103.989%2023.292%20103.775%2023.5057C103.561%2023.7193%20103.391%2023.9733%20103.275%2024.2529C103.159%2024.5326%20103.1%2024.8324%20103.101%2025.135V25.135Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M37.8262%208.7304C38.2158%208.70244%2038.6067%208.7613%2038.9709%208.90274C39.335%209.04417%2039.6632%209.26465%2039.9317%209.54828C40.2003%209.8319%2040.4026%2010.1716%2040.524%2010.5429C40.6454%2010.9141%2040.6829%2011.3077%2040.6338%2011.6952C40.6338%2013.6015%2039.6035%2014.6972%2037.8262%2014.6972H35.6709V8.7304H37.8262ZM36.5976%2013.8534H37.7226C38.0011%2013.87%2038.2797%2013.8244%2038.5382%2013.7198C38.7967%2013.6152%2039.0287%2013.4542%2039.2172%2013.2487C39.4057%2013.0431%2039.546%2012.7981%2039.6278%2012.5315C39.7097%2012.2648%2039.7311%2011.9833%2039.6904%2011.7074C39.7281%2011.4326%2039.7046%2011.1528%2039.6215%2010.8881C39.5383%2010.6235%2039.3977%2010.3805%2039.2096%2010.1765C39.0216%209.97261%2038.7907%209.8128%2038.5337%209.70856C38.2766%209.60433%2037.9996%209.55824%2037.7226%209.57361H36.5976V13.8534Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M41.6805%2012.4438C41.6521%2012.1479%2041.686%2011.8493%2041.7798%2011.5672C41.8737%2011.2852%2042.0254%2011.0258%2042.2254%2010.8059C42.4253%2010.5859%2042.669%2010.4101%2042.9409%2010.2898C43.2127%2010.1696%2043.5067%2010.1074%2043.804%2010.1074C44.1013%2010.1074%2044.3952%2010.1696%2044.6671%2010.2898C44.939%2010.4101%2045.1827%2010.5859%2045.3826%2010.8059C45.5825%2011.0258%2045.7343%2011.2852%2045.8281%2011.5672C45.922%2011.8493%2045.9558%2012.1479%2045.9275%2012.4438C45.9564%2012.74%2045.9229%2013.039%2045.8293%2013.3215C45.7357%2013.6041%2045.5841%2013.8639%2045.3841%2014.0843C45.1841%2014.3047%2044.9402%2014.4808%2044.6681%2014.6014C44.3959%2014.7219%2044.1016%2014.7842%2043.804%2014.7842C43.5064%2014.7842%2043.212%2014.7219%2042.9399%2014.6014C42.6678%2014.4808%2042.4239%2014.3047%2042.2239%2014.0843C42.0239%2013.8639%2041.8722%2013.6041%2041.7786%2013.3215C41.6851%2013.039%2041.6516%2012.74%2041.6805%2012.4438V12.4438ZM45.0135%2012.4438C45.0135%2011.4677%2044.575%2010.8969%2043.8055%2010.8969C43.033%2010.8969%2042.5985%2011.4677%2042.5985%2012.4438C42.5985%2013.4277%2043.033%2013.9941%2043.8055%2013.9941C44.575%2013.9941%2045.0135%2013.4238%2045.0135%2012.4438H45.0135Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M51.5732%2014.6973H50.6514L49.7207%2011.3809H49.6504L48.7236%2014.6973H47.8105L46.5693%2010.1943H47.4707L48.2773%2013.6303H48.3438L49.2695%2010.1943H50.1221L51.0479%2013.6303H51.1182L51.9209%2010.1943H52.8096L51.5732%2014.6973Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M53.8535%2010.1939H54.709V10.9092H54.7754C54.888%2010.6523%2055.0781%2010.4369%2055.3189%2010.2931C55.5598%2010.1493%2055.8395%2010.0842%2056.1191%2010.107C56.3382%2010.0905%2056.5582%2010.1235%2056.7628%2010.2036C56.9674%2010.2837%2057.1514%2010.4088%2057.3011%2010.5697C57.4508%2010.7305%2057.5623%2010.923%2057.6275%2011.1328C57.6927%2011.3426%2057.7099%2011.5644%2057.6777%2011.7818V14.6968H56.7891V12.0049C56.7891%2011.2813%2056.4746%2010.9214%2055.8174%2010.9214C55.6686%2010.9145%2055.5201%2010.9398%2055.3821%2010.9957C55.244%2011.0515%2055.1197%2011.1365%2055.0175%2011.2449C54.9154%2011.3533%2054.8379%2011.4825%2054.7904%2011.6236C54.7429%2011.7647%2054.7264%2011.9145%2054.7422%2012.0625V14.6968H53.8535L53.8535%2010.1939Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M59.0938%208.43652H59.9824V14.6973H59.0938V8.43652Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M61.2175%2012.4439C61.1893%2012.1479%2061.2231%2011.8494%2061.317%2011.5673C61.4109%2011.2852%2061.5626%2011.0259%2061.7626%2010.8059C61.9626%2010.5859%2062.2063%2010.4101%2062.4782%2010.2898C62.75%2010.1696%2063.044%2010.1074%2063.3413%2010.1074C63.6386%2010.1074%2063.9326%2010.1696%2064.2045%2010.2898C64.4764%2010.4101%2064.7201%2010.5859%2064.92%2010.8059C65.12%2011.0259%2065.2718%2011.2852%2065.3656%2011.5673C65.4595%2011.8494%2065.4934%2012.1479%2065.4651%2012.4439C65.4939%2012.7401%2065.4604%2013.0391%2065.3668%2013.3216C65.2732%2013.6042%2065.1215%2013.864%2064.9215%2014.0844C64.7215%2014.3048%2064.4776%2014.4809%2064.2054%2014.6014C63.9333%2014.722%2063.639%2014.7842%2063.3413%2014.7842C63.0437%2014.7842%2062.7493%2014.722%2062.4772%2014.6014C62.2051%2014.4809%2061.9612%2014.3048%2061.7612%2014.0844C61.5611%2013.864%2061.4095%2013.6042%2061.3158%2013.3216C61.2222%2013.0391%2061.1887%2012.7401%2061.2175%2012.4439V12.4439ZM64.5505%2012.4439C64.5505%2011.4678%2064.1121%2010.897%2063.3425%2010.897C62.5701%2010.897%2062.1355%2011.4678%2062.1355%2012.4439C62.1355%2013.4278%2062.5701%2013.9942%2063.3425%2013.9942C64.1121%2013.9942%2064.5505%2013.4239%2064.5505%2012.4439H64.5505Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M66.4009%2013.4238C66.4009%2012.6133%2067.0044%2012.146%2068.0757%2012.0796L69.2954%2012.0093V11.6206C69.2954%2011.145%2068.981%2010.8765%2068.3735%2010.8765C67.8774%2010.8765%2067.5337%2011.0586%2067.4351%2011.377H66.5747C66.6655%2010.6035%2067.3931%2010.1074%2068.4146%2010.1074C69.5435%2010.1074%2070.1802%2010.6694%2070.1802%2011.6206V14.6973H69.3247V14.0645H69.2544C69.1117%2014.2914%2068.9113%2014.4765%2068.6737%2014.6007C68.436%2014.7249%2068.1697%2014.7838%2067.9019%2014.7715C67.7128%2014.7911%2067.5218%2014.7709%2067.341%2014.7122C67.1602%2014.6536%2066.9938%2014.5576%2066.8524%2014.4307C66.711%2014.3037%2066.5977%2014.1485%2066.52%2013.9751C66.4422%2013.8017%2066.4016%2013.6139%2066.4009%2013.4238V13.4238ZM69.2954%2013.0391V12.6626L68.1958%2012.7329C67.5757%2012.7744%2067.2944%2012.9853%2067.2944%2013.3823C67.2944%2013.7876%2067.646%2014.0234%2068.1294%2014.0234C68.2711%2014.0378%2068.4142%2014.0235%2068.5502%2013.9814C68.6862%2013.9393%2068.8123%2013.8703%2068.9211%2013.7784C69.0299%2013.6866%2069.1191%2013.5738%2069.1834%2013.4468C69.2477%2013.3198%2069.2858%2013.1811%2069.2954%2013.0391V13.0391Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M71.3481%2012.4439C71.3481%2011.021%2072.0796%2010.1196%2073.2173%2010.1196C73.4987%2010.1067%2073.778%2010.1741%2074.0225%2010.314C74.267%2010.4539%2074.4667%2010.6605%2074.5981%2010.9096H74.6646V8.43652H75.5532V14.6973H74.7017V13.9858H74.6314C74.4897%2014.2333%2074.2831%2014.4374%2074.0339%2014.5758C73.7846%2014.7143%2073.5022%2014.782%2073.2173%2014.7715C72.0718%2014.7715%2071.3481%2013.8701%2071.3481%2012.4439ZM72.2661%2012.4439C72.2661%2013.3989%2072.7163%2013.9737%2073.4693%2013.9737C74.2183%2013.9737%2074.6812%2013.3907%2074.6812%2012.4478C74.6812%2011.5093%2074.2134%2010.918%2073.4693%2010.918C72.7212%2010.918%2072.2661%2011.4966%2072.2661%2012.4439H72.2661Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M79.2298%2012.4438C79.2015%2012.1479%2079.2353%2011.8493%2079.3292%2011.5672C79.423%2011.2852%2079.5748%2011.0258%2079.7747%2010.8059C79.9746%2010.5859%2080.2183%2010.4101%2080.4902%2010.2898C80.762%2010.1696%2081.056%2010.1074%2081.3533%2010.1074C81.6506%2010.1074%2081.9446%2010.1696%2082.2164%2010.2898C82.4883%2010.4101%2082.732%2010.5859%2082.9319%2010.8059C83.1319%2011.0258%2083.2836%2011.2852%2083.3775%2011.5672C83.4713%2011.8493%2083.5052%2012.1479%2083.4768%2012.4438C83.5057%2012.74%2083.4722%2013.039%2083.3786%2013.3215C83.2851%2013.6041%2083.1334%2013.8639%2082.9334%2014.0843C82.7334%2014.3047%2082.4895%2014.4808%2082.2174%2014.6014C81.9453%2014.7219%2081.6509%2014.7842%2081.3533%2014.7842C81.0557%2014.7842%2080.7613%2014.7219%2080.4892%2014.6014C80.2171%2014.4808%2079.9732%2014.3047%2079.7732%2014.0843C79.5732%2013.8639%2079.4216%2013.6041%2079.328%2013.3215C79.2344%2013.039%2079.2009%2012.74%2079.2298%2012.4438V12.4438ZM82.5628%2012.4438C82.5628%2011.4677%2082.1243%2010.8969%2081.3548%2010.8969C80.5823%2010.8969%2080.1478%2011.4677%2080.1478%2012.4438C80.1478%2013.4277%2080.5823%2013.9941%2081.3548%2013.9941C82.1243%2013.9941%2082.5628%2013.4238%2082.5628%2012.4438Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M84.6694%2010.1939H85.5249V10.9092H85.5913C85.704%2010.6523%2085.894%2010.4369%2086.1348%2010.2931C86.3757%2010.1493%2086.6555%2010.0842%2086.9351%2010.107C87.1542%2010.0905%2087.3742%2010.1235%2087.5788%2010.2036C87.7834%2010.2837%2087.9673%2010.4088%2088.117%2010.5697C88.2667%2010.7305%2088.3783%2010.923%2088.4435%2011.1328C88.5087%2011.3426%2088.5258%2011.5644%2088.4937%2011.7818V14.6968H87.605V12.0049C87.605%2011.2813%2087.2905%2010.9214%2086.6333%2010.9214C86.4846%2010.9145%2086.336%2010.9398%2086.198%2010.9957C86.0599%2011.0515%2085.9356%2011.1365%2085.8335%2011.2449C85.7313%2011.3533%2085.6539%2011.4825%2085.6063%2011.6236C85.5588%2011.7647%2085.5423%2011.9145%2085.5581%2012.0625V14.6968H84.6694V10.1939Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M93.5151%209.07324V10.2148H94.4907V10.9634H93.5151V13.2788C93.5151%2013.7505%2093.7095%2013.957%2094.1519%2013.957C94.2651%2013.9567%2094.3783%2013.9498%2094.4907%2013.9365V14.6768C94.3311%2014.7053%2094.1694%2014.7205%2094.0073%2014.7222C93.019%2014.7222%2092.6255%2014.3745%2092.6255%2013.5063V10.9633H91.9106V10.2148H92.6255V9.07324H93.5151Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M95.7046%208.43652H96.5854V10.918H96.6558C96.7739%2010.6587%2096.9691%2010.4421%2097.2148%2010.2977C97.4605%2010.1534%2097.7447%2010.0883%2098.0288%2010.1113C98.2467%2010.0995%2098.4646%2010.1359%2098.6669%2010.2179C98.8692%2010.2999%2099.0508%2010.4256%2099.199%2010.586C99.3471%2010.7463%2099.458%2010.9373%2099.5238%2011.1455C99.5896%2011.3536%2099.6086%2011.5737%2099.5795%2011.79V14.6973H98.69V12.0093C98.69%2011.29%2098.355%2010.9258%2097.7271%2010.9258C97.5743%2010.9132%2097.4207%2010.9342%2097.2769%2010.9873C97.1332%2011.0404%2097.0027%2011.1242%2096.8947%2011.2329C96.7867%2011.3417%2096.7038%2011.4727%2096.6517%2011.6168C96.5997%2011.761%2096.5797%2011.9147%2096.5933%2012.0674V14.6973H95.7046L95.7046%208.43652Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M104.761%2013.4815C104.641%2013.8931%20104.379%2014.249%20104.022%2014.4872C103.666%2014.7253%20103.237%2014.8305%20102.81%2014.7842C102.514%2014.7921%20102.219%2014.7353%20101.946%2014.6177C101.674%2014.5002%20101.43%2014.3248%20101.232%2014.1036C101.034%2013.8825%20100.887%2013.6209%20100.8%2013.3371C100.713%2013.0533%20100.69%2012.754%20100.73%2012.46C100.691%2012.1652%20100.715%2011.8652%20100.801%2011.5805C100.888%2011.2959%20101.035%2011.0331%20101.231%2010.81C101.428%2010.587%20101.671%2010.4088%20101.943%2010.2876C102.214%2010.1664%20102.509%2010.105%20102.806%2010.1075C104.059%2010.1075%20104.815%2010.9635%20104.815%2012.3775V12.6876H101.635V12.7374C101.621%2012.9026%20101.642%2013.069%20101.696%2013.2257C101.751%2013.3825%20101.837%2013.5262%20101.95%2013.6476C102.063%2013.7691%20102.2%2013.8656%20102.352%2013.931C102.504%2013.9964%20102.669%2014.0292%20102.835%2014.0274C103.047%2014.0529%20103.263%2014.0146%20103.453%2013.9174C103.644%2013.8202%20103.802%2013.6685%20103.906%2013.4815L104.761%2013.4815ZM101.635%2012.0303H103.91C103.921%2011.8792%20103.9%2011.7274%20103.85%2011.5847C103.799%2011.442%20103.718%2011.3115%20103.614%2011.2016C103.51%2011.0918%20103.383%2011.005%20103.243%2010.9468C103.103%2010.8886%20102.953%2010.8604%20102.801%2010.8638C102.648%2010.8619%20102.495%2010.8908%20102.353%2010.9487C102.21%2011.0067%20102.081%2011.0925%20101.972%2011.2012C101.864%2011.3099%20101.778%2011.4393%20101.72%2011.5817C101.662%2011.7241%20101.633%2011.8766%20101.635%2012.0303H101.635Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E"); } appStore { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2040%22%20fill%3D%22none%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%22119%22%20height%3D%2239%22%20rx%3D%226.5%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M24.9965%2019.889C25.0077%2019.021%2025.2383%2018.17%2025.6667%2017.4151C26.0952%2016.6601%2026.7077%2016.0259%2027.4471%2015.5712C26.9774%2014.9003%2026.3576%2014.3482%2025.6372%2013.9587C24.9167%2013.5692%2024.1153%2013.3531%2023.2967%2013.3275C21.5505%2013.1442%2019.8576%2014.3724%2018.9677%2014.3724C18.0607%2014.3724%2016.6906%2013.3457%2015.2153%2013.376C14.261%2013.4069%2013.331%2013.6844%2012.5158%2014.1815C11.7007%2014.6786%2011.0282%2015.3784%2010.5639%2016.2127C8.55278%2019.6947%2010.0529%2024.8121%2011.9794%2027.6267C12.9433%2029.005%2014.0698%2030.5445%2015.5438%2030.4899C16.9862%2030.4301%2017.5249%2029.5701%2019.266%2029.5701C20.9909%2029.5701%2021.4963%2030.4899%2023.0003%2030.4552C24.548%2030.4301%2025.5232%2029.0708%2026.4533%2027.6795C27.1458%2026.6975%2027.6787%2025.6121%2028.0323%2024.4637C27.133%2024.0833%2026.3657%2023.4467%2025.8258%2022.6332C25.286%2021.8197%2024.9976%2020.8653%2024.9965%2019.889Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M22.1563%2011.4768C23.0003%2010.4637%2023.416%209.1616%2023.3153%207.84692C22.026%207.98234%2020.8351%208.59854%2019.9798%209.57274C19.5616%2010.0487%2019.2413%2010.6023%2019.0372%2011.2021C18.8332%2011.8019%2018.7493%2012.436%2018.7905%2013.0682C19.4353%2013.0749%2020.0733%2012.9351%2020.6563%2012.6594C21.2394%2012.3838%2021.7522%2011.9794%2022.1563%2011.4768V11.4768Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M42.3018%2027.1399H37.5684L36.4316%2030.4964H34.4268L38.9102%2018.0784H40.9932L45.4766%2030.4964H43.4375L42.3018%2027.1399ZM38.0586%2025.5911H41.8106L39.961%2020.1438H39.9092L38.0586%2025.5911Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M55.1592%2025.9697C55.1592%2028.7832%2053.6533%2030.5908%2051.3809%2030.5908C50.8052%2030.6209%2050.2327%2030.4883%2049.7289%2030.2082C49.2251%2029.928%2048.8104%2029.5117%2048.5323%2029.0068H48.4893V33.4912H46.6309V21.4423H48.4297V22.9482H48.4639C48.7548%2022.4457%2049.1766%2022.0316%2049.6842%2021.7497C50.1918%2021.4679%2050.7664%2021.3289%2051.3467%2021.3476C53.6446%2021.3476%2055.1592%2023.164%2055.1592%2025.9697ZM53.249%2025.9697C53.249%2024.1367%2052.3018%2022.9316%2050.8565%2022.9316C49.4365%2022.9316%2048.4815%2024.1621%2048.4815%2025.9697C48.4815%2027.7939%2049.4365%2029.0156%2050.8565%2029.0156C52.3018%2029.0156%2053.249%2027.8193%2053.249%2025.9697H53.249Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M65.1245%2025.9697C65.1245%2028.7832%2063.6182%2030.5908%2061.3457%2030.5908C60.7701%2030.6209%2060.1976%2030.4883%2059.6938%2030.2082C59.19%2029.928%2058.7753%2029.5117%2058.4971%2029.0068H58.4541V33.4912H56.5957V21.4423H58.3945V22.9482H58.4287C58.7197%2022.4457%2059.1414%2022.0316%2059.649%2021.7497C60.1567%2021.4679%2060.7312%2021.3289%2061.3115%2021.3476C63.6094%2021.3476%2065.1245%2023.164%2065.1245%2025.9697ZM63.2139%2025.9697C63.2139%2024.1367%2062.2666%2022.9316%2060.8213%2022.9316C59.4014%2022.9316%2058.4463%2024.1621%2058.4463%2025.9697C58.4463%2027.7939%2059.4014%2029.0156%2060.8213%2029.0156C62.2666%2029.0156%2063.2139%2027.8193%2063.2139%2025.9697V25.9697Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M71.7095%2027.0364C71.8472%2028.2679%2073.0435%2029.0764%2074.6783%2029.0764C76.2447%2029.0764%2077.3716%2028.2678%2077.3716%2027.1575C77.3716%2026.1936%2076.6919%2025.6165%2075.0826%2025.221L73.4732%2024.8333C71.1929%2024.2825%2070.1343%2023.2161%2070.1343%2021.4856C70.1343%2019.343%2072.0015%2017.8713%2074.6519%2017.8713C77.2769%2017.8713%2079.0757%2019.343%2079.1363%2021.4856H77.2603C77.148%2020.2463%2076.1236%2019.4983%2074.6265%2019.4983C73.1294%2019.4983%2072.105%2020.2551%2072.105%2021.3567C72.105%2022.2346%2072.7593%2022.7512%2074.3599%2023.1467L75.7281%2023.4826C78.2759%2024.0852%2079.3335%2025.1086%2079.3335%2026.925C79.3335%2029.2483%2077.4839%2030.7033%2074.5405%2030.7033C71.7866%2030.7033%2069.9272%2029.2824%2069.8071%2027.0363L71.7095%2027.0364Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M83.3462%2019.3V21.4426H85.0679V22.9143H83.3462V27.9055C83.3462%2028.6809%2083.6909%2029.0422%2084.4477%2029.0422C84.6521%2029.0387%2084.8562%2029.0243%2085.0591%2028.9992V30.4621C84.7188%2030.5257%2084.3729%2030.5545%2084.0268%2030.5481C82.1938%2030.5481%2081.479%2029.8596%2081.479%2028.1037V22.9143H80.1626V21.4426H81.479V19.3H83.3462Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M86.064%2025.97C86.064%2023.1213%2087.7417%2021.3313%2090.3579%2021.3313C92.9829%2021.3313%2094.6528%2023.1213%2094.6528%2025.97C94.6528%2028.8264%2092.9917%2030.6086%2090.3579%2030.6086C87.7251%2030.6086%2086.064%2028.8264%2086.064%2025.97ZM92.7593%2025.97C92.7593%2024.0159%2091.8638%2022.8625%2090.3579%2022.8625C88.852%2022.8625%2087.9565%2024.0247%2087.9565%2025.97C87.9565%2027.9319%2088.852%2029.0764%2090.3579%2029.0764C91.8638%2029.0764%2092.7593%2027.9319%2092.7593%2025.97H92.7593Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M96.1851%2021.4423H97.9575V22.9833H98.0005C98.1205%2022.502%2098.4024%2022.0766%2098.799%2021.7788C99.1956%2021.4809%2099.6826%2021.3286%20100.178%2021.3475C100.392%2021.3468%20100.606%2021.37%20100.815%2021.4169V23.1551C100.545%2023.0725%20100.263%2023.0346%2099.98%2023.0428C99.71%2023.0319%2099.4409%2023.0795%2099.191%2023.1824C98.9412%2023.2853%2098.7166%2023.441%2098.5326%2023.6389C98.3486%2023.8368%2098.2096%2024.0721%2098.1252%2024.3288C98.0408%2024.5855%2098.0129%2024.8574%2098.0435%2025.1258V30.496H96.1851L96.1851%2021.4423Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M109.383%2027.8372C109.133%2029.4807%20107.533%2030.6086%20105.485%2030.6086C102.851%2030.6086%20101.216%2028.844%20101.216%2026.0129C101.216%2023.1731%20102.86%2021.3313%20105.407%2021.3313C107.912%2021.3313%20109.487%2023.052%20109.487%2025.7971V26.4338H103.092V26.5461C103.063%2026.8793%20103.104%2027.215%20103.215%2027.5308C103.325%2027.8467%20103.501%2028.1355%20103.731%2028.378C103.962%2028.6206%20104.241%2028.8113%20104.551%2028.9376C104.86%2029.0639%20105.194%2029.1229%20105.528%2029.1106C105.967%2029.1517%20106.408%2029.05%20106.784%2028.8206C107.161%2028.5911%20107.454%2028.2462%20107.619%2027.8371L109.383%2027.8372ZM103.101%2025.135H107.627C107.644%2024.8354%20107.599%2024.5356%20107.494%2024.2544C107.389%2023.9732%20107.228%2023.7166%20107.019%2023.5009C106.811%2023.2851%20106.56%2023.1148%20106.282%2023.0006C106.005%2022.8863%20105.707%2022.8307%20105.407%2022.8372C105.104%2022.8354%20104.804%2022.8935%20104.524%2023.0082C104.244%2023.123%20103.989%2023.292%20103.775%2023.5057C103.561%2023.7193%20103.391%2023.9733%20103.275%2024.2529C103.159%2024.5326%20103.1%2024.8324%20103.101%2025.135V25.135Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M37.8262%208.7304C38.2158%208.70244%2038.6067%208.7613%2038.9709%208.90274C39.335%209.04417%2039.6632%209.26465%2039.9317%209.54828C40.2003%209.8319%2040.4026%2010.1716%2040.524%2010.5429C40.6454%2010.9141%2040.6829%2011.3077%2040.6338%2011.6952C40.6338%2013.6015%2039.6035%2014.6972%2037.8262%2014.6972H35.6709V8.7304H37.8262ZM36.5976%2013.8534H37.7226C38.0011%2013.87%2038.2797%2013.8244%2038.5382%2013.7198C38.7967%2013.6152%2039.0287%2013.4542%2039.2172%2013.2487C39.4057%2013.0431%2039.546%2012.7981%2039.6278%2012.5315C39.7097%2012.2648%2039.7311%2011.9833%2039.6904%2011.7074C39.7281%2011.4326%2039.7046%2011.1528%2039.6215%2010.8881C39.5383%2010.6235%2039.3977%2010.3805%2039.2096%2010.1765C39.0216%209.97261%2038.7907%209.8128%2038.5337%209.70856C38.2766%209.60433%2037.9996%209.55824%2037.7226%209.57361H36.5976V13.8534Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M41.6805%2012.4438C41.6521%2012.1479%2041.686%2011.8493%2041.7798%2011.5672C41.8737%2011.2852%2042.0254%2011.0258%2042.2254%2010.8059C42.4253%2010.5859%2042.669%2010.4101%2042.9409%2010.2898C43.2127%2010.1696%2043.5067%2010.1074%2043.804%2010.1074C44.1013%2010.1074%2044.3952%2010.1696%2044.6671%2010.2898C44.939%2010.4101%2045.1827%2010.5859%2045.3826%2010.8059C45.5825%2011.0258%2045.7343%2011.2852%2045.8281%2011.5672C45.922%2011.8493%2045.9558%2012.1479%2045.9275%2012.4438C45.9564%2012.74%2045.9229%2013.039%2045.8293%2013.3215C45.7357%2013.6041%2045.5841%2013.8639%2045.3841%2014.0843C45.1841%2014.3047%2044.9402%2014.4808%2044.6681%2014.6014C44.3959%2014.7219%2044.1016%2014.7842%2043.804%2014.7842C43.5064%2014.7842%2043.212%2014.7219%2042.9399%2014.6014C42.6678%2014.4808%2042.4239%2014.3047%2042.2239%2014.0843C42.0239%2013.8639%2041.8722%2013.6041%2041.7786%2013.3215C41.6851%2013.039%2041.6516%2012.74%2041.6805%2012.4438V12.4438ZM45.0135%2012.4438C45.0135%2011.4677%2044.575%2010.8969%2043.8055%2010.8969C43.033%2010.8969%2042.5985%2011.4677%2042.5985%2012.4438C42.5985%2013.4277%2043.033%2013.9941%2043.8055%2013.9941C44.575%2013.9941%2045.0135%2013.4238%2045.0135%2012.4438H45.0135Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M51.5732%2014.6973H50.6514L49.7207%2011.3809H49.6504L48.7236%2014.6973H47.8105L46.5693%2010.1943H47.4707L48.2773%2013.6303H48.3438L49.2695%2010.1943H50.1221L51.0479%2013.6303H51.1182L51.9209%2010.1943H52.8096L51.5732%2014.6973Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M53.8535%2010.1939H54.709V10.9092H54.7754C54.888%2010.6523%2055.0781%2010.4369%2055.3189%2010.2931C55.5598%2010.1493%2055.8395%2010.0842%2056.1191%2010.107C56.3382%2010.0905%2056.5582%2010.1235%2056.7628%2010.2036C56.9674%2010.2837%2057.1514%2010.4088%2057.3011%2010.5697C57.4508%2010.7305%2057.5623%2010.923%2057.6275%2011.1328C57.6927%2011.3426%2057.7099%2011.5644%2057.6777%2011.7818V14.6968H56.7891V12.0049C56.7891%2011.2813%2056.4746%2010.9214%2055.8174%2010.9214C55.6686%2010.9145%2055.5201%2010.9398%2055.3821%2010.9957C55.244%2011.0515%2055.1197%2011.1365%2055.0175%2011.2449C54.9154%2011.3533%2054.8379%2011.4825%2054.7904%2011.6236C54.7429%2011.7647%2054.7264%2011.9145%2054.7422%2012.0625V14.6968H53.8535L53.8535%2010.1939Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M59.0938%208.43652H59.9824V14.6973H59.0938V8.43652Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M61.2175%2012.4439C61.1893%2012.1479%2061.2231%2011.8494%2061.317%2011.5673C61.4109%2011.2852%2061.5626%2011.0259%2061.7626%2010.8059C61.9626%2010.5859%2062.2063%2010.4101%2062.4782%2010.2898C62.75%2010.1696%2063.044%2010.1074%2063.3413%2010.1074C63.6386%2010.1074%2063.9326%2010.1696%2064.2045%2010.2898C64.4764%2010.4101%2064.7201%2010.5859%2064.92%2010.8059C65.12%2011.0259%2065.2718%2011.2852%2065.3656%2011.5673C65.4595%2011.8494%2065.4934%2012.1479%2065.4651%2012.4439C65.4939%2012.7401%2065.4604%2013.0391%2065.3668%2013.3216C65.2732%2013.6042%2065.1215%2013.864%2064.9215%2014.0844C64.7215%2014.3048%2064.4776%2014.4809%2064.2054%2014.6014C63.9333%2014.722%2063.639%2014.7842%2063.3413%2014.7842C63.0437%2014.7842%2062.7493%2014.722%2062.4772%2014.6014C62.2051%2014.4809%2061.9612%2014.3048%2061.7612%2014.0844C61.5611%2013.864%2061.4095%2013.6042%2061.3158%2013.3216C61.2222%2013.0391%2061.1887%2012.7401%2061.2175%2012.4439V12.4439ZM64.5505%2012.4439C64.5505%2011.4678%2064.1121%2010.897%2063.3425%2010.897C62.5701%2010.897%2062.1355%2011.4678%2062.1355%2012.4439C62.1355%2013.4278%2062.5701%2013.9942%2063.3425%2013.9942C64.1121%2013.9942%2064.5505%2013.4239%2064.5505%2012.4439H64.5505Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M66.4009%2013.4238C66.4009%2012.6133%2067.0044%2012.146%2068.0757%2012.0796L69.2954%2012.0093V11.6206C69.2954%2011.145%2068.981%2010.8765%2068.3735%2010.8765C67.8774%2010.8765%2067.5337%2011.0586%2067.4351%2011.377H66.5747C66.6655%2010.6035%2067.3931%2010.1074%2068.4146%2010.1074C69.5435%2010.1074%2070.1802%2010.6694%2070.1802%2011.6206V14.6973H69.3247V14.0645H69.2544C69.1117%2014.2914%2068.9113%2014.4765%2068.6737%2014.6007C68.436%2014.7249%2068.1697%2014.7838%2067.9019%2014.7715C67.7128%2014.7911%2067.5218%2014.7709%2067.341%2014.7122C67.1602%2014.6536%2066.9938%2014.5576%2066.8524%2014.4307C66.711%2014.3037%2066.5977%2014.1485%2066.52%2013.9751C66.4422%2013.8017%2066.4016%2013.6139%2066.4009%2013.4238V13.4238ZM69.2954%2013.0391V12.6626L68.1958%2012.7329C67.5757%2012.7744%2067.2944%2012.9853%2067.2944%2013.3823C67.2944%2013.7876%2067.646%2014.0234%2068.1294%2014.0234C68.2711%2014.0378%2068.4142%2014.0235%2068.5502%2013.9814C68.6862%2013.9393%2068.8123%2013.8703%2068.9211%2013.7784C69.0299%2013.6866%2069.1191%2013.5738%2069.1834%2013.4468C69.2477%2013.3198%2069.2858%2013.1811%2069.2954%2013.0391V13.0391Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M71.3481%2012.4439C71.3481%2011.021%2072.0796%2010.1196%2073.2173%2010.1196C73.4987%2010.1067%2073.778%2010.1741%2074.0225%2010.314C74.267%2010.4539%2074.4667%2010.6605%2074.5981%2010.9096H74.6646V8.43652H75.5532V14.6973H74.7017V13.9858H74.6314C74.4897%2014.2333%2074.2831%2014.4374%2074.0339%2014.5758C73.7846%2014.7143%2073.5022%2014.782%2073.2173%2014.7715C72.0718%2014.7715%2071.3481%2013.8701%2071.3481%2012.4439ZM72.2661%2012.4439C72.2661%2013.3989%2072.7163%2013.9737%2073.4693%2013.9737C74.2183%2013.9737%2074.6812%2013.3907%2074.6812%2012.4478C74.6812%2011.5093%2074.2134%2010.918%2073.4693%2010.918C72.7212%2010.918%2072.2661%2011.4966%2072.2661%2012.4439H72.2661Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M79.2298%2012.4438C79.2015%2012.1479%2079.2353%2011.8493%2079.3292%2011.5672C79.423%2011.2852%2079.5748%2011.0258%2079.7747%2010.8059C79.9746%2010.5859%2080.2183%2010.4101%2080.4902%2010.2898C80.762%2010.1696%2081.056%2010.1074%2081.3533%2010.1074C81.6506%2010.1074%2081.9446%2010.1696%2082.2164%2010.2898C82.4883%2010.4101%2082.732%2010.5859%2082.9319%2010.8059C83.1319%2011.0258%2083.2836%2011.2852%2083.3775%2011.5672C83.4713%2011.8493%2083.5052%2012.1479%2083.4768%2012.4438C83.5057%2012.74%2083.4722%2013.039%2083.3786%2013.3215C83.2851%2013.6041%2083.1334%2013.8639%2082.9334%2014.0843C82.7334%2014.3047%2082.4895%2014.4808%2082.2174%2014.6014C81.9453%2014.7219%2081.6509%2014.7842%2081.3533%2014.7842C81.0557%2014.7842%2080.7613%2014.7219%2080.4892%2014.6014C80.2171%2014.4808%2079.9732%2014.3047%2079.7732%2014.0843C79.5732%2013.8639%2079.4216%2013.6041%2079.328%2013.3215C79.2344%2013.039%2079.2009%2012.74%2079.2298%2012.4438V12.4438ZM82.5628%2012.4438C82.5628%2011.4677%2082.1243%2010.8969%2081.3548%2010.8969C80.5823%2010.8969%2080.1478%2011.4677%2080.1478%2012.4438C80.1478%2013.4277%2080.5823%2013.9941%2081.3548%2013.9941C82.1243%2013.9941%2082.5628%2013.4238%2082.5628%2012.4438Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M84.6694%2010.1939H85.5249V10.9092H85.5913C85.704%2010.6523%2085.894%2010.4369%2086.1348%2010.2931C86.3757%2010.1493%2086.6555%2010.0842%2086.9351%2010.107C87.1542%2010.0905%2087.3742%2010.1235%2087.5788%2010.2036C87.7834%2010.2837%2087.9673%2010.4088%2088.117%2010.5697C88.2667%2010.7305%2088.3783%2010.923%2088.4435%2011.1328C88.5087%2011.3426%2088.5258%2011.5644%2088.4937%2011.7818V14.6968H87.605V12.0049C87.605%2011.2813%2087.2905%2010.9214%2086.6333%2010.9214C86.4846%2010.9145%2086.336%2010.9398%2086.198%2010.9957C86.0599%2011.0515%2085.9356%2011.1365%2085.8335%2011.2449C85.7313%2011.3533%2085.6539%2011.4825%2085.6063%2011.6236C85.5588%2011.7647%2085.5423%2011.9145%2085.5581%2012.0625V14.6968H84.6694V10.1939Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M93.5151%209.07324V10.2148H94.4907V10.9634H93.5151V13.2788C93.5151%2013.7505%2093.7095%2013.957%2094.1519%2013.957C94.2651%2013.9567%2094.3783%2013.9498%2094.4907%2013.9365V14.6768C94.3311%2014.7053%2094.1694%2014.7205%2094.0073%2014.7222C93.019%2014.7222%2092.6255%2014.3745%2092.6255%2013.5063V10.9633H91.9106V10.2148H92.6255V9.07324H93.5151Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M95.7046%208.43652H96.5854V10.918H96.6558C96.7739%2010.6587%2096.9691%2010.4421%2097.2148%2010.2977C97.4605%2010.1534%2097.7447%2010.0883%2098.0288%2010.1113C98.2467%2010.0995%2098.4646%2010.1359%2098.6669%2010.2179C98.8692%2010.2999%2099.0508%2010.4256%2099.199%2010.586C99.3471%2010.7463%2099.458%2010.9373%2099.5238%2011.1455C99.5896%2011.3536%2099.6086%2011.5737%2099.5795%2011.79V14.6973H98.69V12.0093C98.69%2011.29%2098.355%2010.9258%2097.7271%2010.9258C97.5743%2010.9132%2097.4207%2010.9342%2097.2769%2010.9873C97.1332%2011.0404%2097.0027%2011.1242%2096.8947%2011.2329C96.7867%2011.3417%2096.7038%2011.4727%2096.6517%2011.6168C96.5997%2011.761%2096.5797%2011.9147%2096.5933%2012.0674V14.6973H95.7046L95.7046%208.43652Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M104.761%2013.4815C104.641%2013.8931%20104.379%2014.249%20104.022%2014.4872C103.666%2014.7253%20103.237%2014.8305%20102.81%2014.7842C102.514%2014.7921%20102.219%2014.7353%20101.946%2014.6177C101.674%2014.5002%20101.43%2014.3248%20101.232%2014.1036C101.034%2013.8825%20100.887%2013.6209%20100.8%2013.3371C100.713%2013.0533%20100.69%2012.754%20100.73%2012.46C100.691%2012.1652%20100.715%2011.8652%20100.801%2011.5805C100.888%2011.2959%20101.035%2011.0331%20101.231%2010.81C101.428%2010.587%20101.671%2010.4088%20101.943%2010.2876C102.214%2010.1664%20102.509%2010.105%20102.806%2010.1075C104.059%2010.1075%20104.815%2010.9635%20104.815%2012.3775V12.6876H101.635V12.7374C101.621%2012.9026%20101.642%2013.069%20101.696%2013.2257C101.751%2013.3825%20101.837%2013.5262%20101.95%2013.6476C102.063%2013.7691%20102.2%2013.8656%20102.352%2013.931C102.504%2013.9964%20102.669%2014.0292%20102.835%2014.0274C103.047%2014.0529%20103.263%2014.0146%20103.453%2013.9174C103.644%2013.8202%20103.802%2013.6685%20103.906%2013.4815L104.761%2013.4815ZM101.635%2012.0303H103.91C103.921%2011.8792%20103.9%2011.7274%20103.85%2011.5847C103.799%2011.442%20103.718%2011.3115%20103.614%2011.2016C103.51%2011.0918%20103.383%2011.005%20103.243%2010.9468C103.103%2010.8886%20102.953%2010.8604%20102.801%2010.8638C102.648%2010.8619%20102.495%2010.8908%20102.353%2010.9487C102.21%2011.0067%20102.081%2011.0925%20101.972%2011.2012C101.864%2011.3099%20101.778%2011.4393%20101.72%2011.5817C101.662%2011.7241%20101.633%2011.8766%20101.635%2012.0303H101.635Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); }