@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body{  background:#fff; color: #222; font-family: 'Roboto', sans-serif; font-weight: 400; height: calc(100vh - 36px); display: flex; align-items: center; font-size: 15px; line-height: 1.28; padding-top: 0; text-align: center; background: #f9f9f9 url(../images/bg.png) top no-repeat;}
body::after {content: ""; background: rgba(0, 0, 0, .4); height: 100vh; width: 100vw; position: absolute; top: 0; z-index: 1;}

a{text-decoration: none; color: #222222}
a:hover{text-decoration: none}

.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}

.landing-page-container{background-color: #fff; z-index: 2; position: relative; margin: 0 auto; text-align: center; max-width: calc(100% - 50px); border-radius: 10px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, .75); padding: 40px 0; width: 800px;}
.landing-page-container h1{text-align: center; font-size: 2.48em; font-weight: 400; line-height: 130%; margin-bottom: 0; letter-spacing: -.1rem;}
.landing-page-container .subtitle{display: flex; justify-content: center;}
.landing-page-container .subtitle h3{padding-top: 10px; margin: 0; line-height: 1.3; letter-spacing: -.1rem; font-size: 1.7rem; font-weight: 300}
.landing-page-container .subtitle img{width: 35px; height: auto; align-self: flex-end;margin-right: 12px;}
.disclaimer { text-align: center; font-size: 14px; width: 87%; max-width: 750px; margin: 1rem auto 1rem;}
.compatibility{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.compatibility .compatibility-chrome-logo {width: 25px; vertical-align: bottom;}
.compatibility .compatibility-text {font-size: 17px; margin: 0 10px; line-height: 1.28;}
.compatibility .compatibility-checkmark{vertical-align: top; margin-top: -10px;}
.btn-wrapper {position: relative;}
.btn-wrapper > .main-button{width: 250px; height: 65px; font-size: 25px; vertical-align: top; font-weight: 400; letter-spacing: unset; margin: .5rem 0 1rem; border-radius: 2px; border: 2px; background-color: #2196f3; color: #fff; cursor: pointer;}
.stepper-container{counter-reset: step; margin: 20px 30% 0;}
.stepper-progress {position: relative; display: flex; z-index: 0;}
.stepper-progress-track{position: absolute; top: 9px; width: 100%; height: 5px; background-color: #dfe3e4; z-index: -1; width: 72%; left: 14%;}
.stepperTextContainer{display: flex; flex-direction: column; width: 33%;}
.stepper-progress-step{position: relative; width: 100%; font-size: 12px;}
.stepper-progress-step.is-active {color: #000;}
.stepper-progress-step::before {content: counter(step); counter-increment: step; display: flex; margin: 0 auto 10px; width: 20px; height: 20px; background: #fff; border: 2px solid #dfe3e4; border-radius: 100%; color: #000; line-height: 1; -webkit-transform: scale(1.2); transform: scale(1.2); justify-content: center; align-items: center; -webkit-transform-origin: center; transform-origin: center;}
.stepper-progress-step::after {content: ""; position: absolute; top: 6px; left: 50%; width: 0; -webkit-transition: width 1s ease-in; transition: width 1s ease-in; height: 5px; background-color: #000; z-index: -1;}
.stepper-progress-step.is-active::before {border: 2px solid #2173bd; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;}

@-webkit-keyframes pulse {
    0% {
            box-shadow: 0 0 0 0 rgba(33, 131, 221, .4)
    }

    70% {
            box-shadow: 0 0 0 10px rgba(33, 131, 221, 0)
    }

    to {
            box-shadow: 0 0 0 0 rgba(33, 131, 221, 0)
    }
}

@keyframes pulse {
    0% {
            box-shadow: 0 0 0 0 rgba(33, 131, 221, .4)
    }

    70% {
            box-shadow: 0 0 0 10px rgba(33, 131, 221, 0)
    }

    to {
            box-shadow: 0 0 0 0 rgba(33, 131, 221, 0)
    }
}


footer{position: fixed; bottom: 0px; padding: 7px 0px; width: 100%; left: 0px; line-height: 21px; overflow: hidden; text-align: center; font-size: 14px; display: flex; justify-content: center; z-index: 2; column-gap: 5px;}
footer span{margin: 0px 0.2rem;}
.cms_page {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 4em;
}