html {
    font-size: calc(1 * 62.5%);
}

/* Ensure html and body take up the full height of the viewport */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    font-family: "SF Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    /* Default font for the body */
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    /* Stack children vertically */
}

/* Header styling to position logo */
header {
    max-width: 160rem;
    margin: auto;
    position: absolute;
    /* Positioning it absolutely to keep it in place */
    top: 0;
    left: 0;
    right: 0;
    /* Ensure the header stretches to the full width of the viewport */
    display: flex;
    justify-content: space-between;
    /* Distribute space between items */
    align-items: center;
    /* Center items vertically */
    padding: 16px 3rem;
    box-sizing: border-box;
    z-index: 1000;
    /* Optional: Ensure it stays on top of other content */
}

@media screen and (min-width: 750px) {
    header {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }
}

@media screen and (min-width: 990px) {
    header {
        padding: 26px 5rem;
    }
}

.logo {
    max-width: 100%;
    /* Responsive logo scaling */
    height: auto;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Center content horizontally */
    justify-content: center;
    /* Center content vertically */
    flex: 1;
    /* Allow main to grow and fill the remaining space */
    padding: 20px;
    box-sizing: border-box;
    /* Include padding in height calculation */
}

.container {
    max-width: 440px;
    /* Limit the container width */
    width: 100%;
    /* Ensure container spans the full width */
    text-align: center;
    /* Center text inside the container */
    padding: 0 1.5rem;
}

dotlottie-player {
    margin: 0 auto;
}

.checkmark {
    margin-bottom: 1em;
}

.error-message {
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    /* Font for error message */
    font-size: 30px;
    color: red;
    margin-bottom: 10px;
}

.contact {
    color: rgba(0, 0, 0, .85);
    text-underline-offset: .3rem;
    text-decoration-thickness: .1rem;
    transition: text-decoration-thickness .1s ease;
}

.contact:hover {
    text-decoration-thickness: .2rem;
}

h4 {
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    color: #2e2a39;
    margin: 0;
    font-size: calc(1.3 * 1.5rem);
    letter-spacing: calc(1.3 * .06rem);
}

.message {
    font-size: 14px;
    color: #555555;
    margin-bottom: 2em;
}

.button {
    padding: 10px 20px;
    background-color: black;
    color: white;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 2rem;
    text-decoration: none;
}

.logo {
    display: block;
}

.header-link {
    /* Ensure the button fits well within its container */
    display: inline-flex;
    align-items: center;
}

/* Custom cursor */

* {
    cursor: inherit !important;
}

body,
label {
    cursor: -webkit-image-set(url("https://d7agjysiompp7.cloudfront.net/xiwpborx90dtp4dt7xwndw6m76sx") 3x), auto !important;
    cursor: image-set("https://d7agjysiompp7.cloudfront.net/xiwpborx90dtp4dt7xwndw6m76sx" 3x), auto !important;
}

a:hover,
textarea,
input,
select,
button,
summary {
    cursor: -webkit-image-set(url("https://d7agjysiompp7.cloudfront.net/zi6bbu4tjive9mfn64cgq06psgel") 3x), auto !important;
    cursor: image-set("https://d7agjysiompp7.cloudfront.net/zi6bbu4tjive9mfn64cgq06psgel" 3x), auto !important;
}

.disclosure-has-popup[open]>summary:before,
.shopify-installments__learn-more,
.site-nav,
.site-nav--mobile,
.mfp-auto-cursor .mfp-content,
.link,
.customer a {
    cursor: inherit !important;
}

/* End custom cursor */