* {
    box-sizing: border-box
}

:root {
    --cream: #faf7f2;
    --white: #fff;
    --ink: #061b27;
    --dark: #061c27;
    --dark2: #092832;
    --muted: #58788c;
    /* --blue: #2f86ff; */
    --blue: #0066FF;
    --red: #ff101c;
    --burgundy: #8B1E3F;
    --line: #d9d9d6;
    --soft: #edf2f5
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--cream);
    color: var(--ink);
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    line-height: 1.55;
    overflow-x: hidden;
    padding-top: 60px;
}

img {
    display: block;
    max-width: 100%
}

a {
    text-decoration: none;
    color: inherit
}

a:hover {
    color: var(--burgundy);
}

button,
input,
select,
textarea {
    font: inherit
}

.container {
    width: calc(100% - 24px);
    max-width: 1180px;
    margin-inline: auto;
    min-width: 0
}

.section {
    padding: 54px 0
}

.light {
    background: var(--cream)
}  

.dark {
    background: var(--dark);
    color: #fff
}

h1,
h2,
h3 {
    font-family: Sora, sans-serif;
    letter-spacing: -.055em;
    line-height: 1.04;
    margin: 0;
}

h1 {
    font-size: 1.68rem;
}

h2 {
    font-size: 1.62rem;
}

h3 {
    font-size: 1rem;
}

h1 span,
h2 span,
h3 span {
    color: var(--burgundy);
}

p {
    color: var(--muted);
    margin: 0
}

.dark p {
    color: #a9c0ca;
}

.eyebrow {
    font-size: 0.75rem;
    letter-spacing: .16em;
    font-weight: 500;
    color: #1675e8;
    text-transform: uppercase;
    display: block;
    margin-bottom: 9px;
}

.btn {
    cursor: pointer;
}