/* Theme Name: VARDAAN Inc. Theme URI: https://vardaan.com.np/ Author: KG Description: A premium, fully responsive corporate website theme for VARDAAN Inc. (P) LTD., featuring modern design, light and dark themes, cinematic visuals, responsive navigation, and corporate-focused layouts. Version: 2.2.0 Tags: corporate, premium, responsive, bootstrap, business, vardaan, investment, partnership, alliance, unity License: Proprietary Copyright: © 2026 VARDAAN Inc. (P) LTD. All Rights Reserved. Text Domain: vardaan-inc */ /*:::::::::::::::::::::: FONTS IMPORT :::::::::::::::::::::::*/ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /*:::::::::::::::::::::: FONTS IMPORT :::::::::::::::::::::::*/ :root { --font-heading: 'Poppins', sans-serif; --font-body: 'Inter', Arial, sans-serif; --font-devanagari: 'Noto Sans Devanagari', sans-serif; --font-size-2xs: 10px; --font-size-xs: 11px; --font-size-sm: 12px; --font-size-md: 13px; --font-size-base-sm: 15px; --font-size-base: 16px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-2xl: 24px; --font-size-3xl: 30px; --font-size-4xl: 38px; --font-size-h1: clamp(3.15rem, 6.4vw, 6.25rem); --font-size-h2: clamp(2.35rem, 4.4vw, 4.6rem); --font-size-h3: clamp(1.65rem, 2.4vw, 2.35rem); --font-size-display-sm: clamp(2.65rem, 6vw, 4.75rem); --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --line-height-tight: 1.05; --line-height-heading: 1.12; --line-height-body: 1.75; --line-height-relaxed: 1.9; --letter-spacing-body: 0; --letter-spacing-label: 0.14em; --letter-spacing-nav: 0.03em; --color-white: #ffffff; --color-off-white: #fbfaf6; --color-warm-white: #f7f3e9; --color-black: #090a09; --color-black-soft: #141614; --color-charcoal: #242724; --color-charcoal-soft: #494a4e; --color-muted: #6f7470; --color-muted-light: #8e938f; --color-gold-50: #fffaf0; --color-gold-100: #fbf2d4; --color-gold-200: #f2df9c; --color-gold-300: #e9cd70; --color-gold-400: #ddb94a; --color-gold-500: #d4af37; --color-gold-600: #b58b21; --color-gold-700: #8d6818; --color-success: #1f7a54; --color-danger: #b43b3b; --color-black-a03: rgba(9, 10, 9, 0.03); --color-black-a05: rgba(9, 10, 9, 0.05); --color-black-a08: rgba(9, 10, 9, 0.08); --color-black-a10: rgba(9, 10, 9, 0.10); --color-black-a14: rgba(9, 10, 9, 0.14); --color-black-a18: rgba(9, 10, 9, 0.18); --color-black-a24: rgba(9, 10, 9, 0.24); --color-black-a55: rgba(9, 10, 9, 0.55); --color-black-a72: rgba(9, 10, 9, 0.72); --color-black-a88: rgba(9, 10, 9, 0.88); --color-white-a08: rgba(255, 255, 255, 0.08); --color-white-a12: rgba(255, 255, 255, 0.12); --color-white-a18: rgba(255, 255, 255, 0.18); --color-white-a68: rgba(255, 255, 255, 0.68); --color-white-a88: rgba(255, 255, 255, 0.88); --color-gold-a08: rgba(212, 175, 55, 0.08); --color-gold-a12: rgba(212, 175, 55, 0.12); --color-gold-a18: rgba(212, 175, 55, 0.18); --color-gold-a24: rgba(212, 175, 55, 0.24); --color-gold-a34: rgba(212, 175, 55, 0.34); --color-gold-a52: rgba(212, 175, 55, 0.52); --color-text-primary: var(--color-black); --color-text-secondary: var(--color-charcoal-soft); --color-text-muted: var(--color-muted); --color-text-subtle: var(--color-muted-light); --color-text-inverted: var(--color-white); --color-text-accent: var(--color-gold-700); --color-icon-primary: var(--color-black); --color-icon-inverted: var(--color-white); --background-page: var(--gradient-page); --background-surface: var(--color-white); --background-surface-soft: var(--color-gold-50); --background-surface-muted: var(--color-warm-white); --background-dark: var(--color-black); --background-dark-soft: var(--color-black-soft); --background-transparent: transparent; --background-gold-soft: var(--color-gold-100); --background-gold-hover: var(--color-gold-200); --background-success-soft: rgba(31, 122, 84, 0.10); --background-danger-soft: rgba(180, 59, 59, 0.10); --gradient-navbar: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88)); --gradient-page: linear-gradient(155deg, var(--color-white) 0%, var(--color-ivory) 52%, var(--color-mist) 100%); --gradient-warm: linear-gradient(125deg, var(--color-white), var(--color-ivory)); --gradient-dark: linear-gradient(135deg, var(--color-black), var(--color-black-soft)); --gradient-gold: linear-gradient(135deg, var(--color-gold-300), var(--color-gold-500)); --gradient-gold-soft: linear-gradient(135deg, var(--color-gold-50), var(--color-gold-100)); --gradient-hero-overlay: linear-gradient(90deg, rgba(9,10,9,0.92) 0%, rgba(9,10,9,0.72) 45%, rgba(9,10,9,0.46) 100%); --gradient-hero-vignette: linear-gradient(180deg, rgba(9,10,9,0.12) 0%, rgba(9,10,9,0.08) 55%, rgba(9,10,9,0.78) 100%); --gradient-media-shade: linear-gradient(180deg, rgba(9,10,9,0.02), rgba(9,10,9,0.10) 48%, rgba(9,10,9,0.78)); --gradient-card-highlight: linear-gradient(90deg, var(--color-gold-500), var(--color-gold-300)); --gradient-loader: radial-gradient(circle at 50% 40%, var(--color-gold-a12), var(--background-transparent) 28%), linear-gradient(180deg, var(--color-white), var(--color-off-white)); --gradient-loader-ring: conic-gradient(var(--color-gold-500), var(--color-gold-100), var(--color-black), var(--color-gold-500)); --border-color-subtle: var(--color-black-a08); --border-color-medium: var(--color-black-a14); --border-color-strong: var(--color-black-a24); --border-color-gold: var(--color-gold-a34); --border-color-gold-strong: var(--color-gold-a52); --border-subtle: 1px solid var(--border-color-subtle); --border-medium: 1px solid var(--border-color-medium); --border-strong: 1px solid var(--border-color-strong); --border-gold: 1px solid var(--border-color-gold); --border-gold-strong: 1px solid var(--border-color-gold-strong); --border-inverted: 1px solid var(--color-white-a18); --border-dashed: 1px dashed var(--border-color-gold); --border-accent-left: 3px solid var(--color-gold-500); --radius-xs: 8px; --radius-sm: 12px; --radius-md: 18px; --radius-lg: 24px; --radius-xl: 32px; --radius-pill: 999px; --radius-none: 0; --shadow-xs: 0 6px 18px var(--color-black-a05); --shadow-sm: 0 10px 30px var(--color-black-a08); --shadow-md: 0 20px 55px var(--color-black-a10); --shadow-lg: 0 30px 80px var(--color-black-a14); --shadow-xl: 0 42px 110px var(--color-black-a18); --shadow-gold: 0 18px 42px var(--color-gold-a18); --shadow-inset-gold: inset 0 0 0 1px var(--color-gold-a18); --shadow-focus-gold: 0 0 0 3px var(--color-gold-a12); --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 40px; --space-9: 48px; --space-10: 64px; --space-11: 80px; --space-12: 96px; --space-section: clamp(72px, 8vw, 120px); --space-section-sm: clamp(48px, 6vw, 84px); --container-x: clamp(20px, 4vw, 68px); --content-max: 1180px; --content-reading: 820px; --header-top-offset: 20px; --header-height: 86px; --header-height-scrolled: 86px; --navbar-background: rgba(255, 255, 255, 0.1); --navbar-border: 1px solid var(--color-white-a68); --navbar-text: var(--color-black); --dropdown-background: var(--color-white); --dropdown-text: var(--color-black); --dropdown-hover-background: var(--color-mist); --dropdown-active-background: var(--color-mist); --ease-standard: cubic-bezier(.2,.7,.2,1); --ease-premium: cubic-bezier(.16,1,.3,1); --duration-fast: 0.22s; --duration-base: 0.4s; --duration-slow: 0.7s; --duration-reduced: .001ms; --transition-color: color var(--duration-base) var(--ease-standard); --transition-background: background var(--duration-base) var(--ease-standard); --transition-border: border-color var(--duration-base) var(--ease-standard); --transition-transform: transform var(--duration-base) var(--ease-premium); --transition-shadow: box-shadow var(--duration-base) var(--ease-standard); --transition-all: all var(--duration-base) var(--ease-premium); --z-base: 1; --z-dropdown: 1080; --z-header: 1040; --z-floating: 1060; --z-modal: 1090; --z-loader: 99999; --font-title: var(--font-heading); --font-display: var(--font-heading); --font-family-heading: var(--font-heading); --font-family-primary: var(--font-body); --font-size-body: var(--font-size-base); --font-size-small: var(--font-size-xs); --font-weight-normal: var(--font-weight-regular); --text: var(--color-text-primary); --text-soft: var(--color-text-secondary); --text-muted: var(--color-text-muted); --surface: var(--background-surface); --surface-2: var(--background-surface-soft); --body-bg: var(--background-page); --page-bg: var(--background-page); --section-bg: var(--background-surface); --section-alt-bg: var(--background-surface-muted); --footer-bg: var(--background-surface); --gold: var(--color-gold-500); --gold-light: var(--color-gold-300); --gold-dark: var(--color-gold-700); --green-950: var(--color-black); --bg-global: var(--background-page); --border-soft: var(--border-color-subtle); --accent-color: var(--color-gold-500); --line: var(--border-color-subtle); --line-soft: var(--border-color-subtle); --transparent: rgba(255,255,255,0); --font-style-normal: normal; --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275); --color-white-a10: rgba(255, 255, 255, 0.10); --color-white-a15: rgba(255, 255, 255, 0.15); --color-white-a22: rgba(255, 255, 255, 0.22); --color-dark-a10: rgba(9, 10, 9, 0.10); --color-dark-a36: rgba(9, 10, 9, 0.36); --color-dark-a48: rgba(9, 10, 9, 0.48); --color-app-black: #000000; --color-app-icon: #D4AF37; --color-app-text: #E5E5E5; --glass-navbar-background: var(--color-white-a10); --glass-navbar-background-scrolled: var(--color-white-a12); --glass-navbar-border: 1px solid var(--color-white-a15); --glass-navbar-blur: blur(24px) saturate(140%); --navbar-background-scrolled: var(--navbar-background); --navbar-radius: var(--radius-md); --header-scrolled-top-offset: var(--header-top-offset); --header-entrance-distance: -24px; --dropdown-level-3-offset: var(--space-2); --dropdown-level-3-padding-y: var(--space-2); --dropdown-level-3-padding-x: var(--space-4); --hero-panel-background: var(--color-dark-a36); --hero-panel-background-hover: var(--color-dark-a48); --hero-panel-border: 1px solid var(--color-white-a15); --hero-panel-inset-border: inset 0 1px 0 var(--color-white-a22); --hero-panel-blur: blur(20px) saturate(165%); --hero-panel-kicker-size: var(--font-size-2xs); --hero-panel-text-size: var(--font-size-base-sm); --footer-app-icon-size: 62px; --footer-app-icon-image-size: 42px; --footer-app-icon-padding: var(--space-2); --footer-app-icon-max-height: 66px; --app-store-background: var(--color-app-black); --app-store-icon-color: var(--color-app-icon); --app-store-text-color: var(--color-app-text); --app-store-muted-color: var(--color-white-a68); --app-store-min-height: 52px; --app-store-icon-size: 20px; --shadow-dark: 0 24px 70px var(--color-black-a24); --venobox-overlay-color: rgba(0, 0, 0, 0.88); --va-green-950: var(--green-950, #03100b); --va-green-900: var(--green-900, #06140f); --va-green-850: var(--green-850, #081b14); --va-green-800: var(--green-800, #0b241a); --va-green-700: var(--green-700, #123326); --va-gold: var(--gold, #d4af37); --va-gold-light: var(--gold-light, #f4df91); --va-gold-dark: var(--gold-dark, #9e7620); --va-text: var(--text, #102019); --va-soft: var(--text-soft, #526158); --va-muted: var(--text-muted, #77827b); --va-surface: var(--surface, #06140f); --va-surface-2: var(--surface-2, #081b14); --va-line: var(--line, rgba(212,175,55,.20)); --va-line-soft: var(--line-soft, rgba(255,255,255,.08)); --vardaan_innerbanner_height: 450px; --vardaan_innerbanner_overlay: .62; --vardaan_innerbanner_radius: clamp(22px, 3vw, 38px); --letter-spacing-tight: -0.035em; --letter-spacing-heading: -0.025em; --color-mist: #f2f5f5; --color-ivory: #faf9f5; --navbar-white-layer: rgba(255, 255, 255, 0.88); --shadow-dropdown: 0 18px 48px var(--color-black-a14), 0 3px 10px var(--color-black-a05); --duration-nav-hide: 320ms; --duration-nav-reveal: 560ms; --ease-nav-bounce: cubic-bezier(.22, 1.28, .36, 1); --nav-focus-ring: 2px solid var(--color-black); --green-900: var(--color-black-soft); --green-850: var(--color-charcoal); --green-800: var(--color-charcoal); --green-700: var(--color-charcoal-soft); --detail-color-01: rgba(212,175,55,.085); --detail-color-02: rgba(18,51,38,.30); --detail-color-03: #03100b; --detail-color-04: rgba(212,175,55,.022); --detail-color-05: #000; --detail-color-06: rgba(255,255,255,.035); --detail-color-07: rgba(255,255,255,.008); --detail-color-08: rgba(0,0,0,.18); --detail-color-09: rgba(212,175,55,.12); --detail-color-10: rgba(212,175,55,.24); --detail-color-11: rgba(212,175,55,.06); --detail-color-12: rgba(212,175,55,.15); --detail-color-13: rgba(212,175,55,.045); --detail-color-14: rgba(212,175,55,.22); --detail-color-15: rgba(212,175,55,.055); --detail-color-16: rgba(212,175,55,.65); --detail-color-17: rgba(212,175,55,.09); --detail-color-18: rgba(212,175,55,.18); --detail-color-19: rgba(220,80,80,.22); --detail-color-20: rgba(170,45,45,.08); --detail-color-21: #fff; --detail-color-22: #a83d3d; --detail-color-23: #876318; --detail-color-24: #a77c20; --detail-color-25: rgba(158,118,32,.20); --detail-color-26: #9e7620; --detail-color-27: #c59a2c; --detail-color-28: rgba(158,118,32,.30); --detail-color-29: rgba(212,175,55,.08); --detail-color-30: rgba(18,51,38,.045); --detail-color-31: rgba(158,118,32,.16); --detail-color-32: rgba(212,175,55,.025); --detail-color-33: rgba(3,16,11,.07); --detail-color-34: #102019; --detail-color-35: rgba(3,16,11,.10); --detail-color-36: #f7f9f7; --detail-color-37: rgba(158,118,32,.55); --detail-color-38: rgba(244,223,145,.10); --detail-color-39: rgba(18,51,38,.54); --detail-color-40: #081b14; --detail-color-41: #06140f; --detail-color-42: rgba(255,255,255,.08); --detail-color-43: rgba(244,223,145,.085); --detail-color-44: #0b241a; --detail-color-45: rgba(212,175,55,.14); --detail-color-46: rgba(212,175,55,.035); --detail-color-47: rgba(18,51,38,.74); --detail-color-48: rgba(244,223,145,.038); --detail-color-49: rgba(244,223,145,.22); --detail-color-50: #f4df91; --detail-color-51: rgba(212,175,55,.45); --detail-color-52: rgba(244,223,145,.11); --detail-color-53: rgba(244,223,145,.26); --detail-color-54: rgba(212,175,55,.10); --detail-color-55: rgba(3,16,11,.96); --detail-color-56: rgba(3,16,11,.70); --detail-color-57: rgba(3,16,11,.36); --detail-color-58: rgba(3,16,11,.78); --detail-color-59: rgba(3,16,11,.92); --detail-color-60: rgba(212,175,55,.11); --detail-color-61: rgba(244,223,145,.055); --detail-color-62: rgba(0,0,0,.9); --detail-color-63: rgba(212,175,55,.13); --detail-color-64: rgba(244,223,145,.075); --detail-color-65: rgba(0,0,0,.34); --detail-color-66: rgba(255,255,255,.64); --detail-color-67: rgba(244,223,145,.42); --detail-color-68: rgba(244,223,145,.94); --detail-color-69: #fff3c4; --detail-color-70: rgba(255,255,255,.82); --detail-color-71: rgba(255,255,255,.105); --detail-color-72: rgba(3,16,11,.34); --detail-color-73: rgba(0,0,0,.30); --detail-color-74: rgba(212,175,55,.32); --detail-color-75: rgba(255,255,255,.80); --detail-color-76: rgba(244,223,145,.56); --detail-color-77: rgba(18,51,38,.06); --detail-color-78: #eef4ef; --detail-color-79: rgba(3,16,11,.08); --detail-color-80: rgba(255,255,255,.95); --detail-color-81: rgba(255,255,255,.68); --detail-color-82: rgba(255,255,255,.25); --detail-color-83: rgba(255,255,255,.72); --detail-color-84: rgba(255,255,255,.90); --detail-color-85: rgba(255,255,255,.76); --detail-color-86: rgba(3,16,11,.035); --detail-color-87: rgba(18,51,38,.05); --detail-color-88: rgba(3,16,11,.026); --detail-color-89: rgba(158,118,32,.18); --detail-color-90: rgba(158,118,32,.11); --detail-color-91: rgba(158,118,32,.13); --detail-color-92: rgba(158,118,32,.045); --detail-color-93: rgba(3,16,11,.025); --detail-color-94: rgba(255,255,255,.18); --detail-color-95: rgba(3,16,11,.66); --detail-color-96: rgba(3,16,11,.28); --detail-color-97: rgba(158,118,32,.24); --detail-color-98: rgba(255,255,255,.40); --detail-color-99: rgba(255,255,255,.62); --detail-color-100: rgba(3,16,11,.11); --detail-color-101: rgba(3,16,11,.42); --detail-color-102: rgba(158,118,32,.38); --banner-height-300: 300px; --banner-height-450: 450px; --banner-height-600: 600px; /* Readable light content and dark media banners */ --background-content: var(--gradient-page); --background-intro: var(--gradient-warm); --color-heading-light: var(--color-black); --background-banner: var(--gradient-dark); --gradient-banner-overlay: linear-gradient(90deg, rgba(9,10,9,.88), rgba(9,10,9,.64) 55%, rgba(9,10,9,.46)); --background-newsletter: var(--gradient-warm); --color-newsletter-text: var(--color-black); --color-warning: #805d16; --background-warning-soft: #fff4d6; --color-info: #245477; --background-info-soft: #edf5fb; --form-control-height: 54px; } /* Font Sizes & Utility Helpers */ .text-msi { font-size: 0.7rem !important; } .text-ms { font-size: 0.9rem !important; } .text-s { font-size: 1rem !important; } .text-n { font-size: 1.5rem !important; } .text-l { font-size: 2.5rem !important; } .text-lx { font-size: 3.5rem !important; } .text-lxx { font-size: 4rem !important; } .font-a { font-family: "Archivo Black", sans-serif !important; } .font-p { font-family: 'Poppins', sans-serif !important; } .font-r { font-family: 'Roboto', sans-serif !important; } .font-i { font-family: 'Inter', sans-serif !important; } .font-m { font-family: 'Montserrat', sans-serif !important; } .font-d { font-family: 'Noto Sans Devanagari', sans-serif !important; } .font-playfair { font-family: 'Playfair Display', serif !important; } .text-black { color: #494a4e !important; } .text-white { color: #ffffff !important; } .text-black-soft { color: #666666 !important; } .text-theme { color: var(--color-gold-200) !important; } .text-white-soft { color: #e9e9e9 !important; }