@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=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

:root {
    --primary: #7b1b16;
    --secondary: #a0211a;
    --accent: #c12b24;
    --gray: #9CA3AF;
    --soft-white: #fafafa;
    --black: #000000;
}

* {
    scroll-behavior: smooth;
    box-sizing: border-box;
}

html,
body {
    overscroll-behavior: none;
}

body {
    height: 200vh;
    font-family: "Inter", sans-serif;
    color: var(--soft-white);
    background: var(--black);
}

.gradient_saksham {
    background: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-bg {
    background: url(../images/hero-bg-new.webp);
    background-size: cover;
    background-position: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Instrument Sans", sans-serif;
}

button{
    cursor: pointer;
}