@import url('https://fonts.googleapis.com/css2?family=Oxygen&family=Roboto+Condensed:wght@400;700&family=Roboto:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@800&display=swap');


html,body {
    width:100%;
    height:100%;
    font-family: 'Assistant', sans-serif;
    font-size:16px;
    touch-action:none;
    user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    overflow:hidden;
    background:#131618;
    position:fixed;
    margin:0;
    padding:0;
    border:0;
    box-sizing: border-box;
    perspective:1000px;
    -webkit-perspective:1000px;

}

::-webkit-scrollbar {
    
    display:none;

}

video {

    object-fit: cover;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;

}

input {

    -webkit-appearance: none;
    font-family: 'Assistant', sans-serif;

}

.container {

    width:100%;
    height:calc(100% - 75px);
    background:#131618;
    position:absolute;
    top:75px;
    z-index:2;
    overflow-y:scroll;
    overflow-x:hidden;
    transform:translate3d(0, 0, 0);
    transition: all .325s cubic-bezier(0.35,0.38,0.35,0.99);
    opacity:1;
    touch-action:pan-y;
}

.overlay {

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#3a3e3f;
    z-index:3;
    opacity:.5;

}

.HeaderRight {
    width:75px; height:75px;
    position:relative; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
}

.hamburgerMover {

    width:75px; height:75px; display:flex; align-items:center; justify-content:flex-end;
    font-size:32px; color:white; cursor:pointer;
    position:absolute; z-index:1; top:0; visibility:visible;

}

.menuCloseMover {

    width:75px; height:75px; display:flex; align-items:center; justify-content:flex-end;
    font-size:36px; color:white; cursor:pointer;
    position:absolute; z-index:0; top:0; visibility:hidden;

}

a:link, a:visited {

    text-decoration:none;
    color:#fcfcfc;

}

.logo {

    font-size:26px;
    text-transform:uppercase;
    color:white;
    font-weight:700;

}

.iconifyHamburger {

    font-size:26px;
    color:#dddddd;

}
.iconifyClose {

    font-size:28px;
    color:#dddddd;

}

.WhiteBar {
    width:100%; height:50px;
    display:flex; align-items:center; justify-content:center;
}

.WhiteBar > div {
    width:100px; height:4px; 
    border-radius:4px; background:white;
}

.splashLearnMore {
    width:100%;
    height:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-evenly;
    font-size:16px;
    color:#f2f2f2;
    position:absolute;
    bottom:0px;
    cursor:pointer;
}

.Learn {
    width:100%; height:100%;
    background:#131618;
    position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;
}

.LearnPNG {
    width:100%; height:100%;
    position:absolute; z-index:0;

}

.LearnTop {
    display:flex; flex-direction:column; align-items:center;
    z-index:1; width:80%; max-width:700px; text-align:center;
}
.LearnBottom {
    width:80%; display:flex; align-items:center; justify-content:center;
    z-index:1; max-width:700px; margin-top:20px;
}
.LearnBottom > div {
    width:100%;
    display:flex; align-items:center; justify-content:flex-start;
}
.Section1Continue {
    font-size:18px; color:white;
    padding:5px 0; cursor:pointer;
    border-bottom:2px solid grey;
}

.LearnBody {

    width:100%; max-width:600px; margin-bottom:25px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;

}

.LearnBodyH1 {

    font-family: 'Assistant', sans-serif;
    font-weight:800;
    font-size:36px;
    text-align:center;
    width:calc(100% - 20px);
    padding:0 10px;
    line-height:38px;
    margin-bottom:16px;

}

.LearnBodyH2 {

    font-size:18px; font-weight:700; color:#f3f3f3;
    width:100%; line-height:25px; text-align:left;

}


.Howitworks {
    width:100%; height:100%;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:white;
}
.Howitworks > div:first-child {
    font-size:24px; font-weight:bold; color:black;
    width:80%; margin-bottom:20px; line-height:36px;
    text-align:center;
}
.HowitworksBody {
    width:100%; 
    display:flex; flex-direction:column; 
    align-items:center; justify-content:center;
}
.Holder {
    width:80%; max-width:350px; height:250px; 
    overflow:hidden; position:relative;
}
.Mover {
    width:100%; height:100%;
    position:absolute;
    display:-webkit-inline-box;
    transition: all .3s;
}
.Holder1 {
    width:100%; height:100%;
    opacity:1; transition: all .2s;
}
.Holder1 > div:first-child {
    background:url('assets/step1.jpg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:100%; height:calc(100% - 75px);
}
.Holder1 > div:last-child {
    font-size:20px; color:black;
    height:75px; width:100%; 
    display:flex; align-items:center; justify-content:center;
}
.Holder2 {
    width:100%; height:100%;
    opacity:0; transition: all .2s;
}
.Holder2 > div:first-child {
    background:url('assets/step2.jpg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:100%; height:calc(100% - 75px);
}
.Holder2 > div:last-child {
    font-size:20px; color:black;
    height:75px; width:100%; 
    display:flex; align-items:center; justify-content:center;
}
.Holder3 {
    width:100%; height:100%;
    opacity:0; transition: all .2s;
}
.Holder3 > div:first-child {
    background:url('assets/step3.jpg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:100%; height:calc(100% - 75px);
}
.Holder3 > div:last-child {
    font-size:20px; color:black;
    height:75px; width:100%; 
    display:flex; align-items:center; justify-content:center;
}
.Control {
    width:80%; height:75px; 
    display:flex; flex-direction:row; align-items:center; justify-content:space-evenly;
}
.Control > div {
    width:20px; height:20px;
    border:5px solid transparent;
    background:black;
    color:white; font-size:12px;
    display:flex; align-items:center; justify-content:center;
    opacity:.25;
    border-radius:100%;
    transition: all .15s;
    cursor:pointer;
}
.Control > div:first-child {
    opacity:1;
}

.iPhoneBody {

    --body-height: 100%;
    width:calc(var(--body-height) - 25.95%); height:calc(var(--body-height) - 24px);
    border:6px solid #273054; border-radius:24px; box-shadow:0 0 5px rgb(0,0,0,10%);

}

.iPhoneInnerBody {

    width:calc(100% - 15px); height:calc(100% - 16px); border-radius:18px; border:8px solid #131618;
    background:url('/assets/designed.png'); background-size:cover; background-repeat:no-repeat;

}

.RealTimeInnerBody {

    width:calc(100% - 15px); height:calc(100% - 16px); border-radius:18px; border:8px solid #131618;
    background:url('/assets/monitor.png'); background-size:cover; background-repeat:no-repeat;

}

.Blazing {

    width:100%; padding:40px 0;
    background-image: linear-gradient( 109.6deg,  rgba(29,31,39,1) 11.2%, rgba(22,24,29,1) 100.2% );
    position:relative; display:flex; flex-direction:column; align-items:center;

}

.BlazingBodyH1 {

    font-size:34px; font-weight:bold; color:white;
    width:75%; margin-bottom:10px;

}
.BlazingBodyH2 {

    font-size:18px; font-weight:700; color:#85878e;
    width:75%; line-height:27px;

}

.iPhoneBlazingBody {

    --body-height: 100%;
    width:calc(var(--body-height) - 25.95%); height:calc(var(--body-height) - 24px);
    border:6px solid #313236; border-radius:24px; box-shadow:0 0 5px rgb(0,0,0,10%);

}

.iPhoneBlazingInner {

    width:calc(100% - 15px); height:calc(100% - 16px); border-radius:18px; border:8px solid #060708;
    background:url('/assets/request.png'); background-size:cover; background-repeat:no-repeat; position:relative;
    overflow:hidden;

}

.TopBlack {

width:100%; height:100%; background:#000; opacity:.77;
position:absolute; top:0; left:0; z-index:2;

}

.AdjustTotals {

    width:100%;
    background:#2b58ff;
    box-shadow:0 -1px 6px rgb(0,0,0,15%);
    border-top-right-radius:25px;
    border-top-left-radius:25px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:absolute;
    bottom:0;
    left:0;
    z-index:6;
    transform:translateY(0);
    transition: all .15s;

}

.AdjustWhat {

    width:100%;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#f2f2f2;

}

.AdjustBody {

    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-evenly;
    margin:15px 0 30px 0;

}

.AdjustSub {

    width:75px;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#f2f2f2;
    visibility:hidden;

}

.AdjustTotal {

    width:75px;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#f2f2f2;

}

.AdjustAdd {

    width:75px;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#f2f2f2;
    transition: all .4s cubic-bezier(0.39,0.5,0.07,0.92);

}


.footer {
    width:100%; height:calc(100% - 20px);
    display:flex; flex-direction:column; align-items:center;
    background:#131618; padding-top:20px;
}

.footerHeader {

    width:100%; height:100px; min-height:75px;
    display:flex; align-items:center; justify-content:flex-start; 
    padding-left:25px; color:white; font-size:14px;

}

.footerBody > div:first-child {

    width:33.33333%; 
    display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;

}
.footerBody > div:nth-child(2) {

    width:33.33333%; 
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start;

}
.footerBody > div:last-child {

    width:33.33333%; 
    display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start;

}

.footerBody > div > div:first-child {

    font-size:14px; color:#a9b2b8; 
    display:flex; align-items:center; justify-content:center; padding:15px 0;

}

.footerBody > div > div {

    color:#fcfcfc; font-size:14px; padding:15px 0;
    cursor:pointer;

}

.footerBottom {

    width:calc(100% - 40px); height:75px; max-width:960px;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;

}

.footerBottom > div:first-child {

    font-size:14px; color:#a9b2b8;
    width:175px;

}

.footerBottom > div:last-child {

    display:flex; flex-direction:row; align-items:center; justify-content:space-evenly;
    color:white; font-size:14px;

}

.footerBottom > div:last-child > div {

    padding-left:15px;
    cursor:pointer;

}

/* Main */
.main {

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    transform:translateX(0);
    transition: all .3s cubic-bezier(0.46,0.64,0.2,0.99);
    z-index:0;
    display:flex; justify-content:center;

}

/* Onboarding */

.onboarding {

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:100%;
    z-index:1;
    background:#1a1f22;
    transform:translateX(0);
    transition: all .3s cubic-bezier(0.46,0.64,0.2,0.99);

}

.onboarding-header {

    width:100%;
    height:125px;
    display:flex;
    flex-direction:column;
    align-items:center;

}

.onboarding-header-inner-top {

    width:100%;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;

}

.inner-top-outside {

    width:80%;
    height:6px;
    border-radius:3px;
    background:rgb(125, 160, 240, .1);
    display:flex;
    align-items:center;
    overflow:hidden;
    position:relative;

}

.inner-top-inside {

    width:100%;
    height:100%;
    border-radius:3px;
    background:rgb(125, 160, 240);
    box-shadow:1px 0 3px rgb(0,0,0,.25);
    position:absolute;
    left:-100%;
    transform:translateX(0);
    transition: all .25s;

}

.onboarding-header-inner-bottom {

    width:100%;
    height:75px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

}

.onboarding-header-inner-bottom-backButtons {

    height:100%;
    position:absolute;
    left:9%;
    width:75px;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:center;

}

.backButton {

    width:75px;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:30px;
    visibility:hidden;
    transition: all .001s;
    opacity:0;
    position:absolute;
    z-index:1;
    color:#f2f2f2;
    cursor:pointer;
    
}

.onboarding-header-title {

    font-size:16px;
    color:#495362;
    font-family: 'Assistant', sans-serif;
    transition: all .2s;
    opacity:1;
    height:100%;
    width:100%;
    padding-top:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute; left:50%; top:50%;
    transform:translate3d(-50%, -50%, 0);

}

.onboardingbuttons > div {
    margin-left:25px;
}

.onboardingbuttons > div:first-child {
    margin:0;
}

.CartOuter {

    width:35px; height:100%; display:flex; align-items:center; justify-content:flex-end;
    position:absolute; right:9%;

}

.CartInner {

    display:flex; align-items:center; justify-content:center; 
    position:relative; opacity:1;

}

.CartIcon {

    font-size:30px; color:white;
    position:absolute; right:5px;

}

.CartBubble {

    width:20px; height:20px; border-radius:100%;
    position:absolute; bottom:0; right:5px;
    background:white; box-shadow:0 0 3px rgb(0,0,0,55%);
    display:flex; align-items:center; justify-content:center;
    font-size:14px; color:#131618;

}

.onboarding-bigText {

    width:100%; height:75px;
    display:flex; align-items:center; justify-content:center;
    font-size:22px; color:#f2f2f2;
    transition: all .2s; opacity:1; text-align:center;

}

.onboarding-input-container {

    width:100%; height:calc(100% - 200px);
    position:relative;

}

.onboarding-input-mover {

    width:calc(100% - 80px);
    height:65px;
    padding:0 40px;
    margin-top:15px;
    position:absolute;
    top:0;
    left:100%;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    transition: transform .0001s, opacity .2s;
    transform:translateX(0);
    opacity:0;
    perspective:1000px;
    -webkit-perspective:1000px;

}

.serviceAddressContainer {

    width:100%; margin-bottom:8px;
     display:flex; flex-direction:column; align-items:flex-start;

}

.serviceAddressContainer > div:first-child {

    color:#495362;
    margin:5px 0;

}

.serviceAddressInputContainer {

    width:100%;
    border:2px solid #495362;
    border-radius:2px;
    height:50px;

}


.MapboxMap {

    width:100%; height:200px; border-radius:10px;

}

.datesContainer {

    width:100%; 
    border:1px solid green; display:flex; flex-direction:column; align-items:flex-start;

}

.JunkCleanupDateTop {transition: all .2s;}

.JunkCleanupDateTop:hover {
    color:white;
}

.datesList {

    display:-webkit-box; overflow:scroll; width:100%; margin-top:10px;

}

.datesList > div {

    border:1px solid #3269ff; border-radius:10px; 
    display:flex; flex-direction:row; align-items:center; justify-content: center;
    margin-right:10px; padding:0 15px; height:40px; background:#3269ff; opacity:.5;
    cursor:pointer;  color:white;

}

.datesList > div:hover {opacity:1;}

.datesList > div > div:first-child {

    margin-right:5px;

}
.datesList > div > div:nth-child(2) {

    margin-right:5px;

}

.Phone-Container {

    width:80%;
    max-width:400px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;

}

.PhoneButtons {

    position:relative; 
    width:100%; height:75px; display:flex; align-items:center; justify-content:center;
    margin-top:25px;

}

.onboarding-input-button {

    height:60px;
    width:100%;
    background:#59b596;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
    box-shadow:0px 0px 8px rgb(0,0,0,.10);
    opacity:0;
    transition: all .15s;
    visibility:hidden;
    cursor:pointer;
    position:relative;
    color:white;

}

.onboarding-input-button-top {

    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#ffffff;
    position:absolute; 
    z-index:1;

}

.onboarding-input-button-spinner {

    width:15px;
    height:15px;
    border:5px solid transparent;
    border-top:5px solid white;
    border-radius:100%;
    animation: Spin .5s infinite;
    opacity:1;
    position:absolute;
    z-index:0;
    visibility:hidden;

}

.LogInButton {

    width:100%; height:60px; border-radius:50px; 
    display:flex; flex-direction:row; align-items:center; justify-content:center;
    position:absolute; left:50%; top:50%;
    transform:translate3d(-50%, -50%, 0);
    background:#59b596;
    visibility:hidden;
    box-shadow:0 0 6px rgb(0,0,0,55%);
    cursor:pointer;

}

.LogInButton > div:first-child {
    font-size:16px; color:white;
}
.LogInButton > div:last-child {
    font-size:22px; color:white;
    margin-left:5px;
}

.Phone-Code-Container {

    width:80%;
    max-width:400px;
    height:65px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);

}

.PhoneCodeInput {

    width:100%;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:transparent;
    outline:0;
    padding:0;
    font-size:30px;
    font-weight:700;
    color:#fff;
    caret-color:#ffffff;
    border-radius:10px;
    opacity:0;
    transition: all .25s;
    margin-top:15px;
    letter-spacing:1px;
    border:1px solid #747a82;

}

.PhoneCodeResend {

    width:100%;
    height:15px;
    font-size:14px;
    color:#657995;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition: all .25s;
    margin-top:40px;

}

.CommunitySearchContainer {

    width:100%;
    display:flex;
    flex-direction:row;
    background:#242c37;
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    z-index:1;
    height:65px;
    margin-top:15px;
    opacity:0;
    transition: all .35s;

}

.CommunitySearchInput {

    width:100%;
    height:65px;
    background:transparent;
    padding-left:25px;
    font-size:18px;
    color:#fff;
    outline:0;
    border:0;
    border-radius:0;
    caret-color:#ffffff;
    font-family: 'Assistant', sans-serif;

}

.CommunitySearchInput::placeholder {

    font-size:16px;
    color:#697585;
    opacity:.5;

}

.CommunitySearchIcon {

    width:75px;
    min-width:75px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#697585;
    opacity:.5;

}

.CommunityList {

    width:100%;
    background:#191e23;
    overflow-y:scroll;
    overflow-x:hidden;
    touch-action:pan-y;

}

.CommunityList > div {

    width:100%;
    height:85px;
    border-bottom:1px solid #20252a;
    position:relative;
    cursor:pointer;

}

.CommunityList > div:active {

    background:#171c20;
    transition: all .1s;

}
.CommunityList > div > div:nth-child(1) {

    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    position:absolute;
    left:25px;

}

.CommunityList > div > div:nth-child(1) > div:nth-child(1) {

    font-size:20px;
    color:#fff;
    font-family: 'Assistant', sans-serif;

}
.CommunityList > div > div:nth-child(1) > div:nth-child(2) {

    font-size:16px;
    font-family: 'Assistant', sans-serif;
    color:#9aa4b2;
    padding-top:1px;

}

.CommunityList > div > div:nth-child(2) {

    width:75px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#fff;
    position:absolute;
    right:0;

}

.CommunityList > div > div:nth-child(2) > div {

    position:absolute;
    z-index:1;

}

.LocationSearchContainer {

    width:100%;
    display:flex;
    flex-direction:row;
    background:#242c37;
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    z-index:1;
    height:65px;
    margin-top:15px;
    opacity:0;
    transition: all .25s;

}

.LocationSearchInput {

    width:100%;
    height:65px;
    background:transparent;
    padding-left:25px;
    font-size:18px;
    color:#fff;
    outline:0;
    border:0;
    border-radius:0;
    caret-color:#fff;
    font-family: 'Assistant', sans-serif;

}

.LocationSearchInput::placeholder {

    font-size:16px;
    color:#697585;
    opacity:.5;

}

.LocationSearchIcon {

    width:75px;
    min-width:75px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#697585;
    opacity:.5;

}

.LocationsList {

    width:100%;
    background:#191e23;
    overflow-y:scroll;
    overflow-x:hidden;
    touch-action:pan-y;

}

.LocationsList > div {

    width:100%;
    height:85px;
    border-bottom:1px solid #20252a;
    position:relative;
    cursor:pointer;

}

.LocationsList > div:active {

    background:#171c20;
    transition: all .1s;

}
.LocationsList > div > div:nth-child(1) {

    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    position:absolute;
    left:25px;

}

.LocationsList > div > div:nth-child(1) > div:nth-child(1) {

    font-size:20px;
    color:#fff;
    font-family:'Oxygen';

}
.LocationsList > div > div:nth-child(1) > div:nth-child(2) {

    font-size:14px;
    color:#9aa4b2;
    font-family: 'Assistant', sans-serif;

}

.LocationsList > div > div:nth-child(2) {

    width:75px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#f2f2f2;
    position:absolute;
    right:0;

}

.LocationsList > div > div:nth-child(2) > div {

    position:absolute;
    z-index:1;
    transition: all .2s;

}

.Plans {

    width:85%;
    max-width:500px;
    margin-top:25px;
    overflow-y:scroll;
    position:relative;

}

.PlanFreeCollection {
    display:flex; flex-direction:column; align-items:center;
}

.FreeCollection {

    padding:25px; border-radius:15px; border:1px solid #59b596;
    width:fit-content;
    display:flex; flex-direction:row; align-items:center; justify-content:center;

}

.FreeCollection > div:first-child {

    font-size:50px; color:white;

}

.FreeCollection > div:last-child {

    display:flex; flex-direction:column; margin-left:20px;

}

.FreeCollection > div:last-child > div:first-child {
    font-size:18px; color:white; margin-bottom:2px;
    text-transform:uppercase;
}
.FreeCollection > div:last-child > div:last-child {
    font-size:16px; color:#59b596;
    text-transform:uppercase;
}

.FreeCollectionButton {

    width:175px; height:60px; border-radius:50px; 
    display:flex; flex-direction:row; align-items:center; justify-content:center;
    background:#59b596;
    visibility:visible;
    margin-top:40px;
    box-shadow:0 0 6px rgb(0,0,0,15%);
    cursor:pointer;
    position:relative;

}

.FreeCollectionButton > div:first-child {
    font-size:16px; color:white;
}
.FreeCollectionButton > div:last-child {
    font-size:22px; color:white;
    margin-left:5px;
}

.PlanRow0 {

    width:100%;
    display:flex;
    flex-direction:column;
    position:relative;
    background:#3217d6;
    box-shadow:0 6px 6px rgb(0 0 0 / 10%);
    border-radius:10px;
    overflow:hidden;
    opacity:.4;
    transition: all .15s;
    cursor:pointer;

}

.PlanRow-Header {

    width:100%;
    display:flex;
    flex-direction:row;
    border-bottom:1px solid #3034ca;

}

.PlanRow-Header-Left {

    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;

}

.PlanRow-Header-Left-Top {

    width:100%;
    font-size:18px;
    color:#e6edf6;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0 0 0;

}

.PlanRow-Header-Left-Bot {

    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:15px 0;

}

.PlanRow-Header-Left-Bot > div:nth-child(1) {

    font-size:38px;
    color:#fff;
    padding-bottom:3px;
    font-family: 'Assistant', sans-serif;
    font-weight:700;

}
.PlanRow-Header-Left-Bot > div:nth-child(2) {

    font-size:18px;
    color:#e6edf6;
    font-family:'Roboto Condensed';
    padding-top:8px;
    margin-left:5px;

}

.PlanRow-Header-Right {

    width:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    color:#11e5b6;

}

.Features {

    width:100%;
    display:flex;
    flex-direction:column;

}

.Features > div {

    width:100%;
    height:65px;
    position:relative;
    padding:5px 0;
    border-bottom:1px solid #3c22de;

}

.Features > div:last-child {

    border-bottom:1px solid transparent;

}

.Features > div > div:nth-child(1) {

    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#8f90c7;
    position:absolute;
    left:0;

}

.Features > div > div:nth-child(2) {

    width:100%;
    height:65px;
    position:absolute;
    left:65px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-top:.75px;
    font-size:16px;
    color:#8f90c7;
    font-family: 'Assistant', sans-serif;

}

.Features > div > div:nth-child(3) {

    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#8f90c7;
    position:absolute;
    right:0;

}

#PlanRow0Button {

    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:fit-content;
    margin-bottom:5px;
    opacity:0;
    color:white;

}

.Card-Container-Cover {

    width:100%;
    height:100%;
    position:absolute;
    left:100%;
    top:0;
    background:rgb(0,0,0,.75);
    transform:translateX(0);
    opacity:0;
    transition: transform .0001s, opacity .15s;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:center;

}

.Spinner {

    width:25px;
    height:25px;
    border-radius:100%;
    border:5px solid transparent;
    border-top:5px solid white;
    animation: Spin .5s infinite;

}

@keyframes Spin {

    from {
        transform:rotate(0);
    }
    to {
        transform:rotate(359deg);
    }

}

.Card-Container {

    width:90%;
    max-width:400px;
    padding:15px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    overflow-y:scroll;

}

.PaymentFreeNotice {

    width:235px; height:35px; border-radius:10px; border:1px solid #fcff00;
    display:flex; flex-direction:row; align-items:center; justify-content:space-evenly; color:white; font-size:14px;
    margin-bottom:35px; position:relative; left:50%; transform:translateX(-50%);

}

.PaymentFreeNotice > div:first-child {

    margin-right:5px;

}

.PaymentFreeNoticeQ {

    font-size:22px; color:white; display:flex; align-items:center; justify-content:center;

}

.Card-Name-Container {

    width:100%;
    height:70px;
    border:1px solid #747a82;
    border-radius:10px;
    position:relative;

}

.Card-Name {

    width: 100%;
    height:70px;
    outline:0;
    border:0;
    padding:0 50px 0 25px;
    background:transparent;
    color:#fff;
    caret-color:#fff;
    font-size:20px;
    text-align:left;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:10px;

}

.Card-Name:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1a1f22 inset;
    box-shadow: 0 0 0px 1000px #1a1f22 inset;
    -webkit-text-fill-color: #ffffff;
    color:#fff;
}

.Card-Name-Placeholder {

    height:30px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-family: 'Assistant', sans-serif;
    background:#1a1f22;
    color:#747a82;
    position:absolute;
    top:-15px;
    left:15px;
    z-index:2;

}

.Card-Name-Check {

    width:0;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#11e5b6;
    position:absolute;
    right:0;
    transition: all .1s;
    opacity:0;

}


/*Card Number*/

.Card-Number-Container {

    width:100%;
    height:70px;
    margin-top:25px;
    border:1px solid #747a82;
    border-radius:10px;
    position:relative;

}

.Card-Number {

    width:100%;
    height:70px;
    padding:0 70px 0 25px;
    position:absolute;
    bottom:0;
    text-align:left;
    font-size:22px;
    color:#fff;
    caret-color:#fff;
    background:transparent;
    outline:0;
    border:0;
    border-radius:10px;
    letter-spacing:4px;

}

.Card-Number:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1a1f22 inset;
    box-shadow: 0 0 0px 1000px #1a1f22 inset;
    -webkit-text-fill-color: #ffffff;
    color:#fff;
}

.Card-Number-Placeholder {

    height:30px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-family: 'Assistant', sans-serif;
    background:#1a1f22;
    color:#747a82;
    position:absolute;
    top:-15px;
    left:15px;
    z-index:2;

}

.Card-Number-Network {

    width:70;
    height:70;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    transition: all .1s;
    overflow:hidden;

}

.Card-Number-Network > svg {

    position:absolute;
    z-index:1;

}

.discover {

    font-size:42px;
    color:#747a82;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70;
    height:70;
    position:absolute;

}

.visa {

    font-size:34px;
    color:#747a82;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70;
    height:70;
    position:absolute;

}

.amex {

    font-size:38px;
    color:#747a82;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70;
    height:70;
    position:absolute;

}

.mastercard {

    font-size:28px;
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70;
    height:70;
    position:absolute;

}

.Card-Bottom-Container {

    width:100%;
    height:70px;
    margin-top:25px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    position:relative;

}

.Card-Exp-Container {

    width:48%;
    height:70px;
    max-width:140px;
    border:1px solid #747a82;
    border-radius:10px;
    position:relative;

}

.Card-Exp-Placeholder {

    height:30px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-family: 'Assistant', sans-serif;
    background:#1a1f22;
    color:#747a82;
    position:absolute;
    top:-15px;
    left:15px;
    z-index:2;

}

.Card-Exp {

    width:100%;
    height:70px;
    position:absolute;
    bottom:0;
    text-align:left;
    font-size:22px;
    color:#fff;
    caret-color:#fff;
    background:transparent;
    outline:0;
    border:0;
    border-radius:10px;
    letter-spacing:4px;
    padding:0 25px 0 25px;

}

.Card-Exp:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1a1f22 inset;
    box-shadow: 0 0 0px 1000px #1a1f22 inset;
    -webkit-text-fill-color: #ffffff;
    color:#fff;
}

.Card-CVC-Container {

    width:48%;
    height:70px;
    max-width:140px;
    border:1px solid #747a82;
    border-radius:10px;
    position:relative;

}

.Card-CVC-Placeholder {

    height:30px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-family: 'Assistant', sans-serif;
    background:#1a1f22;
    color:#747a82;
    position:absolute;
    top:-15px;
    left:15px;
    z-index:2;

}

.Card-CVC {

    width:100%;
    height:70px;
    position:absolute;
    bottom:0;
    text-align:left;
    font-size:22px;
    color:#fff;
    caret-color:#fff;
    background:transparent;
    outline:0;
    border:0;
    border-radius:10px;
    padding:0 50px 0 25px;
    letter-spacing:4px;

}

.Card-CVC:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1a1f22 inset;
    box-shadow: 0 0 0px 1000px #1a1f22 inset;
    -webkit-text-fill-color: #ffffff;
    color:#fff;
}

.Card-CVC-Help {

    width:50px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#747a82;
    position:absolute;
    right:0;

}

.PaymentButton-Container {

    width:100%;
    display:flex;
    justify-content:center;
    padding-bottom:15px;
    margin-top:25px;

}



.MenuHead {

    width:100%; height:75px; display:flex; align-items:center; justify-content:flex-end;

}





.TermsContainer {

    width:100%; height:100%; position:absolute; top:100%; 
    transform:translateY(0); transition: all .25s; z-index:10;
    background:#1a1f22;

}

.TermsHead {

    width:100%; height:75px; display:flex; align-items:center; justify-content:flex-end;

}

.TermsClose {

    width:75px; height:75px; display:flex; align-items:center; justify-content:center;
    font-size:32px; color:white;

}

.TermsBody {
    width:calc(100% - 40px); height:calc(100% - 75px); 
    overflow-y:scroll; overflow-x:hidden; padding:0 20px;
}

.TermsBody > h1 {
    font-size:28px; color:#fcfcfc;
}

.TermsBody > h2 {
    font-size:24px; color:#fcfcfc;
}

.TermsBody > h3 {
    font-size:20px; color:#fcfcfc;
}

.TermsBody > p {
    font-size:16px; color:#fcfcfc;
}

.TermsBody > ul {
    color:#fcfcfc;
}

.PrivacyContainer {

    width:100%; height:100%; position:absolute; top:100%; 
    transform:translateY(0); transition: all .25s; z-index:10;
    background:#1a1f22;

}

.PrivacyHead {

    width:100%; height:75px; display:flex; align-items:center; justify-content:flex-end;

}

.PrivacyClose {

    width:75px; height:75px; display:flex; align-items:center; justify-content:center;
    font-size:32px; color:white;

}

.HelpCenter {

    width:100%; height:100%; position:absolute; top:100%; 
    transform:translateY(0); transition: all .25s; z-index:10;
    background:#1a1f22;
    display:flex; flex-direction:column;

}

.HelpCenterClose {
    width:75px; height:75px; 
    position:absolute; top:0; right:0; z-index:3;
    display:flex; align-items:center; justify-content:center;
    font-size:32px; color:white;
}

.HelpCenterTop {
    width:100%; height:250px;
    background:url('assets/helpcenterdark.jpeg'); background-repeat:no-repeat; background-position:center; background-size:cover;
}

.HelpCenterTopOverlay {
    width:100%; height:100%; background:rgb(0,0,0,50%);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
}

.HelpCenterH1 {
    font-size:32px; color:white; margin-bottom:5px;
}

.HelpCenterH2 {
    font-size:24px; color:white;
}

.HelpCenterMenu {
    width:100%; height:calc(100% - 250px);
    overflow-y:scroll; overflow-x:hidden;
    touch-action:pan-y;
}

.HelpCenterMenuHead {
    width:calc(100% - 25px); height:75px;
    display:flex; align-items:center; justify-content:flex-start;
    padding-left:25px;
    font-size:28px; color:white;
}

.HelpCenterMenuList {
    width:100%;
}

.HelpCenterMenuList > div {
    width:100%; height:75px;
    display:flex; flex-direction:row;
    border-bottom:1px solid #242a2e;
    position:relative;
}

.HelpCenterMenuList > div > div:first-child {
    width:75px; height:100%;
    font-size:26px; color:#384045;
    display:flex; align-items:center; justify-content:center;
}
.HelpCenterMenuList > div > div:nth-child(2) {
    font-size:18px; color:white;
    width:calc(100% - 100px); height:100%; 
    display:flex; align-items:center; justify-content:flex-start; 
    text-align:left;
}
.HelpCenterMenuList > div > div:last-child {
    width:75px; height:100%;
    font-size:22px; color:#384045;
    display:flex; align-items:center; justify-content:center;
}

.MenuCover {
    width:100%; height:100%; 
    background:transparent; position:absolute; z-index:1;
}

.HelpCenterSubMenu {
    width:100%; height:100%;
    position:absolute; top:100%; z-index:4;
    transition: all .25s; transform:translateY(0);
    display:flex; flex-direction:column; align-items:center;
    background:#1a1f22;
}

.HelpCenterSubMenuHead {
    width:100%; height: 75px;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;
}

.HelpCenterSubMenuTitle {
    width:calc(100% - 100px);
    padding-left:25px;
    font-size:16px; color:#4c565c;
    display:flex; align-items:center; justify-content:flex-start;
    text-align:left;
}

.HelpCenterSubMenuClose {
    width:75px; height:100%; 
    display:flex; align-items:center; justify-content:center;
    font-size:32px; color:white;
}

.HelpCenterSubMenuBody {
    width:100%;
}

.HelpCenterSubMenuBody > div {
    display:flex; flex-direction:row;
    height:75px;
    border-bottom:1px solid #242a2e;
    position:relative;
}

.HelpCenterSubMenuBody > div > div:first-child {
    font-size:16px; color:white;
    width:calc(100% - 100px); height:100%;
    padding-left:25px;
    display:flex; align-items:center; justify-content:flex-start;
    text-align:left;
}
.HelpCenterSubMenuBody > div > div:nth-child(2) {
    width:75px; height:100%;
    font-size:22px; color:#384045; 
    display:flex; align-items:center; justify-content:center;
}

.HelpMenuArticle {
    width:100%; height:100%;
    display:flex; flex-direction:column; align-items:center;
    position:absolute; top:100%; z-index:5;
    background:#1a1f22;
    transition: all .25s; transform:translateY(0);
}

.HelpMenuArticleHead {
    width:100%; height:75px; 
    display:flex; justify-content:flex-end;
}

.HelpMenuArticleClose {
    width:75px; height:100%;
    font-size:32px; color:white;
    display:flex; align-items:center; justify-content:center;
}

.HelpMenuArticleTitle {
    width:calc(100% - 40px); height:50px;
    font-size:24px; color:white; text-align:left;
    display:flex; align-items:flex-start; justify-content:flex-start;
}

.HelpMenuArticleBody {
    width:calc(100% - 40px); height:calc(100% - 125px);
    padding-bottom:20px;
    overflow-y:scroll; overflow-x:hidden;
    text-align:left; font-size:16px; color:#8a959c;
}



.WasteOS {
    width:100%; height:100%; 
    position:absolute; top:100%; z-index:11;
    background:#1a1f22;
    display:flex; flex-direction:column;
    transition: all .2s; transform:translateY(0);
    opacity: 0;
}
.WasteOS > div:first-child {
    width:100%; height:75px;
    display:flex; justify-content:flex-end;
}
.WasteOSClose {
    width:75px; height:75px; 
    font-size:32px; color:white;
    display:flex; align-items:center; justify-content:center;
}
.WasteOS > div:last-child {
    width:100%; height:calc(100% - 75px);
    overflow-y:scroll; overflow-x:hidden;
}
.WasteOS > div:last-child > div {
    width:100%; height:100%;
    touch-action:pan-y;
    display:flex; flex-direction:column; justify-content:center; align-items:center;
}
.WasteOSDark {
    background:#1a1f22;
    position:relative; left:50%; transform:translateX(-50%);
}
.WasteOSLight {
    background:#272b2d;
    position:relative; left:50%; transform:translateX(-50%);
}
.WasteOSHeading {
    font-size:30px; color:white;
    width:80%; text-align:center;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:20px;
}
.WasteOSSubHeading {
    font-size:18px; color:white;
    width:80%; text-align:center;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:25px;
}
.WasteOSVideoContainer {
    height:175px; width:350px; background: grey;
    border-radius:15px;
    position:relative;
    overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    opacity:1;
    box-shadow:0 1px 3px rgb(0,0,0,45%);
}
.WasteOSVideoContainer > div {
    width:50px; height:50px;
    border-radius:100%; background:#1a1f22;
    display:flex; align-items:center; justify-content:center;
    font-size:32px; color:grey;
    opacity:.75;
}
.WasteOSVideo {
    position:absolute; 
    left:50%; top:50%;
    transform:translate3d(-50%, -50%, 0);
    width:100%; height:100%;
    object-fit:cover;
    border-radius:15px;
}
.WasteOSStart {
    position:relative; left:50%; transform:translateX(-50%);
}
.WasteOSStart > div:first-child {
    font-size:40px; color:white;
    width:80%; text-align:center;
    margin-bottom:15px;
}
.WasteOSStart > div:last-child {
    font-size:20px; color:white;
    width:80%; text-align:center;
}

.Section {
    width:100%;
    display:flex; align-items:center; flex-direction:column;
    margin:80px 0;
}

.SectionH1 {
    font-family: 'Assistant', sans-serif;
    font-weight:700;
    letter-spacing:-.02em;
    font-size:30px; color:#fcfcfc;
    text-align:center;
    width:calc(100% - 30px);
    padding:0 15px;
    line-height:34px;
    margin-bottom:16px; display:flex; align-items:center; justify-content:center;
}

.SectionH2 {
    font-family: 'Assistant', sans-serif;
    font-size:18px; color:#f5f8fa;
    line-height:26px;
    width:calc(100% - 80px); max-width:960px;
    padding:0 40px;
    margin-bottom:32px; display:flex; align-items:center; justify-content:center;
}

.Section4Image {
    width:calc(100% - 40px); max-width:1021px; height:425px;
    margin-top:32px; border-radius:10px;
    background:url('assets/rollingwaste.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}

.Section5Image {
    width:calc(100% - 40px); max-width:1021px; height:425px;
    margin-top:32px; border-radius:10px;
    background:url('assets/happynocontract.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}


#ServiceType {
    width:100%;
    padding:0;
}

#ServiceType > div {
    width:calc(100% - 40px); padding:0 20px;
    display:flex; flex-direction:row; justify-content:center;
}

.ServiceBusiness {
    width:175px; height:65px;
    border-radius:10px;
    display:flex; flex-direction:row; align-items:center; justify-content:center;
    color:#fcfcfc; margin-right:25px; cursor:pointer;
    border:1px solid #fcfcfc;
}

.ServiceBusiness > div:last-child {
    font-size:18px;
}

.ServiceBusiness > div:first-child {
    font-size:22px;
    margin-right:5px; display:flex; align-items:center; justify-content:center;
}

.ServiceJunkRemoval {
    width:175px; height:65px;
    border-radius:10px;
    display:flex; flex-direction:row; align-items:center; justify-content:center;
    color:#fcfcfc; margin-right:25px; cursor:pointer;
    border:1px solid #fcfcfc; opacity:0; transition: all .2s;
}

.ServiceJunkRemoval > div:last-child {
    font-size:18px;
}

.ServiceJunkRemoval > div:first-child {
    font-size:22px;
    margin-right:5px; display:flex; align-items:center; justify-content:center;
}

.ServiceApartment {
    width:175px; height:65px;
    border-radius:10px;
    display:flex; flex-direction:row; align-items:center; justify-content:center;
    color:#fcfcfc; cursor:pointer;
    border:1px solid #fcfcfc;
}

.ServiceApartment > div:last-child {
    font-size:18px;
}

.ServiceApartment > div:first-child {
    font-size:22px;
    margin-right:5px; display:flex; align-items:center; justify-content:center;
}

.header {
    transition: all .3s;
}

@media (max-width:960px){

    .header {

        width:calc(100% - 40px); height:75px;
        padding:0 20px;
        display:flex; flex-direction:row; align-items:center; justify-content:space-between;
        position:absolute; top:0; z-index:4; background:#131618;
        transition: all .3s;
    
    }

    .header > div {
        width:100%; height:100%;
        display:flex; flex-direction:row; align-items:center; justify-content:space-between;
    }

    .footerBody {

        width:calc(100% - 40px); height:100%;
        display:flex; flex-direction:row;
        color:#fcfcfc;
    
    }

    .MenuContainer {

        width:100%; height:100%; position:absolute; top:-100%; 
        transform:translateY(0); transition: all .2s; z-index:3;
        background:blue; opacity: 0;
    
    }

    .MenuBody {

        width:calc(100% - 40px); padding:0 20px; height:100%;
    
    }

    .MenuBody > div {
        width:100%; height:75px; display:flex; align-items:center; justify-content:space-between;
        border-bottom:1px solid rgb(95 95 255); cursor:pointer;
    }

    .MenuBody > div > div:first-child {
        font-size:16px; color:white; text-align:left;
        width:calc(100% - 95px); height:100%;
        display:flex; align-items:center; justify-content:flex-start;
    }
    .MenuBody > div > div:last-child {
        width:75px; height:100%; display:flex; align-items:center; justify-content:flex-end;
        font-size:26px; color:white;
    }

    .splash {

        width:100%;
        height:100%;
        position:relative;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        z-index:3;
        overflow:hidden;
    }
    
    .splashInner {
    
        width:100%;
        height:100%;
        background:rgb(0,0,0,75%);
        position:absolute;
        top:0;
        left:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    
    }
    
    .splashHeader {
    
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fcfcfc;
        font-family: 'Assistant', sans-serif;
        font-weight:700;
        font-size:34px;
        text-align:center;
        width:calc(100% - 30px);
        padding:0 15px;
        line-height:44px;
        margin-bottom:22px;
    
    }
    
    .splashSubHeader {
    
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        font-family: 'Assistant', sans-serif;
        font-size:20px; color:#e6ecf2;
        line-height:28px;
        width:calc(100% - 40px); 
        padding:0 20px;
        margin-bottom:32px;
    }
    
    .splashGetStarted {
    
        height:60px;
        padding:0 25px;
        margin:0px 0 50px 0;
        background-image: linear-gradient( 109.6deg,  rgba(62,161,219,1) 11.2%, rgba(93,52,236,1) 100.2% );
        /* background-image: linear-gradient( 89deg,  rgba(21,74,189,1) 0.1%, rgba(26,138,211,1) 51.5%, rgba(72,177,234,1) 100.2% ); */
        display:flex; flex-direction:row; align-items:center; justify-content:space-between;
        font-size:18px; font-weight:700;color:#fcfcfc;
        border-radius:50px;
        box-shadow:0px 0px 8px rgb(0,0,0,10%);
        cursor:pointer;
    }
    
    .splashGetStarted > div:last-child {
        font-size:30px; margin-left:5px;
    }

    .LongLine {
        display:none;
    }

    .FishBone {
        display:none;
    }

    .CrumpledPaper {
        display:none;
    }

    .Cup {
        display:none;
    }

    .Trash {
        display:none;
    }



    .Section1 {
        width:100%;
        padding:100px 0 0 0;
        position:relative; left:50%; transform:translateX(-50%);
        display:flex; flex-direction:column; align-items:center; justify-content:center;
        /* background-image: linear-gradient( 181.4deg,  rgba(19,22,24,1) 4.9%, rgba(35,39,41,1) 100.6% ); */
        /* border-right:1px solid rgb(255,255,255,.2);
        border-left:1px solid rgb(255,255,255,.2); */
        overflow:hidden;
    }

    .Section1 > div:first-child {
        width:calc(100% - 80px); height:100%;
        padding:0 40px;
        display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;
    }

    .Section1 > div:first-child > div:first-child {
        font-size:20px; font-weight:700; color:#5cc0ff;
        margin-bottom:24px;
     display:flex; align-items:center; justify-content:flex-start;
    }
    .Section1 > div:first-child > div:nth-child(2) {
        width:100%; margin-bottom:24px;
        font-size:36px; font-weight:700; color:#fcfcfc;
        line-height:42px; text-align:left;
    }
    .Section1 > div:first-child > div:nth-child(3) {
        width:100%; margin-bottom:24px;
        font-size:20px; line-height:28px; text-align:left; color:#e6ecf2;
    }

    .Section1 > div:last-child {
        width:320px;
    }

    .Section1Button {
        padding:5px 12px; border-radius:25px; 
        background:#5cc0ff; margin:10px 0 0 0;
        display:flex; flex-direction:row; align-items:center; justify-content:space-evenly;
        cursor:pointer;
    }

    .Section1Button > div:first-child {
        font-size:16px; color:#131618;
        margin-bottom:3px;
    }

    .Section1Button > div:last-child {
        font-size:24px; color:#131618;
    }

    h1 {
        width:100%; padding:15px 0;
        font-size:36px; font-weight:700; color:#fcfcfc; margin:0;
        line-height:42px; text-align:left;
    }
    
    h2 {
        width:100%; padding:15px 0; 
        font-size:20px; line-height:28px; margin:0; text-align:left; color:#e6ecf2;
    }

    .Section2 {
        width:100%;
        display:flex; flex-direction:column;
        padding:100px 0 0 0; align-items:center;
    }

    .Section2A {
        width:100%;
        display:flex; flex-direction:column-reverse;
        padding:100px 0 0 0; align-items:center;
    }

    .Section2A > div:last-child {
        width:calc(100% - 80px); height:100%;
        padding:0 40px;
        display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;
    }

    .Section2A > div:last-child > div:first-child {
        font-size:20px; font-weight:700; color:#5cc0ff;
        margin-bottom:24px;
     display:flex; align-items:center; justify-content:flex-start;
    }
    .Section2A > div:last-child > div:nth-child(2) {
        width:100%; margin-bottom:24px;
        font-size:36px; font-weight:700; color:#fcfcfc;
        line-height:42px; text-align:left;
    }
    .Section2A > div:last-child > div:nth-child(3) {
        width:100%; margin-bottom:24px;
        font-size:20px; line-height:28px; text-align:left; color:#e6ecf2;
    }

    .Section2A > div:first-child {
        width:320px;
    }

    #collectionvideo {
        border-radius:35px;
        height: 100%;
        object-fit:fill;
    }

    .Section2 > div:first-child {
        width:calc(100% - 80px); height:100%;
        padding:0 40px;
        display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;
    }

    .Section2 > div:first-child > div:first-child {
        font-size:20px; font-weight:700; color:#5cc0ff;
        margin-bottom:24px;
     display:flex; align-items:center; justify-content:flex-start;
    }
    .Section2 > div:first-child > div:nth-child(2) {
        width:100%; margin-bottom:24px;
        font-size:36px; font-weight:700; color:#fcfcfc;
        line-height:42px; text-align:left;
    }
    .Section2 > div:first-child > div:nth-child(3) {
        width:100%; margin-bottom:24px;
        font-size:20px; line-height:28px; text-align:left; color:#e6ecf2;
    }

    .Section2 > div:last-child {
        width:320px;
    }

    .Section2Button {
        padding:5px 12px; border-radius:25px; 
        background:#5cc0ff; margin:10px 0 0 0;
        display:flex; flex-direction:row; align-items:center; justify-content:space-evenly;
        cursor:pointer;
    }

    .Section2Button > div:first-child {
        font-size:16px; color:#131618;
        margin-bottom:3px;
    }

    .Section2Button > div:last-child {
        font-size:24px; color:#131618;
    }

    .PhoneBody {
        width:320px; height:719px;
        border:15px solid black; border-radius:50px;
        margin-top:50px; position:relative;
        background:#1a1f22;
        transition: all .325s cubic-bezier(0.35,0.38,0.35,0.99);
         opacity:.75;
    }

    .PhoneTopLeftToggle {
        width:4px; height:30px; 
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        background:black;
        position:absolute; top:75px; left:-19px;
    }

    .PhoneTopLeftVolUp {
        width:4px; height:60px; 
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        background:black;
        position:absolute; top:150px; left:-19px;
    }

    .PhoneTopLeftVolDown {
        width:4px; height:60px; 
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        background:black;
        position:absolute; top:225px; left:-19px;
    }

    .PowerButton {
        width:4px; height:120px;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
        background:black;
        position:absolute; top:150px; right:-19px;
    }

    .Notch {
        width:160px; height:20px;
        background:black; 
        border-bottom-right-radius:15px;
        border-bottom-left-radius:15px;
        position:absolute; left:50%; transform:translateX(-50%);
        top:0; z-index:2;
    }

    .Lens {
        width:10px; height:10px;
        border-radius:100%; background:#050505;
        position:absolute; right:40px;
    }

    .finalCatch {

        width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;
        padding:100px 0;
    }
    
    .finalCatchTop {
        font-size:28px; color:#fcfcfc;
        width:calc(100% - 40px); 
        padding:0 20px; margin-bottom:25px;
        display:flex; align-items:center; justify-content:center;
    }
    
    .finalCatchGetStarted {
    
        background:#fcfcfc;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:18px;
        font-weight:700;
        color:#1a1f22;
        padding:18px 25px;
        border-radius:35px;
        box-shadow:0px 0px 2px rgb(0 0 0 / 40%);
        cursor:pointer;
    }

    .BusinessForm {
        width:100%; height:100%;
        display:flex; justify-content:center;
    }

    .BusinessFormBody {
        width:80%; height:100%; overflow-y:scroll; overflow-x:hidden;
    }

    .BusinessFormBody > div:first-child > div:last-child {
        display:flex; flex-direction:row; justify-content:flex-start;
    }

    .BusinessFormBody > div:first-child > div:last-child > div:last-child {
        margin-left:50px;
    }

    .BusinessFormLabel {
        color:#8c98a8;
        font-size:14px; 
        margin:24px 0 7px 0;
    }

    .BusinessFormShortLabel {
        color:#8c98a8;
        font-size:14px; 
        margin:14px 0 7px 0;
    }

    .BusinessFormInput {
        background:transparent; outline:0; border:0; padding:0; box-sizing:border-box; border-bottom:2px solid #8c98a8;
        border-radius:0; color:#fcfcfc; font-size:18px; font-weight:700; text-align:left;
        width:100%; height:50px; caret-color:#fcfcfc;
    }

    .BusinessFormShortInput {
        background:transparent; outline:0; border:0; padding:0; box-sizing:border-box; border-bottom:2px solid #8c98a8;
        border-radius:0; color:#fcfcfc; font-size:24px; font-weight:800; text-align:left;
        width:40px; height:50px; caret-color:#fcfcfc;
    }

    .BusinessFormSubmitButton {
        width:100%; height:60px; 
        background:#4796ff; margin: 24px 0;
        border-radius:10px;
        display:flex; align-items:center; justify-content:center; 
        font-size:18px; color:#fcfcfc; visibility:hidden;
        position:relative;
    }

    .BusinessFormSubmitButton > div:first-child {
        position:absolute; 
    }

    .BusinessFormSubmitButton > div:last-child {
        visibility:hidden;
        width:12px; height:12px;
        border-radius:100%; border:3px solid transparent; border-right:3px solid #fcfcfc;
        animation: Spin .5s infinite;
        position:absolute;

    }

    .Notification {
        width:100%; height:100%; 
        background:rgb(0,0,0,.95);
        position:absolute; top:100%; opacity:0; z-index:10;
        transition: opacity .25s, transform .001s; transform:translateY(0);
        font-size:18px; color:#fcfcfc;
        display:flex; align-items:center; justify-content:center;
    }

    .Notification > div:first-child {
        width:80%; display:flex; align-items:center; justify-content:center;
    }

}


@media (min-width:960px){

    .header {

        width:100%; height:75px;
        display:flex; flex-direction:row; align-items:center; justify-content:center;
        position:absolute; top:0; z-index:4; background:#131618;
    
    }

    .header > div {
        width:calc(100% - 40px); height:100%;
        display:flex; flex-direction:row; align-items:center; justify-content:space-between;
    }

    .footerBody {

        width:960px; height:100%;
        display:flex; flex-direction:row;
        color:#fcfcfc;
    
    }

    .MenuContainer {

        width:100%; height:100%; position:absolute; top:-100%; 
        transform:translateY(0); transition: all .2s; z-index:3;
        background:blue; opacity: 0;
    
    }

    .MenuBody {

        width:calc(100% - 40px); padding:0 20px; height:100%;
    
    }

    .MenuBody > div {
        width:100%; height:75px; display:flex; align-items:center; justify-content:space-between;
        border-bottom:1px solid rgb(95 95 255); cursor:pointer;
    }
    .MenuBody > div > div:first-child {
        font-size:18px; color:white; text-align:left;
        width:calc(100% - 95px); height:100%;
        display:flex; align-items:center; justify-content:flex-start;
    }
    .MenuBody > div > div:last-child {
        width:75px; height:100%; display:flex; align-items:center; justify-content:flex-end;
        font-size:26px; color:white;
    }

    .LongLine {
        width:823px; height:4px;
        background:#fcfcfc;
        position:absolute; bottom:237px; left:-823px; z-index:2;
        transition: all .325s cubic-bezier(0.35,0.38,0.35,0.99);
        transform:translateX(0);
        display:flex; align-items:center;
    }

    .LongLine > div:first-child {
        font-size:20px; color:#fcfcfc;
        position:absolute; right:280px; bottom:6px;
    }

    .LongLine > div:last-child {
        font-size:30px; color:#fcfcfc;
        position:absolute; right:0;
        transition: all .325s cubic-bezier(0.35,0.38,0.35,0.99);
        transform:translateX(0);
        width:65px; height:65px; border:3px solid #fcfcfc;
        border-radius:100%;
        background:rgb(0,0,0,.95);
        
    }

    .splash {

        width:100%;
        height:100%;
        position:relative;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        z-index:3;
        overflow:hidden;
    }
    
    .splashInner {
    
        width:100%;
        height:100%;
        background:rgb(0,0,0,75%);
        position:absolute;
        top:0;
        left:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    
    }
    
    .splashHeader {
    
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fcfcfc;
        font-family: 'Assistant', sans-serif;
        font-weight:700;
        font-size:48px;
        text-align:center;
        width:calc(100% - 20px);
        padding:0 10px;
        line-height:50px;
        margin-bottom:16px;
    
    }
    
    .splashSubHeader {
    
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        font-family: 'Assistant', sans-serif;
        font-size:20px; color:#e6ecf2;
        line-height:26px;
        width:calc(100% - 40px); 
        padding:0 20px;
        margin-bottom:32px;
    }
    
    .splashGetStarted {
    
        height:60px;
        padding:0 25px;
        margin:0px 0 50px 0;
        background-image: linear-gradient( 109.6deg,  rgba(62,161,219,1) 11.2%, rgba(93,52,236,1) 100.2% );
        /* background-image: linear-gradient( 89deg,  rgba(21,74,189,1) 0.1%, rgba(26,138,211,1) 51.5%, rgba(72,177,234,1) 100.2% ); */
        display:flex; flex-direction:row; align-items:center; justify-content:space-between;
        font-size:18px; font-weight:700;color:#fcfcfc;
        border-radius:50px;
        box-shadow:0px 0px 8px rgb(0,0,0,10%);
        cursor:pointer;
    }
    
    .splashGetStarted > div:last-child {
        font-size:30px; margin-left:5px;
    }

    .Section0 {
        width:100%; padding:50px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; 
    }

    .Section0 > div:first-child {
        width:calc(100% - 40px); padding:0 20px; height:50px;
        text-align:center; display:flex; align-items:center; justify-content:center;
        font-size:26px; color:#f7f7f7;
    }

    .Section0 > div:last-child {
        width:calc(100% - 40px); padding:0 20px; height:50px; margin-top:25px;
        text-align:center; display:flex; align-items:center; justify-content:center;
        font-size:20px; color:#f7f7f7;
    }

    .Section1 {
        width:960px; height:800px;
        padding:100px 0;
        position:relative; left:50%; transform:translateX(-50%);
        display:flex; flex-direction:row; align-items:center; justify-content:center;
        /* background-image: linear-gradient( 181.4deg,  rgba(19,22,24,1) 4.9%, rgba(35,39,41,1) 100.6% ); */
        /* border-right:1px solid rgb(255,255,255,.2);
        border-left:1px solid rgb(255,255,255,.2); */
        overflow:hidden;
    }

    .Section1 > div:first-child {
        width:420px; height:100%;
        padding:0 40px;
        display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;
    }

    .Section1 > div:first-child > div:first-child {
        font-size:20px; font-weight:700; color:#5cc0ff;
        margin-bottom:24px;
     display:flex; align-items:center; justify-content:flex-start;
    }
    .Section1 > div:first-child > div:nth-child(2) {
        width:100%; margin-bottom:24px;
        font-size:36px; font-weight:700; color:#fcfcfc;
        line-height:42px; text-align:left;
    }
    .Section1 > div:first-child > div:nth-child(3) {
        width:100%; margin-bottom:24px;
        font-size:20px; line-height:28px; text-align:left; color:#e6ecf2;
    }

    .Section1 > div:last-child {
        width:320px;
    }

    .Section1Button {
        padding:5px 12px; border-radius:25px; 
        background:#5cc0ff; margin:10px 0 0 0;
        display:flex; flex-direction:row; align-items:center; justify-content:space-evenly;
        cursor:pointer;
    }

    .Section1Button > div:first-child {
        font-size:16px; color:#131618;
        margin-bottom:3px;
    }

    .Section1Button > div:last-child {
        font-size:24px; color:#131618;
    }

    .Section2A {
        height:900px;
        display:flex; flex-direction:row; align-items:center; justify-content:center;
    }

    .Section2A > div:last-child {
        height:100%;
        max-width:400px; 
        margin-left:50px; margin-top:150px;
        display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; 
    }

    .Section2A > div:last-child > div:first-child {
        font-size:20px; font-weight:700; color:#5cc0ff;
        margin-bottom:24px;
    }
    .Section2A > div:last-child > div:nth-child(2) {
        font-size:36px; font-weight:700; color:#fcfcfc;
        line-height:42px; margin-bottom:24px;
    }
    .Section2A > div:last-child > div:nth-child(3) {
        font-size:20px; line-height:28px; text-align:left; color:#e6ecf2;
        margin-bottom:24px;
    }

    .Section2 {
        width:960px; height:800px; 
        padding:100px 0;
        position:relative; left:50%; transform:translateX(-50%);
        display:flex; flex-direction:row; align-items:center; justify-content:center;
        /* background-image: linear-gradient( 181.4deg,  rgba(19,22,24,1) 4.9%, rgba(35,39,41,1) 100.6% ); */
        /* border-right:1px solid rgb(255,255,255,.2);
        border-left:1px solid rgb(255,255,255,.2); */
        overflow:hidden;
    }

    .Section2 > div:first-child {
        width:420px; height:100%;
        padding:0 40px;
        display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;
    }

    .Section2 > div:first-child > div:first-child {
        font-size:20px; font-weight:700; color:#5cc0ff;
        margin-bottom:24px;
     display:flex; align-items:center; justify-content:flex-start;
    }
    .Section2 > div:first-child > div:nth-child(2) {
        width:100%; margin-bottom:24px;
        font-size:36px; font-weight:700; color:#fcfcfc;
        line-height:42px; text-align:left;
    }
    .Section2 > div:first-child > div:nth-child(3) {
        width:100%; margin-bottom:24px;
        font-size:20px; line-height:28px; text-align:left; color:#e6ecf2;
    }

    .Section2 > div:last-child {
        width:320px;
    }

    .Section2Button {
        padding:5px 12px; border-radius:25px; 
        background:#5cc0ff; margin:10px 0 0 0;
        display:flex; flex-direction:row; align-items:center; justify-content:space-evenly;
        cursor:pointer;
    }

    .Section2Button > div:first-child {
        font-size:16px; color:#131618;
        margin-bottom:3px;
    }

    .Section2Button > div:last-child {
        font-size:24px; color:#131618;
    }

    h1 {
        width:100%; padding:15px 0;
        font-size:36px; font-weight:700; color:#fcfcfc; margin:0;
        line-height:42px; text-align:left;
    }
    
    h2 {
        width:100%; padding:15px 0; 
        font-size:20px; line-height:28px; margin:0; text-align:left; color:#e6ecf2;
    }

    .FishBone {
        position:absolute; left:50px; top:600px; transform:translateY(-50%) rotate(35deg);
        font-size:28px; color:#fcfcfc;
    }

    .CrumpledPaper {
        position:absolute; left:300px; top:550px; transform: rotate(-28deg);
        font-size:32px; color:#fcfcfc;
    }

    .Cup {
        position:absolute; left:440px; top:75%; transform: rotate(35deg);
        font-size:44px; color:#fcfcfc;
    }

    #map {
        height:100%; width:100%; position:absolute;
        background:#1a1f22; border-radius:35px;
    }

    #collectionvideo {
        border-radius:35px;
        height: 100%;
        object-fit:fill;
        z-index:0;
        position:absolute;
    }

    .CollectionPanel {
        width:100%; height:100%; border-radius:35px;
        background:#1a1f22;
        position:absolute; z-index:1; top:100%; 
        transition: all .325s cubic-bezier(0.35,0.38,0.35,0.99);
        transform:translateY(0);
    }

    .PhoneBody {
        width:320px; height:719px;
        border:15px solid black; border-radius:50px;
        position:relative; overflow:hidden;
        background:#1a1f22;
        transition: all .325s cubic-bezier(0.35,0.38,0.35,0.99);
         opacity:.75;
    }

    .PhoneTopLeftToggle {
        width:4px; height:30px; 
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        background:black;
        position:absolute; top:75px; left:-19px;
    }

    .PhoneTopLeftVolUp {
        width:4px; height:60px; 
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        background:black;
        position:absolute; top:150px; left:-19px;
    }

    .PhoneTopLeftVolDown {
        width:4px; height:60px; 
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        background:black;
        position:absolute; top:225px; left:-19px;
    }

    .PowerButton {
        width:4px; height:120px;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
        background:black;
        position:absolute; top:150px; right:-19px;
    }

    .Notch {
        width:160px; height:20px;
        background:black; 
        border-bottom-right-radius:15px;
        border-bottom-left-radius:15px;
        position:absolute; left:50%; transform:translateX(-50%);
        top:0; z-index:2;
    }

    .Lens {
        width:10px; height:10px;
        border-radius:100%; background:#111212;
        position:absolute; right:40px;
    }

    .finalCatch {

        width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center;
        padding:100px 0;
    }
    
    .finalCatchTop {
        font-size:28px; color:#fcfcfc;
        padding:0 20px; margin-right:25px;
        display:flex; align-items:center; justify-content:center;
    }
    
    .finalCatchGetStarted {
    
        background:#fcfcfc;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:18px;
        font-weight:700;
        color:#1a1f22;
        padding:18px 25px;
        border-radius:35px;
        box-shadow:0px 0px 2px rgb(0 0 0 / 40%);
        cursor:pointer;
    
    }

    .BusinessForm {
        width:100%; height:100%;
        display:flex; justify-content:center;
    }

    .BusinessFormBody {
        width:80%; height:100%; overflow-y:scroll; overflow-x:hidden;
    }

    .BusinessFormBody > div:first-child > div:last-child {
        display:flex; flex-direction:row; justify-content:flex-start;
    }

    .BusinessFormBody > div:first-child > div:last-child > div:last-child {
        margin-left:50px;
    }

    .BusinessFormLabel {
        color:#8c98a8;
        font-size:14px; 
        margin:24px 0 7px 0;
    }

    .BusinessFormShortLabel {
        color:#8c98a8;
        font-size:14px; 
        margin:14px 0 7px 0;
    }

    .BusinessFormInput {
        background:transparent; outline:0; border:0; padding:0; box-sizing:border-box; border-bottom:2px solid #8c98a8;
        border-radius:0; color:#fcfcfc; font-size:18px; font-weight:700; text-align:left;
        width:100%; height:50px; caret-color:#fcfcfc;
    }

    .BusinessFormShortInput {
        background:transparent; outline:0; border:0; padding:0; box-sizing:border-box; border-bottom:2px solid #8c98a8;
        border-radius:0; color:#fcfcfc; font-size:24px; font-weight:800; text-align:left;
        width:40px; height:50px; caret-color:#fcfcfc;
    }

    .BusinessFormSubmitButton {
        width:100%; height:60px; 
        background:#4796ff; margin: 24px 0;
        border-radius:10px;
        display:flex; align-items:center; justify-content:center; 
        font-size:18px; color:#fcfcfc; visibility:hidden;
        position:relative;
    }

    .BusinessFormSubmitButton > div:first-child {
        position:absolute; 
    }

    .BusinessFormSubmitButton > div:last-child {
        visibility:hidden;
        width:12px; height:12px;
        border-radius:100%; border:3px solid transparent; border-right:3px solid #fcfcfc;
        animation: Spin .5s infinite;
        position:absolute;

    }

    .Notification {
        width:100%; height:100%; 
        background:rgb(0,0,0,.95);
        position:absolute; top:100%; opacity:0; z-index:10;
        transition: opacity .25s, transform .001s; transform:translateY(0);
        font-size:18px; color:#fcfcfc;
        display:flex; align-items:center; justify-content:center;
    }

    .Notification > div:first-child {
        width:80%; display:flex; align-items:center; justify-content:center;
    }

}

.Section1-Header {
    font-family: 'Assistant', sans-serif;
    font-weight:700;
    font-size:30px; color:#fcfcfc;
    text-align:center;
    width:calc(100% - 30px);
    padding:0 15px;
    line-height:34px;
    margin-bottom:32px; display:flex; align-items:center; justify-content:center;
}

.Section1-Inner {
    width:calc(100% - 40px);
    max-width:1021px;
    margin:20px;
    overflow-x:scroll; overflow-y:hidden;
    display:-webkit-inline-box;

}

.Section1-Inner > div {
    width:325px;
    background:#151a1c; border-radius:10px;
    display:flex; flex-direction:column; align-items:center; justify-content:space-between;
}

.Section1-Inner > div:first-child {
    margin-right:20px;
}
.Section1-Inner > div:last-child {
    margin-left:20px;
}

.Section1-Inner > div > div:first-child {
    font-size:22px; color:white;
    max-width:85%; margin:15px 0;
}
.Section1-Inner > div > div:nth-child(2) {
    font-size:16px; color:#a9b2b8; line-height:22px;
    max-width:85%; margin:0 0 25px 0;
}
.Section1-Inner > div > div:last-child {
    width:100%; height:230px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.Section1Requesting {
    background:url('assets/malerequestingwaste.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.Section1InProgress {
    background:url('assets/holdphone.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.Section1Collected {
    background:url('assets/trashcollected.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}


.Section2-Header {
    width:calc(100% - 40px); 
    text-align:center; font-size:30px; color:white;
    margin:20px;
}
.Section2-Image {
    width:calc(100% - 40px); height:425px;
    margin-top:32px; max-width:1021px;
    border-radius:10px;
    background:url('assets/reliabletrusted.jpeg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}

.Section2-Tabs {
    width:calc(100% - 40px); max-width:1021px;
    margin:20px 0;
    display:flex; flex-direction:column;
}
.Section2-Tabs > div {
    width:100%; height:100px;
    border-radius:10px; background:#151a1c;
    display:flex; align-items:center; justify-content:center;
    margin:10px 0; font-size:20px; color:white; text-align:center;
}

.Section3 {
    width:100%; padding:100px 0 0 0;
    display:flex; flex-direction:column; align-items:center; justify-content:space-evenly;
}
.Section3-Header {
    width:calc(100% - 40px); 
    text-align:center; font-size:30px; color:white;
    margin:20px;
}
.Section3-Questions {
    width:calc(100% - 40px); max-width:1021px;
    display:flex; flex-direction:column; cursor:hand;
}
.Section3-Questions > div {
    width:100%;
    display:flex; flex-direction:column; align-items:center;
    background:#151a1c; padding:20px 0;
    margin-top:20px; border-radius:10px;
}
.Section3-Questions > div > div:first-child {
    width:100%; height:max-content;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;
}
.Section3-Questions > div > div:first-child > div:first-child {
    font-size:18px; color:white;
    height:100%; width:calc(100% - 95px); display:flex; align-items:center;
    margin-left:20px;
}
.Section3-Questions > div > div:first-child > div:last-child {
    font-size:28px; color:white; display:flex; align-items:center; justify-content:center;
    width:75px; position:relative; touch-action:manipulation;
}
.Section3-Questions > div > div:first-child > div:last-child > svg {
    position:absolute;
}
.Section3-Questions > div > div:first-child > div:last-child > svg:first-child {
    visibility:hidden;
}
.Section3-Questions > div > div:last-child {
    width:calc(100% - 40px); font-size:17px; color:#a9b2b8;
    margin-top:15px;
}

.minus {
    width:75px; height:50px;
    position:absolute; z-index:1;
}

.hiddenContent {
    display:none;
}
.visibleContent {
    display:flex;
}

.Careers {
    width:100%; height:100%;
    background:#1a1f22;
    position:absolute; top:100%; z-index:10;
    transition: all .175s cubic-bezier(0.35,0.38,0.35,0.99);
    transform:translateY(0);
}

.CareersHeader {
    width:calc(100% - 40px); height:75px;
    padding:0 20px;
    display:flex; flex-direction:row; align-items:center; justify-content:flex-end;
}

.CareersClose {
    width:75px; height:100%;
    font-size:32px; color:#fcfcfc;
    display:flex; align-items:center; justify-content:flex-end;
}

.CareersBody {
    width:100%; height:calc(100% - 75px);
    overflow-y:scroll; touch-action:pan-y;
}

.CareersSection0 {
    width:100%; height:300px;
    background:url('../assets/careersopener.jpeg') no-repeat center center;
    -webkit-background-size: cover;
    background-size:cover;
    position:relative;
}

.CareersSection0Cover {
    width:100%; height:100%;
    background:rgb(0,0,0,.5);
    position:absolute; z-index:0;
}

.CareersSection0Content {
    width:100%; height:100%;
    position:absolute; z-index:1;
    display:flex; flex-direction:column; justify-content:center; align-items:center;
}

.CareersSection0Content > div:first-child {
    font-size:32px; color:#fcfcfc; font-weight:700;
}
.CareersSection0Content > div:nth-child(2) {
    font-size:20px; color:#fcfcfc;
}

.CareersPositions {
    width:calc(100% - 40px); height:65px; 
    padding:0 20px;
    font-size:18px; color:white;
    display:flex; align-items:center; justify-content:flex-start;
    border-bottom:1px solid #23292c;
}

.CareersList {
    width:100%; height:calc(100% - 365px);
    overflow-y:scroll;
}

.CareersList > div {
    width:calc(100% - 20px); height:75px; 
    padding:0 10px;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;
    border-bottom:1px solid #23292c;
}

.CareersList > div > div:first-child {
    display:flex; flex-direction:row;
}

.CareersList > div > div:first-child > div:first-child > div:first-child {
    font-size:13px; color:#6b7982;
}

.CareersList > div > div:first-child > div:first-child > div:last-child {
    font-size:16px; color:#fcfcfc;
}

.CareersList > div > div:first-child > div:last-child > div:first-child {
    font-size:13px; color:#6b7982;
}

.CareersList > div > div:first-child > div:last-child > div:last-child {
    font-size:16px; color:#fcfcfc;
}

.CareersList > div > div:first-child > div:last-child {
    margin-left:10px;
}

.CareersList > div > div:last-child > div {
    display:flex; flex-direction:row; align-items:center;
    padding:5px;
    background:#fcfcfc;
}


/*ONBOARDING*/

.Onboarding {

    width:100%; height:100%; background:#131618; opacity:0;
    position:absolute; left:100%; transform:translateX(0); transition: all .3s;

}

.OnboardingHeader {
    width:100%; height:75px; border-bottom:1px solid #2b3135;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;
}

.OnboardingBackButton {
    width:75px; height:75px; display:flex; align-items:center; justify-content:center; font-size:30px;
    color:white;
}

.OnboardingTitle {
    width:calc(100% - 75px); height:100%; display:flex; align-items:center; justify-content:center; font-size:20px; color:white;
}

.OnboardingQuestion {
    width:75px; height:100%; display:flex; align-items:center; justify-content:center; font-size:26px; color:white;
}

.OnboardingBody {
    width:100%; height:calc(100% - 75px);
    overflow-y:scroll; overflow-x:hidden; position:relative;
}

.ServiceSelectionBody {
    width:calc(100% - 40px); padding:0 20px; height:100%;
    position:absolute; left:0; transform:translateX(0); transition:all .3s; 
    overflow-y:scroll; overflow-x:hidden; opacity:1; z-index:1;
}

.ServiceSelectionBody > div {
    width:100%; height:60px; border-radius:10px; margin:10px 0;
    background:#2f3438;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;
    display:flex; flex-direction:row; align-items:center; justify-content:space-between;
    font-size:18px; font-weight:700;color:#fcfcfc;
    box-shadow:0px 0px 8px rgb(0,0,0,10%);
    cursor:pointer;
}

.ServiceSelectionBody > div:hover {background:#3269ff;}

.ServiceSelectionBody > div > div:first-child {
    color:white; margin-left:25px;
    display:flex; flex-direction:row; align-items:flex-start; justify-content: space-between;
}

.ServiceSelectionBody > div > div:first-child > div:first-child {
     font-size:22px;
}

.ServiceSelectionBody > div > div:first-child > div:last-child {
    height:100%; display:flex; align-items:center; justify-content:center; margin-left:15px;
}

.ServiceSelectionBody > div > div:last-child {
    color:white; font-size:24px; margin-right:25px;
}

.JunkRemovalCover {
    
    width:100%; height:100%; position:absolute; z-index:3;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background:transparent;

}

.JunkRemovalBody {
    width:calc(100% - 40px); padding:0 20px; height:100%; background:#131618;
    position:absolute; left:100%; transform:translateX(0); transition: all .3s;
    overflow-y:scroll; overflow-x:hidden; opacity:0; z-index:2;
}

.JunkRemovalBody > div {
    margin:15px 0;
}

.JunkRemovalBody > div:last-child {
    margin-top:25px;
}

.NameContainer {
    width:100%; height:75px;
    display:flex; flex-direction:row; align-items:center; justify-content: space-between;
    
}
.FirstNameContainer {
    width:50%; margin-right:20px;
}
.FirstNameContainer > div:first-child {
    font-size:16px; color:grey; display:flex; align-items:center; justify-content:flex-start;
    height:25px;
}
.FirstNameContainer > div:last-child {
    width:100%; height:50px; 
}

.LastNameContainer {
    width:50%;
}
.LastNameContainer > div:first-child {
    font-size:16px; color:grey; display:flex; align-items:center; justify-content:flex-start;
    height:25px;
}
.LastNameContainer > div:last-child {
    width:100%; height:50px; 
}

.FirstNameInput {
    width:100%; height:100%; border:none; border-bottom:2px solid grey;
    outline:0; background:none; border-radius:0; transition: all .2s;
    color:white; caret-color: white; font-size:17px; padding:none; text-align:left;
}
.FirstNameInput:focus {
    border-bottom:2px solid #3269ff;
}

.FirstNameContainerTop {
    transition: all .2s;
}

.LastNameInput {
    width:100%; height:100%; border:none; border-bottom:2px solid grey;
    outline:0; background:none; border-radius:0; transition: all .2s;
    color:white; caret-color: white; font-size:17px; padding:none; text-align:left;
}
.LastNameInput:focus {
    border-bottom:2px solid #3269ff;
}

.LastNameContainerTop {
    transition: all .2s;
}

.PhoneCheck {
    width:calc(100% - 16px); height:50px; border-radius:5px; background:red; color:white;
    font-size:18px; display:none; align-items:center; justify-content: flex-start; text-align:left; 
    padding:0 8px; margin-bottom:10px;
}

.PhoneContainer {
    width:100%; height:75px;
    display:flex; flex-direction:column; align-items:flex-start; justify-content: flex-start;
}

.PhoneContainer > div:first-child {
    font-size:16px; color:grey; display:flex; align-items:center; justify-content:flex-start;
    height:25px;
}
.PhoneContainer > div:last-child {
    width:100%; height:50px; 
}

.PhoneInput {
    width:100%; height:100%; border:none; border-bottom:2px solid grey;
    outline:0; background:none; border-radius:0; transition: all .2s;
    color:white; caret-color: white; font-size:17px; padding:none; text-align:left;
}
.PhoneInput:focus {
    border-bottom:2px solid #3269ff;
}

.PhoneContainerTop {
    transition: all .2s;
}

.JunkServiceAddress {
    width:100%;
    display:flex; flex-direction:column; align-items:flex-start; justify-content: flex-start;
}
.ServiceAddressTop {
    transition: all .2s;
}
.JunkServiceAddress > div:first-child {
    font-size:16px; color:grey; display:flex; align-items:center; justify-content:flex-start;
    height:25px;
}
.JunkServiceAddress > div:nth-child(2) {
    width:100%; height:50px; 
}

.ServiceAddressInput {
    width:100%; height:100%; border:none; border-bottom:2px solid grey;
    outline:0; background:none; border-radius:0; transition: all .2s;
    color:white; caret-color: white; font-size:17px; padding:none; text-align:left;
}
.ServiceAddressInput:focus {
    border-bottom:2px solid #3269ff;
}

.ServiceAddressInput {
    width:100%; height:100%; border:none; border-bottom:2px solid grey;
    outline:0; background:none; border-radius:0; transition: all .2s;
    color:white; caret-color: white; font-size:17px; padding:none; text-align:left;
}

.ServiceAddressResults {
    width:100%;
    border-radius:8px; margin-top:5px;
    display:none;
}

.ServiceAddressResults > div {

    color:white;
    border:2px solid #3269ff; border-radius:6px;
    padding:8px; cursor:pointer;
    transition: all .2s;
    margin-bottom:5px;

}

.ServiceAddressResults > div:hover {
    background:#3269ff;
}

.ServiceAddressResults > div:last-child {
    margin-bottom:0;
}

.ServiceAddressResults > div > div:last-child {

    display:flex; flex-direction: row;

}

.ServiceAddressResults > div > div:last-child > div:first-child {

    margin-right:8px; 

}

.ServiceAddressResults > div > div:last-child > div:last-child {

    margin-left:8px;

}

.JunkCleanupDate {
    width:100%;
    display:flex; flex-direction:column; align-items:flex-start; justify-content: flex-start;
}

.JunkCleanupDate > div:first-child {
    font-size:16px; color:grey; display:flex; align-items:center; justify-content:flex-start;
    height:25px;
}

.JunkRemovalConfirmButton {

    width:calc(100% - 16px); height:50px; color:white; 
    background:#3269ff; border-radius:8px; margin-top:40px;
    display:none; align-items:center; justify-content: center;
    padding:0 8px; font-size:16px; cursor:pointer; position:relative;

}

.JunkRemovalConfirmButtonCover {

    width:100%; height:100%; background:transparent; position:absolute; z-index:2;

}

.JunkRemovalConfirmButtonLoader {

    animation: spin .5s infinite; border-radius:100%;
    width:10px; height:10px; border:2px solid white; border-left:2px solid #3269ff; 
    position:absolute; z-index:1; visibility: hidden;

}

@keyframes spin {
    from {
        transform:rotate(0);
    }
    to {
        transform:rotate(359deg);
    }
}

.SuccessMessage {
    width:100%; height:40px; border-radius:5px;
    border:1px solid #3ac944;
    display:none; align-items:center; justify-content: space-between;

}
.SuccessMessage > div:first-child {
    font-size:20px; color:#3ac944;
    width:40px;
    display:flex; align-items: center; justify-content: center;
}

.SuccessMessage > div:last-child {
    width:calc(100% - 20px); font-size:16px; color:white;
}

.MapHolder {

    width:100%; height:200px;
    position:relative; 

}

.mapCover {

    width:100%; height:100%; position:absolute; z-index:2;
    opacity:0;

}

.mapHolder {
    width:100%; height:200px; margin:10px 0;
    position:relative; display:block; 
}

#map {
    height:200px; width:100%; position:absolute;
    background:orange; border-radius:10px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 60px #131618 inset !important;
    background-color: #131618 !important;
    background-clip: content-box !important;
}


.game-icons--shattered-glass {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='m431.688 18.813l-83.594 65.75L456.5 63.03l-24.813-44.218zm-121.375.906l-21.47 91.5l79.72-91.5zm-160.657 4.405l-2.187 6.25c-13.237 37.557-21.314 79.002-21.314 118.094c0 53.795 15.034 93.182 40.22 118.874c18.918 19.3 43.185 30.496 69.78 34.875c17.132 48.134 16.18 101.07-2.47 148.78c-30.572 5.112-60.267 18.292-86.342 39.53H378.53c-26.062-21.23-55.75-34.383-86.31-39.5c-18.647-47.685-19.602-100.598-2.5-148.717c26.782-4.308 51.187-15.52 70.124-34.97c13.345-13.706 23.776-31.308 30.625-52.906l-84.75-71.656l-51.595-1.093L306.28 261.31l-50.186-73.687l-79.156 64.47l63.812-86.94l-16.28-23.905l-53.845-16.156l-9.813-2.938l3.844-9.53l36-88.5zm71.156 0l-34.968 86l48.562 14.594l32.78-33.69l-17.436-66.905h-28.938zM395.438 97.03l-81.78 28l81.906 69.25c2.706-13.91 4.156-29.165 4.156-45.81c0-16.88-1.513-34.186-4.283-51.44z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .la--poop {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m21.125 4l-1.656.625c-1.864.703-3.074 1.43-3.875 2.188a5.1 5.1 0 0 0-1.375 2.218c-.196.63-.274.996-.406 1.188c-.118.168-.32.37-.97.562c-.011-.008-.09-.058-.093-.062h-.031a4.3 4.3 0 0 0-1.625-.625c-1.664-.281-3.406.445-4.375 2l-.032.031a5.76 5.76 0 0 0-.75 3.625c.051.406.153.82.313 1.219a4.53 4.53 0 0 0-3.625 2.25h-.031c-1.219 2.152-.477 4.93 1.687 6.156h.032v.031c.113.055 1.445.758 3.437 1.375S12.531 28 16 28s6.254-.578 8.25-1.188c1.973-.605 3.082-1.199 3.469-1.437l.031-.031c2.133-1.239 2.852-3.965 1.625-6.063h.031a4.36 4.36 0 0 0-2.5-2.031c0-.004-.031.004-.031 0a4.42 4.42 0 0 0-2.094-2.688c.137-.437.219-.945.219-1.562c0-1.16-.414-2.137-.969-2.844s-1.222-1.18-1.781-1.625s-1.008-.855-1.25-1.25c-.242-.394-.363-.77-.219-1.531zm-2.25 3.188c.094.417.234.824.438 1.156c.472.77 1.105 1.258 1.687 1.719c.582.46 1.125.902 1.469 1.343c.343.442.531.864.531 1.594c0 .48-.055.773-.125 1c-2.727-.398-5.113-1.086-6.875-1.75c-.352-.133-.66-.273-.969-.406a2.8 2.8 0 0 0 .438-.5c.449-.653.511-1.285.656-1.75s.309-.836.844-1.344c.32-.305 1.21-.7 1.906-1.063zm-8.563 4.78c.442-.003.895.134 1.313.407c.55.383 1.73.984 3.688 1.719a35 35 0 0 0 7.718 1.937h.032c.695.086 1.269.496 1.625 1.094c-.356.066-.723.16-1.063.313c-.05.023-.105.007-.156.03c-.04.012-.047.024-.063.032c-.031.016-.062.016-.093.031c-.028.012-.06.047-.094.063q-.129.058-.375.156c-.324.137-.809.313-1.438.5c-1.258.371-3.086.75-5.406.75c-1.723 0-3.195-.195-4.344-.438c-.36-.085-.707-.18-1.031-.28c-.652-.208-1.258-.505-1.25-.5c-.969-.653-1.363-1.438-1.469-2.282c-.105-.844.13-1.742.5-2.375c.469-.754 1.172-1.148 1.906-1.156zm-4.03 6.97c.476-.036.976.082 1.437.343c.008.004.023.028.031.032c.055.03.125.062.188.093c.125.067.269.133.468.219q.598.258 1.656.563c.25.07.555.148.844.218c.106.028.203.067.313.094c.011.004.02-.004.031 0c.398.102.793.191 1.188.25v-.031A22 22 0 0 0 16 21c2.535 0 4.559-.426 5.969-.844c.707-.21 1.273-.433 1.656-.593c.14-.06.219-.114.313-.157h.093l.032-.031l.187-.094c1.242-.664 2.734-.27 3.438.969v.031c.683 1.168.289 2.68-.938 3.375h-.031v.032c-.078.046-1.203.66-3.032 1.218C21.86 25.465 19.25 26 16 26s-5.855-.527-7.688-1.094c-1.808-.562-2.714-1.074-3.062-1.25c-.016-.008-.02-.023-.031-.031c-1.196-.707-1.567-2.184-.875-3.406c.347-.582.867-1.016 1.468-1.188c.153-.043.31-.082.47-.093'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .cil--door {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M400 464V64H112v400H16v32h480v-32Zm-32 0H144V96h224Z'/%3E%3Cpath fill='%23000' d='M312 252h32v72h-32z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }