body {
    font-family: 'Livvic', sans-serif !important;
}
/* common modal designs  start*/
.modal-footer.popupfooters {
    padding: 0;
    border-top: 0;
}

.modal-header.popupheader {
    padding: 18px 12px 10px 12px;
}

button.btn.btn-primary.continue {
    padding: 0;
    width: 20%;
}

span.popup_icon {
    font-size: 20px;
    margin-right: 1rem;
    margin-left: 1rem;
}

h6.modal-title.popuptext {
    border-left: 3px solid;
}

.custom-btn {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    outline: none;
}
/* 3 */
.btn-3 {
    background: rgb(0, 172, 238);
    background: linear-gradient( 0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100% );
    width: 93px;
    height: 30px;
    line-height: 31px;
    padding: 0;
    border: none;
    font-size: 15px;
}

    .btn-3 span {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    .btn-3:before,
    .btn-3:after {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        background: rgba(2, 126, 251, 1);
        transition: all 0.3s ease;
    }

    .btn-3:before {
        height: 0%;
        width: 2px;
    }

    .btn-3:after {
        width: 0%;
        height: 2px;
    }

    .btn-3:hover {
        background: transparent;
        box-shadow: none;
    }

        .btn-3:hover:before {
            height: 100%;
        }

        .btn-3:hover:after {
            width: 100%;
        }

    .btn-3 span:hover {
        color: rgba(2, 126, 251, 1);
    }

    .btn-3 span:before,
    .btn-3 span:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        background: rgba(2, 126, 251, 1);
        transition: all 0.3s ease;
    }

    .btn-3 span:before {
        width: 2px;
        height: 0%;
    }

    .btn-3 span:after {
        width: 0%;
        height: 2px;
    }

    .btn-3 span:hover:before {
        height: 100%;
    }

    .btn-3 span:hover:after {
        width: 100%;
    }
/*common  modal designs end */

/* ------------------------------
HEDAER
---------------------------------- */
/*header*/
.topbar {
    background: rgb(0, 102, 167);
    padding: 0.5rem;
}

.prf-grp-txt {
    color: white;
    font-weight: 500;
    font-size: 14px;
}

a.widget-header {
    color: black;
    text-decoration: unset;
    margin-right: 2rem;
}

span.toplocation {
    color: black;
    font-size: 18px;
    margin-right: 2px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: white;
    background-color: #33b8f5;
}

span.location_name {
    color: black;
    text-decoration: unset;
    font-size: 13px;
}

a.dropdown-item.logindropdownitm {
    font-size: 14px;
}

a.locationdv {
    color: black;
    text-decoration: unset;
}

.dropdown-menu {
    right: 0 !important;
}

a.locationdv p {
    cursor: pointer;
    border-bottom: 1px dashed;
    color: #010d4e;
}

span.dropdownlogin {
    margin-right: 0.5rem;
    font-size: 17px;
}

.prf-grp {
    margin-left: 1rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0.75rem;
    cursor: pointer;
}

span.topuser {
    margin-right: 10px;
    color: white;
    margin-top: -4px;
}

/* common header start */
img.topbar_logo {
    height: 1.2rem;
    cursor: pointer;
}

span.topuser_common {
    font-size: 18px;
    margin-right: 0.5rem;
}

.prf-grp-txt_common {
    font-size: 19px;
    margin-left: 10px;
}
/* for mobile */
@media (max-width: 495px) {
    img.topbar_logo {
        height: 1.1rem;
    }

    .prf-grp-txt_common {
        display: none;
    }
}
/* common header end */
/*login start*/
hr.hrline {
    margin: 6px 0 6px 0;
}

.loginsec1 {
    text-align: center;
    background-color: #d62538;
    color: white;
    padding: 1rem;
}

span.newmwnu {
    font-size: 8px;
    position: absolute;
    color: white;
    background-color: #ff7200;
    border-radius: 50%;
    width: 14px;
    height: 13px;
    right: -10px;
    text-align: center;
    top: 0;
}

.loginsec1.userlogin {
    background: url(https://scoopy.app/assets/img/newpagerest/loginbanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 105px;
    padding-top: 1rem;
    /* background-color: #d62538;*/
}

img.new_menu {
    height: 18px;
    position: absolute;
    top: 7px;
    left: 2px;
}

a.mobilecall {
    text-decoration: unset;
}

button.btn.btn-primary.loginbtn:hover,
.button.btn.btn-primary.loginbtn:focus {
    color: #fff;
    background-color: #b10b23;
    border-color: #b10b23;
    box-shadow: unset;
}

.topbarlogo img {
    height: 2.5rem;
}

span.locationedit {
    color: #da3c4b;
    font-weight: bolder;
    /* font-size: 20px; */
    transform: translateY(-50%);
    font-size: 13px;
    /* color: #fc8019; */
    font-weight: 700;
    margin-left: 0.2rem;
}

button.btn.btn-primary.login {
    padding: 2px 8px 2px 8px;
    width: 30%;
    font-family: monospace;
    font-size: 17px;
    background-color: #0ba7a9;
    border: unset;
    margin-top: 1rem;
}

label.loginlabel {
    font-size: 13px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

input.form-control.logininput {
    font-size: 12px;
}

.loginoffcanvas {
    background-color: rgb(233, 237, 239);
}

p.logoncntp {
    color: rgb(20, 22, 25);
    font-size: 13px;
    text-align: center;
}

.loginimg p {
    font-size: 11px;
    font-weight: 600;
}

img.login_logo {
    height: 2rem;
    /* margin-bottom: 1rem; */
    margin-top: -56px;
    margin-left: 2rem;
}

.sc-iRbamj.fWjBul.logo_login img {
    height: 3.25rem;
}

input.form-control.otpinput {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #0d6efd;
    border-radius: 0;
    padding: 0;
    text-align: center;
    color: #ec5c5c;
    font-weight: 600;
    background-color: #b1cfec;
    /* width: 120%; */
    padding: 3px;
    letter-spacing: 15px;
}

.form-control:focus {
    outline: unset !important;
    box-shadow: unset !important;
}

a.edit_number {
    color: #045252;
    text-decoration: unset;
    font-family: monospace;
    font-size: 15px;
    cursor: pointer;
}

p.resend_otp {
    font-size: 11px;
    color: #a5a1a1;
    margin-top: 2px;
    margin-bottom: 0px;
}

/*.loginsec1 {
    text-align: center;
    background-color: rgb(25 189 191 / 77%);
    color: white;
    padding: 0.5rem;
}*/
.loginsec1 p {
    margin-bottom: 8px;
    text-align: center;
    color: white;
}

.loginbtn {
    margin-left: 1rem;
    background-color: unset;
    border-color: white;
    padding: 3px 0 3px 0;
    width: 30%;
    color: white;
}

.common_links {
    color: #655d5d;
    padding-bottom: 0 !important;
    text-decoration: unset;
    font-size: 13px;
    display: block;
    padding: 11px 16px;
    cursor: pointer;
}

span.contno {
    color: #006ddc;
    font-size: 14px;
}

a.socialmedialink img {
    max-width: 35px;
    max-height: 35px;
    width: 35px;
    height: 35px;
    margin-left: 20px;
    margin-top: 1rem;
}

.playstoreimg img {
    height: 2rem;
    margin-top: 1rem;
}
/*login end*/
/* ------------------------------
CHECKOUT CSS 
------------------------------ */
button.btn.btn-primary.applycash {
    padding: 1px 3px 2px 3px !important;
    font-size: 11px !important;
    background-color: #b03a2e !important;
    border-color: #b03a2e !important;
    line-height: 1.4 !important;
}

button.btn.btn-outline-danger.addrssapply {
    font-size: 15px;
    padding: 4px 15px 4px 15px;
}

button.btn.btn-outline-primary.detectlocation:hover {
    color: #ffff;
    border-color: #fff;
}

img.addaddressimg {
    height: 20px;
    margin-right: 0.5rem;
}

.cartmsg {
    background-color: #f2faf9;
    border-color: #f2faf9;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-left: 10px;
    margin-right: 10px;
    color: black;
}

p.cartmsgtxt {
    font-size: 10px;
    margin-bottom: 0;
    line-height: 1.7;
    letter-spacing: 0.2px;
}

@media (max-width: 350px) {

    span.cashedit {
        right: 8px !important;
    }
}


@media (max-width: 495px) {
    input.form-control.actaddaddress {
        font-size: 10px !important;
    }
}

@media (max-width: 360px) {
    h6.font-weight-bold.chooseaddress {
        font-size: 12px !important;
    }

    a.viewmoreaddress {
        text-decoration: unset;
        font-size: 12px !important;
    }
}

@media (max-width: 766px) {
    a.btn.btn-primary.placeorder,
    .pointalert_web {
        display: none !important;
    }

    .webpayment,
    .pointalert_web {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .mobileplaceorder,
    .pointalert_mob {
        display: none;
    }

    .mobile_payment,
    .pointalert_mob {
        display: none !important;
    }

    .paymentbg {
        background: #0f479a !important;
        width: 35px !important;
        height: 35px !important;
        border-radius: 100% !important;
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%) !important;
        text-align: center !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .paymentbg1 {
        background: #dc3545 !important;
        width: 35px !important;
        height: 35px !important;
        border-radius: 100% !important;
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%) !important;
        text-align: center !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    span.payoption {
        /* margin-right: 0.4rem; */
        font-size: 16px !important;
    }
}

span.actcashdv {
    font-size: 10px;
    float: right;
    color: black;
}

span.actcls {
    color: #3a9986;
    font-size: 13px;
    letter-spacing: 1px;
}

span.cashedit {
    position: absolute;
    right: -5px;
    font-size: 14px;
    top: -2px;
}

label.form-check-label.walletblnc {
    font-size: 12px;
}

input#walletcheck {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 7px;
}

a.uselocation {
    font-size: 15px;
    text-decoration: unset;
}

input.form-control.srchlocation {
    padding: 6px;
    cursor: pointer;
    font-size: 13px;
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
}

input.form-control.typelocation {
    padding: 6px;
    cursor: pointer;
    font-size: 13px;
    border: 1 px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
}

button.btn.btn-primary.location {
    margin-top: 2rem;
    bottom: 0;
    width: 400px;
}

p.selectaddcontent {
    font-size: 14px;
    color: #dc3545;
    font-family: system-ui;
    margin-bottom: 2rem;
}

button.btn.btn-outline-primary.detectlocation {
    padding: 2px 14px 2px 14px;
    margin-top: 1rem;
    border-color: #dc3545;
    color: #dc3545;
    font-size: 13px;
}

p.sel_add {
    font-size: 20px;
    margin-top: 1rem;
}

p.tap {
    font-size: 12px;
    color: grey;
    padding-top: 0.5rem;
}

span.seladd {
    font-size: 13px;
    margin-left: 0.3rem;
}

.slctadddv {
    border-bottom: 1px solid #d5d1d1;
    padding-bottom: 1rem;
}

.selectaddressheader {
    background-color: #0d6efd;
    color: white;
}

img.googlemapimg {
    height: 27px;
    width: 20px;
    margin-right: 0.4rem;
}

input.form-control.cashenter {
    padding-top: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid rgb(194, 190, 190);
    border-radius: 0;
    width: 70px;
    color: #dc3545;
    text-align: center;
    padding-bottom: 1px;
    height: 20px;
}

.mobileplaceorder {
    background-color: #19bdbf !important;
    border: unset !important;
    border-radius: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    margin-top: 0px !important;
    padding: 0px 0 0px 0 !important;
    margin: 0;
}

a.btn.btn-primary.mobplaceorder {
    background-color: unset;
    border: unset;
}

p.footertopaytaxt1 {
    margin-bottom: 3px;
    color: black;
    font-size: 17px;
}

.footeramtorder {
    background-color: #edecec;
    padding-top: 10px;
    padding-bottom: 10px;
}

span.footertopaytaxt2 {
    font-size: 17px;
    color: black;
    margin-bottom: 0;
    margin-left: 10px;
}

.paymentbg {
    background: #0f479a;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paymentbg1 {
    background: #dc3545;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.payoption {
    /*  margin-right: 0.4rem;*/
    font-size: 20px;
}

label.form-check-label.paylevel {
    font-family: monospace;
    font-size: 15px;
}

.promo {
    font-size: 12px;
}

.input-group.checkoutinpgrp {
    border: 1px solid rgb(224 225 226);
}

.deliveryinstrcton {
    font-size: 12px;
}

.row.checkout_section {
    margin-top: 60px;
    margin-bottom: 6rem;
}

p.mb-0.badge.badge-success.ml-auto.defaultaddress {
    background-color: #8bc34a;
    font-size: 11px;
    font-family: monospace;
    padding: 3px 5px 3px 7px;
}

.checkoutfooter {
    padding: 4px;
    cursor: pointer;
    font-size: 13px;
    background-color: #3fa9f5;
    color: white;
}

p.address {
    font-size: 12px;
}

h6.font-weight-bold.chooseaddress {
    font-size: 14px;
    color: #686d73;
}

a.viewmoreaddress {
    text-decoration: unset;
    font-size: 13px;
    font-family: monospace;
    color: #3fa9f5;
    border-bottom: 1px dashed;
    cursor: pointer;
}

a.btn.btn-primary.addnewaddress {
    width: 100%;
    margin-top: 20px;
    color: #6c757d !important;
    padding: 4px;
    cursor: pointer;
    font-size: 13px;
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
}

.usethisaddress {
    background-color: white;
    color: #8bc34a !important;
    border: 1px solid #8bc34a;
    background-color: white;
    color: #066635 !important;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
}

p.delivery_sts {
    margin-bottom: 0;
    text-align: end;
    font-size: 13px;
    color: grey;
}

a.btn.btn-primary.placeorder {
    background-color: #19bdbf !important;
    border: unset;
    border-radius: 0;
    width: 100%;
    margin-top: 20px;
    margin-top: -3px;
    padding: 8px 0 8px 0;
}

p.m-0.cartitemnm.yousave,
p.m-0.cartprice.yousave {
    color: #8bc34a;
    font-family: monospace;
    font-size: 14px;
    font-weight: 700;
}

span.input-group-text.getpromo {
    font-size: 11px;
    padding: 0;
    margin-right: 10px;
    text-transform: lowercase;
    color: #2196f3;
    background-color: white;
    border: unset;
    font-family: sans-serif;
    cursor: pointer;
}

button.btn.btn-primary.offerapply {
    background-color: #d92662;
    border: 0;
    border-radius: 0;
    font-size: 10px;
}
/* promo code start */
button.btn.btn-primary.applypromo:focus {
    color: #198754;
    box-shadow: none;
    font-weight: 800;
}

button.btn.btn-primary.promocodname {
    font-size: 14px;
    padding: 2px 10px 2px 10px;
    background-color: #349ff4;
    border: 1px dashed;
    font-family: monospace;
}

p.prmdet {
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 500;
    /* font-family: system-ui; */
}

p.prmdescription {
    font-size: 12px;
    color: #adabab;
}

button.btn.btn-primary.applypromo {
    padding: 0 0 0 0;
    color: #2196f3;
    background-color: white;
    border: unset;
    font-family: monospace;
    font-size: 17px;
    font-weight: 600;
}
/* promo code end */
/* add new address start */
label.form-label {
    font-size: 13px;
    margin-bottom: 0;
    color: #0078ae;
    width: 100%;
}

span.mandatory_field {
    color: #d60404;
    font-size: 17px;
}

input.form-control.actaddaddress {
    font-size: 13px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #0078ae;
}
/* add new address end */
/* order place modal start */
.placed_img img {
    height: 90px;
}

.placed_img p {
    margin-bottom: 2px;
    font-size: 11px;
}

span.order_details {
    color: grey;
    font-size: 10px;
}

p.success_msg {
    font-size: 14px;
    font-weight: 600;
    color: #ec6592;
    margin-top: 15px;
}

span.order_details.order_id,
span.order_details.total {
    font-size: 12px;
    font-weight: 600;
    color: #ec6592;
}

#clock {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #0d6efd;
}

span#seconds {
    display: block;
    /* width: 100%; */
    /* margin: auto; */
    padding-top: 2px;
    text-align: center;
    /* font-size: 3px; */
    color: white;
}

h6.card-title.noaddressfound {
    text-align: center;
    font-size: 17px;
}

p.noaddressfound1 {
    text-align: center;
    color: grey;
    font-size: 13px;
}

@media (min-width: 576px) {
    .modal-dialog.placed_orderdialog {
        max-width: 330px;
    }
}

p.track {
    margin-bottom: 0;
    text-align: end;
    font-size: 10px;
    color: #e27619;
    margin-right: 1px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: 1px;
}
/*order placed end*/
img.no_promo {
    height: 7rem;
}

/* New CSS */
.row.chk_restsec {
    padding: 10px 0 10px 0;
}

span.chk_dlt {
    color: black;
    float: right;
    cursor: pointer;
}

.chkcart {
    background-color: white;
    margin-top: 1rem;
    padding-left: 16px;
    line-height: 25px;
}

p.prcheading {
    font-size: 13px;
    margin-bottom: 6px;
    border-bottom: 0.3px solid #ede7e7;
    padding-bottom: 3px;
    margin-right: 1rem;
    color: #cb4335;
}

a.alert-link {
    font-size: 13px;
    text-decoration: unset;
    color: #03a685 !important;
    letter-spacing: 1px;
    font-weight: 500;
}

.alert.alert-success.cartmsg {
    background-color: #f2faf9;
    border-color: #f2faf9;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 22px;
    color: black;
    font-size: 13px;
}

.checkout_mob {
    background: white;
    height: fit-content;
}

a.alert-link.pointlink {
    font-size: 13px;
    color: #8f6e0e !important;
    margin-right: 0.5rem;
}

.alert.alert-info.pointalert {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
    margin-bottom: 0px;
    border-radius: 0;
}

p.itemsincart {
    font-size: 13px;
}

p.cartprice.coupondis {
    color: #14ac8e;
}

span.applcoparrow {
    float: right;
    font-size: 23px;
}

p.applycpn {
    margin-bottom: 0;
}

p.prcheading.cpn {
    margin-top: 10px;
    margin-left: 7px;
    border-bottom: 0;
}

span.input-group-text.cpnapp {
    background-color: white;
    color: #e5636f;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}

.couponcodes {
    background-color: #fdfeff;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #c0c8cf;
    padding-bottom: 1rem;
}

input.form-control.cpn {
    font-size: 13px;
}

span.offcanvasclose {
    font-size: 25px;
    margin-top: -71 px;
}

.applucopndv {
    background-color: #efe9e9;
    padding: 20px 10px 20px 10px;
    margin-bottom: 1.5rem;
}

span.appcpntxt {
    font-size: 14px;
}

.cpndv {
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 3px;
}

span.cpnprc {
    font-size: 12px;
    color: #13ab8d;
    margin-left: 1.7rem;
}
/* -------------------------------
ORDERTRACK CSS
--------------------------------- */
span.gotowalletlink {
    font-size: 11px;
    color: #787576;
    /* margin-left: 2rem;*/
    cursor: pointer;
}

span.orddtcd {
    color: #bd3542;
    font-weight: 500;
    font-size: 12px;
}

p.ordrest1 {
    margin-bottom: 6px;
    font-size: 13px;
}

img.odrstsimg {
    height: 30px;
    width: 30px;
}

span.ordests {
    font-weight: 500;
    color: rgb(3, 166, 133);
}

p.ststime {
    font-family: Whitney;
    font-size: 12px;
    color: white;
    margin-bottom: 0;
}

img.restaurantimgtrack {
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
}

a.ordrestnm {
    text-decoration: unset;
    font-size: 14px;
}

p.ordrestaddr {
    font-size: 13px;
}

.row.orsbox1 {
    background-color: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}

h5.card-title.rvw {
    font-size: 13px;
    margin-bottom: 0;
    color: #9099a7;
}

i.bx.bx-star {
    font-size: 19px;
    color: #5a5656;
}

p.pointsearn {
    color: #4a235a;
    font-size: 14px;
    margin-top: 4px;
}

.row.ordststop {
    margin-bottom: 10px;
}

p.ordval {
    font-weight: 500;
    color: #f94603;
    font-size: 14px;
    margin-bottom: 0;
}

span.ordestss {
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    color: black;
}

span.orddet {
    font-size: 30px;
    color: #787878;
}

button.btn.btn-outline-primary.ordfilter {
    padding: 0 0 0 0;
    width: 85%;
}

input.form-control.ordsrc {
    height: 30px;
    font-size: 12px;
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: unset;
}

.form-check.checkordfil {
    margin-bottom: 0.7rem;
    font-size: 17px;
}
/* --------------------------------
PLACE ORDER CSS
-------------------------------- */
.wrapper {
    position: relative;
    min-height: 100vh;
}

[class|='confetti'] {
    position: absolute;
}

.confetti-0 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 52%;
    opacity: 1.4159977172;
    transform: rotate(251.8682332685deg);
    -webkit-animation: drop-0 4.2756608873s 0.6851363606s infinite;
    animation: drop-0 4.2756608873s 0.6851363606s infinite;
}

@-webkit-keyframes drop-0 {
    100% {
        top: 110%;
        left: 60%;
    }
}

@keyframes drop-0 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-1 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 52%;
    opacity: 0.7226194068;
    transform: rotate(224.9199009267deg);
    -webkit-animation: drop-1 4.7892727167s 0.6012385842s infinite;
    animation: drop-1 4.7892727167s 0.6012385842s infinite;
}

@-webkit-keyframes drop-1 {
    100% {
        top: 110%;
        left: 55%;
    }
}

@keyframes drop-1 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-2 {
    width: 2px;
    height: 0.8px;
    background-color: #263672;
    top: -10%;
    left: 79%;
    opacity: 0.7771530341;
    transform: rotate(251.9183142385deg);
    -webkit-animation: drop-2 4.6217629216s 0.3130300623s infinite;
    animation: drop-2 4.6217629216s 0.3130300623s infinite;
}

@-webkit-keyframes drop-2 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@keyframes drop-2 {
    100% {
        top: 110%;
        left: 85%;
    }
}

.confetti-3 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 4%;
    opacity: 0.6123941775;
    transform: rotate(87.1326624633deg);
    -webkit-animation: drop-3 4.4044001432s 0.4135070088s infinite;
    animation: drop-3 4.4044001432s 0.4135070088s infinite;
}

@-webkit-keyframes drop-3 {
    100% {
        top: 110%;
        left: 18%;
    }
}

@keyframes drop-3 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-4 {
    width: 2px;
    height: 0.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 39%;
    opacity: 1.2857526821;
    transform: rotate(37.6743742147deg);
    -webkit-animation: drop-4 4.9029855974s 0.9750241062s infinite;
    animation: drop-4 4.9029855974s 0.9750241062s infinite;
}

@-webkit-keyframes drop-4 {
    100% {
        top: 110%;
        left: 42%;
    }
}

@keyframes drop-4 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-5 {
    width: 2px;
    height: 0.8px;
    background-color: #263672;
    top: -10%;
    left: 70%;
    opacity: 0.732045459;
    transform: rotate(181.2364879417deg);
    -webkit-animation: drop-5 4.6935374784s 0.3374660495s infinite;
    animation: drop-5 4.6935374784s 0.3374660495s infinite;
}

@-webkit-keyframes drop-5 {
    100% {
        top: 110%;
        left: 71%;
    }
}

@keyframes drop-5 {
    100% {
        top: 110%;
        left: 71%;
    }
}

.confetti-6 {
    width: 6px;
    height: 2.4px;
    background-color: #d13447;
    top: -10%;
    left: 67%;
    opacity: 1.3473372273;
    transform: rotate(184.0459437695deg);
    -webkit-animation: drop-6 4.1681705047s 0.9604289961s infinite;
    animation: drop-6 4.1681705047s 0.9604289961s infinite;
}

@-webkit-keyframes drop-6 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-6 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-7 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 72%;
    opacity: 1.065420503;
    transform: rotate(289.1930251378deg);
    -webkit-animation: drop-7 4.8867847613s 0.7952983255s infinite;
    animation: drop-7 4.8867847613s 0.7952983255s infinite;
}

@-webkit-keyframes drop-7 {
    100% {
        top: 110%;
        left: 77%;
    }
}

@keyframes drop-7 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-8 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 70%;
    opacity: 1.2018393421;
    transform: rotate(4.4356508091deg);
    -webkit-animation: drop-8 4.1293373786s 0.0259295872s infinite;
    animation: drop-8 4.1293373786s 0.0259295872s infinite;
}

@-webkit-keyframes drop-8 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@keyframes drop-8 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-9 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 47%;
    opacity: 0.7396389768;
    transform: rotate(258.3311240521deg);
    -webkit-animation: drop-9 4.59602178s 0.799711691s infinite;
    animation: drop-9 4.59602178s 0.799711691s infinite;
}

@-webkit-keyframes drop-9 {
    100% {
        top: 110%;
        left: 61%;
    }
}

@keyframes drop-9 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-10 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 58%;
    opacity: 1.0669117862;
    transform: rotate(210.1217087713deg);
    -webkit-animation: drop-10 4.2403730423s 0.8501568368s infinite;
    animation: drop-10 4.2403730423s 0.8501568368s infinite;
}

@-webkit-keyframes drop-10 {
    100% {
        top: 110%;
        left: 59%;
    }
}

@keyframes drop-10 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-11 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: -10%;
    left: 15%;
    opacity: 1.1215381015;
    transform: rotate(3.887945564deg);
    -webkit-animation: drop-11 4.4105305619s 0.3521481985s infinite;
    animation: drop-11 4.4105305619s 0.3521481985s infinite;
}

@-webkit-keyframes drop-11 {
    100% {
        top: 110%;
        left: 25%;
    }
}

@keyframes drop-11 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-12 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 82%;
    opacity: 1.387352834;
    transform: rotate(238.750188258deg);
    -webkit-animation: drop-12 4.3693416214s 0.9832177223s infinite;
    animation: drop-12 4.3693416214s 0.9832177223s infinite;
}

@-webkit-keyframes drop-12 {
    100% {
        top: 110%;
        left: 89%;
    }
}

@keyframes drop-12 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-13 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: -10%;
    left: 75%;
    opacity: 1.2857122856;
    transform: rotate(107.8038569814deg);
    -webkit-animation: drop-13 4.1078283331s 0.738135686s infinite;
    animation: drop-13 4.1078283331s 0.738135686s infinite;
}

@-webkit-keyframes drop-13 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@keyframes drop-13 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-14 {
    width: 5px;
    height: 2px;
    background-color: #263672;
    top: -10%;
    left: 87%;
    opacity: 1.0498512174;
    transform: rotate(93.2116161663deg);
    -webkit-animation: drop-14 4.5779204804s 0.3462631149s infinite;
    animation: drop-14 4.5779204804s 0.3462631149s infinite;
}

@-webkit-keyframes drop-14 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@keyframes drop-14 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-15 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 74%;
    opacity: 0.5106289725;
    transform: rotate(296.8482997292deg);
    -webkit-animation: drop-15 4.5982625822s 0.0304288035s infinite;
    animation: drop-15 4.5982625822s 0.0304288035s infinite;
}

@-webkit-keyframes drop-15 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@keyframes drop-15 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-16 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 35%;
    opacity: 1.0742709833;
    transform: rotate(40.579347688deg);
    -webkit-animation: drop-16 4.3388191282s 0.6850165004s infinite;
    animation: drop-16 4.3388191282s 0.6850165004s infinite;
}

@-webkit-keyframes drop-16 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@keyframes drop-16 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-17 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 22%;
    opacity: 1.22313572;
    transform: rotate(53.1844168298deg);
    -webkit-animation: drop-17 4.3052403717s 0.532150017s infinite;
    animation: drop-17 4.3052403717s 0.532150017s infinite;
}

@-webkit-keyframes drop-17 {
    100% {
        top: 110%;
        left: 23%;
    }
}

@keyframes drop-17 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-18 {
    width: 5px;
    height: 2px;
    background-color: #263672;
    top: -10%;
    left: 17%;
    opacity: 1.3703253585;
    transform: rotate(45.5628440934deg);
    -webkit-animation: drop-18 4.149034601s 0.5595592303s infinite;
    animation: drop-18 4.149034601s 0.5595592303s infinite;
}

@-webkit-keyframes drop-18 {
    100% {
        top: 110%;
        left: 30%;
    }
}

@keyframes drop-18 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-19 {
    width: 1px;
    height: 0.4px;
    background-color: #263672;
    top: -10%;
    left: 65%;
    opacity: 1.4829451852;
    transform: rotate(311.165808431deg);
    -webkit-animation: drop-19 4.4938377554s 0.2323964351s infinite;
    animation: drop-19 4.4938377554s 0.2323964351s infinite;
}

@-webkit-keyframes drop-19 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@keyframes drop-19 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-20 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 61%;
    opacity: 1.4217916214;
    transform: rotate(286.823215786deg);
    -webkit-animation: drop-20 4.76091765s 0.3430713857s infinite;
    animation: drop-20 4.76091765s 0.3430713857s infinite;
}

@-webkit-keyframes drop-20 {
    100% {
        top: 110%;
        left: 72%;
    }
}

@keyframes drop-20 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-21 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 52%;
    opacity: 1.1442328465;
    transform: rotate(136.2147832081deg);
    -webkit-animation: drop-21 4.6182936851s 0.2225422591s infinite;
    animation: drop-21 4.6182936851s 0.2225422591s infinite;
}

@-webkit-keyframes drop-21 {
    100% {
        top: 110%;
        left: 62%;
    }
}

@keyframes drop-21 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-22 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 96%;
    opacity: 1.0584440042;
    transform: rotate(265.2902725121deg);
    -webkit-animation: drop-22 4.7969838373s 0.9368991402s infinite;
    animation: drop-22 4.7969838373s 0.9368991402s infinite;
}

@-webkit-keyframes drop-22 {
    100% {
        top: 110%;
        left: 103%;
    }
}

@keyframes drop-22 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-23 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 67%;
    opacity: 1.0990751111;
    transform: rotate(340.8163653505deg);
    -webkit-animation: drop-23 4.4823461848s 0.0484486247s infinite;
    animation: drop-23 4.4823461848s 0.0484486247s infinite;
}

@-webkit-keyframes drop-23 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@keyframes drop-23 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-24 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 4%;
    opacity: 0.6439642796;
    transform: rotate(42.8410309066deg);
    -webkit-animation: drop-24 4.2252140059s 0.591021024s infinite;
    animation: drop-24 4.2252140059s 0.591021024s infinite;
}

@-webkit-keyframes drop-24 {
    100% {
        top: 110%;
        left: 7%;
    }
}

@keyframes drop-24 {
    100% {
        top: 110%;
        left: 7%;
    }
}

.confetti-25 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 16%;
    opacity: 0.8508582097;
    transform: rotate(133.0389143697deg);
    -webkit-animation: drop-25 4.7579872335s 0.8166945342s infinite;
    animation: drop-25 4.7579872335s 0.8166945342s infinite;
}

@-webkit-keyframes drop-25 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-25 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-26 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: -10%;
    left: 97%;
    opacity: 1.3933621609;
    transform: rotate(279.1060139453deg);
    -webkit-animation: drop-26 4.7856538202s 0.0090487064s infinite;
    animation: drop-26 4.7856538202s 0.0090487064s infinite;
}

@-webkit-keyframes drop-26 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-26 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-27 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 36%;
    opacity: 0.7909205083;
    transform: rotate(65.4368601093deg);
    -webkit-animation: drop-27 4.3026765778s 0.9314660493s infinite;
    animation: drop-27 4.3026765778s 0.9314660493s infinite;
}

@-webkit-keyframes drop-27 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@keyframes drop-27 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-28 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 32%;
    opacity: 0.7900490557;
    transform: rotate(350.1983971298deg);
    -webkit-animation: drop-28 4.9411821681s 0.9674109213s infinite;
    animation: drop-28 4.9411821681s 0.9674109213s infinite;
}

@-webkit-keyframes drop-28 {
    100% {
        top: 110%;
        left: 40%;
    }
}

@keyframes drop-28 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-29 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 81%;
    opacity: 0.6993328961;
    transform: rotate(17.5732970022deg);
    -webkit-animation: drop-29 4.1221875102s 0.8234915444s infinite;
    animation: drop-29 4.1221875102s 0.8234915444s infinite;
}

@-webkit-keyframes drop-29 {
    100% {
        top: 110%;
        left: 95%;
    }
}

@keyframes drop-29 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-30 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 94%;
    opacity: 1.3393907587;
    transform: rotate(243.9247683751deg);
    -webkit-animation: drop-30 4.518935084s 0.0554315036s infinite;
    animation: drop-30 4.518935084s 0.0554315036s infinite;
}

@-webkit-keyframes drop-30 {
    100% {
        top: 110%;
        left: 104%;
    }
}

@keyframes drop-30 {
    100% {
        top: 110%;
        left: 104%;
    }
}

.confetti-31 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 93%;
    opacity: 0.7219643343;
    transform: rotate(157.2556474171deg);
    -webkit-animation: drop-31 4.76909723s 0.6471738883s infinite;
    animation: drop-31 4.76909723s 0.6471738883s infinite;
}

@-webkit-keyframes drop-31 {
    100% {
        top: 110%;
        left: 107%;
    }
}

@keyframes drop-31 {
    100% {
        top: 110%;
        left: 107%;
    }
}

.confetti-32 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 61%;
    opacity: 0.6082795885;
    transform: rotate(83.9652327423deg);
    -webkit-animation: drop-32 4.232206715s 0.2456696323s infinite;
    animation: drop-32 4.232206715s 0.2456696323s infinite;
}

@-webkit-keyframes drop-32 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@keyframes drop-32 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-33 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 81%;
    opacity: 1.3771357518;
    transform: rotate(163.8691515303deg);
    -webkit-animation: drop-33 4.6680856045s 0.619900257s infinite;
    animation: drop-33 4.6680856045s 0.619900257s infinite;
}

@-webkit-keyframes drop-33 {
    100% {
        top: 110%;
        left: 95%;
    }
}

@keyframes drop-33 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-34 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 59%;
    opacity: 0.7577743148;
    transform: rotate(74.1717257552deg);
    -webkit-animation: drop-34 4.4848318144s 0.5035572985s infinite;
    animation: drop-34 4.4848318144s 0.5035572985s infinite;
}

@-webkit-keyframes drop-34 {
    100% {
        top: 110%;
        left: 61%;
    }
}

@keyframes drop-34 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-35 {
    width: 2px;
    height: 0.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 21%;
    opacity: 0.6946236653;
    transform: rotate(309.5330879194deg);
    -webkit-animation: drop-35 4.5059959201s 0.2746622692s infinite;
    animation: drop-35 4.5059959201s 0.2746622692s infinite;
}

@-webkit-keyframes drop-35 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-35 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-36 {
    width: 5px;
    height: 2px;
    background-color: #263672;
    top: -10%;
    left: 24%;
    opacity: 1.2237752312;
    transform: rotate(9.8202952124deg);
    -webkit-animation: drop-36 4.5759364575s 0.230289541s infinite;
    animation: drop-36 4.5759364575s 0.230289541s infinite;
}

@-webkit-keyframes drop-36 {
    100% {
        top: 110%;
        left: 35%;
    }
}

@keyframes drop-36 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-37 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 12%;
    opacity: 1.4049913694;
    transform: rotate(138.4439400497deg);
    -webkit-animation: drop-37 4.3359845671s 0.5168706999s infinite;
    animation: drop-37 4.3359845671s 0.5168706999s infinite;
}

@-webkit-keyframes drop-37 {
    100% {
        top: 110%;
        left: 27%;
    }
}

@keyframes drop-37 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-38 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 30%;
    opacity: 0.7432723048;
    transform: rotate(127.1604871233deg);
    -webkit-animation: drop-38 4.4667359681s 0.1760596037s infinite;
    animation: drop-38 4.4667359681s 0.1760596037s infinite;
}

@-webkit-keyframes drop-38 {
    100% {
        top: 110%;
        left: 32%;
    }
}

@keyframes drop-38 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-39 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 65%;
    opacity: 1.4720075918;
    transform: rotate(244.2413170383deg);
    -webkit-animation: drop-39 4.6885928983s 0.892058608s infinite;
    animation: drop-39 4.6885928983s 0.892058608s infinite;
}

@-webkit-keyframes drop-39 {
    100% {
        top: 110%;
        left: 77%;
    }
}

@keyframes drop-39 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-40 {
    width: 6px;
    height: 2.4px;
    background-color: #263672;
    top: -10%;
    left: 28%;
    opacity: 1.2207073648;
    transform: rotate(72.1220356928deg);
    -webkit-animation: drop-40 4.2333321201s 0.8580899031s infinite;
    animation: drop-40 4.2333321201s 0.8580899031s infinite;
}

@-webkit-keyframes drop-40 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-40 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-41 {
    width: 2px;
    height: 0.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 3%;
    opacity: 1.0868984562;
    transform: rotate(198.0374699434deg);
    -webkit-animation: drop-41 4.9906169062s 0.5318521231s infinite;
    animation: drop-41 4.9906169062s 0.5318521231s infinite;
}

@-webkit-keyframes drop-41 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@keyframes drop-41 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-42 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 7%;
    opacity: 0.755978936;
    transform: rotate(284.6282969023deg);
    -webkit-animation: drop-42 4.5388401756s 0.6549482216s infinite;
    animation: drop-42 4.5388401756s 0.6549482216s infinite;
}

@-webkit-keyframes drop-42 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@keyframes drop-42 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-43 {
    width: 7px;
    height: 2.8px;
    background-color: #263672;
    top: -10%;
    left: 23%;
    opacity: 1.4335592372;
    transform: rotate(17.9375076372deg);
    -webkit-animation: drop-43 4.06864571s 0.7004773235s infinite;
    animation: drop-43 4.06864571s 0.7004773235s infinite;
}

@-webkit-keyframes drop-43 {
    100% {
        top: 110%;
        left: 25%;
    }
}

@keyframes drop-43 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-44 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 15%;
    opacity: 0.9684392026;
    transform: rotate(81.2663805137deg);
    -webkit-animation: drop-44 4.3794602375s 0.9084752428s infinite;
    animation: drop-44 4.3794602375s 0.9084752428s infinite;
}

@-webkit-keyframes drop-44 {
    100% {
        top: 110%;
        left: 18%;
    }
}

@keyframes drop-44 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-45 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 51%;
    opacity: 1.2383127792;
    transform: rotate(199.6167118824deg);
    -webkit-animation: drop-45 4.0754298138s 0.4572398568s infinite;
    animation: drop-45 4.0754298138s 0.4572398568s infinite;
}

@-webkit-keyframes drop-45 {
    100% {
        top: 110%;
        left: 53%;
    }
}

@keyframes drop-45 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-46 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 13%;
    opacity: 0.9525393961;
    transform: rotate(26.2591678956deg);
    -webkit-animation: drop-46 4.1121378531s 0.3190160243s infinite;
    animation: drop-46 4.1121378531s 0.3190160243s infinite;
}

@-webkit-keyframes drop-46 {
    100% {
        top: 110%;
        left: 18%;
    }
}

@keyframes drop-46 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-47 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: -10%;
    left: 97%;
    opacity: 1.0611546798;
    transform: rotate(96.8139357924deg);
    -webkit-animation: drop-47 4.9834615219s 0.9539854876s infinite;
    animation: drop-47 4.9834615219s 0.9539854876s infinite;
}

@-webkit-keyframes drop-47 {
    100% {
        top: 110%;
        left: 108%;
    }
}

@keyframes drop-47 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-48 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 19%;
    opacity: 0.5879207643;
    transform: rotate(338.5476868831deg);
    -webkit-animation: drop-48 4.4007361534s 0.0439143912s infinite;
    animation: drop-48 4.4007361534s 0.0439143912s infinite;
}

@-webkit-keyframes drop-48 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-48 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-49 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 51%;
    opacity: 0.5976916657;
    transform: rotate(203.5679767511deg);
    -webkit-animation: drop-49 4.4115084263s 0.0229164345s infinite;
    animation: drop-49 4.4115084263s 0.0229164345s infinite;
}

@-webkit-keyframes drop-49 {
    100% {
        top: 110%;
        left: 57%;
    }
}

@keyframes drop-49 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-50 {
    width: 2px;
    height: 0.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 5%;
    opacity: 0.5594028513;
    transform: rotate(199.2812595856deg);
    -webkit-animation: drop-50 4.5371614746s 0.7037860871s infinite;
    animation: drop-50 4.5371614746s 0.7037860871s infinite;
}

@-webkit-keyframes drop-50 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@keyframes drop-50 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-51 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 10%;
    opacity: 0.6572601342;
    transform: rotate(149.760402627deg);
    -webkit-animation: drop-51 4.4532716527s 0.6570850267s infinite;
    animation: drop-51 4.4532716527s 0.6570850267s infinite;
}

@-webkit-keyframes drop-51 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@keyframes drop-51 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-52 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 89%;
    opacity: 0.5683998452;
    transform: rotate(66.7871545963deg);
    -webkit-animation: drop-52 4.240056278s 0.6816672965s infinite;
    animation: drop-52 4.240056278s 0.6816672965s infinite;
}

@-webkit-keyframes drop-52 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@keyframes drop-52 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-53 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 25%;
    opacity: 0.7879837745;
    transform: rotate(328.6766007152deg);
    -webkit-animation: drop-53 4.0220073041s 0.3535983221s infinite;
    animation: drop-53 4.0220073041s 0.3535983221s infinite;
}

@-webkit-keyframes drop-53 {
    100% {
        top: 110%;
        left: 26%;
    }
}

@keyframes drop-53 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-54 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 78%;
    opacity: 1.4862056629;
    transform: rotate(143.991021786deg);
    -webkit-animation: drop-54 4.6336330437s 0.3284348921s infinite;
    animation: drop-54 4.6336330437s 0.3284348921s infinite;
}

@-webkit-keyframes drop-54 {
    100% {
        top: 110%;
        left: 81%;
    }
}

@keyframes drop-54 {
    100% {
        top: 110%;
        left: 81%;
    }
}

.confetti-55 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 5%;
    opacity: 0.5905356751;
    transform: rotate(338.6350599685deg);
    -webkit-animation: drop-55 4.6336505738s 0.3555545853s infinite;
    animation: drop-55 4.6336505738s 0.3555545853s infinite;
}

@-webkit-keyframes drop-55 {
    100% {
        top: 110%;
        left: 7%;
    }
}

@keyframes drop-55 {
    100% {
        top: 110%;
        left: 7%;
    }
}

.confetti-56 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 14%;
    opacity: 0.8049518694;
    transform: rotate(306.7674292131deg);
    -webkit-animation: drop-56 4.8153068146s 0.7000558049s infinite;
    animation: drop-56 4.8153068146s 0.7000558049s infinite;
}

@-webkit-keyframes drop-56 {
    100% {
        top: 110%;
        left: 26%;
    }
}

@keyframes drop-56 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-57 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 2%;
    opacity: 1.3001194837;
    transform: rotate(167.3448117874deg);
    -webkit-animation: drop-57 4.933598081s 0.9441724316s infinite;
    animation: drop-57 4.933598081s 0.9441724316s infinite;
}

@-webkit-keyframes drop-57 {
    100% {
        top: 110%;
        left: 12%;
    }
}

@keyframes drop-57 {
    100% {
        top: 110%;
        left: 12%;
    }
}

.confetti-58 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 82%;
    opacity: 0.8233271774;
    transform: rotate(311.6022027796deg);
    -webkit-animation: drop-58 4.7163230442s 0.9703928915s infinite;
    animation: drop-58 4.7163230442s 0.9703928915s infinite;
}

@-webkit-keyframes drop-58 {
    100% {
        top: 110%;
        left: 87%;
    }
}

@keyframes drop-58 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-59 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 12%;
    opacity: 1.4444285255;
    transform: rotate(19.8009894469deg);
    -webkit-animation: drop-59 4.2128455386s 0.9082702179s infinite;
    animation: drop-59 4.2128455386s 0.9082702179s infinite;
}

@-webkit-keyframes drop-59 {
    100% {
        top: 110%;
        left: 15%;
    }
}

@keyframes drop-59 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-60 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 10%;
    opacity: 1.4790125989;
    transform: rotate(174.5197720846deg);
    -webkit-animation: drop-60 4.3314257648s 0.8792313085s infinite;
    animation: drop-60 4.3314257648s 0.8792313085s infinite;
}

@-webkit-keyframes drop-60 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@keyframes drop-60 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-61 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: -10%;
    left: 90%;
    opacity: 1.1852130882;
    transform: rotate(47.1172977346deg);
    -webkit-animation: drop-61 4.8875362193s 0.9582916758s infinite;
    animation: drop-61 4.8875362193s 0.9582916758s infinite;
}

@-webkit-keyframes drop-61 {
    100% {
        top: 110%;
        left: 105%;
    }
}

@keyframes drop-61 {
    100% {
        top: 110%;
        left: 105%;
    }
}

.confetti-62 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 23%;
    opacity: 1.1714981148;
    transform: rotate(154.0834000178deg);
    -webkit-animation: drop-62 4.4283723439s 0.3038717871s infinite;
    animation: drop-62 4.4283723439s 0.3038717871s infinite;
}

@-webkit-keyframes drop-62 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-62 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-63 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 69%;
    opacity: 0.7466629097;
    transform: rotate(38.9525920893deg);
    -webkit-animation: drop-63 4.041182049s 0.7611613068s infinite;
    animation: drop-63 4.041182049s 0.7611613068s infinite;
}

@-webkit-keyframes drop-63 {
    100% {
        top: 110%;
        left: 74%;
    }
}

@keyframes drop-63 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-64 {
    width: 1px;
    height: 0.4px;
    background-color: #263672;
    top: -10%;
    left: 48%;
    opacity: 0.773773395;
    transform: rotate(239.5414873964deg);
    -webkit-animation: drop-64 4.7394223591s 0.7015363744s infinite;
    animation: drop-64 4.7394223591s 0.7015363744s infinite;
}

@-webkit-keyframes drop-64 {
    100% {
        top: 110%;
        left: 56%;
    }
}

@keyframes drop-64 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-65 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 46%;
    opacity: 1.3560474837;
    transform: rotate(319.3385791141deg);
    -webkit-animation: drop-65 4.993609044s 0.7105829309s infinite;
    animation: drop-65 4.993609044s 0.7105829309s infinite;
}

@-webkit-keyframes drop-65 {
    100% {
        top: 110%;
        left: 56%;
    }
}

@keyframes drop-65 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-66 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 61%;
    opacity: 1.3967293622;
    transform: rotate(182.8447497021deg);
    -webkit-animation: drop-66 4.4344682734s 0.1064882234s infinite;
    animation: drop-66 4.4344682734s 0.1064882234s infinite;
}

@-webkit-keyframes drop-66 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@keyframes drop-66 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-67 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 34%;
    opacity: 0.7635273693;
    transform: rotate(298.4585779988deg);
    -webkit-animation: drop-67 4.9256206135s 0.6962449006s infinite;
    animation: drop-67 4.9256206135s 0.6962449006s infinite;
}

@-webkit-keyframes drop-67 {
    100% {
        top: 110%;
        left: 40%;
    }
}

@keyframes drop-67 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-68 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 73%;
    opacity: 0.8816354121;
    transform: rotate(12.9182118446deg);
    -webkit-animation: drop-68 4.0901024936s 0.9843875031s infinite;
    animation: drop-68 4.0901024936s 0.9843875031s infinite;
}

@-webkit-keyframes drop-68 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@keyframes drop-68 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-69 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 65%;
    opacity: 1.1543126738;
    transform: rotate(261.1454152747deg);
    -webkit-animation: drop-69 4.9469252733s 0.4265670958s infinite;
    animation: drop-69 4.9469252733s 0.4265670958s infinite;
}

@-webkit-keyframes drop-69 {
    100% {
        top: 110%;
        left: 69%;
    }
}

@keyframes drop-69 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-70 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 94%;
    opacity: 1.3785897754;
    transform: rotate(331.828370436deg);
    -webkit-animation: drop-70 4.7731294404s 0.5166153509s infinite;
    animation: drop-70 4.7731294404s 0.5166153509s infinite;
}

@-webkit-keyframes drop-70 {
    100% {
        top: 110%;
        left: 99%;
    }
}

@keyframes drop-70 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-71 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 6%;
    opacity: 1.0380020513;
    transform: rotate(115.3732634456deg);
    -webkit-animation: drop-71 4.175801392s 0.6879000436s infinite;
    animation: drop-71 4.175801392s 0.6879000436s infinite;
}

@-webkit-keyframes drop-71 {
    100% {
        top: 110%;
        left: 13%;
    }
}

@keyframes drop-71 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-72 {
    width: 2px;
    height: 0.8px;
    background-color: #263672;
    top: -10%;
    left: 13%;
    opacity: 0.8080018566;
    transform: rotate(82.3075387435deg);
    -webkit-animation: drop-72 4.6291645566s 0.2914604922s infinite;
    animation: drop-72 4.6291645566s 0.2914604922s infinite;
}

@-webkit-keyframes drop-72 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@keyframes drop-72 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-73 {
    width: 2px;
    height: 0.8px;
    background-color: #263672;
    top: -10%;
    left: 7%;
    opacity: 0.609617776;
    transform: rotate(354.0947702959deg);
    -webkit-animation: drop-73 4.8759828841s 0.1425626576s infinite;
    animation: drop-73 4.8759828841s 0.1425626576s infinite;
}

@-webkit-keyframes drop-73 {
    100% {
        top: 110%;
        left: 11%;
    }
}

@keyframes drop-73 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-74 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 31%;
    opacity: 0.6989214326;
    transform: rotate(270.5112754702deg);
    -webkit-animation: drop-74 4.541028794s 0.0707420524s infinite;
    animation: drop-74 4.541028794s 0.0707420524s infinite;
}

@-webkit-keyframes drop-74 {
    100% {
        top: 110%;
        left: 34%;
    }
}

@keyframes drop-74 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-75 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 87%;
    opacity: 0.8667866106;
    transform: rotate(338.8943695982deg);
    -webkit-animation: drop-75 4.666717056s 0.5284421281s infinite;
    animation: drop-75 4.666717056s 0.5284421281s infinite;
}

@-webkit-keyframes drop-75 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@keyframes drop-75 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-76 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: -10%;
    left: 84%;
    opacity: 1.3099708562;
    transform: rotate(141.3286565107deg);
    -webkit-animation: drop-76 4.8244671192s 0.3417999596s infinite;
    animation: drop-76 4.8244671192s 0.3417999596s infinite;
}

@-webkit-keyframes drop-76 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-76 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-77 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: -10%;
    left: 35%;
    opacity: 1.1436946202;
    transform: rotate(46.952854856deg);
    -webkit-animation: drop-77 4.9946356393s 0.7808712833s infinite;
    animation: drop-77 4.9946356393s 0.7808712833s infinite;
}

@-webkit-keyframes drop-77 {
    100% {
        top: 110%;
        left: 39%;
    }
}

@keyframes drop-77 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-78 {
    width: 1px;
    height: 0.4px;
    background-color: #263672;
    top: -10%;
    left: 16%;
    opacity: 0.9601656209;
    transform: rotate(8.389375163deg);
    -webkit-animation: drop-78 4.1143665824s 0.5110879663s infinite;
    animation: drop-78 4.1143665824s 0.5110879663s infinite;
}

@-webkit-keyframes drop-78 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-78 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-79 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 1%;
    opacity: 1.4445993061;
    transform: rotate(281.3571213869deg);
    -webkit-animation: drop-79 4.5578478235s 0.5673427395s infinite;
    animation: drop-79 4.5578478235s 0.5673427395s infinite;
}

@-webkit-keyframes drop-79 {
    100% {
        top: 110%;
        left: 12%;
    }
}

@keyframes drop-79 {
    100% {
        top: 110%;
        left: 12%;
    }
}

.confetti-80 {
    width: 1px;
    height: 0.4px;
    background-color: #263672;
    top: -10%;
    left: 81%;
    opacity: 0.5105521461;
    transform: rotate(35.4802953701deg);
    -webkit-animation: drop-80 4.2908629561s 0.8525647563s infinite;
    animation: drop-80 4.2908629561s 0.8525647563s infinite;
}

@-webkit-keyframes drop-80 {
    100% {
        top: 110%;
        left: 87%;
    }
}

@keyframes drop-80 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-81 {
    width: 5px;
    height: 2px;
    background-color: #263672;
    top: -10%;
    left: 14%;
    opacity: 0.8442503334;
    transform: rotate(68.2613551809deg);
    -webkit-animation: drop-81 4.5850946891s 0.02999361s infinite;
    animation: drop-81 4.5850946891s 0.02999361s infinite;
}

@-webkit-keyframes drop-81 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-81 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-82 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: -10%;
    left: 32%;
    opacity: 0.6576854879;
    transform: rotate(34.6319331481deg);
    -webkit-animation: drop-82 4.8131123636s 0.3527103759s infinite;
    animation: drop-82 4.8131123636s 0.3527103759s infinite;
}

@-webkit-keyframes drop-82 {
    100% {
        top: 110%;
        left: 40%;
    }
}

@keyframes drop-82 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-83 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 29%;
    opacity: 0.7989762961;
    transform: rotate(351.1634095985deg);
    -webkit-animation: drop-83 4.4666806172s 0.6611199565s infinite;
    animation: drop-83 4.4666806172s 0.6611199565s infinite;
}

@-webkit-keyframes drop-83 {
    100% {
        top: 110%;
        left: 34%;
    }
}

@keyframes drop-83 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-84 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 96%;
    opacity: 0.7261832744;
    transform: rotate(277.2109203381deg);
    -webkit-animation: drop-84 4.3497787292s 0.0307766922s infinite;
    animation: drop-84 4.3497787292s 0.0307766922s infinite;
}

@-webkit-keyframes drop-84 {
    100% {
        top: 110%;
        left: 97%;
    }
}

@keyframes drop-84 {
    100% {
        top: 110%;
        left: 97%;
    }
}

.confetti-85 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 1%;
    opacity: 0.6343896127;
    transform: rotate(271.3319137227deg);
    -webkit-animation: drop-85 4.7838243443s 0.7409571064s infinite;
    animation: drop-85 4.7838243443s 0.7409571064s infinite;
}

@-webkit-keyframes drop-85 {
    100% {
        top: 110%;
        left: 13%;
    }
}

@keyframes drop-85 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-86 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: -10%;
    left: 10%;
    opacity: 1.0099651683;
    transform: rotate(165.5750571229deg);
    -webkit-animation: drop-86 4.3419254575s 0.2539148793s infinite;
    animation: drop-86 4.3419254575s 0.2539148793s infinite;
}

@-webkit-keyframes drop-86 {
    100% {
        top: 110%;
        left: 23%;
    }
}

@keyframes drop-86 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-87 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 9%;
    opacity: 1.3853804515;
    transform: rotate(172.2877127302deg);
    -webkit-animation: drop-87 4.3433747067s 0.3517119248s infinite;
    animation: drop-87 4.3433747067s 0.3517119248s infinite;
}

@-webkit-keyframes drop-87 {
    100% {
        top: 110%;
        left: 22%;
    }
}

@keyframes drop-87 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-88 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 76%;
    opacity: 0.914565969;
    transform: rotate(196.3389286085deg);
    -webkit-animation: drop-88 4.068929188s 0.27318345s infinite;
    animation: drop-88 4.068929188s 0.27318345s infinite;
}

@-webkit-keyframes drop-88 {
    100% {
        top: 110%;
        left: 89%;
    }
}

@keyframes drop-88 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-89 {
    width: 6px;
    height: 2.4px;
    background-color: #263672;
    top: -10%;
    left: 3%;
    opacity: 0.9209600149;
    transform: rotate(346.7877544465deg);
    -webkit-animation: drop-89 4.7659708677s 0.7104677593s infinite;
    animation: drop-89 4.7659708677s 0.7104677593s infinite;
}

@-webkit-keyframes drop-89 {
    100% {
        top: 110%;
        left: 5%;
    }
}

@keyframes drop-89 {
    100% {
        top: 110%;
        left: 5%;
    }
}

.confetti-90 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 39%;
    opacity: 1.3185393779;
    transform: rotate(99.4596670464deg);
    -webkit-animation: drop-90 4.4527019136s 0.5392867026s infinite;
    animation: drop-90 4.4527019136s 0.5392867026s infinite;
}

@-webkit-keyframes drop-90 {
    100% {
        top: 110%;
        left: 41%;
    }
}

@keyframes drop-90 {
    100% {
        top: 110%;
        left: 41%;
    }
}

.confetti-91 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 33%;
    opacity: 0.9208990605;
    transform: rotate(37.5788713385deg);
    -webkit-animation: drop-91 4.1456915532s 0.5413881193s infinite;
    animation: drop-91 4.1456915532s 0.5413881193s infinite;
}

@-webkit-keyframes drop-91 {
    100% {
        top: 110%;
        left: 39%;
    }
}

@keyframes drop-91 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-92 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 72%;
    opacity: 0.6216049475;
    transform: rotate(285.7792175258deg);
    -webkit-animation: drop-92 4.9573451435s 0.5250795746s infinite;
    animation: drop-92 4.9573451435s 0.5250795746s infinite;
}

@-webkit-keyframes drop-92 {
    100% {
        top: 110%;
        left: 79%;
    }
}

@keyframes drop-92 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-93 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 96%;
    opacity: 0.6934938008;
    transform: rotate(250.740540013deg);
    -webkit-animation: drop-93 4.3299654535s 0.8278167499s infinite;
    animation: drop-93 4.3299654535s 0.8278167499s infinite;
}

@-webkit-keyframes drop-93 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-93 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-94 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 51%;
    opacity: 1.1296387216;
    transform: rotate(47.3488748288deg);
    -webkit-animation: drop-94 4.7314309159s 0.5613479713s infinite;
    animation: drop-94 4.7314309159s 0.5613479713s infinite;
}

@-webkit-keyframes drop-94 {
    100% {
        top: 110%;
        left: 61%;
    }
}

@keyframes drop-94 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-95 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 28%;
    opacity: 0.8522733425;
    transform: rotate(83.7483991891deg);
    -webkit-animation: drop-95 4.5177503963s 0.5935675096s infinite;
    animation: drop-95 4.5177503963s 0.5935675096s infinite;
}

@-webkit-keyframes drop-95 {
    100% {
        top: 110%;
        left: 34%;
    }
}

@keyframes drop-95 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-96 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: -10%;
    left: 15%;
    opacity: 1.300992598;
    transform: rotate(89.6077047978deg);
    -webkit-animation: drop-96 4.9731471592s 0.6018214657s infinite;
    animation: drop-96 4.9731471592s 0.6018214657s infinite;
}

@-webkit-keyframes drop-96 {
    100% {
        top: 110%;
        left: 28%;
    }
}

@keyframes drop-96 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-97 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 23%;
    opacity: 0.8281980196;
    transform: rotate(145.6485238004deg);
    -webkit-animation: drop-97 4.6947508465s 0.6213999136s infinite;
    animation: drop-97 4.6947508465s 0.6213999136s infinite;
}

@-webkit-keyframes drop-97 {
    100% {
        top: 110%;
        left: 26%;
    }
}

@keyframes drop-97 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-98 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 96%;
    opacity: 1.4232056878;
    transform: rotate(239.8066461738deg);
    -webkit-animation: drop-98 4.7456691229s 0.565474572s infinite;
    animation: drop-98 4.7456691229s 0.565474572s infinite;
}

@-webkit-keyframes drop-98 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-98 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-99 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 47%;
    opacity: 0.6262183288;
    transform: rotate(150.4398727358deg);
    -webkit-animation: drop-99 4.1106074261s 0.9283344276s infinite;
    animation: drop-99 4.1106074261s 0.9283344276s infinite;
}

@-webkit-keyframes drop-99 {
    100% {
        top: 110%;
        left: 55%;
    }
}

@keyframes drop-99 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-100 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 69%;
    opacity: 0.8478885013;
    transform: rotate(196.6915775861deg);
    -webkit-animation: drop-100 4.1943782433s 0.5789183593s infinite;
    animation: drop-100 4.1943782433s 0.5789183593s infinite;
}

@-webkit-keyframes drop-100 {
    100% {
        top: 110%;
        left: 74%;
    }
}

@keyframes drop-100 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-101 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 45%;
    opacity: 1.0043327773;
    transform: rotate(302.0350221104deg);
    -webkit-animation: drop-101 4.792243077s 0.7746659342s infinite;
    animation: drop-101 4.792243077s 0.7746659342s infinite;
}

@-webkit-keyframes drop-101 {
    100% {
        top: 110%;
        left: 50%;
    }
}

@keyframes drop-101 {
    100% {
        top: 110%;
        left: 50%;
    }
}

.confetti-102 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: -10%;
    left: 93%;
    opacity: 0.522141307;
    transform: rotate(157.5783366483deg);
    -webkit-animation: drop-102 4.9556850796s 0.5504561701s infinite;
    animation: drop-102 4.9556850796s 0.5504561701s infinite;
}

@-webkit-keyframes drop-102 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-102 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-103 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 8%;
    opacity: 1.3122527401;
    transform: rotate(152.7060932896deg);
    -webkit-animation: drop-103 4.8777283746s 0.3535412357s infinite;
    animation: drop-103 4.8777283746s 0.3535412357s infinite;
}

@-webkit-keyframes drop-103 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@keyframes drop-103 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-104 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 31%;
    opacity: 1.1433110041;
    transform: rotate(184.4326538032deg);
    -webkit-animation: drop-104 4.3567438707s 0.8992324165s infinite;
    animation: drop-104 4.3567438707s 0.8992324165s infinite;
}

@-webkit-keyframes drop-104 {
    100% {
        top: 110%;
        left: 44%;
    }
}

@keyframes drop-104 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-105 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 2%;
    opacity: 1.0187903951;
    transform: rotate(279.5868052988deg);
    -webkit-animation: drop-105 4.522338841s 0.4594654101s infinite;
    animation: drop-105 4.522338841s 0.4594654101s infinite;
}

@-webkit-keyframes drop-105 {
    100% {
        top: 110%;
        left: 6%;
    }
}

@keyframes drop-105 {
    100% {
        top: 110%;
        left: 6%;
    }
}

.confetti-106 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 31%;
    opacity: 1.309152518;
    transform: rotate(212.3721648108deg);
    -webkit-animation: drop-106 4.1021433184s 0.0876169928s infinite;
    animation: drop-106 4.1021433184s 0.0876169928s infinite;
}

@-webkit-keyframes drop-106 {
    100% {
        top: 110%;
        left: 35%;
    }
}

@keyframes drop-106 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-107 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: -10%;
    left: 64%;
    opacity: 0.9558653446;
    transform: rotate(340.2271277323deg);
    -webkit-animation: drop-107 4.0190644868s 0.7341411481s infinite;
    animation: drop-107 4.0190644868s 0.7341411481s infinite;
}

@-webkit-keyframes drop-107 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@keyframes drop-107 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-108 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: -10%;
    left: 65%;
    opacity: 0.545683547;
    transform: rotate(313.8383564808deg);
    -webkit-animation: drop-108 4.209525094s 0.0828396081s infinite;
    animation: drop-108 4.209525094s 0.0828396081s infinite;
}

@-webkit-keyframes drop-108 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@keyframes drop-108 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-109 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 96%;
    opacity: 1.3863011325;
    transform: rotate(125.2342091253deg);
    -webkit-animation: drop-109 4.6534719601s 0.2977007266s infinite;
    animation: drop-109 4.6534719601s 0.2977007266s infinite;
}

@-webkit-keyframes drop-109 {
    100% {
        top: 110%;
        left: 103%;
    }
}

@keyframes drop-109 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-110 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 2%;
    opacity: 1.3702784251;
    transform: rotate(14.5518424915deg);
    -webkit-animation: drop-110 4.1556585968s 0.3150039302s infinite;
    animation: drop-110 4.1556585968s 0.3150039302s infinite;
}

@-webkit-keyframes drop-110 {
    100% {
        top: 110%;
        left: 16%;
    }
}

@keyframes drop-110 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-111 {
    width: 6px;
    height: 2.4px;
    background-color: #263672;
    top: -10%;
    left: 57%;
    opacity: 0.892646971;
    transform: rotate(139.024041113deg);
    -webkit-animation: drop-111 4.6134098299s 0.2559392146s infinite;
    animation: drop-111 4.6134098299s 0.2559392146s infinite;
}

@-webkit-keyframes drop-111 {
    100% {
        top: 110%;
        left: 69%;
    }
}

@keyframes drop-111 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-112 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 95%;
    opacity: 1.3249160281;
    transform: rotate(209.285916886deg);
    -webkit-animation: drop-112 4.1316836357s 0.3871992633s infinite;
    animation: drop-112 4.1316836357s 0.3871992633s infinite;
}

@-webkit-keyframes drop-112 {
    100% {
        top: 110%;
        left: 101%;
    }
}

@keyframes drop-112 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-113 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 68%;
    opacity: 0.8194021578;
    transform: rotate(61.0090214332deg);
    -webkit-animation: drop-113 4.2987971561s 0.4877821336s infinite;
    animation: drop-113 4.2987971561s 0.4877821336s infinite;
}

@-webkit-keyframes drop-113 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-113 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-114 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 26%;
    opacity: 0.8938217;
    transform: rotate(309.5585083355deg);
    -webkit-animation: drop-114 4.8669002527s 0.8270745643s infinite;
    animation: drop-114 4.8669002527s 0.8270745643s infinite;
}

@-webkit-keyframes drop-114 {
    100% {
        top: 110%;
        left: 27%;
    }
}

@keyframes drop-114 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-115 {
    width: 1px;
    height: 0.4px;
    background-color: #263672;
    top: -10%;
    left: 89%;
    opacity: 0.7127523735;
    transform: rotate(333.1049540883deg);
    -webkit-animation: drop-115 4.3359068107s 0.456592298s infinite;
    animation: drop-115 4.3359068107s 0.456592298s infinite;
}

@-webkit-keyframes drop-115 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-115 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-116 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 62%;
    opacity: 0.6264360726;
    transform: rotate(35.1482269936deg);
    -webkit-animation: drop-116 4.1951482339s 0.7271164149s infinite;
    animation: drop-116 4.1951482339s 0.7271164149s infinite;
}

@-webkit-keyframes drop-116 {
    100% {
        top: 110%;
        left: 65%;
    }
}

@keyframes drop-116 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-117 {
    width: 6px;
    height: 2.4px;
    background-color: #263672;
    top: -10%;
    left: 30%;
    opacity: 0.616519106;
    transform: rotate(311.4057322996deg);
    -webkit-animation: drop-117 4.8741272834s 0.7180149208s infinite;
    animation: drop-117 4.8741272834s 0.7180149208s infinite;
}

@-webkit-keyframes drop-117 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-117 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-118 {
    width: 1px;
    height: 0.4px;
    background-color: #263672;
    top: -10%;
    left: 57%;
    opacity: 0.6557828771;
    transform: rotate(252.9830062531deg);
    -webkit-animation: drop-118 4.1654748611s 0.8028935586s infinite;
    animation: drop-118 4.1654748611s 0.8028935586s infinite;
}

@-webkit-keyframes drop-118 {
    100% {
        top: 110%;
        left: 69%;
    }
}

@keyframes drop-118 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-119 {
    width: 2px;
    height: 0.8px;
    background-color: #d13447;
    top: -10%;
    left: 74%;
    opacity: 0.9870398157;
    transform: rotate(202.196840508deg);
    -webkit-animation: drop-119 4.3203218735s 0.0021456318s infinite;
    animation: drop-119 4.3203218735s 0.0021456318s infinite;
}

@-webkit-keyframes drop-119 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@keyframes drop-119 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-120 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: -10%;
    left: 69%;
    opacity: 1.3971804161;
    transform: rotate(255.3502891411deg);
    -webkit-animation: drop-120 4.151517685s 0.3211563534s infinite;
    animation: drop-120 4.151517685s 0.3211563534s infinite;
}

@-webkit-keyframes drop-120 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@keyframes drop-120 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-121 {
    width: 6px;
    height: 2.4px;
    background-color: #d13447;
    top: -10%;
    left: 25%;
    opacity: 0.6486841349;
    transform: rotate(135.1181161636deg);
    -webkit-animation: drop-121 4.6514718387s 0.6024574474s infinite;
    animation: drop-121 4.6514718387s 0.6024574474s infinite;
}

@-webkit-keyframes drop-121 {
    100% {
        top: 110%;
        left: 30%;
    }
}

@keyframes drop-121 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-122 {
    width: 6px;
    height: 2.4px;
    background-color: #263672;
    top: -10%;
    left: 70%;
    opacity: 0.7229975848;
    transform: rotate(134.0094132748deg);
    -webkit-animation: drop-122 4.4028683908s 0.7441895636s infinite;
    animation: drop-122 4.4028683908s 0.7441895636s infinite;
}

@-webkit-keyframes drop-122 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@keyframes drop-122 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-123 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: -10%;
    left: 69%;
    opacity: 1.0717721185;
    transform: rotate(337.8645832899deg);
    -webkit-animation: drop-123 4.5416306149s 0.9921407137s infinite;
    animation: drop-123 4.5416306149s 0.9921407137s infinite;
}

@-webkit-keyframes drop-123 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@keyframes drop-123 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-124 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 82%;
    opacity: 0.570274834;
    transform: rotate(244.0715286063deg);
    -webkit-animation: drop-124 4.7038172522s 0.5693768898s infinite;
    animation: drop-124 4.7038172522s 0.5693768898s infinite;
}

@-webkit-keyframes drop-124 {
    100% {
        top: 110%;
        left: 93%;
    }
}

@keyframes drop-124 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-125 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 35%;
    opacity: 1.1518256046;
    transform: rotate(264.4514908018deg);
    -webkit-animation: drop-125 4.94602548s 0.6584664465s infinite;
    animation: drop-125 4.94602548s 0.6584664465s infinite;
}

@-webkit-keyframes drop-125 {
    100% {
        top: 110%;
        left: 42%;
    }
}

@keyframes drop-125 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-126 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 87%;
    opacity: 1.396446937;
    transform: rotate(153.8673763483deg);
    -webkit-animation: drop-126 4.1599715505s 0.9356941777s infinite;
    animation: drop-126 4.1599715505s 0.9356941777s infinite;
}

@-webkit-keyframes drop-126 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-126 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-127 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: -10%;
    left: 62%;
    opacity: 0.7391962174;
    transform: rotate(359.8326660616deg);
    -webkit-animation: drop-127 4.3131160492s 0.5012382491s infinite;
    animation: drop-127 4.3131160492s 0.5012382491s infinite;
}

@-webkit-keyframes drop-127 {
    100% {
        top: 110%;
        left: 67%;
    }
}

@keyframes drop-127 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-128 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 19%;
    opacity: 0.5274455936;
    transform: rotate(238.3982533929deg);
    -webkit-animation: drop-128 4.8859809992s 0.3479340162s infinite;
    animation: drop-128 4.8859809992s 0.3479340162s infinite;
}

@-webkit-keyframes drop-128 {
    100% {
        top: 110%;
        left: 34%;
    }
}

@keyframes drop-128 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-129 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 63%;
    opacity: 0.7581775645;
    transform: rotate(44.811879699deg);
    -webkit-animation: drop-129 4.9191581861s 0.9889347599s infinite;
    animation: drop-129 4.9191581861s 0.9889347599s infinite;
}

@-webkit-keyframes drop-129 {
    100% {
        top: 110%;
        left: 65%;
    }
}

@keyframes drop-129 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-130 {
    width: 7px;
    height: 2.8px;
    background-color: #263672;
    top: -10%;
    left: 97%;
    opacity: 1.2470729425;
    transform: rotate(27.5218033267deg);
    -webkit-animation: drop-130 4.971176902s 0.5147007s infinite;
    animation: drop-130 4.971176902s 0.5147007s infinite;
}

@-webkit-keyframes drop-130 {
    100% {
        top: 110%;
        left: 101%;
    }
}

@keyframes drop-130 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-131 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 37%;
    opacity: 0.5860592322;
    transform: rotate(7.9869114884deg);
    -webkit-animation: drop-131 4.1176308457s 0.3842156501s infinite;
    animation: drop-131 4.1176308457s 0.3842156501s infinite;
}

@-webkit-keyframes drop-131 {
    100% {
        top: 110%;
        left: 44%;
    }
}

@keyframes drop-131 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-132 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: -10%;
    left: 52%;
    opacity: 1.104280589;
    transform: rotate(52.1448080547deg);
    -webkit-animation: drop-132 4.4226311238s 0.1797531131s infinite;
    animation: drop-132 4.4226311238s 0.1797531131s infinite;
}

@-webkit-keyframes drop-132 {
    100% {
        top: 110%;
        left: 60%;
    }
}

@keyframes drop-132 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-133 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: -10%;
    left: 54%;
    opacity: 0.8169163149;
    transform: rotate(304.6025708922deg);
    -webkit-animation: drop-133 4.5912171746s 0.259530193s infinite;
    animation: drop-133 4.5912171746s 0.259530193s infinite;
}

@-webkit-keyframes drop-133 {
    100% {
        top: 110%;
        left: 68%;
    }
}

@keyframes drop-133 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-134 {
    width: 1px;
    height: 0.4px;
    background-color: #d13447;
    top: -10%;
    left: 79%;
    opacity: 0.5739664041;
    transform: rotate(21.3927570369deg);
    -webkit-animation: drop-134 4.2511688907s 0.9128845515s infinite;
    animation: drop-134 4.2511688907s 0.9128845515s infinite;
}

@-webkit-keyframes drop-134 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-134 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-135 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 72%;
    opacity: 1.2710589447;
    transform: rotate(239.4763600415deg);
    -webkit-animation: drop-135 4.6184394292s 0.1438007433s infinite;
    animation: drop-135 4.6184394292s 0.1438007433s infinite;
}

@-webkit-keyframes drop-135 {
    100% {
        top: 110%;
        left: 79%;
    }
}

@keyframes drop-135 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-136 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 62%;
    opacity: 1.2723519925;
    transform: rotate(166.3600404393deg);
    -webkit-animation: drop-136 4.3969448611s 0.3917852005s infinite;
    animation: drop-136 4.3969448611s 0.3917852005s infinite;
}

@-webkit-keyframes drop-136 {
    100% {
        top: 110%;
        left: 67%;
    }
}

@keyframes drop-136 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-137 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: -10%;
    left: 16%;
    opacity: 1.3711588569;
    transform: rotate(255.477427391deg);
    -webkit-animation: drop-137 4.800556618s 0.6284583629s infinite;
    animation: drop-137 4.800556618s 0.6284583629s infinite;
}

@-webkit-keyframes drop-137 {
    100% {
        top: 110%;
        left: 25%;
    }
}

@keyframes drop-137 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-138 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: -10%;
    left: 85%;
    opacity: 0.9362217279;
    transform: rotate(17.1392298277deg);
    -webkit-animation: drop-138 4.7200692723s 0.1623161574s infinite;
    animation: drop-138 4.7200692723s 0.1623161574s infinite;
}

@-webkit-keyframes drop-138 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@keyframes drop-138 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-139 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: -10%;
    left: 81%;
    opacity: 1.3810077399;
    transform: rotate(108.7082094404deg);
    -webkit-animation: drop-139 4.5377601559s 0.8961130537s infinite;
    animation: drop-139 4.5377601559s 0.8961130537s infinite;
}

@-webkit-keyframes drop-139 {
    100% {
        top: 110%;
        left: 89%;
    }
}

@keyframes drop-139 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-140 {
    width: 7px;
    height: 2.8px;
    background-color: #263672;
    top: -10%;
    left: 59%;
    opacity: 0.6324275029;
    transform: rotate(155.722382984deg);
    -webkit-animation: drop-140 4.1988181461s 0.7433513264s infinite;
    animation: drop-140 4.1988181461s 0.7433513264s infinite;
}

@-webkit-keyframes drop-140 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-140 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-141 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: -10%;
    left: 21%;
    opacity: 0.8171564305;
    transform: rotate(133.1296049708deg);
    -webkit-animation: drop-141 4.1540901851s 0.1694564012s infinite;
    animation: drop-141 4.1540901851s 0.1694564012s infinite;
}

@-webkit-keyframes drop-141 {
    100% {
        top: 110%;
        left: 27%;
    }
}

@keyframes drop-141 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-142 {
    width: 6px;
    height: 2.4px;
    background-color: #d13447;
    top: -10%;
    left: 52%;
    opacity: 0.6227554502;
    transform: rotate(46.4484810725deg);
    -webkit-animation: drop-142 4.9847864818s 0.0874299759s infinite;
    animation: drop-142 4.9847864818s 0.0874299759s infinite;
}

@-webkit-keyframes drop-142 {
    100% {
        top: 110%;
        left: 61%;
    }
}

@keyframes drop-142 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-143 {
    width: 6px;
    height: 2.4px;
    background-color: #d13447;
    top: -10%;
    left: 69%;
    opacity: 1.379890843;
    transform: rotate(186.2599019deg);
    -webkit-animation: drop-143 4.0328134807s 0.3678868796s infinite;
    animation: drop-143 4.0328134807s 0.3678868796s infinite;
}

@-webkit-keyframes drop-143 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@keyframes drop-143 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-144 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: -10%;
    left: 27%;
    opacity: 0.5637410109;
    transform: rotate(249.5625103112deg);
    -webkit-animation: drop-144 4.3348066754s 0.5282807816s infinite;
    animation: drop-144 4.3348066754s 0.5282807816s infinite;
}

@-webkit-keyframes drop-144 {
    100% {
        top: 110%;
        left: 32%;
    }
}

@keyframes drop-144 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-145 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: -10%;
    left: 38%;
    opacity: 0.6272485705;
    transform: rotate(41.3391676955deg);
    -webkit-animation: drop-145 4.29556721s 0.6498162675s infinite;
    animation: drop-145 4.29556721s 0.6498162675s infinite;
}

@-webkit-keyframes drop-145 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@keyframes drop-145 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-146 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 6%;
    opacity: 0.8740682477;
    transform: rotate(250.9665502467deg);
    -webkit-animation: drop-146 4.3487926372s 0.9966282059s infinite;
    animation: drop-146 4.3487926372s 0.9966282059s infinite;
}

@-webkit-keyframes drop-146 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@keyframes drop-146 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-147 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: -10%;
    left: 8%;
    opacity: 0.7552680165;
    transform: rotate(254.2404085357deg);
    -webkit-animation: drop-147 4.0563542824s 0.0099653863s infinite;
    animation: drop-147 4.0563542824s 0.0099653863s infinite;
}

@-webkit-keyframes drop-147 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@keyframes drop-147 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-148 {
    width: 2px;
    height: 0.8px;
    background-color: #ffbf00;
    top: -10%;
    left: 42%;
    opacity: 1.3019736419;
    transform: rotate(135.4894904182deg);
    -webkit-animation: drop-148 4.2153161289s 0.8455893468s infinite;
    animation: drop-148 4.2153161289s 0.8455893468s infinite;
}

@-webkit-keyframes drop-148 {
    100% {
        top: 110%;
        left: 57%;
    }
}

@keyframes drop-148 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-149 {
    width: 1px;
    height: 0.4px;
    background-color: #ffbf00;
    top: -10%;
    left: 84%;
    opacity: 1.4018696087;
    transform: rotate(326.4982036813deg);
    -webkit-animation: drop-149 4.7765363194s 0.7899396293s infinite;
    animation: drop-149 4.7765363194s 0.7899396293s infinite;
}

@-webkit-keyframes drop-149 {
    100% {
        top: 110%;
        left: 93%;
    }
}

@keyframes drop-149 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-150 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: -10%;
    left: 14%;
    opacity: 1.3484090233;
    transform: rotate(30.7527994979deg);
    -webkit-animation: drop-150 4.3587612618s 0.9476046248s infinite;
    animation: drop-150 4.3587612618s 0.9476046248s infinite;
}

@-webkit-keyframes drop-150 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@keyframes drop-150 {
    100% {
        top: 110%;
        left: 21%;
    }
}

/*  */

p.text1 {
    text-align: center;
    color: #91c62d;
    font-size: 18px;
    /* width: 30%; */
}

p.text2 {
    text-align: center;
    color: #a5b190;
    font-size: 12px;
    letter-spacing: 1px;
}

span.orderidd {
    color: #75c62d;
    font-size: 13px;
}

p.text3 {
    text-align: center;
    color: white;
}

span.location {
    font-size: 13px;
    color: grey;
}

p.text4 {
    text-align: center;
    font-size: 15px;
    color: #8dbf2d;
}

span.amt {
    color: #8dbf2d;
}

img.confirmationgiff {
    height: 300px;
    width: 300px;
}

span#seconds {
    background-color: orangered;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    top: -13px;
    color: white;
}

button.btn.btn-primary.position-relative.track {
    padding: 0 0 0 0;
    font-size: 13px;
    width: 60px;
    height: 25px;
    background-color: #22292f;
    border-color: #a7e32c;
    color: #a8e52d;
}

p.text5 {
    margin-bottom: 19px;
    color: white;
    font-size: 11px;
    font-family: sans-serif;
    letter-spacing: 1px;
    font-weight: 100;
}
/* ----------------------------------
ORDERTRACK DETAILS CSS
------------------------------ */
a.backto {
    text-decoration: unset;
    font-size: 14px;
    color: grey;
}

span.orddt {
    margin-left: 1rem;
}

.orderdetailsection {
    border: 1px solid #dbcfcf;
    padding: 1rem;
}

@media (max-width: 495px) {
    img .restaurantimgtrack {
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }

    .orderdetailsection {
        border: unset;
        padding: unset;
    }

    ul#myTab {
        background-color: #e9f2fb !important;
    }

    button.nav-link {
        width: 100% !important;
        text-align: left !important;
        color: #0961bd !important;
        font-size: 17px !important;
        margin-top: 12px !important;
        letter-spacing: 1px !important;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #0961bd !important;
        background-color: #cbe1f9 !important;
        border-color: #5c9fe4 !important;
    }

    ul#myTab {
        padding: 1rem 1rem 1rem 1rem !important;
        border-radius: 8px !important;
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 360px) {
    span#currspncustaddr,
    p#currcustcontact,
    p#currpcustname {
        font-size: 13px !important;
    }

    img.restaurantimgtrack {
        width: 40px !important;
        height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }
}

@media (max-width: 375px) {
    p.ordertrktym.text-left {
        margin-left: 0px !important;
    }

    ul.oprogress {
        padding-left: 10px;
    }

    p.text.ordertrccnt {
        width: 133px !important;
    }

    p.ordertrktym.text-left {
        font-size: 9px !important;
    }

    .oprogress li p {
        margin-left: 3px !important;
    }
}

.ordertrack {
    margin-top: 70px;
}

ul#myTab {
    background-color: white;
}

img.restaurantimgtrack {
    width: 160px;
    height: 100px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #eff2f5;
    border-color: #dee2e6 !important;
    width: 100%;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border: unset;
}

ul#myTab {
    padding: 2rem 1rem 3rem 1rem;
    border-radius: 8px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #495057;
    background-color: #eff2f5;
    border-color: #dee2e6 !important;
    width: 100%;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border: unset;
}

p.ordertrktym.text-left {
    font-size: 11px;
    color: #bdb6b6;
    margin-bottom: 1px;
    margin-top: 2px;
    margin-left: 22px;
}

button.nav-link {
    width: 100%;
    text-align: left;
    color: black;
    font-size: 13px;
    margin-top: 20px;
    letter-spacing: 1px;
}

span.trackicon {
    border: 1px solid #eff2f5;
    padding: 5px 7px 5px 7px;
    border-radius: 50px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    font-size: 12px;
    vertical-align: bottom;
    margin-right: 0.5rem;
    color: #8bc34a;
}

.nav-link.active span.trackicon.completed {
    background: #42d630;
    color: #fff !important;
    border-color: transparent;
}

.nav-link.active span.trackicon.onprocess {
    background: #ffc107;
    color: #fff !important;
    border-color: transparent;
}

p.ordertime {
    font-size: 13px;
    /* font-family: monospace; */
    letter-spacing: 1px;
}

h6.order_sts {
    font-weight: 600;
    font-family: system-ui;
    font-size: 17px;
}

.small {
    font-size: 13px;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.text-dark {
    color: #343a40 !important;
}

p.ordrestaddr {
    font-size: 13px;
}

button.btn.btn-warning.onprocess {
    color: white;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    margin-bottom: 10px;
    cursor: unset;
}

button.btn.btn-success.delivered {
    color: white;
    padding: 2px 5px 2px 5px;
    margin-bottom: 5px;
    background-color: #0b8212;
    border-color: #0b8212;
    font-size: 11px;
}

p.order_tym.text-end {
    font-size: 12px;
    font-family: monospace;
}

a.trackorder {
    border-color: #e23844;
    /* border: unset; */
    /* border-radius: 0; */
    padding: 5px 5px 5px 5px;
    background: linear-gradient(45deg, #d92662 0%, #e23744 100%);
    font-size: 13px;
}

a.help {
    border-color: #e23844;
    /* border: unset; */
    /* border-radius: 0; */
    padding: 5px 5px 5px 5px;
    /* background: linear-gradient( 
45deg
 , #d92662 0%, #e23744 100%); */
    font-size: 13px;
    color: #dc2c59;
}

span.dadetails {
    color: grey;
}

p.viewdetail {
    color: #807373;
    text-decoration: none !important;
    font-size: 14px;
    font-family: monospace;
    border-bottom: unset;
    cursor: pointer;
    background-color: whitesmoke;
}

p.ordertime {
    margin-bottom: 3px;
}

h6.deliveryinfo {
    color: #207ede;
    font-size: 15px;
}

a.btn.btn-primary.view_det {
    background-color: unset;
    border: unset;
    color: grey;
    font-size: 17px;
    width: 100%;
    text-align: left;
}

span.paymentvia {
    font-size: 12px;
    color: #9e9e9e;
    text-transform: capitalize;
    font-weight: 500;
    margin-left: 0.5rem;
}

.orderdetfoot {
    /* padding: 0; */
    padding-top: 0;
    padding-bottom: 0;
}

a.btn.btn-primary.px-3.reorder.trackorder {
    padding: 2px;
    font-size: 12px;
    letter-spacing: 1px;
}

a.btn.btn-outline-primary.px-3.help.complthelp {
    letter-spacing: 2px;
    padding: 2px;
    font-size: 12px;
    margin-left: 1rem;
}

button.accordion-button.collapsed,
button.accordion-button {
    background-color: #f9f9f9;
    color: white;
    height: 35px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
}
/*  */
.node {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    transition: all 1000ms ease;
}

.activated {
    box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8);
}

.divider {
    height: 40px;
    width: 2px;
    margin-left: 4px;
    transition: all 800ms ease;
}

.oprogress li p {
    display: inline-block;
    margin-left: 20px;
}

.oprogress li {
    list-style: none;
    line-height: 1px;
}

.blue {
    background-color: rgba(82, 165, 255, 1);
}

.green {
    background-color: #12ab8c;
}

.red {
    background-color: rgba(255, 148, 148, 1);
}

.grey {
    background-color: rgba(201, 201, 201, 1);
}
/*  */
a.homelink {
    text-decoration: unset;
    /* font-family: monospace; */
    font-size: 12px;
    letter-spacing: 0.5px;
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: unset !important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    box-shadow: unset !important;
}

img.noorderavlb {
    height: 7rem;
}

p.refresh {
    color: #0a58ca;
    margin-bottom: 5px;
    font-size: 12px;
    cursor: pointer;
}

.btn-check:active + .btn-war ning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: unset;
    border-color: unset;
}

    .btn-check:active + .btn-warning:focus,
    .btn-check:checked + .btn-warning:focus,
    .btn-warning.active:focus,
    .btn-warning:active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: unset;
    }

.btn-check:focus + .btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: unset;
}

/* New */
img.odrstsimg {
    height: 28px;
    width: 28px;
}

.row.ordstsdet {
    background-color: #03a685;
    color: white;
}

p.ststime {
    font-family: 'Livvic';
    font-size: 11px;
    color: black;
    margin-bottom: 0;
}

span.ordests {
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    color: black;
}


.row.ordstsdet {
    background-color: #54a7df;
    color: black;
   
    padding-top: 2px;
    padding-bottom: 2px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.restdet_odet {
    text-align: center;
    margin-bottom: 1rem;
}

a.ordrestnm {
    text-decoration: unset;
    font-size: 18px;
}

.row.ordstspoints {
    margin-top: 16px;
    background-color: white;
}

p.ordedetpointsec {
    margin-bottom: 0;
}

.row.ordstspoints {
    margin-top: 1rem;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #084298;
    font-size: 15px;
    margin-bottom: 1rem;
}

.row.deldetails {
    background-color: white;
    margin-top: 1rem;
}

h6.orddet_delhd {
    font-size: 15px;
    color: #207ede;
}

p.deladd_txt1 {
    margin-bottom: 2px;
    font-size: 15px;
}

.delnf {
    padding: 5px 0 5px 15px;
}

p.deladd_txt2 {
    margin-bottom: 2px;
    font-size: 13px;
}

p.deladd_txt3 {
    font-size: 12px;
    color: grey;
    margin-bottom: 2px;
}

.row.deldetails {
    background-color: white;
    margin-top: 0;
    padding-top: 7px;
    margin-bottom: 1rem;
}

td.cartbtnstd {
    width: 15% !important;
    font-size: 13px;
}

.popover-body {
    display: none;
}

button.accordion-button.collapsed {
    background-color: white;
    color: #0e0d0d;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: sans-serif;
    opacity: 0.9;
    padding-left: 11px;
    font-size: 14px;
}
/* ----------------------------------
MENUS CSS
------------------------------ */

/* MENUS 21-12-2021 START */
span.costppl.minorderval {
    color: #c62828;
    font-size: 11px;
}

span.costppl.minordervalmob {
    color: #c62828;
    font-size: 12px;
}

.minimumordersection {
    background-color: teal;
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
    padding: 5px 0 5px 0 !important;
}

span.costppl.minorderval {
    color: #c62828;
    font-size: 12px;
}


/* 21-12-2021 END */

button.btn.btn-danger.closed.menupage {
    margin-right: 0.2rem;
    padding-left: 20px;
    padding-right: 20px;
}

.fixme {
    background-color: white;
    z-index: 999;
}

.stickypadding {
    padding-top: 40px;
    padding-bottom: 5px;
}

.marginsticky {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

a.btn.btn-outline-secondary.btn-sm.addbtn {
    font-size: 12px;
    padding: 1px 10px 1px 10px;
}

i.bx.bx-x {
    cursor: pointer;
}

.loaderbody {
    background-color: #efefef;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: 0.5;
}

p.loadertxt1 {
    margin-bottom: 2px;
}

p.loadertxt2 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #3e3c3c;
}

.loader {
    text-align: center;
    padding: 150px 0 150px 0;
}

.spinner-grow.text-danger,
.spinner-grow.text-warning,
.spinner-grow.text-info {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.filterwidth {
    width: fit-content;
}

.sotybydv,
.vegnonvegi {
    cursor: pointer;
}

span.input-group-text {
    font-size: 16px;
    cursor: pointer;
}

input.form-control.srch {
    font-size: 12px;
}

.row.webmobilefooter {
    background-color: #19bdbf !important;
    border: unset !important;
    border-radius: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    margin-top: 0px !important;
    padding: 0px 0 0px 0 !important;
    margin: 0;
}

.mobilerestinfo {
    display: none;
}

.webrestinfo {
    display: block;
    padding-top: 3rem;
    border: 1px solid #4d3523;
    border-radius: 15px;
    margin-top: 1rem;
    padding-bottom: 4.5rem;
}

h1.rest_nmm {
    font-size: 25px;
    margin-bottom: 3px;
}

.mobilerestinfo {
    display: none;
}

@media (max-width: 350px) {
    .vegnonvegi p {
        font-size: 11px !important;
    }
}

/* for mobile */
@media (max-width: 495px) {
    .mobilerestinfo {
        display: block;
    }

    .restbannerimage {
        border-radius: 20px;
        height: 40vh;
        border-radius: unset;
    }

    h1.rest_nmm,
    p.restaddress {
        margin-left: 0 !important;
    }

    .mobilerestinfo {
        display: block;
    }

    .webrestinfo {
        display: none;
    }

    .mobilemenusearch {
        display: block !important;
    }

    .vegnonvegi i {
        font-size: 21px !important;
    }

    .vegnonvegi p {
        font-size: 13px;
    }

    .categorysection {
        display: none !important;
    }

    .menup1 {
        margin-top: 0 !important;
    }

    .st-actionContainer.right-bottom.mobilecat_section {
        display: block !important;
    }
    /* open now */
    button.btn.cartcntmobile.opennow {
        font-size: 12px;
        padding: 2px 1px 2px 5px;
        border-radius: 10px 0 0 10px;
        background-color: #2fd88a;
        width: 90px;
    }

    button.btn.cartcntmobile.closed.position-relative {
        background-color: #dc3545;
        border-radius: 10px 0 0 10px;
        width: 90px;
        padding-bottom: 0;
        padding-top: 0;
    }

    span.deltym,
    span .costppl {
        font-size: 12px;
    }

    .cartcntweb {
        display: none !important;
    }

    span.location_name {
        font-size: 12px !important;
    }

    label.form-check-label.toggle {
        font-size: 14px;
        color: #949191;
    }

    .cartsection {
        display: none;
    }

    .webmenufilter {
        display: none;
    }
    /* fixed bottom  */
    .fixed-bottom.mobile_footer {
        background-color: #19bdbf;
        padding: 0.6rem 0.5rem 0.6rem 0.5rem;
    }

    p.mob_totalprc {
        margin-bottom: 0;
        color: white;
        font-size: 17px;
    }

    p.mob_totalqnty {
        background-color: #ade3e5;
        margin-bottom: 0;
        width: 8rem;
        border-radius: 20px;
        padding: 0.3rem;
        color: #055160;
        font-size: 16px;
    }

    span.itemqty {
        margin-right: 1rem;
    }

    span.item {
        margin-left: 0.4rem;
    }
    /* cart fixed start */
    .cartfixed {
        position: fixed;
        top: 52px;
        right: 0px;
        min-width: 43px;
        border-radius: 25% 0 0 25%;
    }

    button.btn.cartcntmobile {
        color: white;
        border-radius: 25% 0 0 25%;
        padding-bottom: 1px;
        padding-top: 6px;
        background-color: #3fa9f5;
    }
    /* cart fixed end */
    .cartfixed {
        display: block;
    }

    .mobile_footer {
        display: block;
    }
}

@media (min-width: 496px) {
    .cartfixed {
        display: none;
    }

    .mobile_footer {
        display: none;
    }

    .mobilevegsec {
        display: none;
    }

    .mobilemenusearch {
        display: none !important;
    }
}

@media (max-width: 380px) {
    img.mr-3.rounded-pill.menu_img {
        height: 45px !important;
        width: 45px !important;
        max-height: 45px !important;
        max-width: 45px !important;
    }

    .restimg img {
        max-height: 4rem !important;
        height: 4rem !important;
        border-radius: 50% !important;
    }

    .menuitems h6 {
        font-size: 13px;
    }
}

.st-actionContainer.right-bottom.mobilecat_section {
    display: none;
}

span.badge1 {
    background-color: #8cc479;
    font-family: monospace;
    padding: 0px 5px 0px 5px;
    /* margin-left: 0.5rem; */
    /* font-size: 14px; */
    color: white;
    border-radius: 2px;
}

li {
    list-style-type: none;
}

select.form-select.sortby {
    font-size: 11px;
    padding: 2px 0 2px 11px;
}

.view_gallery {
    text-align: center;
    border: 1px solid;
    padding: 18px;
    background-color: gainsboro;
    color: white;
    cursor: pointer;
}
/* cart start */
a.modify_order {
    text-decoration: unset;
    font-size: 12px;
    cursor: pointer;
    color: #2196f3;
}

a.clear_cart {
    color: #e91e63;
    text-decoration: unset;
    font-size: 12px;
    cursor: pointer;
}

a.btn.btn-primary.checkoutbtn {
    background-color: #d92662;
    border: unset;
    border-radius: 0;
    width: 48%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 3px 0 3px 0;
}

p.cartitemnm {
    font-size: 12px;
    display: flex;
    align-items: center;
}

p.cartprice {
    font-size: 13px;
}

td.deleteicon {
    width: 10%;
}

td.calculation {
    padding-bottom: 0;
    padding-top: 0px;
}

.cart_totalling {
    border-bottom: 1px solid #dee2e6 !important;
}

p.topay {
    font-size: 1rem;
    font-weight: 900;
    color: #ff5722;
    font-family: monospace;
}

p.topayprice {
    font-size: 1rem;
    font-weight: 900;
    color: #ff5722;
    font-family: monospace;
}

.sticky_sidebar {
    position: sticky;
    top: 75px;
}
/* cart end */
button.btn.btn-outline-secondary.cartbtn {
    padding: 0 2px 0 2px;
    border-radius: 0;
}

button.btn.btn-secondary.cartbtn {
    padding: 0 6px 0 6px;
    font-size: 10px;
    width: 25px;
}

.btn-group {
    height: 24px;
}

span.itemtag {
    font-size: 18px;
    color: #da1919;
}

    span.itemtag.veg {
        font-size: 18px;
        color: green;
    }

p.addonsavl {
    margin-bottom: 0;
    color: #e2460b;
    margin-top: -28px;
    font-size: 12px;
}

.col-5.restimg {
    height: 5rem;
    display: grid;
    align-items: center;
    justify-content: center;
    /* width: 5rem; */
}

.resttagline {
    color: #dc3545;
    font-size: 12px;
}

.restimg img {
    max-height: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.menu_itembody {
    /* background-color: #171a29; */
    margin-top: 50px;
}

.rest_details .card {
    background-color: unset;
}

h5.card-title.restnm,
h6.card-subtitle.mb-2.restaddress {
    color: black;
    font-size: 17px;
    margin-top: 1rem;
}

.restotherdetails {
    border-bottom: 1px dashed #d8d2d2;
    padding-bottom: 2px;
    padding-top: 2px;
    border-top: 1px dashed #d8d2d2;
    margin-top: 8px;
}

span.costppl {
    color: grey;
    font-size: 12px;
}

.restnmaddress {
    display: grid;
    place-content: center;
}

.col.deltime,
.col.minamt {
    color: black;
    font-size: 13px;
}

i.bi.bi-star-fill.good {
    color: #48c479;
    font-size: 13px;
}

i.bi.bi-star-fill.null {
    color: #bdbcbc;
    font-size: 13px;
}

span.ratings {
    color: black;
}
/* uom */
p.uomqnt {
    font-size: 13px;
    margin-bottom: 2px;
}

p.uomitemcnt {
    font-size: 12px;
}

p.uomtotal {
    color: #4caf50;
    font-family: monospace;
    font-weight: 500;
    font-size: 18px;
}

button.btn.btn-secondary.modalclose {
    width: 100%;
    border-radius: 0;
    color: black;
    background-color: white;
    border: unset;
    height: 45px;
    text-transform: uppercase;
    font-size: 14px;
}

button.btn.btn-primary.uomadd {
    text-transform: uppercase;
    width: 100%;
    padding: 12px 0 12px 0;
    font-size: 13px;
    border-radius: unset;
    border: #d92662;
    background: linear-gradient(45deg, #d92662 0%, #e23744 100%);
    height: 45px;
}

p.uomaddons {
    margin-bottom: 0;
    /* margin-top: 10px; */
    color: #3364ae;
    border-bottom: 1px dashed #d8cdcd;
    width: fit-content;
    font-size: 13px;
    text-transform: uppercase;
}

.modal-header.uommodalheader {
    margin-bottom: 0;
    height: 42px;
}
/* uom end */
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: unset !important;
    border-color: unset !important;
}

.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: unset !important;
}

.btn-outline-secondary:hover {
    color: #6c757d;
    background-color: unset !important;
    border-color: #6c757d;
}

input.form-check-input.nonveg:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}

input.form-check-input.veg:checked {
    background-color: green;
    border-color: green;
}

.form-check-input:focus {
    border-color: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
}

.webbanermenu {
    background-image: url(https://scoopy.app/assets/assets/img/restaurant/add.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin: 0px auto;
}

p.addonsavail {
    font-size: 10px;
    color: #dc3545;
    margin-top: 1rem;
    text-align: center;
    letter-spacing: 1px;
}

p.outofstock {
    color: red;
    font-weight: 900;
    font-size: 11px;
    margin-bottom: 0;
}

.menuitems {
    margin-bottom: 1rem;
}

a.categogyimg img {
    background: linear-gradient(to bottom right, #a5d3f3 0%, #ffccff 100%);
    padding: 0.3rem;
    margin-bottom: 10px;
}

p.small.categorynm {
    color: #971212;
    font-size: 14px;
    letter-spacing: 0.4px;
    cursor: pointer;
}

td.cartbtnstd {
    width: 17% !important;
}

td.itemnmtd {
    width: 55% !important;
}

img.mr-3.rounded-pill.menu_img {
    height: 55px;
    width: 55px;
    max-height: 55px;
    max-width: 55px;
}

p.fssaino {
    margin-bottom: 4rem;
    text-align: center;
    color: grey;
    font-size: 13px;
    margin-top: 7px;
}

.cartcntweb a {
    text-decoration: unset;
    color: black;
}

.catnmheader {
    background-color: #daecff;
}
/* 08-11-2021 */
.restbannerimage {
    /* Full height */
    height: 25vh;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logoimg img {
    height: 90px;
    max-height: 90px;
    width: 90px;
    max-width: 90px;
    border-radius: 50%;
    background-color: white;
}

.logoimg {
    position: absolute;
    bottom: -22px;
}

h1.rest_nmm {
    font-size: 25px;
    margin-bottom: 3px;
}

p.restaddress {
    margin-bottom: 0;
    font-size: 13px;
    color: #4a4747;
}

.restinfo {
    margin-top: 2rem;
}

p.sorybytxt {
    font-size: 13px;
    padding-top: 5px;
    color: #585353;
}

.webmenufilter1 {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    padding: 10px;
}

.vegnonvegi i {
    font-size: 28px;
    color: #7c7c7c;
}

.vegnonvegi p {
    margin-bottom: 0;
    font-size: 13px;
    font-family: monospace;
    margin-top: -3px;
    margin-left: 0px;
}

p.filtertxt {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: #7a067a;
}

.menup1 {
    margin-top: 30px;
}

.webextracatergory {
    margin: 38px 4px 7px 0 !important;
}

button.btn.btn-secondary.websortby {
    padding: 2px 0 2px 0;
    width: 33px;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
    box-shadow: unset;
}

h1.rest_nmm, p.restaddress {
    margin-left: 2.5rem;
}

@media (min-width: 496px) {
    .restbannerimage {
        border-radius: 20px;
        height: 38vh;
    }
}
/* WALLET CSS / PROFILE CSS */
p.accountaddress {
    font-size: 13px;
    color: #928c8c;
}

.actheading {
    color: #055160;
    /* width: fit-content; */
}

input.form-control.actaddaddress {
    font-size: 13px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #0078ae;
}

button.btn.btn-success.addresssave {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 0 0 0;
    width: 24%;
    background-color: #0d6efd;
    border-color: unset;
}
/* 08-07-2021 */
.disabled_link {
    color: grey;
    pointer-events: none;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

span.mandatory_field {
    color: #d60404;
    font-size: 17px;
}

@media (max-width: 477px) {
    input.form-control.actaddaddress {
        padding-left: 0 !important;
    }
}

@media (max-width: 478px) {
    .mobilebtmwallet {
        display: block !important;
    }
}

.mobilebtmwallet {
    display: none;
}

a.card-link.deleteaddress.btn.btn-danger {
    background-color: unset;
    color: #dc3545;
    padding: 0 3px 0 3px;
    font-size: 12px;
}

a.card-link.deleteaddres.btn.btn-warning.defaultmark {
    background-color: unset;
    color: #3da4ee;
    padding: 0 3px 0 3px;
    font-size: 12px;
    border-color: #3da4ee;
}
/*wallet start*/
.card-body.walletbody td {
    color: black;
    font-size: 14px;
    vertical-align: baseline !important;
}

span.earn {
    color: green;
}

span.deduct {
    color: red;
}

span.earnprc {
    font-size: 1rem;
    color: green;
}

span.deductprc {
    font-size: 14px;
    color: red;
}

h4.mywalletheading {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.wallethst {
    text-align: center;
    background-color: #f3eaea;
    padding: 0.3rem;
    font-family: monospace;
    font-weight: 600;
}

span.earn,
span.deduct {
    font-size: 16px;
    margin-right: 0.5rem;
}

.total_point {
    background-color: unset;
    text-align: center;
    padding: 0.5rem;
    text-transform: uppercase;
}

button.accordion-button.walletaccr {
    height: 60px;
}

span.totalcashbackamt {
    color: #dc3545;
    font-size: 17px;
    font-family: inherit;
}

.alert.alert-info.shadow-lg.walletmsg {
    margin-bottom: 0;
    padding: 5px;
    font-size: 11px;
}

.howtoearn span {
    color: grey;
    font-size: 12px;
}

span.walletinfo {
    font-size: 20px;
    color: #488bd1;
    margin-right: 0.5rem;
}

span.walletmsg2 {
    font-family: 'Livvic';
    font-weight: 500;
    font-size: 15px;
}
/*wallet end*/
/* ------------------------
ORDERTRACK
-------------------------- */
p.myordertxt {
    text-align: center;
    font-size: 20px;
    color: #dc3545;
    border-bottom: 1px dashed;
    width: fit-content;
    margin-bottom: 2rem;
}
/* ------------------------------
RESTAURANT CSS
------------------------------- */
.togglesearch {
    padding-right: 0;
}

.togglesearchrstl {
    padding-left: 0;
}

button.btn.btn-primary.filterbtn {
    padding: 0 3px 2px 3px;
    background-color: #34495E;
    border-color: #34495E;
    height: 20px;
    line-height: 0;
    font-size: 10px;
}

@media (min-width: 768px) {
    .togglesearch.col-md-1 {
        flex: 0 0 auto;
        width: 10.333333%;
    }
}

h1.webheading {
    text-align: center;
    font-size: 23px;
    color: #2c3e50;
    margin: 5px;
    font-weight: 600;
}

.webheadingdv img {
    width: 120px;
    margin-top: 0;
}

.webheadingdv {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

div#carouselExampleControls1 {
    position: fixed;
    z-index: 999;
    top: 12px;
}

.addresssetion {
    background-color: #cc0000;
    color: white;
    bottom: 14px;
    padding: 5px 8px 4px 6px;
    border-radius: 0 9px 9px 0px;
}

    .addresssetion P {
        margin-bottom: 0;
        font-size: 13px;
    }

.restdetails:last-child {
    margin-bottom: 2rem;
}

.restdetails {
    margin-top: 1rem;
}

span.recentorder_close {
    color: #212529;
}

.loader.restaurantloader {
    margin-top: 200px;
}

.spinner-border.text-secondary.restaurant_loader {
    width: 3rem;
    height: 3rem;
}

p.filter_applied {
    margin-bottom: 0;
    color: #5d6d7e;
    font-size: 14px;
}

.curr-filter {
    display: none;
}

.webheadingdv {
    display: block;
}

p.current_filer {
    font-size: 12px;
    margin-bottom: unset;
    text-align: end;
    color: #34495e;
    border: 1px solid #334b56;
    padding: 0 5px 0 5px;
    border-radius: 6px;
    height: 20px;
}

p.filter-cross {
    font-size: 17px;
    margin-bottom: 0;
    margin-left: 0.3rem;
    color: #34495e;
    display: flex;
    align-items: center;
}

footer.recent-order {
    display: none;
}

.mobilebanner {
    display: none;
}

.desktopbanner {
    display: block;
}

/*input.form-control.search.spansrc {
    width: 15rem;
}*/

.spansrc {
    font-size: 12px;
}

.navbar-collapse {
    justify-content: flex-end;
}

a.nav-link {
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    color: #3a3d4c;
    margin-left: 14px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px dashed #d6d5d5;
}

.filterapply {
    text-transform: uppercase;
    width: 25rem;
    padding: 1rem;
    font-size: 1rem;
    border-radius: unset;
    border: #0d6efd;
    background-color: #212529;
}

.navbar-toggler:focus {
    text-decoration: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
}

a.nav-link.active {
    border-color: #0070cc;
}

.main_content {
    margin-top: 0.5rem;
}

.restaurantalider {
    margin-top: 5rem;
}

.card-footer.restaurantfooter {
    background-color: #f3f3f3;
    border-top: 0;
}

img.card-img-top {
    height: 216px;
    max-height: 216px;
}

.img-holder {
    display: inline-block;
    width: 45px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
}

    .img-holder img {
        width: 45px;
        max-width: 45px;
        height: 45px;
        max-height: 45px;
    }

p.card-text.restitems {
    font-size: 12px;
    color: grey;
    margin-bottom: 2px;
}

button.btn.btn-danger.ordernow {
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    border-radius: 10px;
    background-color: #154360;
    border-color: #154360;
}

.text-danger {
    color: #c33332;
}

span.yes_freedelivery {
    color: green;
    font-size: 13px;
}

span.delivery_time,
span.restopen_time,
span.costfrtwo,
span.minimum_order,
span.delivery_type {
    color: #535665;
    font-size: 11px;
    margin-left: -1px;
}

button.btn.btn-danger.closed {
    font-size: 12px;
    padding: 0 10px 0 10px;
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

span.mobile_signin {
    font-size: 13px;
    display: none;
}

.offersection img {
    height: 80px;
    max-height: 80px;
    display: unset !important;
    width: unset !important;
}

.offersection {
    bottom: 0;
    right: 0;
}

.carousel-item img {
    /* height: 250px; */
}

span.offertxt {
    color: white;
    left: 8px;
    position: absolute;
    font-size: 14px;
    top: 30px;
}

@media (max-width: 495px) {
    .curr-filter {
        padding-top: 0.5rem;
        display: block;
    }

    .webheadingdv {
        display: none !important;
    }

    span.mobile_signin {
        display: block;
    }

    footer.recent-order {
        display: block;
    }

    .restaurantalider {
        margin-top: 5rem;
    }

    span.topuser_common {
        font-size: 26px;
        margin-right: 1rem;
        display: flex;
        align-items: flex-end;
        letter-spacing: 1px;
    }

    .desktopbanner {
        display: none;
    }

    .main_content {
        margin-top: 180px !important;
    }

    .mobilebanner {
        display: block;
    }

    .restaurantalider {
        margin-top: 80px;
    }

    .restbannerimage {
        display: none !important;
    }
}

.cartfixed {
    display: none;
}

.restbannerimage {
    display: block;
}

span.disamt {
    color: #c62828;
}
/* cart fixed start */
.cartfixed {
    position: fixed;
    z-index: 999;
    top: 51px;
    right: 0px;
    min-width: 37px;
    border-radius: 25% 0 0 25%;
}

button.btn.cartcntmobile {
    color: white;
    border-radius: 25% 0 0 25%;
    padding-bottom: 1px;
    padding-top: 6px;
    background-color: #3fa9f5;
    width: 47px;
    margin-top: 1rem;
}

span.restcart.position-absolute.top-0.translate-middle.badge.rounded-pill.bg-danger {
    font-size: 10px !important;
    left: 5px;
    top: 7px;
    font-weight: 100;
    padding-top: 6px;
}

@media (max-width: 496px) {
    .cartfixed {
        display: block;
    }
}
/* cart fixed end */

/* ------------------------
LOCATION CSS
-------------------------- */
.input-group.locationgrp {
    border: 1px solid rgb(182, 223, 238);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .srch-cnt {
        padding: 3rem 1rem 3rem 1rem !important;
    }
}

@media (max-width: 760px) {
    .mobileappimg {
        display: none;
    }

    .mobile_content {
        text-align: center;
    }
}

@media (max-width: 958px) {
    img.mobile2 {
        display: none;
    }
}

/* for mobile */
@media (max-width: 495px) {
    .srch-cnt {
        padding: 3rem 2rem 3rem 2rem !important;
        margin-top: 1.5rem;
    }

    .logo_location img {
        height: 1.5rem !important;
    }

    .mobile_content {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

        .mobile_content h1 {
            font-size: 28px !important;
            font-weight: 400 !important;
        }

    .mobile_content {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .topbar {
        padding: 8px !important;
    }

    .ftr-cntnt {
        width: 160%;
    }
}
/*for small size mobile*/
@media (max-width: 380px) {
    .srch-cnt-txt {
        font-size: 16px !important;
    }

    .srch-cnt {
        padding: 3rem 1rem 3rem 1rem !important;
    }

    input[type='radio'].toggle + label {
        min-width: 37px !important;
    }

    .btn1 {
        font-size: 10px !important;
    }

    .spansrc {
        font-size: 10px !important;
    }

    span.input-group-text {
        font-size: 12px !important;
    }

    label.btn1.bnt1st {
        border-radius: 5px 0 0 5px !important;
    }

    label.btn1.btn2nd {
        border-radius: 0px 5px 5px 0px !important;
    }

    .main_content {
        margin-top: 175px;
    }

    .curr-filter {
        padding-top: 0rem !important;
    }
}

@media (min-width: 761px) {
    .mobileappimg {
        display: block;
    }

    .srch-cnt-txt {
        font-size: 3px;
    }
}

.container-fluid.locationdiv {
    margin-top: 35px;
}

.mobile_para {
    font-size: 15px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 25px;
    color: #7e808c;
}

.mobile_content {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

img.mobile1,
img.mobile2 {
    width: 319px;
    height: 400px;
}

button.btn.btn-primary.locate_me {
    border-color: unset;
    font-size: 12px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    /* background-color: #28ce81; */
    background-color: #6c757d;
    font-family: sans-serif;
}

span.input-group-text.locationbtn,
span.input-group-text.inploc {
    background-color: unset;
    border-left: unset !important;
    border: unset;
}

.input-group {
    position: relative;
    width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

input.form-control.location_search {
    font-size: 13px;
    border: unset;
}

.srch-cnt-txt {
    font-size: 18px;
    color: rgb(94 89 101);
    line-height: 2rem;
}

.bdy-cntnt-bnr {
    background-image: url(https://scoopy.app/assets/img/restaurant/bnr3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin: 0px auto;
}

.bdy-cntnt-srch {
    background-image: url(https://scoopy.app/assets/img/restaurant/home_search.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.logo_location img {
    height: 2.25rem;
    margin-bottom: 1rem;
}

.srch-cnt {
    padding: 3rem 5rem 5rem 5rem;
}

.srcfrm {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.ftr-rgt .icn img {
    width: 8.6rem;
    height: 2.5rem;
    cursor: pointer;
}

.mobile_content h1 {
    font-size: 35px;
    font-weight: 600;
}

.mobilerow {
    margin-left: 0;
    margin-right: 0;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: unset;
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}

@media (min-width: 1400px) {
    .srch-cnt {
        padding: 5rem 5rem 12rem 5rem !important;
    }

    img.mobile1,
    img.mobile2 {
        width: 419px !important;
        height: 500px !important;
    }
}

/* ---------------------------
PROMOTION
----------------------------- */
/*promotion start*/
@media only screen and (max-width: 768px) {
    /* for promotion modal start */

    button.close.page_load_promobanner_close {
        position: absolute;
        background: #fff;
        font-size: 2rem;
        top: -1.15rem;
        right: -1.15rem;
        box-shadow: 0 0 5px 0px #292828;
        font-weight: bold;
        width: 2.5rem;
        color: #000;
        text-align: center;
        height: 2.5rem;
        border-radius: 50%;
        font-family: sans-serif;
        cursor: pointer;
        line-height: 2.5rem;
        display: inline-block;
        opacity: unset;
        padding: 0 0 0 0;
    }

    .page_load_promobanner img {
        border: solid 3px #ff99009e;
        width: 350px !important;
        height: 500px !important;
    }
}

@media only screen and (min-width: 370px) {
    .page_load_promobanner img {
        width: 300px !important;
    }
}

button.close.page_load_promobanner_close {
    position: absolute;
    background: #fff;
    font-size: 23px;
    top: -12px;
    right: -13px;
    box-shadow: 0 0 5px 0px #292828;
    font-weight: bold;
    width: 2rem;
    color: #000;
    text-align: center;
    height: 2rem;
    border-radius: 50%;
    font-family: sans-serif;
    cursor: pointer;
    line-height: 0;
    display: inline-block;
    opacity: unset;
    border: 1px solid black;
    padding: 0 0 0 0;
}

.page_load_promobanner img {
    /*  width: auto;*/
    margin: auto;
    min-width: 300px;
    max-width: 100%;
    border: solid 3px #ff99009e;
    height: 550px;
}
/*promotion end*/

/*logout popup start*/
.logoutimg img {
    height: 75px;
}

button.btn.btn-primary.logoutyes {
    background-color: #3c9c24d9;
    border: unset;
    padding: 0 0 0 0;
    width: 28%;
    height: -10px%;
    font-size: 13px;
    height: 23px;
}

button.btn.btn-danger.logoutno {
    margin-left: 0.5rem;
    border: unset;
    padding: 0 0 0 0;
    width: 28%;
    height: -10px%;
    font-size: 13px;
    height: 23px;
}

@media (min-width: 576px) {
    .modal-dialog.logout {
        max-width: 275px;
    }
}

/*logout popup end*/


/* RESPONSIVE FOR 370 SCREEN SIZE */
@media (max-width: 370px) {
    button.navbar-toggler {
        padding: 3px;
        font-size: 15px;
    }

    h1.rest_nmm {
        font-size: 21px;
    }

    button.btn.btn-danger.closed {
        padding: 0 8px 0 8px;
    }

    button.btn.btn-primary.login {
        width: 50%;
    }

    .card-body.walletbody td, i.bi.bi-patch-plus {
        font-size: 14px;
    }

    span.earnprc {
        font-size: 14px;
    }

    .actheading {
        font-size: 15px;
    }

    h6.actnm {
        font-size: 12px;
    }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

i.bx.bx-right-arrow-alt {
    cursor: pointer;
}

/*-----------------------------------
RECENT ORDER CSS 
-----------------------------------*/
span.vwrecentorder {
    float: right;
}

p.recentorder_address {
    font-size: 12px;
    color: black;
}

p.recentorder_restnm {
    color: black;
}

span.vwrecentorder {
    color: #0d6efd;
}

.bg-footer {
    background-color: #fff176;
    border-color: white;
}

button.btn.btn-outline-danger.viewdetailsbtn {
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}

img.recentordergif {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
}

.offcanvas-body.small.vieworderbody {
    background-color: white;
}

p.rcntordertext1 {
    margin-bottom: 2px;
    font-size: 18px;
}

p.rcntordertext2 {
    font-size: 13px;
    color: grey;
}

p.rcntordertext3,
p.rcntordertext4 {
    margin-bottom: 6px;
    font-size: 15px;
    color: #323030;
    font-family: 'Livvic';
    font-weight: 500;
}

p.rcentordsts {
    background-color: #c9e9ff;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #154360;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
    padding-left: 5px;
    padding-top: 5px;
}

span.recentordst {
    float: right;
    margin-right: 0.2rem;
}

.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: unset;
}

p.rcntordertext3 span,
p.rcntordertext4 span {
    margin-left: 0.3rem;
    font-weight: 600;
    color: #154360;
    font-size: 13px;
}

span.badge.bg-danger.totalordcnt {
    font-weight: 200;
    font-size: 11px;
}

span.totalorderfrmrestaurant {
    font-size: 15px;
    margin-right: 0px;
    font-weight: 500;
    color: #2c2929;
}

.recentorder_block {
    border: 1px solid #8eccf7;
}

/* ----------------------------------
NO INTERNET
----------------------------------- */
img.nointernet {
    height: 8rem;
}

p.nointernet_text1 {
    margin-bottom: 2px;
    font-size: 20px;
}

p.nointernet_text2 {
    font-size: 14px;
    margin-bottom: 10px;
}

p.nointernet_text3 {
    color: grey;
    font-size: 14px;
}

.custom-btn {
    width: 108px;
    height: 30px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    outline: none;
}
/* 3 */
.btn-3 {
    background: linear-gradient( 0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100% );
    width: 100px;
    height: 30px;
    line-height: 33px;
    padding: 0;
    border: none;
    font-size: 14px;
}

    .btn-3 span {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    .btn-3:before,
    .btn-3:after {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        background: rgba(2, 126, 251, 1);
        transition: all 0.3s ease;
    }

    .btn-3:before {
        height: 0%;
        width: 2px;
    }

    .btn-3:after {
        width: 0%;
        height: 2px;
    }

    .btn-3:hover {
        background: transparent;
        box-shadow: none;
    }

        .btn-3:hover:before {
            height: 100%;
        }

        .btn-3:hover:after {
            width: 100%;
        }

    .btn-3 span:hover {
        color: rgba(2, 126, 251, 1);
    }

    .btn-3 span:before,
    .btn-3 span:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        background: rgba(2, 126, 251, 1);
        transition: all 0.3s ease;
    }

    .btn-3 span:before {
        width: 2px;
        height: 0%;
    }

    .btn-3 span:after {
        width: 0%;
        height: 2px;
    }

    .btn-3 span:hover:before {
        height: 100%;
    }

    .btn-3 span:hover:after {
        width: 100%;
    }

/* -------------------------------
REFERRAL DESIGN
-------------------------------- */
p.refertxt1 {
    color: #11808f;
    font-size: 14px;
    margin-top: 0.5rem;
}

p.refertxt2 {
    font-size: 12px;
    color: #6c6969;
}

    p.refertxt2 span {
        font-weight: 600;
        color: #11808f;
    }

button.btn.btn-primary.sendinvite {
    background-color: #fe6361;
    border-color: #fe6361;
    font-size: 14px;
    padding: 0.1rem 1rem 0.1rem 1rem;
}

.ref_img img {
    height: 110px;
}

.codeimg img {
    height: 81px;
    width: 245px;
}

.codeimg span {
    color: white;
    font-size: 14px;
    line-height: 1;
}

span.spn1 {
    font-size: 10px !important;
}

.codedv {
    padding: 30px 0 30px 0;
}

input.form-control.entercode {
    background-color: unset;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid;
    border-radius: unset;
    border-color: white;
    height: 23px;
    text-align: center;
    color: white;
}

p.ref_txt1 {
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
}

p.ref_txt2 {
    margin-bottom: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0.2rem;
}

.referdetails {
    background-color: #ede7e7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.referearnsection {
    margin: 75px 0 0 0;
}

.referdetailsleft {
    border-right: 1px solid #607d8b;
}

p.referdetailsheading {
    text-align: center;
    font-size: 20px;
    color: #dc3545;
}

.refferralsucess img {
    height: 113px;
    margin-top: 1rem;
}

button.btn.btn-primary.referralsuccessbtn2 {
    background-color: #558b2f;
    border-color: #558b2f;
    margin-bottom: 1rem;
    padding: 1px 20px 2px 20px;
    font-size: 13px;
}

p.refferralsucesstxt1 {
    margin-bottom: 5px;
    font-size: 20px;
    color: teal;
}

p.refferralsucesstxt2 {
    color: #060606;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 20px;
    font-family: system-ui;
}

.successreferralcont {
    width: 80%;
}

@media (min-width: 576px) {
    .modal-dialog.referraldialog {
        max-width: 365px;
        margin: 1.75rem auto;
    }
}

/* End Refferal CSS*/

/* ---------------------
07-01-2022 
SCOOPY CASH CHECKIN MODAL
---------------------- */
p.scoopycash {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    color: white;
    font-family: system-ui;
}

button.btn.btn-primary.scpchmolok {
    background-color: #a366b7;
    font-size: 12px;
    border-color: #be79d4;
    width: 72px;
    padding: 0 0 0 0;
    height: 25px;
}

.scoopycashmd.modal-content {
    background-color: #28223c;
}

@media (min-width: 576px) {
    .modal-dialog.scoopycashmd {
        max-width: 300px;
        margin: 1.75rem auto;
    }
}

/* --------------------------------------------
02-03-2022
---------------------------------------------- */
button.btn.btn-primary.loved_restaurantok {
    width: 22%;
    background-color: #e91e63;
    border-color: #e91e63;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 5px;
}

button.btn.btn-primary.loved_restaurantcancel {
    width: 22%;
    background-color: #607d8b;
    border-color: #607d8b;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 5px;
    margin-left: 10px;
}

p.loved_restaurant_content {
    font-size: 16px;
    text-align: center;
    margin-bottom: 1rem;
    color: purple;
}

@media (max-width: 495px) {
    div#loved_restaurant {
        width: 100% !important;
        height: 22vh !important;
    }
}

div#loved_restaurant {
    width: 34%;
    height: 25vh;
}

/* ----------------------------------------
09-03-2022
------------------------------------------ */
button.btn.btn-primary.filterbtn {
    padding: 0 3px 2px 3px;
    background-color: #34495e;
    border-color: #34495e;
    height: 20px;
    line-height: 0;
    font-size: 10px;
}

span.temple_img img {
    height: 15px;
    display: flex;
}

input.form-control.filterinput {
    font-size: 13px;
    padding: 0 0 0 0;
    width: fit-content;
}

span.input-group-text.filterspan {
    padding: 5px 5px 5px 5px;
}

.btn-group.filterbtngrp {
    height: 21px;
    border-color: #154360;
}

button.btn.btn-primary.filtericon {
    padding: 0 2px 0 2px;
    background-color: #ffffff;
    color: black;
    border-color: #154360;
}

button.btn.btn-primary.filtertext {
    padding: 0 3px 0 3px;
    font-size: 11px;
    background-color: #154360;
    border-color: #154360;
    font-size: 10px;
}

/* ---------------------------------------------------
NEW CSS FOR RESTAURANT PAGE 14-03-2022
--------------------------------------------------------- */
/* ----------------------------------
WEB HEADER
----------------------------------- */
.topbar {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.topbarnav li {
    margin-right: 3rem;
    list-style-type: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    cursor: pointer;
}

.topbar img {
    height: 25px;
}

a.selected_locdv {
    padding-left: 0px;
    margin-left: 0px;
    color: #595a5e;
    text-decoration: unset;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

span.seldv_arrow {
    font-size: 19px;
    color: #646161;
}

/* -----------------------------------------------
   RESTAURANT PAGE DESIGN START
 ------------------------------------------------ */
p.card-text.restitems {
    font-size: 12px;
    color: grey;
    margin-bottom: 2px;
}

h5.card-title.restnm {
    font-size: 16px;
    margin-bottom: 4px;
}

.restaurant_offer {
    color: #d75c53;
    font-size: 13px;
    border-top: 1px solid #e9e9eb;
    padding-top: 14px;
}

.restaurantbox {
    border-color: white;
    padding: 25px;
}

    .restaurantbox:hover {
        border-color: #d3d5df;
        box-shadow: 0 4px 7px 0 rgb(218 220 230 / 60%);
    }

.card-body.restdetailbody {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

span.restopen_time,
span.delivery_type {
    color: #535665;
    font-size: 11px;
}

span.ratings {
    background-color: #48c479;
    color: #fff;
    height: 16px;
    width: 43px;
    padding: 2px 5px 1px 6px;
    font-weight: 400;
    font-size: 11px;
    border-radius: 2px;
    float: right;
}

.restaurantbox img {
    border-radius: 5px;
}

.slider-web img {
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0);
}

    .slider-web img:hover {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

span.total_restaurants {
    font-size: 28px;
}

ul.webnavbar li {
    list-style-type: none;
    margin-right: 1rem;
    color: #898181;
    font-size: 14px;
    cursor: pointer;
}

a.webfilter {
    text-decoration: unset;
    color: black;
    cursor: pointer;
}

    a.webfilter i {
        border: 1px solid #fc8019;
        color: #fc8019;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        text-align: center;
        display: inline;
        padding: 3px;
    }

.row.webnavbarrw {
    margin-left: 12px;
    margin-right: 5px;
    border-bottom: 1px solid #ede4e4;
    align-items: center;
    margin-top: 1rem;
}

label.restfilter {
    color: gray;
    font-size: 13px;
    margin-bottom: 5px;
}

.offcanvas-footer {
    position: sticky;
    background: #fff;
    z-index: 1;
    box-shadow: 0 2px 4px 0 #e9e9eb;
}

button.btn.btn-primary.filterapply {
    width: 100%;
    border-radius: 0;
    background-color: #2196f3;
    border: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

.restaurantbox.restclosed img {
    filter: grayscale(100%);
}

.addresssetion {
    background-color: #cc0000;
    color: white;
    bottom: 14px;
    padding: 5px 8px 4px 6px;
    border-radius: 0 9px 9px 0px;
}

.restaurantbody {
    padding: 0;
}

.addresssetion1 {
    background-color: #d35446;
    color: white;
    bottom: 2px;
    padding: 3px 5px 3px 3px;
    border-radius: 0 9px 9px 0px;
    font-size: 10px;
    z-index: 999;
    line-height: 1.2;
}

    .addresssetion1 p {
        margin-bottom: 0px;
    }

.addresssetion P {
    margin-bottom: 0;
    font-size: 13px;
}

span.offertxt {
    color: white;
    left: 8px;
    position: absolute;
    font-size: 14px;
    top: 30px;
}

.offersection img {
    height: 80px;
    max-height: 80px;
    display: unset !important;
    width: unset !important;
}

.offersection {
    top: 0;
    right: 0;
}

.addresssetion {
    background-color: #d35446;
    color: white;
    bottom: 2px;
    padding: 3px 5px 3px 3px;
    border-radius: 0 9px 9px 0px;
    font-size: 10px;
    z-index: 999;
    line-height: 1.2;
}

    .addresssetion P {
        margin-bottom: 0;
        font-size: 9px;
    }

button.btn.btn-danger.ordernow {
    background-color: #154360;
    border-color: #154360;
    font-size: 13px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
}

span.rest_closed.bg-open {
    color: white;
    background-color: #154360;
    font-size: 10px;
    border-radius: 2px;
    padding-left: 14px;
    padding-right: 9px;
    font-family: system-ui;
    /* float: right; */
    padding-bottom: 3px;
    padding-top: 3px;
    letter-spacing: 1px;
    border-radius: 7px;
}

.col-4.imgbg {
    background-size: cover;
}

span.rest_closed {
    color: white;
    background-color: #dc3545;
    font-size: 11px;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 3px;
    font-family: system-ui;
    /* float: right; */
    padding-bottom: 3px;
    padding-top: 3px;
    letter-spacing: 1px;
    border-radius: 6px;
}

.fixed-bottom.mobile_footer.restaurant-footer {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.restaurant-footer i {
    color: #504d4d;
    font-size: 25px;
}

.restaurant-footer p {
    margin-bottom: 0;
    font-size: 12px;
}

.activefooter i,
.activefooter p {
    color: #2196f3;
}

img.curation {
    border-radius: 6px;
    width: 40px !important;
}

.popularcurationdv {
    margin-top: 30px;
}

p.curationp {
    font-size: 10px;
    margin-top: 7px;
    width: 44px;
    text-align: center;
    margin-bottom: 0;
}

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

.restlisting {
    height: 98px;
    max-height: 98px;
}

.col-4.restlisting1 {
    background-image: url('https://scoopy.app/assets/image/FOOD-IMAGE-14.jpg');
    background-size: cover;
}

p.resthead.popularcuration.web {
    padding-left: 37px;
}

.filtercol.col-2 {
    width: 16% !important;
}

.recommended_restaurant {
    background-color: #f3f0f0;
    padding-top: 5px;
    border-radius: 10px;
}
/* -----------------------------------------------
   RESTAURANT PAGE DESIGN END
 ------------------------------------------------ */
/* -------------------------------
 MOBILE RESTAURANT PAGE
 --------------------------------- */
span.offermob {
    font-size: 19px;
    color: #464040;
}

p.resthead {
    font-size: 17px;
}

span.morerestaurant {
    float: right;
    color: #e2418d;
    font-size: 15px;
}

.offersection img {
    height: 48px;
    max-height: 52px;
    display: unset !important;
    width: unset !important;
}

span.offertxt {
    color: white;
    left: 12px;
    position: absolute;
    font-size: 10px;
    top: 7px;
}

.fixed-bottom.mobile_footer.restaurant-footer {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

h5.restaurant_name {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #4e4949;
    height: 32px;
}

p.card-text.restitems {
    font-size: 11px;
    color: grey;
    margin-bottom: 2px;
}

p.restaurant_timing {
    font-size: 9px;
    padding: unset;
    margin-left: 3px;
}
p.outlets_content {
    margin-left: 4px;
}


.card-body.restaurantcard_body {
    padding: 6px 3px 6px 6px;
}

ul.slick-dots {
    display: none !important;
}

span.mobileoffers {
    font-size: 17px;
}

img.mobscoopylogo {
    height: 17px;
}

div#carouselExampleControls {
    margin-top: 14%;
}

input.form-control.search.spansrc {
    border: 1px solid #f7746a;
    border-radius: 7px;
}

span.input-group-text.spansrc {
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #f7746a;
    border-radius: 0px 7px 7px 0px;
    background-color: #f7746a;
    color: white;
}

input.form-control.search.spansrc {
    border: 1px solid #f7746a;
    border-radius: 7px;
    font-size: 11px;
}

.placeholdercolor::placeholder {
    color: #34495e;
    opacity: 1; /* Firefox */
    font-weight: 600;
}

.placeholdercolor:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #34495e;
    font-weight: 600;
}

.placeholdercolor::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #34495e;
    font-weight: 600;
}

/* --------------------------------
FOR ALTERNATE DESIGN FOR WEB & APP
-------------------------------- */
@media (max-width: 900px) {
    .webnavigationbar {
        display: none !important;
    }

    .span.mobileoffers {
        display: block !important;
    }

    .mobiletopbar {
        display: block !important;
    }

    .webtopbar {
        display: none !important;
    }

    .mobile_footer {
        display: block !important;
    }

    .menupage_mobileheader {
        display: block !important;
    }
}

@media (min-width: 901px) {
    .webnavigationbar {
        display: block !important;
    }

    .span.mobileoffers {
        display: none !important;
    }

    .mobiletopbar {
        display: none !important;
    }

    .webtopbar {
        display: block !important;
    }

    .mobile_footer {
        display: none !important;
    }

    .menupage_mobileheader {
        display: none !important;
    }
}

/* ------------------------------
FOR MOBILE
---------------------------------- */
@media (max-width: 495px) {
    .slick-initialized {
        overflow: hidden !important;
    }
}
/* ------------------------------------------------
MEDIA QUERY FOR SECTION SHOW HIDE
------------------------------------------------ */
@media only screen and (max-device-width: 480px) {
    .web_restaurant {
        display: none !important;
    }

    .mob_restaurant {
        display: block !important;
    }
    .web_outlets {
        display: none !important;
    }

    .mobile_outlets {
        display: block !important;
    }

}

@media only screen and (min-device-width: 481px) {
    .web_restaurant {
        display: block !important;
    }

    .mob_restaurant {
        display: none !important;
    }
    .mobile_outlets {
        display: none !important;
    }

    .web_outlets {
        display: block !important;
    }

}
/* ------------------------------------
RESTAURANT SEARCH PAGE
------------------------------------- */
.search_result {
    margin-top: 40px;
}

p.srcresult {
    text-align: center;
    font-size: 17px;
}

.input-group.ressearch {
    border: 0;
}
span.searchedfor {
    color: #009688;
    font-size: 20px;
}

span.input-group-tex.ressearch {
    position: absolute;
    right: 21px;
    top: 8px;
}

span.close_page {
    position: absolute;
    top: -34px;
    z-index: 9999;
    color: #41464a;
    right: 13px;
    /* background-color: black; */
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: inherit;
    text-align: center;
    font-size: 35px;
    cursor: pointer;
}
/* ---------------------------------
10-03-2022
---------------------------------- */
li.active {
    color: orangered !important;
    font-weight: 600;
    font-size: 14px !important;
}

button.btn.btn-primary.cartcnt.position-relative {
    background-color: unset;
    color: black;
    border: unset;
}

span.position-absolute.start-100.translate-middle.badge.rounded-pill.bg-danger {
    top: 8px;
    font-weight: 200;
}

span.position-absolute.translate-middle.badge.rounded-pill.bg-danger.mobilecart {
    top: 0;
    right: -16px;
    font-weight: 200;
}

h1.webheading {
    text-align: center;
    font-size: 23px;
    color: #2c3e50;
    margin: 5px;
    font-weight: 600;
}

.webheadingdv img {
    width: 120px;
    margin-top: 0;
}

img.card-img-top.restlisting1 {
    height: 80px;
    max-height: 80px;
}

.col-2.footercol {
    width: 20%;
}

/* ------------------------------------
PLAYSTORE APP DOWNLOAD
----------------------------------- */
button.btn.btn-primary.continueapp {
    width: 85%;
    background-color: #6281ff;
    border-color: #6281ff;
    cursor: pointer;
}

button.continuebrowser {
    text-decoration: unset;
    font-size: 16px;
    color: #365efd;
    cursor: pointer;
    border: unset;
    background-color: white;
}

.playstoredetails p {
    font-size: 12px;
    letter-spacing: 1px;
    font-family: inherit;
    color: #585151;
}

img.playstoreadv {
    height: 80px;
}

div#playstore-offcanvas {
    width: 34%;
    height: 35vh;
}

@media (max-width: 495px) {
    div#playstore-offcanvas {
        width: 100%;
        height: 35vh;
    }
}
@media (max-width: 300px) {
    div#playstore-offcanvas {
        width: 100%;
        height: 35vh !important;
    }
}

.recommended_restaurant button.slick-next.slick-arrow {
    display: none !important;
}

/* ---------------------------------
OUTLETS DESIGN START
----------------------------------- */
.outlets {
    margin-top: 65px;
}

    .outlets h3 {
        text-align: center;
        margin-bottom: 0;
        font-size: 27px;
    }

p.outletsp {
    font-size: 14px;
    letter-spacing: 1px;
    color: #607d8b;
    text-align: center;
    margin-top: 0.9rem;
    margin-bottom: 2rem;
}

p.itemdescription {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 11px;
    color: #607d8b;
    margin-top: -2px;
    margin-bottom: 3px;
}

/* -----------------------------------------
21-08-2022
------------------------------------------ */
button.btn.btn-danger.ordernow.outlets {
    background-color: #FF7043;
    border-color: #FF7043;
    font-weight: 100;
    letter-spacing: 0.4px;
}

p.outlets_content {
    font-size: 11px;
    /* letter-spacing: 1px; */
    color: #607d8b;
    /* text-align: center; */
    margin-top: 5px;
    margin-bottom: 0;
}

/* ---------------------------
22-08-2022
-------------------------- */
span.rest_closed.outlets {
    border-color: #FF7043;
    font-weight: 100;
    color: white;
    background-color: #FF7043;
    font-size: 10px;
    padding-left: 23px;
    padding-right: 23px;
    font-family: system-ui;
    padding-bottom: 3px;
    padding-top: 3px;
    letter-spacing: 1px;
    border-radius: 7px;
    font-weight: 600;
}

p.itemdescription {
    font-size: 11px;
    color: #607d8b;
    margin-top: -2px;
    margin-bottom: 3px;
}
h5.restaurant_name.allrestlisting {
    height: unset;
}

/* -----------------------
01-04-2022
------------------------ */
span.favrest {
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 18px;
    color: #7d898f;
}

    span.favrest.loverest {
        color: #884ea0;
    }

span.webfavrest {
    float: right;
    font-size: 16px;
    color: #7d898f;
}

    span.webfavrest.webloverest {
        color: #884ea0;
    }

p.favrest_content {
    text-align: end;
    color: purple;
    font-size: 17px;
    margin-bottom: 0;
}

/* ----------------------------
04-04-2022 no fav
------------------------------ */
.no_fav p {
    color: #3c5460;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 1rem;
}

.no_fav img {
    height: 100px;
}

/* -----------------------------------------
08-04-2022
-------------------------------------------- */
.neworderbox img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
}

.neworderbox .card-body {
    padding: 0px 0 6px 0;
}

p.neworderbox_txt1 {
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}

p.neworderbox_txt2 {
    font-family: 'Kanit', sans-serif;
    font-size: 11px;
    color: #5a5353;
}
span.pointsearnedspn2 {
    color: black;
    margin-left: 4px;
    margin-right: 5px;
}
span.neworderbox_ordsts {
    font-family: 'Kanit', sans-serif;
    font-size: 12px;
    color: #5a5353;
    text-align: end;
    background-color: #e5dfdf;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
}

.neworderbox_ordtrack {
    font-family: 'Kanit', sans-serif;
    font-size: 12px;
    color: #f44336;
    text-align: end;
    margin-top: 2px;
    cursor: pointer;
}
span.neworderbox_ordtrack.vwdet {
    float:right;
}
span.neworderbox_ordtrack {
    font-family: 'Kanit', sans-serif;
    font-size: 12px;
    color: #f44336 !important;
    text-align: end;
    margin-top: 2px;
    cursor: pointer;
    float: right;
    margin-right: 3px;
}

.neworderbox .section1 {
    background-color: #fbfbfb;
    padding-top: 10px;
}

p.neworderbox_ordprc.text-end {
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    color: #2e4053;
    text-align: end;
    margin-bottom: 0px;
    /* cursor: pointer; */
    display: flex;
    align-items: center;
    justify-content: end;
}

.neworderbox .section2 {
    border-bottom: 1px solid #fbfbfb;
    padding-top: 8px;
    padding-bottom: 8px;
}

p.pointsearned1 {
    font-family: 'Kanit', sans-serif;
    font-size: 12px;
    color: #5a5353;
}

    p.pointsearned1 span {
        color: black;
    }

span.pointsearnedspn1 {
    color: #e18703 !important;
}

.neworderbox .section3 {
    background-color: #fdf4f4;
    height: 20px;
}
p.neworderbox_txt {
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}
.row.orsbox1.new.mt-1.m-0 {
    background-color: unset;
    padding-top: 6px;
    padding-bottom: 4px;
    align-items: center;
}

i.bx.bx-star.new {
    font-size: 15px;
    color: #878080;
    letter-spacing: 2px;
}

h5.card-title.rvw.new {
    font-size: 12px;
    margin-bottom: 0;
    color: #0d6efd;
    font-family: 'Kanit';
    margin-top: 5px;
    margin-left: 3px;
}

button.btn.btn-primary.reorder {
    font-size: 11px;
    padding: 0 8px 2px 8px;
    background-color: #b9770e;
    border-color: #b9770e;
    border-radius: 2px;
}

.neworderbox {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

/* ----------------------------
27-04-2022
----------------------------- */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 4px 9px;
    z-index: 1;
    margin-left: 62px;
}

a.common_links.pp {
    border-bottom: 1px solid #a3c5d5;
    font-size: 12px;
    /* margin-top: 1px; */
    /* margin-bottom: 1px; */
    padding: 3px 0px 13px 0px;
    line-height: 2;
    color: #102076;
}

.dropdown:hover .dropdown-content {
    display: block;
}

a.common_links.pp img {
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
}

@media (max-width: 370px) {
    span.neworderbox_ordsts {
        font-size: 10px !important;
        padding-bottom: 2px !important;
    }
}
@media (min-width: 1400px) {
    .col-md-4.col-12.dvorderlist.mb-2 {
        width: 25%;
    }
}
.disbaled {
    pointer-events: none;
    opacity: .65;
}

/* ------------------------------
29-04-2022
-------------------------------- */
span.preorderbtn img {
    height: 40px;
    width: 40px !important;
}

span.preorderbtn {
    position: absolute;
    right: 5px;
    top: 38px;
}

.btn-group.preorderweb {
    width: 100%;
}

button.btn.btn-primary.preorder_web {
    background-color: #ff9900;
    border-color: #ff9900;
    font-size: 13px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0 9px 9px 0px;
}

.disabled {
    pointer-events: none;
    opacity: 0.65;
}

p.preorder_slot_day.disabled {
    color: black;
}

.month {
    background-color: #485ed5bf;
}
/* -----------------------
PREORDER START
-------------------- */
a.btn.btn-danger.preorder {
    padding: 2px 0px 2px 6px;
    font-size: 12px;
    border-radius: 10px;
    background-color: white;
    border-color: unset;
    color: #ff5722;
    border: unset;
}

.month {
    width: 100%;
    text-align: center;
}

    .month ul {
        margin: 0;
        padding: 0;
    }

        .month ul li {
            color: white;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 3px;
        }

li {
    list-style-type: none;
}

span.preorder_slots {
    font-size: 10px;
}

p.preorder_slot_day {
    margin-bottom: 0px;
    font-size: 13px !important;
}

span.preorder_slots.active_date_slot {
    color: #1e7e34;
    font-weight: 400;
}

p.preorder_slot_day.active_day_slot {
    color: black;
    font-weight: 500;
}

p.preorder_slot_day,
span.preorder_slots {
    /* color: #525256 !important; */
    font-size: 11px;
}

.col-sm-3.morning_slot {
    width: 33%;
    padding-top: 5px;
    cursor: pointer;
}

span.num_f_slot {
    color: #848492;
    font-size: 12px;
}

.morning_slot_heading h6 {
    font-size: 15px;
    margin-top: 10px;
}

.col-sm-3.evening_slot {
    width: 33%;
    padding-top: 5px;
    cursor: pointer;
}

.col.active_full_slot {
    border-bottom: 3px solid #e74c3c;
}

.row.slot_header {
    background: #fff;
    box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.1);
    margin-left: 0px;
    margin-right: 0px;
}

.schedule_order p {
    color: #009688;
    font-size: 17px;
    margin-bottom: 1.5rem;
}

span.form-control.selected {
    background-color: #36af97;
    color: white;
}

span.form-control {
    text-align: center;
    font-size: 12px;
    border: 1px solid #a7b2ef;
    color: #212f3c;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-color: #36af97;
    padding-bottom: 2px;
}

.preorder_con_btn a.btn.btn-danger {
    background-color: #dd0055;
    border-color: #dd0055;
    padding: 0 3px 2px 3px;
}

.col.preorder_con_btn {
    text-align: center;
}

.slot_place_holder::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: black;
}

.slot_place_holder::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
}

.slot_place_holder:-ms-input-placeholder {
    /* IE 10+ */
    color: black;
}

.slot_place_holder:-moz-placeholder {
    /* Firefox 18- */
    color: black;
}

p.preorderdetails {
    margin-bottom: 0;
    font-size: 12px;
    margin-bottom: 5px;
}

input.form-control.preorderdet {
    font-size: 12px;
    padding: 3px 3px 3px 6px;
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-bottom:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: black;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-bottom:hover,
    .hvr-bounce-to-bottom:focus,
    .hvr-bounce-to-bottom:active {
        color: white !important;
    }

        .hvr-bounce-to-bottom:hover:before,
        .hvr-bounce-to-bottom:focus:before,
        .hvr-bounce-to-bottom:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

a.btn.btn-danger.continuepreorder {
    border: 1.8px solid #e74c3c;
    font-size: 12px;
    padding: 1px 6px 1px 6px;
    color: white;
    background-color: #e74c3c;
    font-family: 'Livvic';
    box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
}

.btn-check:focus + .btn-danger,
.btn-danger:focus {
    box-shadow: unset;
}

.leftarrow,
.rightarrow {
    font-size: 20px;
}

@media only screen and (min-width: 767px) {
    a.btn.btn-danger.preorder_con {
        background-color: #c82208;
        border-color: #c82208;
    }

    .col.active_full_slot {
        border-bottom: 5px solid #c82208;
    }
}
.h-0{
    height:unset!important;
}
/* --------------------
PREORDER END
-------------------- */

/* 02-05-2022 */
button.btn.btn-primary.preorder_web.preordenow {
    background-color: #ff9900;
    border-color: #ff9900;
    font-size: 10px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border-radius: 7px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 5px;
    line-height: 1;
}

button.btn.btn-danger.ordernow.preordernow1 {
    background-color: #154360;
    border-color: #154360;
    font-size: 10px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border-radius: 7px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1;
}

button.btn.btn-primary.preorder_web.regularrestbtn1 {
    background-color: #ff9900;
    border-color: #ff9900;
    font-size: 10px;
    width: 50%;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    border-radius: 7px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 5px
}

button.btn.btn-danger.ordernow.regularrestbtn2 {
    background-color: #154360;
    border-color: #154360;
    font-size: 10px;
    width: 50%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    letter-spacing: 1px;
    border-radius: 7px;
    line-height: 1;
}

input.form-control.disabled {
    background-color: #e9ecef;
    opacity: 1;
}

.schedule_order p {
    margin-bottom: 0;
    color: white;
    font-size: 13px;
  
    font-family: sans-serif;
    letter-spacing: 1px;
}

span.input-group-text.preorderdet {
    font-size: 12px;
}

button.btn.btn-danger.ordernow.prebtn {
    background-color: #e78b00;
    border-color: #eb8d00;
}

span.rest_closed.bg-open.prebtn {
    background-color: #ff9900;
    border-color: #ff9900;
}
/* -----------------------
10-05-2022
---------------------- */
span.itemfree {
    color: #f44336;
    font-size: 13px;
    letter-spacing: 0.4px;
}

.freeitem {
    text-decoration: line-through;
    text-decoration-color: #445c68;
}

/* ----------------------------------------
30-05-2022
----------------------------------------- */
h6.preordercnt {
    font-size: 13px;
}

section.preordrsec {
    border: 1px solid #6059597d;
    padding: 10px;
    border-radius: 10px;
}

.minimumordersection1 {
    color: #d84315;
    background-color: #ffab9180;
    border-color: #ffab9180;
    padding: 5px 0 5px 0 !important;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

    .minimumordersection1 span {
        margin-left: 10px;
    }

span.preorderedit {
    float: right;
    color: black;
}
button.restclosed {
    background-color: #d93444 !important;
    border-color: #d93444 !important;
}

/* --------------------------
REVIEW PAGE
-------------------------- */
/* new 21-04-2022 */
@media (max-width: 576px) {
    h6.rating_heading {
        font-size: 15px !important;
    }
}

img.ratingimg {
    width: 30px;
    height: 30px;
}

i.bx.bxs-star.rating.active {
    color: #39dbab;
    font-size: 17px;
}

i.bx.bxs-star.rating {
    color: #878080;
    font-size: 17px;
}

p.ratingtime {
    margin-bottom: 0;
    font-size: 11px;
    color: grey;
}

h6.reviewname {
    color: #273a58;
    font-size: 15px;
    margin-bottom: 0px;
}

i.bx.bxs-star.good {
    color: #3ee6b4;
    cursor: pointer;
}

i.bx.bxs-star.new.active {
    color: #39dbab;
}

i.bx.bxs-star {
    color: #878080;
    margin-right: 1px;
    cursor: pointer;
}

img.revlogoimg {
    height: 80px;
    width: 80px;
    max-height: 80px;
    max-width: 80px;
}

i.bx.bx-star.new.active {
    color: #39dbab;
}

/* ----------- */
/* -----------22-04-2022---------------- */
i.bx.bxs-star.rating.orderreview {
    font-size: 23px;
}

p.order_ritemnm {
    font-size: 16px;
    margin-bottom: 7px;
}

span.order_ratings.active {
    color: white;
    font-size: 11px;
    margin-left: 0.2rem;
    background-color: #9572f9;
    padding: 0 1px 0 4px;
    border-radius: 3px;
    border: 1px solid #9572f9;
}

    span.order_ratings.active i {
        color: white !important;
    }

span.order_ratings {
    color: #544e4e;
    font-size: 11px;
    margin-left: 0.2rem;
    background-color: #efefef;
    padding: 0 1px 0 4px;
    border-radius: 3px;
    border: 1px solid #544e4e;
}

    span.order_ratings i {
        color: #544e4e !important;
    }

p.order_txt {
    margin-bottom: 5px;
    font-size: 14px;
}

span.numbering {
    background-color: #f44336;
    color: white;
    padding: 1px 5px 1px 5px;
    font-size: 12px;
}

h6.or_ono {
    font-size: 13px;
    margin-bottom: 0;
    color: #283a58;
}

.row.orderdet_or {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    margin: 0;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 4px;
}

.delivery_ratrev p {
    font-size: 12px;
    color: #607d8b;
    margin-bottom: 0;
}

span.revtxt {
    margin-left: 10px;
}
/* ----------- */
i.bi.bi-star.good {
    color: #48c479;
    font-size: 13px;
}

i.bi.bi-star {
    font-size: 13px;
}

span.totalratings {
    color: white;
    font-size: 11px;
    margin-left: 0.2rem;
    background-color: #9572f9;
    padding: 0 7px 0 7px;
    border-radius: 3px;
}

p.review_text {
    color: black;
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 5px;
}

h6.card-title.review {
    font-size: 14px;
    color: #0a3a2c;
    margin-bottom: 10px;
}

input.form-control.review {
    height: 70px;
}

h6.closeratings {
    color: #cc4b0d;
    margin-bottom: 0rem;
    font-size: 11px;
    border: 1px solid;
    padding: 3px 8px 3px 8px;
    border-radius: 5px;
    background-color: #cc4b0d;
    color: white;
}

button.btn.btn-primary.ratingssubmit {
    margin-top: 1rem;
    padding: 0 1rem 0 1rem;
    font-family: monospace;
    background-color: #273a72;
    border-color: #273a72;
}

p.viewallreviews {
    margin-bottom: 1rem;
    text-align: center;
    color: #dc3545;
    margin-top: 1rem;
}

i.bi.bi-star.rating {
    color: grey;
    font-size: 21px;
    margin-right: 2px;
}

    i.bi.bi-star.rating.active {
        color: #48c479;
    }

h6.rating_heading {
    margin-bottom: 0rem;
    color: #283a58;
    font-size: 19px;
}

/* ----------------------------
22-04-2022 SCOOPY RATINGS
----------------------------- */
.offcanvas-header.scoopratingheader {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

span.order_ratings.scoopyrating {
    font-size: 13px;
    margin-right: 6px;
    letter-spacing: 1px;
    text-align: center;
}

a.scoopyreview_cont {
    text-decoration: unset;
    font-size: 14px;
    letter-spacing: 1px;
    color: orangered;
}

span.totalscoppyreview {
    background-color: #9572f9;
    color: white;
    padding: 17px 17px 17px 17px;
    border-radius: 50%;
    display: inline-block;
}

svg text {
    font-family: Lora;
    letter-spacing: 10px;
    stroke: #f97ec5;
    font-size: 97px;
    font-weight: 700;
    stroke-width: 3;
    animation: textAnimate 5s infinite alternate;
}

@keyframes textAnimate {
    0% {
        stroke-dasharray: 0 50%;
        stroke-dashoffset: 20%;
        fill: hsl(189, 68%, 75%);
    }

    100% {
        stroke-dasharray: 50% 0;
        stroke-dashoffstet: -20%;
        fill: hsla(189, 68%, 75%, 0%);
    }
}
/* --------------------------------
26-04-2022 FOR SCOOPY FEEDBACK
---------------------------------- */
.up-arrow {
    position: fixed;
    bottom: 80px;
    right: 9px;
    z-index: 999;
}

p.sharefeedback {
    position: absolute;
    top: 15px;
    font-size: 13px;
    margin-bottom: 0;
    color: #fff7f7;
    left: 3px;
}

img.no_reviewimg {
    width: 300px;
}

button.btn.btn-success.restaurant_ratings {
    font-size: 11px;
    background-color: #1e954c;
    color: #fff;
    border: unset;
    height: 16px;
    width: 45px;
    padding: 0 5px;
    font-weight: 400;
    border-radius: 3px;
}

/* -----------------------
08-06-2022
------------------------- */
button.btn.btn-success.restaurant_ratings {
    font-size: 11px;
    background-color: #1e954c;
    color: #fff;
    border: unset;
    height: 16px;
    width: 45px;
    padding: 0 5px;
    font-weight: 400;
    border-radius: 3px;
}

p.invalidotp {
    font-size: 13px;
    color: #484444;
}

button.btn.btn-primary.invalidotpok {
    font-size: 14px;
    padding: 0px 10px 0px 10px;
}

/* ------------------------
09-06-2022 new
---------------------- */
@media (min-width: 576px) {
    .modal-dialog.feedbck {
        max-width: 230px;
        margin: 1.75rem auto;
    }
}

button.btn.btn-secondary.feedbackok {
    background-color: white;
    border-color: #3f51b5;
    color: #3f51b5;
    padding: 0 4px 0 4px;
    font-size: 11px;
    font-weight: 600;
}

p.feedback_msg {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
    color: #5e5757;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 4px 13px 6px 12px;
    color: black;
    background-color: rgb(206 185 243);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    font-weight: 400;
}

label.errorvrf {
    color: red;
    font-size: 14px;
    margin-top: 7px;
}

.toast {
    width: 300px;
}

/* --------------------------------
15-06-2022 IOS
--------------------------------- */
@media only screen and (min-width: 740px) and (max-width: 1000px) {
    span.restopen_time,
    span.delivery_type {
        font-size: 9px !important;
    }

    img.mr-3.rounded-pill.menu_img {
        height: 30px;
        width: 30px;
        max-height: 30px;
        max-width: 30px;
    }

    .col-md-4.text-center.sotybydv {
        flex: 0 0 auto;
        width: 45.333333%;
    }

    .mobile_footer {
        display: none !important;
    }

    .col-md-4.filterbycol4 {
        flex: 0 0 auto;
        width: 48.333333%;
    }

    .vegnonvegi p {
        font-size: 12px !important;
    }

    p.itemsincart {
        font-size: 11px;
    }

    .small {
        font-size: 11px;
    }

    .chk_restsec h6 {
        font-size: 13px;
    }

    p.cartmsgtxt {
        font-size: 8px;
    }

    .alert.alert-info.pointalert {
        padding-top: 0px;
        padding-bottom: 3px;
        font-size: 9px;
    }

    p.footertopaytaxt1 {
        font-size: 14px;
    }

    span.footertopaytaxt2 {
        font-size: 14px;
    }

    span.cashedit {
        position: absolute;
        right: -16px;
        font-size: 14px;
        top: -4px;
    }

    a.alert-link {
        font-size: 10px;
        text-decoration: unset;
        color: #03a685 !important;
        letter-spacing: 0px;
        font-weight: 500;
    }

    .alert.alert-success.cartmsg {
        font-size: 10px;
    }

    span.cpnprc {
        font-size: 11px;
        color: #13ab8d;
        margin-left: 0;
    }

    .classipadcol-md-4,
    .classipadcol-md-8 {
        flex: 0 0 auto;
        width: 49.333333%;
    }

    .card.ipadaddresscard {
        width: 19rem;
        margin-bottom: 10px;
    }

    .neworderbox img {
        width: 25px;
        height: 25px;
    }

    .row.ordersbox > .col-md-4 {
        flex: 0 0 auto !important;
        width: 49.333333% !important;
    }

    ul.webnavbar li {
        font-size: 12px;
    }

    p.neworderbox_txt1 {
        font-size: 13px;
    }

    p.neworderbox_txt2 {
        font-size: 10px;
    }
    .codeimg img {
        width: 197px !important;
    }
    .card-body.walletbody {
        padding: 0 0 0 0;
    }
}
.charcnt {
    font-size: 10px;
    text-align: end;
}