#id{
        text-transform: uppercase;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

    input[type=number] {
    -moz-appearance: textfield;
    }

    .left-shake{
        margin-left: -7px;
        transition: .2s;
    }

    .right-shake{
        margin-right: -7px;
        transition: .1s;
    }
    
    ::placeholder{
        color: red;
        opacity: 1;
    }

    .input-wrapper{
        margin-top: 9px;
    }

    .toast{
        width: 100%;
        padding: 10px;
        background: #fff;
        color: #D9462C;
        position: fixed;
        z-index: 99
    }

    .toast-hidden{
        bottom: -350px;
        transition: .4s;
    }

    .toast-showing{
        bottom: 20px;
        transition: .4s;
    }

    .submit{
        width: 200px;
        height: 45px;
        background-color: #ffffff;
        border: 0px;
        border-radius: 17px;
        margin-top: 22px;
    }

    .g-recaptcha{
        margin-top: 15px;
    }

    .selector-button{
        display: inline-block;
        width: 170px;
        height: 38px;
        background-color: #fff;
        color: #D9462C;
        padding-top: 5px;
        padding-left: 9px;
        border-radius: 12px;
        cursor: pointer;
        margin-top: 7px;
    }

    .selector-button img{
        display: inline-block;
        width: 30px;
        margin-top: 0px;
    }

    .driver-form{
        background-color: #D9462C;
        width: 100%;
        height: 95%;
        border-radius: 32px;
        padding: 17px;
        overflow-y: scroll;
    }

    .driver-form label{
        color: #ffffff;
        text-align: left;
        align-items: left;
        align-content: left;
    }

    .driver-form input[type="text"], input[type="number"], input[type="email"]{
        width: 77%;
        height: 28px;
        border-radius: 32px;
        padding-left: 20px;
    }

    #driver-panel table, #shopper-panel table{
        height: 100%;
    }

    #driver-panel .form, #shopper-panel .form{
        vertical-align: top;
        width: 35%;
        height: 100%;
        background-color: #D9462C;
        border-radius: 32px;
    }

    #driver-panel td, #shopper-panel td{
        padding: 0px;
        margin: 0px;
        height: 100%;
    }

    .driver-info{
        padding: 40px;
        width: 65%;
        height: 90%;
    }

    .driver-info h6{
        padding-bottom: 20px;
    }

    #driver-panel, #shopper-panel {
        width: 70%;
        background-color: #ffffff;
        border: 3px #D9462C solid;
        position: fixed;
        top: 50px;
        left: 15%;
        border-radius: 37px;
        height: 80%;
        overflow: hidden;
    }

    .driver-panel-scooter{
        width: 90%;
        margin-top: 20px;
        margin-left: 15%;
    }

    .shopper-panel-illustration{
        width: 68%;
        margin-top: 60px;
        position: absolute;
        left: -10px;
        z-index: -1;
    }

    label{
        cursor: pointer;
    }

.footer-table {
    width: 80%;
    margin-left: 10%;
    color: #fff;
    margin-top: 80px;
}    
.td-container{
    width: 33.3%;
    padding-left: 20px;
    padding-right: 30px;
    vertical-align: top;
}
.td-container li{
    font-weight: 400;
    margin-top: 20px;
}
.footer-parent{
    background-color: #08A17B;
}

.scooter-guy{
    padding-top: 199px;
    margin-left: 19%;
}

.unspace{
    padding-left: 160px;
}

.footer-table h6{
    margin-top: -20px;
}

.social-icon{
    margin-right: 50px;
}

.social{
    margin-top: 55px;
}

.hidden{
    transition: .3s linear;
}
 #responsiveFormParent{
    width: calc(100%);
    height: 100%;
    border: 3px #D9462C solid;
    border-radius: 39px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    overflow-y: scroll;
}

.driver-info-inner{
    padding: 20px;
}


   section{
        z-index: 1;
    }
    
    #coke-bottle{
        position: absolute;
        top: -80px;
        right: -80px;
        width: 205px;
        z-index: 0;
    }
    
    #cabbage{
        position: absolute;
        bottom: -180px;
        left: -50px;
        width: 305px;
        z-index: 0;
    }

    #bread{
        position: absolute;
        bottom: -180px;
        left: -80px;
        width: 305px;
        z-index: 0;
    }

    #bananas{
        position: absolute;
        top: -180px;
        right: -80px;
        width: 305px;
        z-index: 0;
    }

    #luckystar{
        position: absolute;
        top: 10px;
        right: calc(50% + 140px);
        width: 305px;
        z-index: 0;
        width: 80px;
    }

    #serviced-locations{
        padding-bottom: 145px;
    }
    
    .join-zulzi{
        padding-bottom: 145px;
    }
    
    .title-container{
        margin-top: 125px;
        margin-bottom: 100px;
    }
    
    .xxlarge-title{
        font-size: 89px;
        font-family: "Montserrat";
        font-weight: 900;
    }
    
    .option-button{
        width: 423px;
        height: 141px;
        margin: 0px;
        padding: 0px;
        background-image: url("../img/button-background.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 25px;
        background-color: #E8AE2E;
        margin-top: 107px;
        margin-left: calc(8%/2);
        margin-right:calc(8%/2);
        cursor: pointer;
    }
    
    .fill-parent{
        width: 423px;
        height: 141px;
    }
    
    .inline-block{
        display: inline-block;
    }
    
    .xlarge-title{
        font-size: 70px;
        margin-top: 15px;
    }
    
    .white{
        color: #fff;
        font-family: "Montserrat";
        font-weight: 800;
    }
    
    .download-app{
        background-image: url("../img/diamond-pattern.svg");
        background-color: #D9462C;
        padding-top: 45px;
        margin-top: 85px;
        padding-bottom: 175px;
    }
    
    .app-badge{
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: #000;
        margin-top: 0px;
        cursor: pointer;
        width: 100%;
        border-radius: 25px;
        border: 3px #999 solid;
    }   
        .bg-orange{
            background-color: #D9462C;
            align-items: center;
            align-content: center;
            text-align: center;
            padding-top: 123px;
        }
    
        .full-width{
            width: 100%;
        }
    
        .ep-10{
            padding-top: 40px;
        }
    
        @media (max-width: 768px){
            .driver-form input[type="text"], input[type="number"], input[type="email"]{
                width: 90%;
                height: 40px;
                border-radius: 32px;
                padding-left: 20px;
            }

            .selector-button{
                width: 275px;
                height: 40px;
            }

            #coke-bottle{
                position: absolute;
                top: -60px;
                right: -50px;
                width: 105px;
                z-index: 0;
            }
            
            #cabbage{
                position: absolute;
                bottom: -160px;
                left: -50px;
                width: 205px;
                z-index: 0;
            }

            #bread{
                position: absolute;
                bottom: -140px;
                left: -30px;
                width: 205px;
                z-index: 0;
            }

            #bananas{
                position: absolute;
                top: -100px;
                right: -90px;
                width: 205px;
                z-index: 0;
            }

            #luckystar{
                position: absolute;
                top: 90px;
                right: calc(20% + 140px);
                width: 35px;
                z-index: 0;
            }

            .bg-orange{
                overflow-x: auto;
            }
    
            .ep-10{
                max-width: 100%;
            }
    
            .eb-40{
                padding-bottom: 40px
            }
    
            .inline{
                display: inline-block;
                text-align: left;
                padding-bottom: 10px;
            }
    
            .mobile-title{
                font-size: 30px;
                min-width: 200px;
                width: 50%;
                text-align: left;
                margin-top: -20px;
            }
    
            .mobile-text{
                font-size: 20px;
            }
    
            .mobile-title-align{
                margin-left: 20px;
            }
    
            .mobile-text-align{
                margin-left: 10px;
            }
    
            .mobile-hidden{
                display: none;
            }
    
            .mobile-no-text{
                color: transparent;
                font-size: 0px;
                margin: 0px;
                padding: 0px;
            }
    
            .footer-parent{
                display: none;
            }
    
            .center-title{
                font-size: 35px;
                margin-top: 10px;
            }
    
            .option-button{
                width: 225px;
                height: 72px;
                padding: 0px;
                background-image: url("../img/button-background.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                border-radius: 25px;
                margin-bottom: 55px;
                text-align: center;
                
            }

            .title-container{
                margin-top: 25px;
                margin-bottom: 100px;
            }

            .cta-container{
                align-content: center;
                margin-top: -50px;
                padding-left: 30px;
            }

            .badge-container{
                margin-top: -50px;
                align-content: center;
                width: 100%;
            }

            .download-app{
                background-image: url("../img/diamond-pattern.svg");
                background-color: #D9462C;
                margin-top: 85px;
                padding-bottom: 75px;
            }
            
            .dl-button{
                margin: 0px;
                padding: 0px;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                border-radius: 25px;
                background-color: #000;
                margin-top: 0px;
                cursor: pointer;
                width: 70%;
            }
            
            .ios{
                width: 246px;
                height: 75px;
                background-image: url("../img/ios-badge.svg");
                margin-bottom: 30px;
            }
            
            .android{
                width: 246.28px;
                height: 75.12px;
                background-image: url("../img/android-badge.svg");
            }
            
            .scooter-guy-img{
                width: 70%;
                margin-left: 15%;
            }
        }
  
        body{
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            max-width: 100%;
            min-width: 100%;
        }

        *:disabled{
            cursor: not-allowed;
            background-color: #f5f5f5;
            border: 1px #999 solid;
        }

        .driver-form{
            font-size:.9em;
        }