/* Reset */
html {
    box-sizing: border-box;
    font-size: 16px;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

button {
    border: 0px;
    box-shadow: 0px;
}

/* Variables */
:root {
    --Blue: #076EFF;
    --Blue1: #3fd3ff;
    --LightBlue: #E3EFFF;
    --Gray: #4E616B;
    --White: #FFF;
    --Black: #000;
    --Black1:#171C1F;
    --Black2:#0000000d;
    --Black3:#0A0A0A;
    --BlackTransparent: rgba(0, 0, 0, 0.50);
    --LightGray: #E1E1E1;
    --Dark:#0A142F;
    --Gray1:#83939C;
    --Gray2:#ffffffbf;
    --Gray3: #f3f5f7;
    --Gray4: #F4F5F6;
    --Gray5: #F8F8F8;
    --Red1: #E63D40;
    --Lavander: #D1E4FF;
}

/* App */
*,
body {
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
}

/* Utilities */
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-all-center {
    justify-content: center;
    align-items: center;
}

.text-center {
    text-align: center;
}

.none {
    display: none !important;
}

.invisible {
    visibility: hidden;
}
.border-bottom{
    border-bottom: 1px solid var(--LightGray);
}
.padding-top-20{
    padding-top: 40px;
}

/* Link and Button pointer */
.cursor_pointer {
    cursor: pointer;
}