* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Regular.otf');
}

@font-face {
    font-family: 'Satoshi-light';
    src: url('../fonts/Satoshi-Light.otf');
}

@font-face {
    font-family: 'Satoshi-med';
    src: url('../fonts/Satoshi-Medium.otf');
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.otf');
}

@font-face {
    font-family: 'Satoshi-extra-bold';
    src: url('../fonts/Satoshi-Black.otf');
}

html {
    font-size: 62.5%;
    font-family: 'Satoshi';
    color: white;
    font-weight: 500;
}

body {
    background-color: #020202;
    /* overflow-x: hidden !important; */
    position: relative;
}

.sub {
    letter-spacing: 10%;
    background: linear-gradient(90deg, #8A8A8A 0%, #BFBFBF 24.42%, #ECECEC 58.8%, #434343 100%);
}

a {
    text-decoration: none;
    color: #FFFFFF7A;
    font-weight: 500;
    font-size: 1.6rem;
}

.btn {
    border-radius: 8px;
    padding: 16.5px 24px;
    font-family: 'Inter';
    font-weight: 600;
}

.lg {
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
    /* background: linear-gradient(90deg, #8A8A8A 0%, #BFBFBF 24.42%, #ECECEC 58.8%, #434343 100%) */
    background: linear-gradient(90deg, #EEEEEE 0%, #ECECEC 37.44%, #BFBFBF 66.09%, #8A8A8A 100%);
}

main {
    overflow: hidden;
}

section {
    margin: 18rem auto;
    max-width: 1400px;
    width: 80%;
    padding: 0 80px;
}

.heading {
    color: white;
    font-size: 3.6rem;
    font-weight: 900 !important;
    font-family: 'Satoshi-extra-bold' !important;
}