@charset "UTF-8";

:root {
    --color1616: #602bb6;
    --color1620: #ee3a7e;
    --color1632: #ed1c27;
    --color2032: var(--color23032);
    --color2025: #ffcb05;
    --color23032: #62be28;
    --color1632: #ed1c27;
    --color2016: #f58220;
    --color2354: #09c0de;
    --color2450: #4a3f98;
    --color-2450: #4a3f98;
    --combine-library--grey-600: #5f6570;
    --combine-library--grey-800: #1f2c3d;
    --combine-library--grey-100: #d9dce2;
    --combine-library--white: white;
    --systemflow-lite--neutral--80: #636b75;
    --systemflow-lite--neutral--20: #f9fafb;
    --systemflow-lite--neutral--30: #edf0f3;
    --systemflow-lite--neutral--40: #dde1e6;
    --systemflow-lite--neutral--10: white;
    --systemflow-lite--neutral--90: #1e2024;
    --systemflow-lite--primary--60: #2f54eb;
    --systemflow-lite--primary--70: #1d39c4;
    --systemflow-lite--neutral--50: #d0d4d9;
    --systemflow-lite--primary--50: #597ef7;
    --systemflow-lite--primary--80: #10239e;
    --systemflow-lite--neutral--100: #0e0f11;
    --color-23033: #ee3a7e;
    --white: white;
    --black: black;
    --dim-grey: #6b6b6b;
    --blue-violet: #6e2ed8;
    --deep-pink: #fc0a7e;
    --medium-violet-red: #b32e6e;
    --medium-slate-blue: #955df1;
    --systemflow-lite--neutral--70: #838d95;
    --systemflow-lite--primary--40: #85a5ff;
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.w-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px;
}

.w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

    .w-checkbox:before {
        content: " ";
        grid-area: 1 / 1 / 2 / 2;
        display: table;
    }

    .w-checkbox:after {
        content: " ";
        clear: both;
        grid-area: 1 / 1 / 2 / 2;
        display: table;
    }

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}

    .w-checkbox-input--inputType-custom.w--redirected-checked {
        background-color: #3898ec;
        background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-color: #3898ec;
    }

    .w-checkbox-input--inputType-custom.w--redirected-focus {
        box-shadow: 0 0 3px 1px #3898ec;
    }

@media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .w-layout-blockcontainer {
        max-width: none;
    }
}

h1 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 10vh;
    font-weight: 700;
    line-height: 10vh;
}

h2 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
}

h3 {
    color: #6b6b6b;
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}

h4 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

p {
    color: #6b6b6b;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 30px;
}

a {
    color: #000;
    text-decoration: underline;
}

.col {
    border: 1px #000;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    max-width: 50%;
    padding-left: 0;
    display: flex;
}

    .col.sideimg {
        flex: 0 auto;
        width: 25vw;
    }

    .col.padding {
        border-style: none;
        flex: 1;
        max-width: 50%;
        padding-left: 9vw;
        padding-right: 9vw;
    }

    .col.bg {
        border-style: none;
        align-items: flex-start;
        overflow: hidden;
    }

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

    .col.team {
        flex-basis: 33%;
    }

    .col.img {
        justify-content: center;
    }

.hero {
    background-color: #0000;
    border: 1px #000;
    width: 100%;
    height: auto;
    padding: 0 10vw;
    display: flex;
}

.nav {
    background-color: #0000;
    justify-content: space-between;
    align-items: center;
    height: auto;
    display: flex;
}

.nav-inner {
    border-bottom: 1px #ffffff1a;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.body {
    background-color: #0000;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
    font-family: Ppmori, sans-serif;
}

.heading {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 10vh;
    font-weight: 500;
    line-height: 9vh;
}

.div-block-2 {
    z-index: 80;
    flex-direction: column;
    align-items: flex-start;
    width: 80vw;
    display: flex;
    position: relative;
}

.heading-2 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 26px;
    font-weight: 400;
}

.h2 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 300;
    line-height: 56px;
}

.p {
    color: #6b6b6b;
    font-size: 16px;
    line-height: 30px;
}

    .p.list {
        margin-bottom: 0;
    }

.div-block-3 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    height: 8600px;
}

    .div-block-3._02 {
        background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
        background-size: 100vw;
    }

    .div-block-3._03 {
        background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
        background-size: 100vw;
        height: 6000px;
    }

.div-block-4 {
    flex-direction: column;
    align-items: center;
    width: 65%;
    max-width: 440px;
    display: flex;
}

    .div-block-4.left {
        align-items: flex-start;
        margin-bottom: 30px;
    }

.img-device {
    height: auto;
    max-height: 450px;
}

.h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}

.paragraph {
    color: #6b6b6b;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
}

.div-block-5 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 60px;
}

.wrapper {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .wrapper.welcome {
        z-index: 90;
        align-items: flex-start;
        width: 100vw;
        position: relative;
    }

.selector-border-div {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
    mix-blend-mode: normal;
    background-color: #b4c7a559;
    border-radius: 25px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 2px 5px 5px #0003;
}

.title {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-bottom: 1px #2e2e2e;
}

    .title.white {
        color: #fff9;
        border-bottom-color: #fff6;
    }

.image-2 {
    border-radius: 25px;
    flex: none;
    box-shadow: 0 2px 5px 5px #0003;
}

.div-block-6 {
    align-items: center;
    display: flex;
}

.div-block-7 {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 100px;
    display: flex;
}

    .div-block-7.team {
        flex-wrap: wrap;
        justify-content: center;
    }

.div-block-8 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: auto;
    height: 150px;
    display: flex;
}

.button-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.text-block {
    color: #fff;
}

.h4 {
    color: #fff;
    margin-bottom: 10px;
}

    .h4.faq {
        margin-top: 20px;
        margin-bottom: 10px;
    }

.nav-link {
    color: #fff;
    flex: 0 auto;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
}

    .nav-link:hover {
        color: #fff;
        box-shadow: inset 0 -5px #fc0a7e;
    }

.nav-menu {
    height: auto;
}

.div-block-11 {
    background-color: #acb1b4;
    border-radius: 20px;
    width: 100%;
    height: 300px;
}

.ico {
    height: 35px;
    margin-right: 20px;
}

.div-block-12 {
    margin-top: 50px;
}

._w-icon {
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 80px;
    margin-right: 20px;
    display: flex;
}

.form {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.field-newsletter {
    color: #fff;
    background-color: #300479;
    border: 1px solid #300479;
    border-radius: 10px;
    width: 340px;
    height: 80px;
    margin-bottom: 0;
    margin-right: 20px;
    padding-left: 20px;
    font-size: 16px;
}

._w-img {
    flex: 1;
    overflow: hidden;
}

.image-4 {
    width: 100%;
    display: block;
}

.icon {
    height: 25px;
}

.nav-list {
    justify-content: space-between;
    margin-right: 30px;
    display: flex;
}

.light-blue {
    color: #9b68f0;
}

.black-text {
    color: #000;
}

.hero-content {
    z-index: 90;
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #62be2800;
    background-image: radial-gradient(circle, #00000021, #0e0e0e4a);
    border-radius: 25px;
    width: 100%;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vh;
    position: relative;
    box-shadow: 0 2px 5px 10px #0003;
}

.black {
    color: #000;
}

.hero-subhead {
    color: #fff;
    font-size: 30px;
    line-height: 44px;
}

.bottom-image-wrap {
    max-width: 100%;
    height: auto;
    display: none;
    position: relative;
    overflow: hidden;
}

.black-bar {
    background-color: #2a2326;
    width: 100vw;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.feature-icon {
    height: 35px;
    margin-bottom: 30px;
}

.purple {
    color: #b32e6e;
}

.footer-link {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 12px;
    text-decoration: none;
}

    .footer-link:hover {
        color: #fff;
    }

.text-block-2 {
    color: #ffffff4d;
    font-size: 12px;
}

.form-2 {
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.number {
    font-size: 60px;
    line-height: 90px;
}

.float {
    border: 4px solid #09a4ec;
    width: 40vw;
    height: 50vh;
    position: relative;
    top: 200px;
    left: 567px;
}

.nav-logo-wrap {
    flex: none;
}

.image-licensing {
    background-color: #0000000d;
    border: 1px solid #0000001a;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px;
    line-height: 24px;
}

.image-licensing-wrap {
    flex: 1;
    max-width: 600px;
}

.form-block {
    margin-left: 0;
    margin-right: 0;
}

.image-5 {
    filter: invert() drop-shadow(0 2px 4px #0000008f);
}

.battery-container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.hero-wrapper-two {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.margin-bottom-24px {
    color: #c5c5c5;
    margin-bottom: 0;
}

.button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
    display: block;
}

    .button-primary:hover {
        color: #fff;
        background-color: #32343a;
    }

    .button-primary:active {
        background-color: #43464d;
    }

.heading-4 {
    justify-content: center;
    display: block;
}

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

.container-2 {
    display: block;
}

.div-block-14 {
    mix-blend-mode: normal;
    background-color: #0000;
    background-image: none;
    border-radius: 0;
}

.image-6 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-radius: 0;
}

.packaging {
    border-radius: 0;
}

.section-3 {
    background-image: linear-gradient(#000, #212121);
}

.material-icons.sysf-dropdown-menu-item-icon {
    color: var(--systemflow-lite--neutral--80);
    width: 1.4rem;
    height: 1.4rem;
    margin-top: 0;
    margin-bottom: -2px;
    margin-right: .5rem;
    font-size: 1.4rem;
}

.material-icons.sysf-icon-right {
    margin-left: 4px;
}

.sysf-dropdown-link-w-icon {
    color: var(--systemflow-lite--neutral--80);
    align-items: center;
    width: 100%;
    padding: 6px 16px;
    text-decoration: none;
    display: flex;
}

    .sysf-dropdown-link-w-icon:hover {
        background-color: var(--systemflow-lite--neutral--20);
    }

    .sysf-dropdown-link-w-icon:active {
        background-color: var(--systemflow-lite--neutral--30);
    }

.sysf-dropdown-menu-separator {
    background-color: var(--systemflow-lite--neutral--40);
    width: 100%;
    height: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.sysf-dropdown-menu-1 {
    z-index: 8;
    cursor: pointer;
    display: none;
}

    .sysf-dropdown-menu-1:active {
        background-color: #b3d6f9;
    }

    .sysf-dropdown-menu-1.w--open {
        border: 1px solid var(--systemflow-lite--neutral--40);
        background-color: var(--systemflow-lite--neutral--10);
        color: var(--systemflow-lite--neutral--90);
        border-radius: 6px;
        width: 200px;
        margin-top: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        overflow: hidden;
        box-shadow: 0 2px 8px #0003;
    }

.sysf-text-icon-wrapper {
    align-items: center;
    display: flex;
}

.sysf-dropdown-inline {
    color: var(--systemflow-lite--neutral--80);
    padding: 0;
}

    .sysf-dropdown-inline:hover {
        color: var(--systemflow-lite--primary--60);
    }

    .sysf-dropdown-inline:active, .sysf-dropdown-inline:focus {
        color: var(--systemflow-lite--primary--70);
    }

    .sysf-dropdown-inline.w--open {
        color: var(--systemflow-lite--primary--60);
    }

.sysf-select {
    border: 1px solid var(--systemflow-lite--neutral--50);
    background-color: var(--systemflow-lite--neutral--20);
    margin-bottom: 12px;
}

    .sysf-select:hover {
        border-color: var(--systemflow-lite--primary--50);
    }

    .sysf-select:focus {
        border-color: var(--systemflow-lite--primary--70);
        background-color: var(--systemflow-lite--neutral--10);
    }

    .sysf-select.sysf-medium {
        border-color: var(--systemflow-lite--neutral--40);
        background-color: var(--systemflow-lite--neutral--10);
        cursor: pointer;
        border-radius: 6px;
        height: 44px;
        box-shadow: 0 1px 3px #00000014;
    }

.state-expand-focused-selected {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.exclude {
    background-color: #2962ff;
}

.surface {
    border: 1px solid #e9161d;
    border-radius: 4px;
}

.top-border {
    background-color: #2962ff;
    border: 1px solid #e9161d;
}

.frame-1001 {
    grid-column-gap: 3px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 306px;
    padding-top: .5px;
    padding-left: 3px;
    text-decoration: none;
    display: flex;
}

.label {
    color: #2962ff;
    letter-spacing: .004em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.frame-921 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.input-text {
    color: #212121;
    letter-spacing: .0044em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.combo-box {
    grid-row-gap: 4px;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 16px 8px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 2.75px 9px #00000030, 0 .25px 3px #0000000a;
}

.material-icons-2.sysf-icon-right {
    margin-left: 4px;
}

.sysf-button-text {
    font-weight: 500;
    display: inline-block;
}

.sysf-button-content-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
}

.sysf-button {
    background-color: var(--systemflow-lite--primary--60);
    color: var(--systemflow-lite--neutral--10);
    text-align: center;
    align-items: center;
    text-decoration: none;
    transition: background-color .25s;
    position: relative;
}

    .sysf-button:hover {
        background-color: var(--systemflow-lite--primary--50);
    }

    .sysf-button:active {
        background-color: var(--systemflow-lite--primary--70);
    }

    .sysf-button:focus {
        box-shadow: 0 0 0 2px var(--systemflow-lite--neutral--10), 0 0 0 5px var(--systemflow-lite--primary--60);
    }

    .sysf-button.sysf-medium {
        border-radius: 6px;
        padding: 8px 12px;
    }

        .sysf-button.sysf-medium:hover {
            background-color: var(--systemflow-lite--primary--70);
        }

        .sysf-button.sysf-medium:active {
            background-color: var(--systemflow-lite--primary--80);
        }

        .sysf-button.sysf-medium:focus {
            background-color: var(--systemflow-lite--primary--70);
        }

        .sysf-button.sysf-medium.sysf-outline {
            box-shadow: inset 0 0 0 1px var(--systemflow-lite--neutral--40);
        }

            .sysf-button.sysf-medium.sysf-outline:hover {
                background-color: var(--systemflow-lite--neutral--20);
            }

            .sysf-button.sysf-medium.sysf-outline:active {
                background-color: var(--systemflow-lite--neutral--30);
            }

            .sysf-button.sysf-medium.sysf-outline:focus {
                background-color: var(--systemflow-lite--neutral--20);
                box-shadow: 0 0 0 2px var(--systemflow-lite--neutral--10), 0 0 0 5px var(--systemflow-lite--primary--60), inset 0 0 0 1px var(--systemflow-lite--neutral--40);
            }

    .sysf-button.sysf-outline {
        background-color: var(--systemflow-lite--neutral--10);
        color: var(--systemflow-lite--neutral--100);
    }

        .sysf-button.sysf-outline:hover {
            background-color: var(--systemflow-lite--neutral--30);
        }

.sysf-select-2 {
    border: 1px solid var(--systemflow-lite--neutral--50);
    background-color: var(--systemflow-lite--neutral--20);
    margin-bottom: 12px;
}

    .sysf-select-2:hover {
        border-color: var(--systemflow-lite--primary--50);
    }

    .sysf-select-2:focus {
        border-color: var(--systemflow-lite--primary--70);
        background-color: var(--systemflow-lite--neutral--10);
    }

    .sysf-select-2.sysf-medium {
        border-color: var(--systemflow-lite--neutral--40);
        background-color: var(--systemflow-lite--neutral--10);
        cursor: pointer;
        transform-style: preserve-3d;
        border-radius: 20px;
        height: 44px;
        margin-bottom: 20px;
        box-shadow: 0 1px 3px #00000014;
    }

.section-4 {
    background-color: #000;
}

.fs_inputcounter-1_button {
    color: #fff;
    cursor: pointer;
    background-color: #1378d1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    display: flex;
}

    .fs_inputcounter-1_button:focus-visible {
        outline-offset: 4px;
        outline: 2px solid #9b9b9b;
    }

    .fs_inputcounter-1_button[data-wf-focus-visible] {
        outline-offset: 4px;
        outline: 2px solid #9b9b9b;
    }

.hero-split-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.hero-heading-right {
    background-color: #000000f0;
    border-bottom: 1px solid #e4ebf3;
    border-radius: 25px;
    padding: 80px 30px;
    position: relative;
    box-shadow: 0 2px 5px 5px #0003;
}

.fs_inputcounter-1_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: repeat(auto-fit, 0);
    grid-template-columns: 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: start;
    display: grid;
}

.fs_inputcounter-1_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.text-block-3 {
    background-color: var(--color23032);
    color: #fff;
    border: 1px solid #00ff5d;
    margin-left: 0;
    padding-left: 0;
    font-size: 26px;
    transition: opacity .2s;
    display: inline-flex;
}

.code-3 {
    color: #fff;
}

.hero-wrapper-2 {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background-color: #00000059;
    border-radius: 25px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.fs_inputcounter-1_input {
    text-align: center;
    background-color: #f5f5f5;
    border: 1px #000;
    min-height: 3rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.margin-bottom-24px-2 {
    color: #fff;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.heading-6 {
    color: #fff;
}

.button-primary-3 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

    .button-primary-3:hover {
        color: #fff;
        background-color: #32343a;
    }

    .button-primary-3:active {
        background-color: #43464d;
    }

.cf-right-info-wrapper {
    flex-direction: column;
    justify-content: space-between;
    width: 29%;
    max-width: 290px;
    height: 100%;
    padding: 100px 5px 80px 0;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
}

.cf-hero-main-image {
    filter: drop-shadow(0 2px 6px #0009);
}

.cf-1140px-wrapper {
    background-color: #0000003b;
    border-radius: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    position: relative;
    box-shadow: 0 0 20px 6px #0003;
}

.cf-view-more-line {
    filter: grayscale();
    background-color: #0d0e10;
    background-image: linear-gradient(to right, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%);
    height: 1px;
    position: absolute;
    inset: auto 0% 0%;
}

.cf-left-info-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    max-width: 400px;
    height: 100%;
    padding-left: 5px;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
}

.bold-text-2 {
    color: #fff;
}

.bold-text {
    color: #fff;
}

.div-block-16 {
    background-color: #0000001f;
    border-radius: 25px;
    padding-bottom: 10px;
}

.paragraph-2 {
    color: #fff;
}

.heading-7 {
    color: var(--color23032);
    margin-left: 10px;
    margin-right: 10px;
    display: block;
}

.div-block-17 {
    background-color: #0d0d0d00;
    border-radius: 0;
}

.column-2 {
    background-color: #0000;
    border-radius: 0;
}

.battery-body {
    background-color: #0000;
    font-family: Ppmori, sans-serif;
}

.div-block-19 {
    background-color: #62be28;
}

.div-block-20 {
    opacity: 1;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    background-color: #62be2800;
    border-radius: 25px;
}

.link-3, .link-4 {
    color: var(--color2354);
}

.quick-stack {
    padding: 0;
}

.cell {
    display: block;
}

.div-block-22 {
    background-color: #62be28;
}

.bottom-section {
    background-color: #0000;
}

.quick-stack-2 {
    flex: 0 auto;
    align-self: auto;
}

.background {
    background-image: radial-gradient(circle, #373737, #0e0e0e);
    border-radius: 0;
}

.paragraph-3 {
    color: #fff;
}

.field-label {
    border-radius: 25px;
}

.div-block-24 {
    mix-blend-mode: normal;
}

.paragraph-4 {
    color: #cfcfcf;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
}

.heading-8 {
    color: var(--white);
    margin: 5px 0 0;
}

.paragraph-5 {
    color: var(--white);
    margin-bottom: 5px;
}

.form-block-div {
    margin-left: 15px;
    margin-right: 15px;
}

.container-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.paragraph-6 {
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

.detected-3 {
    background-color: #f5822066;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 2px 5px 5px #0003;
}

.heading-9 {
    color: #000;
    margin-bottom: 0;
}

.material-icons-4 {
    color: var(--black);
    margin-left: 5px;
    margin-right: 5px;
}

.quick-stack-3 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.heading-10 {
    color: #000;
}

.text-block-4 {
    color: #000;
    justify-content: center;
    display: flex;
}

.quick-stack-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.text-block-5 {
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cell-2 {
    align-items: center;
}

.button {
    background-color: var(--black);
    opacity: 1;
}

.cell-3 {
    opacity: 1;
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.text-block-6 {
    color: #252525;
    margin-top: 25px;
    padding-bottom: 0;
}

.heading-12 {
    color: #fff;
    margin-bottom: 0;
}

.cell-4 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
}

.cell-5, .cell-6 {
    justify-content: center;
    align-items: center;
}

.heading-13 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.paragraph-7 {
    color: #fff;
    text-align: left;
}

.input-label {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 400;
}

.divider-text {
    color: #fff;
    text-align: center;
    background-color: #9b9b9b00;
    padding-left: 0;
    padding-right: 0;
    display: inline;
}

.bank-image {
    max-width: 80px;
    max-height: 70px;
}

.space {
    width: 10px;
    height: 10px;
}

.search-svg {
    opacity: .5;
    flex: 1;
    max-width: 11px;
    max-height: 11px;
    position: absolute;
    inset: 25% auto auto 10px;
}

.bank-text {
    padding-top: 10px;
    font-size: 12.5px;
}

.pm-tab {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 20px;
    display: flex;
}

    .pm-tab.w--current {
        background-color: #fff;
        border-color: #000;
        border-radius: 20px;
        box-shadow: 0 0 0 3px #c3ddf1, 1px 1px 4px #00000012;
    }

.div-line {
    background-color: #e7e7e7;
    flex: 1;
    height: 1px;
}

.bank-link {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 7px 12px;
    display: flex;
    box-shadow: 0 1px 1.5px #0000000d, 2px 0 4px #00000012;
}

.grey-font {
    color: #8b8b8b;
}

.pm-heading {
    color: #fff;
    font-size: 16.5px;
    font-weight: 400;
}

.save-text {
    font-size: 14px;
    line-height: 25px;
}

.flex-row {
    display: flex;
    position: relative;
}

.save {
    color: #1a1a1ae6;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 20px 20px 6px 6px;
    margin-top: 25px;
    margin-bottom: 0;
    padding: 6px 11px 15px 38px;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    position: relative;
}

.container {
    width: 100%;
    max-width: 1086px;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
}

    .container._380 {
        width: 380px;
        padding-top: 33px;
    }

.button-2 {
    background-color: var(--color23032);
    color: #fff;
    text-align: center;
    border-radius: 0 0 20px 20px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 44px;
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
    display: flex;
}

    .button-2.gpay {
        background-color: #000;
        margin-top: 0;
        padding-top: 3px;
    }

        .button-2.gpay:hover {
            background-color: #3b4043;
        }

.input-2 {
    letter-spacing: .02em;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    height: 37px;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
    box-shadow: 0 1px 1.5px #0000000d, 2px 0 4px #00000012;
}

    .input-2:hover {
        box-shadow: 0 1px 1.5px #0000001a, 2px 0 4px #0000001a;
    }

    .input-2.bottom {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .input-2.bottom.phone {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding-left: 38px;
        }

    .input-2.bottom-left {
        border-radius: 0 0 0 20px;
    }

    .input-2.search {
        padding-left: 28px;
    }

    .input-2.top {
        border-radius: 20px 20px 0 0;
        margin-bottom: -1px;
    }

    .input-2.disabled {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        display: flex;
    }

    .input-2.bottom-right {
        border-radius: 0 0 20px;
    }

.normal {
    font-weight: 400;
}

    .normal.grey {
        color: #5e5e5e;
    }

.link {
    color: #0074d4;
}

.relative {
    position: relative;
}

.quick-stack-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
}

.cell-7 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}

.field-label-2 {
    color: var(--black);
}


.cell-8, .cell-9 {
    justify-content: center;
    align-items: center;
}

.quick-stack-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}

.cell-10, .cell-11 {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.cell-12 {
    justify-content: center;
    align-items: center;
}

.cell-13 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.heading-15 {
    text-decoration: underline;
}

.paragraph-8 {
    color: var(--white);
}

.quick-stack-7 {
    margin-left: auto;
    margin-right: auto;
}

.cell-14 {
    justify-content: center;
    align-items: center;
}

.expand {
    color: #5e5e5e;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 8px;
    height: 14px;
    margin-top: 5px;
    margin-left: 4px;
    display: flex;
}

.text-block-7 {
    color: var(--color23032);
    text-align: left;
}

.column-3 {
    padding-left: 0;
}

.cell-16 {
    justify-content: flex-start;
    align-items: center;
}

.heading-16 {
    color: var(--white);
    background-color: #62be28;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
}

.cell-17, .cell-18 {
    justify-content: flex-start;
    align-items: center;
}

.cell-19, .cell-20, .cell-21 {
    justify-content: center;
    align-items: center;
}

.text-block-8 {
    color: #fff;
}

.cell-22 {
    justify-content: flex-start;
    align-items: center;
}


.flex-block {
    color: var(--color1632);
    justify-content: flex-start;
    align-items: flex-start;
}

.background-color {
    background-color: #0000;
    background-image: radial-gradient(circle, #000, #0e0e0e);
}

.heading-17 {
    margin-top: 0;
}

.form-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-25 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.heading-18 {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.text-block-9 {
    color: #000;
}

.div-block-26 {
    justify-content: center;
    align-items: flex-end;
    margin-top: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.image-16 {
    margin-bottom: -111px;
}

.paragraph-9 {
    color: #fff;
}

.heading-19 {
    color: #fff;
    margin-bottom: 0;
    text-decoration: underline;
}

.cell-24 {
    justify-content: center;
    align-items: center;
}

.container-6 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.paragraph-10 {
    color: #fff;
}

.grid {
    grid-template-columns: 1fr 1fr;
}

.div-block-27 {
    align-items: center;
}

.paragraph-11 {
    color: #fff;
}

.link-5 {
    color: var(--color1616);
}

.div-block-30 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: center;
    display: grid;
}

.div-block-30-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: center;
    display: grid;
}

.about-grid {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: center;
    display: grid;
}

.powered-by-img-div {
    position: relative;
    inset: auto;
}

.cell-26, .cell-27, .cell-28 {
    justify-content: center;
    align-items: center;
}

.paragraph-12 {
    color: #fff;
}

.cell-29 {
    justify-content: center;
    align-items: center;
}

.div-block-31 {
    margin-left: 50px;
    margin-right: 50px;
}

.div-block-36 {
    display: flex;
}

.columns-2 {
    margin-top: 10px;
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-content {
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.background-copy, .background-404 {
    background-image: radial-gradient(circle, #373737, #0e0e0e);
    border-radius: 0;
}

.text-block-10 {
    color: #fff;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.div-block-37 {
    display: block;
}

.heading-21 {
    margin-top: 0;
}

.div-block-38 {
    margin-top: 10px;
}

.checkout-body {
    background-color: #fff0;
}

.checkout-background {
    background-color: #62be28;
    background-image: linear-gradient(180deg, var(--color2032), #58c016);
}

.battery-checkout-section {
    background-color: #000000f0;
    border-bottom: 1px solid #e4ebf3;
    border-radius: 25px;
    margin-top: 0;
    padding: 10px 15px 50px;
    box-shadow: 0 2px 5px 5px #0003;
}

.battery-checkout-div {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background-color: #00000059;
    border-radius: 25px;
    display: flex;
}

.payment-battery-spec {
    color: var(--color2032);
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
}

.buy-now-quantity-button {
    background-color: var(--color23032);
    color: #fff;
    text-align: center;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
}

    .buy-now-quantity-button:hover {
        color: #6b6b6b;
        background-color: #fff;
    }

    .buy-now-quantity-button.outline {
        color: #5a5a5a;
        background-color: #0000;
        border: 1px solid #6e6e6e;
        margin-left: 10px;
    }

    .buy-now-quantity-button.contact {
        background-color: #0000;
        margin-left: 10px;
        box-shadow: inset 0 0 0 2px #fff3;
    }

        .buy-now-quantity-button.contact:hover {
            color: #fff;
            box-shadow: inset 0 0 0 2px #fff;
        }

    .buy-now-quantity-button.top {
        margin-left: 30px;
        padding: 20px 35px;
        font-size: 16px;
    }

    .buy-now-quantity-button.form-button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
    }

        .buy-now-quantity-button.form-button:hover {
            color: #fff;
            background-color: #000;
        }

.hero-subscribe-left {
    background-color: var(--color2025);
    border-bottom: 1px solid #e4ebf3;
    border-radius: 20px;
    padding: 80px 30px;
    position: relative;
}

.container-7 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.margin-bottom-24px-3 {
    color: var(--white);
    margin-bottom: 24px;
}

.hero-form {
    margin-bottom: 12px;
}

.hero-form-container {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.hero-form-input {
    color: #1a1b1f;
    border: 1px solid #d1d6db;
    width: 240px;
    height: auto;
    margin-bottom: 0;
    margin-right: 9px;
    padding: 5px 16px;
    font-size: 14px;
    line-height: 20px;
    transition: all .2s;
}

    .hero-form-input:hover, .hero-form-input:focus {
        border-color: #76879d;
    }

    .hero-form-input::placeholder {
        color: #1a1b1fcc;
    }

.text-link-arrow {
    color: #1a1b1f;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
}

.arrow-embed {
    margin-left: 2px;
    display: flex;
}

.contact-button-container {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.contact-button {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    border-radius: 20px;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

    .contact-button:hover {
        color: #fff;
        background-color: #32343a;
    }

    .contact-button:active {
        background-color: #43464d;
    }

.form-4, .contact-form-4 {
    color: #fff;
}

.find-your-car-key-battery-button {
    background-color: var(--color2354);
    color: #fff;
    text-align: center;
    border-radius: 25px;
    margin-top: 50px;
    margin-right: 0;
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
    display: inline-block;
}

    .find-your-car-key-battery-button:hover {
        color: #6b6b6b;
        background-color: #fff;
    }

    .find-your-car-key-battery-button.outline {
        color: #5a5a5a;
        background-color: #0000;
        border: 1px solid #6e6e6e;
        margin-left: 10px;
    }

    .find-your-car-key-battery-button.contact {
        background-color: #0000;
        margin-left: 10px;
        box-shadow: inset 0 0 0 2px #fff3;
    }

        .find-your-car-key-battery-button.contact:hover {
            color: #fff;
            box-shadow: inset 0 0 0 2px #fff;
        }

    .find-your-car-key-battery-button.top {
        margin-left: 30px;
        padding: 20px 35px;
        font-size: 16px;
    }

    .find-your-car-key-battery-button.form-button {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
    }

        .find-your-car-key-battery-button.form-button:hover {
            color: #fff;
            background-color: #000;
        }

.find-battery-button {
    background-color: var(--color2025);
    color: #fff;
    text-align: center;
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
}

    .find-battery-button:hover {
        color: #6b6b6b;
        background-color: #fff;
    }

    .find-battery-button.outline {
        color: #5a5a5a;
        background-color: #0000;
        border: 1px solid #6e6e6e;
        margin-left: 10px;
    }

    .find-battery-button.contact {
        background-color: #0000;
        margin-left: 10px;
        box-shadow: inset 0 0 0 2px #fff3;
    }

        .find-battery-button.contact:hover {
            color: #fff;
            box-shadow: inset 0 0 0 2px #fff;
        }

    .find-battery-button.top {
        margin-left: 30px;
        padding: 20px 35px;
        font-size: 16px;
    }

    .find-battery-button.form-button {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
    }

        .find-battery-button.form-button:hover {
            color: #fff;
            background-color: #000;
        }

.make-model-year-form-block-2-div-copy {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.find-battery-button-2 {
    background-color: var(--color2025);
    color: #fff;
    text-align: center;
    border-radius: 25px;
    margin-top: 10px;
    margin-right: 0;
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
    display: inline-block;
}

    .find-battery-button-2:hover {
        color: #6b6b6b;
        background-color: #fff;
    }

    .find-battery-button-2.outline {
        color: #5a5a5a;
        background-color: #0000;
        border: 1px solid #6e6e6e;
        margin-left: 10px;
    }

    .find-battery-button-2.contact {
        background-color: #0000;
        margin-left: 10px;
        box-shadow: inset 0 0 0 2px #fff3;
    }

        .find-battery-button-2.contact:hover {
            color: #fff;
            box-shadow: inset 0 0 0 2px #fff;
        }

    .find-battery-button-2.top {
        margin-left: 30px;
        padding: 20px 35px;
        font-size: 16px;
    }

    .find-battery-button-2.form-button {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1);
    }

        .find-battery-button-2.form-button:hover {
            color: #fff;
            background-color: #000;
        }

.image-19 {
    z-index: -1;
    border-radius: 20px;
    position: absolute;
}

.powered-by {
    background-image: radial-gradient(circle at 0%, #09c0de, #4a3f98);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    border-radius: 25px;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 150px;
    padding-bottom: 150px;
    box-shadow: 0 2px 5px 5px #0003;
}

    .powered-by.center {
        background-color: #fff;
        background-image: radial-gradient(circle, #373737, #0e0e0e);
        border-radius: 0;
        justify-content: center;
        align-items: flex-start;
        height: 100vh;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        position: relative;
    }

    .powered-by.column {
        justify-content: space-between;
        height: auto;
        padding: 15vh 10vw;
        display: flex;
    }

        .powered-by.column.devices {
            flex-direction: column;
            align-items: center;
            height: auto;
        }

        .powered-by.column.faq {
            background-color: #000;
            flex-direction: column;
            align-items: center;
            height: auto;
        }

    .powered-by.cta {
        background-color: #40089c;
        justify-content: space-between;
        align-items: center;
        height: 60vh;
        padding-left: 10vw;
        padding-right: 10vw;
        display: flex;
    }

    .powered-by.full-img {
        background-color: #0000;
        justify-content: center;
        align-items: center;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        display: flex;
    }

    .powered-by.wide {
        background-color: #1b1b1b;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        padding-top: 10vh;
        padding-bottom: 10vh;
        display: flex;
    }

        .powered-by.wide.img {
            background-color: #0000;
            background-image: linear-gradient(#323630bf, #373936a3);
            border-radius: 25px;
            padding-bottom: 0;
        }

        .powered-by.wide.purple {
            background-color: #57575700;
            background-image: url('../images/BatteryGuru3.svg'), radial-gradient(circle farthest-corner at 50% 50%, var(--color2032), var(--color2025));
            background-position: 50%, 0 0;
            background-repeat: repeat, repeat;
            background-size: 20rem, auto;
            background-attachment: scroll, scroll;
            border-radius: 25px;
            padding-top: 0;
            padding-bottom: 0;
        }

    .powered-by.grid-imgs {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: 50vh;
        display: flex;
    }

.powered-by-find-battery {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.div-block-39 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-40 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.field-label-3 {
    color: var(--dim-grey);
}

.email-input-disabled {
    letter-spacing: .02em;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    height: 37px;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
    box-shadow: 0 1px 1.5px #0000000d, 2px 0 4px #00000012;
}

    .email-input-disabled:hover {
        box-shadow: 0 1px 1.5px #0000001a, 2px 0 4px #0000001a;
    }

    .email-input-disabled.bottom {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .email-input-disabled.bottom.phone {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding-left: 38px;
        }

    .email-input-disabled.bottom-left {
        border-radius: 0 0 0 20px;
    }

    .email-input-disabled.search {
        padding-left: 28px;
    }

    .email-input-disabled.top {
        border-radius: 20px 20px 0 0;
        margin-bottom: -1px;
    }

    .email-input-disabled.disabled {
        box-shadow: none;
        border-width: 0;
    }

    .email-input-disabled.bottom-right {
        border-radius: 0 0 20px;
    }

.payment-selector {
    margin-left: 10px;
    margin-right: 10px;
}

.checkbox-label {
    color: var(--white);
}

.checkbox-field {
    margin-top: 10px;
}

.address2 {
    letter-spacing: .02em;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    height: 37px;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
    box-shadow: 0 1px 1.5px #0000000d, 2px 0 4px #00000012;
}

    .address2:hover {
        box-shadow: 0 1px 1.5px #0000001a, 2px 0 4px #0000001a;
    }

    .address2.bottom {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .address2.bottom.phone {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding-left: 38px;
        }

    .address2.bottom-left {
        border-radius: 0 0 0 20px;
    }

    .address2.search {
        padding-left: 28px;
    }

    .address2.top {
        border-radius: 0;
    }

    .address2.disabled {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        display: flex;
    }

    .address2.bottom-right {
        border-radius: 0 0 20px;
    }

.select-field {
    border-radius: 20px;
    margin-top: 10px;
}

.input-2-copy {
    letter-spacing: .02em;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    height: 37px;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
    box-shadow: 0 1px 1.5px #0000000d, 2px 0 4px #00000012;
}

    .input-2-copy:hover {
        box-shadow: 0 1px 1.5px #0000001a, 2px 0 4px #0000001a;
    }

    .input-2-copy.bottom {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .input-2-copy.bottom.phone {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding-left: 38px;
        }

    .input-2-copy.bottom-left {
        border-radius: 0 0 0 20px;
    }

    .input-2-copy.search {
        padding-left: 28px;
    }

    .input-2-copy.top {
        border-radius: 20px;
        margin-bottom: 10px;
    }

    .input-2-copy.disabled {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        display: flex;
    }

    .input-2-copy.bottom-right {
        border-radius: 0 0 20px;
    }

.submit-button {
    border-radius: 20px;
}

.div-block-42 {
    background-color: #62be28cf;
    border-radius: 0 0 20px 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.div-block-43 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.remote-option-1 {
    align-items: stretch;
    box-shadow: 0 2px 5px 6px #0000;
}

.div-block-44 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 10px;
    display: flex;
}

.div-block-45 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.quick-stack-10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.slider {
    background-color: #b33f3f00;
    margin-left: 25px;
    margin-right: 25px;
}

.remote-option-1-copy, .remote-option-3 {
    align-items: stretch;
}

.remote-headline-1 {
    color: var(--white);
    background-color: #62be28;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
}

.remote-headline-2 {
    background-color: var(--color2025);
    color: var(--white);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
}

.remote-headline-3 {
    background-color: var(--color2016);
    color: var(--white);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
}

.remote-body-1 {
    background-color: #62be2885;
    border-radius: 0 0 20px 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.remote-body-2 {
    background-color: #ffcb0585;
    border-radius: 0 0 20px 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.remote-body-3 {
    background-color: #f5822082;
    border-radius: 0 0 20px 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.div-block-46 {
    color: var(--color1632);
}

.buy-now-express-button-2 {
    background-color: var(--color2025);
    opacity: 1;
    border-radius: 20px;
    box-shadow: 0 2px 5px 6px #0003;
}

.buy-now-express-button-3 {
    background-color: var(--color2016);
    opacity: 1;
    border-radius: 20px;
    box-shadow: 0 2px 5px 6px #0003;
}

.buy-now-express-button-1-copy {
    background-color: var(--color23032);
    opacity: 1;
    pointer-events: auto;
    border-radius: 20px;
    box-shadow: 0 2px 5px 6px #0003;
}

.buy-now-express-button-yellow {
    background-color: var(--color2025);
    opacity: 1;
    pointer-events: auto;
    border-radius: 20px;
    box-shadow: 0 2px 5px 6px #0003;
}

.buy-now-express-button-orange {
    background-color: var(--color2016);
    opacity: 1;
    pointer-events: auto;
    border-radius: 20px;
    box-shadow: 0 2px 5px 6px #0003;
}

.copyright {
    color: #000;
}

.power-up {
    background-image: linear-gradient(#000, #fff);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
}

    .power-up.center {
        background-color: #0000;
        background-image: linear-gradient(#62be28 58%, #000);
        justify-content: center;
        align-items: flex-start;
        height: 100vh;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        position: relative;
    }

    .power-up.column {
        justify-content: space-between;
        height: auto;
        padding: 15vh 10vw;
        display: flex;
    }

        .power-up.column.devices {
            flex-direction: column;
            align-items: center;
            height: auto;
        }

        .power-up.column.faq {
            background-color: #000;
            flex-direction: column;
            align-items: center;
            height: auto;
        }

    .power-up.cta {
        background-color: #40089c;
        justify-content: space-between;
        align-items: center;
        height: 60vh;
        padding-left: 10vw;
        padding-right: 10vw;
        display: flex;
    }

    .power-up.full-img {
        background-color: #0000;
        justify-content: center;
        align-items: center;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        display: flex;
    }

    .power-up.wide {
        background-color: #1b1b1b;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        padding-top: 10vh;
        padding-bottom: 10vh;
        display: flex;
    }

        .power-up.wide.img {
            background-color: #0000;
            background-image: linear-gradient(#323630bf, #373936a3);
            border-radius: 25px;
            padding-bottom: 0;
        }

        .power-up.wide.purple {
            background-color: #57575700;
            background-image: url('../images/BatteryGuru3.svg'), radial-gradient(circle farthest-corner at 50% 50%, var(--color2032), var(--color2025));
            background-position: 50%, 0 0;
            background-repeat: repeat, repeat;
            background-size: 20rem, auto;
            background-attachment: scroll, scroll;
            border-radius: 25px;
            padding-top: 0;
            padding-bottom: 0;
        }

    .power-up.grid-imgs {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: 50vh;
        display: flex;
    }

    .power-up.center-broken {
        background-image: none;
        padding-bottom: 32px;
        display: block;
    }

.start-over {
    color: var(--color1632);
    font-weight: 600;
}

.disclaimer {
    color: var(--color-2450);
    margin-left: 10px;
    margin-right: 10px;
}

.express-checkout-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 1440px) {
    .car-key-essentials.wide.purple {
        background-image: url('../images/BatteryGuru3.svg'), linear-gradient(135deg, var(--color2032), var(--color2025));
        background-position: 50%, 0 0;
        background-repeat: repeat, repeat;
        background-size: 20rem, auto;
        background-attachment: scroll, scroll;
    }

    .text-block-3 {
        color: #adadad;
        background-color: #5dbb46;
    }

    .cf-left-info-wrapper {
        padding-right: 75px;
    }

    .column {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .image-13 {
        margin-left: 40px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .power-up-section.wide.purple, .selector-section.wide.purple {
        background-image: url('../images/BatteryGuru3.svg'), linear-gradient(135deg, var(--color2032), var(--color2025));
        background-position: 50%, 0 0;
        background-repeat: repeat, repeat;
        background-size: 20rem, auto;
        background-attachment: scroll, scroll;
    }

    .hero-section.wide.purple, .replacement-section.wide.purple, .updates-section.wide.purple {
        background-image: url('../images/BatteryGuru3.svg'), linear-gradient(135deg, var(--color2032), var(--color2025));
        background-position: 50%, 0 0;
        background-repeat: repeat, repeat;
        background-size: 20rem, auto;
        background-attachment: scroll, scroll;
    }

    .updates-container {
        margin-left: auto;
        margin-right: auto;
    }

    .not-your-car-section.wide.purple, .power-up-section-copy.wide.purple {
        background-image: url('../images/BatteryGuru3.svg'), linear-gradient(135deg, var(--color2032), var(--color2025));
        background-position: 50%, 0 0;
        background-repeat: repeat, repeat;
        background-size: 20rem, auto;
        background-attachment: scroll, scroll;
    }

    .battery-faq-column-2 {
        color: #fff;
    }

    .quick-stack-8 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .powered-by.wide.purple, .power-up.wide.purple {
        background-image: url('../images/BatteryGuru3.svg'), linear-gradient(135deg, var(--color2032), var(--color2025));
        background-position: 50%, 0 0;
        background-repeat: repeat, repeat;
        background-size: 20rem, auto;
        background-attachment: scroll, scroll;
    }
}

@media screen and (max-width: 991px) {
    h2 {
        font-size: 34px;
        line-height: 44px;
    }

    h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .hero {
        padding-left: 0;
        padding-right: 0;
    }

    .nav, .nav-inner {
        width: 100vw;
    }

    .nav-link {
        padding-top: 20px;
    }

        .nav-link:hover {
            box-shadow: none;
        }

    .nav-menu {
        position: absolute;
    }

    .hero-content {
        background-image: radial-gradient(circle, #5f5f5fc7, #979a964d);
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .bottom-image-wrap {
        background-image: none;
        height: auto;
    }

    .feature-icon {
        flex: none;
    }

    .quote-slider {
        width: 100vw;
        height: auto;
        min-height: 500px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .quote-wrap {
        width: 70vw;
    }

    .menu-icon {
        color: #fff;
        font-size: 40px;
    }

    .menu-button.w--open {
        background-color: #000;
    }

    .nav-menu-2 {
        background-color: #000;
        min-width: 240px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .brand {
        padding-left: 18px;
    }

    .heading-3 {
        font-size: 8vw;
    }

    .combine-heading-style-h2 {
        font-size: 2.5rem;
    }

    .combine-padding-section-medium {
        padding-top: 2rem;
    }

    .combine-padding-global {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .battery-container {
        max-width: 728px;
    }

    .sysf-dropdown-link-w-icon {
        text-align: left;
    }

    .sysf-dropdown-menu-1.w--open {
        margin-top: 4px;
        position: absolute;
    }

    .sysf-button.sysf-medium {
        font-size: 16px;
    }

    .hero-split-2 {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .hero-wrapper-2 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
    }

    .cf-right-info-wrapper {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
        max-width: none;
        padding-top: 60px;
        position: static;
    }

    .cf-hero-image-contain {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .cf-review-text---18px---italic {
        margin-top: -31px;
        padding-top: 0;
    }

    .cf-58px-heading-2 {
        font-size: 50px;
    }

    .cf-bottom-right-container {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
    }

    .cf-top-right-wrapper {
        max-width: 350px;
    }

    .cf-top-left-contain {
        max-width: 400px;
    }

    .cf-bottom-left-contain {
        margin-top: 40px;
    }

    .bold-text-2 {
        color: #fff;
    }

    .make-model-year-div {
        padding-left: 40px;
        padding-right: 40px;
    }

    .sysf-button-2.sysf-medium {
        font-size: 16px;
    }

    .selector-section.center {
        flex-direction: column;
        height: auto;
        padding-top: 15vh;
    }

    .hero-cover-div {
        background-color: #0000;
        background-image: none;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .hero-section.center {
        background-color: #0000;
    }

    .replacement-section.center, .updates-section.center, .select-section.center {
        flex-direction: column;
        height: auto;
        padding-top: 15vh;
    }

    .udesly-increment-button-2 {
        padding: 10px 15px;
    }

    .udesly-input-field-2 {
        padding: 0 10px;
    }

    .udesly-decrement-button-2 {
        padding: 10px 15px;
    }

    .udesly-increment-decrement-buttons-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-div {
        padding-left: 0;
        padding-right: 0;
    }

    .grid {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr;
    }

    .div-block-27 {
        justify-content: center;
        align-items: flex-start;
        display: flex;
    }

    .fn-button-secondery {
        transition: none;
    }

        .fn-button-secondery:hover {
            background-color: #0000;
        }

    .contact-us-button {
        transition: none;
    }

        .contact-us-button:hover {
            background-color: #0000;
        }

    .powered-by-img-div {
        justify-content: center;
        align-items: flex-start;
    }

    .battery-checkout-div {
        flex-direction: column;
    }

    .hero-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
    }

    .div-block-41 {
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .faq-button.form-button {
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
    }

    .hero-content {
        margin-bottom: 5vh;
    }

    .form-2 {
        flex-direction: column;
    }

    .quote-attribution {
        flex-direction: row;
        align-items: center;
    }

    .menu-icon {
        font-size: 30px;
    }

    .form-block {
        width: 100%;
    }

    .combine-padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .cf-right-info-wrapper {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding-bottom: 0;
    }

    .cf-1140px-wrapper {
        width: 90%;
        padding-top: 0;
        padding-bottom: 90px;
    }

    .cf-left-info-wrapper {
        flex-direction: column;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cf-review-text---18px---italic {
        margin-top: -60px;
    }

    .cf-58px-heading-2 {
        font-size: 45px;
    }

    .cf-bio-text {
        margin-top: -602px;
    }

    .cf-bottom-right-container {
        max-width: none;
    }

    .cf-top-right-wrapper {
        max-width: none;
        margin-top: 40px;
    }

    .cf-top-left-contain, .cf-bottom-left-contain {
        max-width: none;
    }


    .power-up-section.center, .selector-section.center {
        box-shadow: inset 0 0 10px 10px #0003;
    }

    .hero-cover-div {
        margin-bottom: 5vh;
    }

    .replacement-section.center, .updates-section.center {
        box-shadow: inset 0 0 10px 10px #0003;
    }

    .replacement-border {
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: none;
        padding-left: 15vw;
        padding-right: 15vw;
        display: flex;
    }

    .updates-div {
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }

    .select-section.center {
        box-shadow: inset 0 0 10px 10px #0003;
    }

    .battery-heading-right {
        padding: 60px 15px;
    }

    .power-up-section-copy.center {
        box-shadow: inset 0 0 10px 10px #0003;
    }

    .not-your-car-button.form-button, .buy-button.form-button, .subscribe-button.form-button {
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
    }

    .email-form {
        flex-direction: column;
    }

    .email-input {
        text-align: center;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0;
        padding-left: 22px;
        padding-right: 22px;
    }

    .heading-20 {
        color: var(--color2354);
    }

    .buy-now-quantity-button.form-button {
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
    }

    .hero-subscribe-left, .journey-section, .guarantee-section, .needs-section {
        padding: 60px 15px;
    }

    .find-your-car-key-battery-button.form-button, .find-battery-button.form-button, .find-battery-button-2.form-button {
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px;
    }

    .power-up.center {
        box-shadow: inset 0 0 10px 10px #0003;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 60px;
        line-height: 70px;
    }

    h3 {
        font-size: 16px;
    }

    .car-key-essentials.wide.purple {
        background-color: #fff0;
    }

    .hero {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-inner {
        width: 100vw;
    }

    .faq-button.contact {
        margin-left: 0;
    }

    .image-2 {
        width: 100%;
    }

    .button-wrap {
        flex-direction: column;
        width: 90vw;
    }


    .feature-icon {
        margin-bottom: 20px;
    }

    .quote-slider {
        width: 100vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .slider-arrow {
        font-size: 24px;
    }

    .left-arrow, .right-arrow {
        width: 15vw;
    }

    .number {
        font-size: 40px;
    }

    .heading-3 {
        font-size: 42px;
        line-height: 56px;
    }

    .combine-padding-global {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .sysf-button-content-wrapper {
        justify-content: center;
    }

    .sysf-button.sysf-medium {
        align-self: stretch;
    }

    .sysf-select-2.sysf-medium {
        transform: translate3d(0, 0, 5px);
    }

    .text-block-3 {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .code-3 {
        font-size: 31px;
    }

    .heading-6 {
        margin-top: -20px;
        font-size: 31px;
    }

    .cf-review-text---18px---italic {
        margin-top: -30px;
    }

    .cf-58px-heading-2 {
        font-size: 40px;
    }

    .cf-gradient-span {
        margin-top: -49px;
        line-height: 110%;
    }

    .cf-bottom-right-container {
        margin-top: -47px;
    }

    .cf-bottom-left-contain {
        margin-top: 0;
        margin-bottom: 0;
    }

    .bold-text-2 {
        color: #fff;
    }

    .bold-text {
        color: #fff;
    }

    .div-block-19 {
        background-color: #62be28;
    }

    .select-vehicle-container {
        display: block;
    }

    .udesly-input-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .power-up-section.wide.purple {
        background-color: #fff0;
    }

    .sysf-button-content-wrapper-2 {
        justify-content: center;
    }

    .sysf-button-2.sysf-medium {
        align-self: stretch;
    }


    .hero-section.wide.purple {
        background-color: #fff0;
    }

    .replacement-section.center {
        box-shadow: none;
        background-image: radial-gradient(circle, #444842, #62be28);
        padding-bottom: 10vh;
    }

    .replacement-section.wide.purple {
        background-color: #fff0;
    }

    .updates-section.center {
        box-shadow: none;
        background-image: radial-gradient(circle, #444842, #62be28);
        padding-bottom: 10vh;
    }

    .updates-section.wide.purple {
        background-color: #fff0;
    }

    .replacement-border {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .footer-div {
        padding-left: 0;
        padding-right: 0;
    }

    .select-section.center {
        box-shadow: none;
        background-image: radial-gradient(circle, #444842, #62be28);
        padding-bottom: 10vh;
    }

    .power-up-section-copy.wide.purple {
        background-color: #fff0;
    }

    .not-your-car-button.contact, .buy-button.contact {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .terms {
        color: #fff;
    }


    .subscribe-button.contact {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

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

    .express-checkout {
        line-height: 110%;
    }

    .ready-button-wrap {
        flex-direction: column;
        width: 90vw;
    }

    .nav-div {
        padding-left: 0;
        padding-right: 0;
    }

    .fn-button-secondery, .contact-us-button {
        width: 100%;
    }

    .quick-stack-9 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .buy-now-quantity-button.contact {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .hero-form {
        align-self: stretch;
        margin-bottom: 15px;
    }

    .hero-form-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-form-input {
        width: 100%;
        height: 48px;
        margin-bottom: 10px;
    }

    .contact-button-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .find-your-car-key-battery-button.contact, .find-battery-button.contact, .find-battery-button-2.contact {
        margin-left: 0;
    }

    .powered-by.wide.purple {
        background-color: #fff0;
    }

    .payment-selector {
        flex-flow: column;
        align-self: center;
    }

    .address2.top {
        border-radius: 0;
    }

    .select-field {
        border-radius: 20px;
        margin-top: 10px;
    }

    .power-up.wide.purple {
        background-color: #fff0;
    }
}

#w-node-_81699caa-4da8-99a7-d6bf-1bdb16c0eb91-8995c035, #w-node-_81699caa-4da8-99a7-d6bf-1bdb16c0eb9c-8995c035, #w-node-_81699caa-4da8-99a7-d6bf-1bdb16c0eba7-8995c035 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac195a3d-f7d7-6303-4987-4f6e1cf4537c-8995c035 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-ac195a3d-f7d7-6303-4987-4f6e1cf4537d-8995c035, #w-node-aad98574-8174-b808-961c-6194e0bed3b1-8995c035, #w-node-_92f17a53-6da5-f3ed-b473-f33ef243487e-8995c035, #w-node-f57ca557-f616-5765-43c3-689b6b536a8f-8995c035 {
    grid-column: span 2 / span 2;
}

#w-node-_63a4d241-964e-5570-3926-5339b49d699e-86e36fc2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-dbbe70ef-a113-18bb-19ee-556728ec8910-86e36fc2, #w-node-_4471badc-d994-49bd-59ac-77169890301b-86e36fc2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

#w-node-_3704e126-b052-4a9e-63a2-12c6fef57c3d-d7f6c75f {
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr 1fr;
}

#w-node-_280e4b67-2093-aaf0-8d2e-daa17472b5b7-d7f6c75f {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 2.5fr;
}

@media screen and (max-width: 767px) {
    #w-node-_280e4b67-2093-aaf0-8d2e-daa17472b5b7-d7f6c75f {
        grid-template-rows: auto;
        grid-template-columns: 1.25fr;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_63a4d241-964e-5570-3926-5339b49d699e-86e36fc2 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    #w-node-dbbe70ef-a113-18bb-19ee-556728ec8910-86e36fc2, #w-node-_4471badc-d994-49bd-59ac-77169890301b-86e36fc2, #w-node-_3704e126-b052-4a9e-63a2-12c6fef57c3d-d7f6c75f, #w-node-_280e4b67-2093-aaf0-8d2e-daa17472b5b7-d7f6c75f {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }
}


@font-face {
    font-family: 'Ppmori';
    src: url('../fonts/PPMori-Extralight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ppmori';
    src: url('../fonts/PPMori-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ppmori';
    src: url('../fonts/PPMori-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ppmori';
    src: url('../fonts/PPMori-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ppmori';
    src: url('../fonts/PPMori-ExtralightItalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ppmori';
    src: url('../fonts/PPMori-RegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}