*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family: "Manrope", sans-serif;

    background:var(--bg);

    color:var(--text);

    overflow-x:hidden;

}

img{

    max-width:100%;
    display:block;

}

a{

    color:inherit;
    text-decoration:none;

}

button,
input,
textarea{

    font:inherit;
    outline:none;

}

button{

    cursor:pointer;

}

ul{

    list-style:none;

}

.select{

position:relative;

}

.select-menu{

display:none;

position:absolute;

top:calc(100% + 8px);

left:0;

right:0;

background:#111b2e;

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

overflow:hidden;

z-index:100;

}

.select.open .select-menu{

display:block;

}

.select-option{

padding:16px 20px;

cursor:pointer;

transition:.2s;

}

.select-option:hover{

background:#1f2d46;

}

.select-trigger{

height:60px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 20px;

border-radius:18px;

background:#1b2435;

border:1px solid rgba(255,255,255,.08);

cursor:pointer;

}