@charset "utf-8";
html, body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}
.pswp img {
    max-width: none;
    object-fit: contain;
}

img{
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.object-fit-cover{
    width: 100%!important;
    min-height: 100%!important;
    object-fit: cover!important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.neon_certified{
    top:1.3rem;
    right:2rem;
    font-size: 10rem;
    opacity: .8
}
hr{
    opacity: .1;
}
.lh-sm{
    line-height: 1.1!important;
}
.half-rule {
    width: 40px;
    margin: 20px auto 40px;
    border: 0;
    border-top: 2px solid #323232;
}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
}
.container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.fs-40{
    font-size: 4rem!important;
}
.fs-30{
    font-size: 3rem!important;
}
.p-container{
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}
.pt-top{
    padding-top: 11rem;
}
.rounded-8{
    border-radius: 1.8rem;
}
.rounded-10{
    border-radius: 3rem;
}
.bg_color{
    background-color: #f9f9f8!important;
}
.top_padding,
.neon_home_detail,
.neon_home{
    padding-top: 79px;
}
a{
    text-decoration: none;
    color: #222;
    cursor: pointer;
    display: block;
}
.form-check-input:checked,
.bg_primary{
    background-color: #e74b50!important;
}
.border{
    border-color: #e8e8e8!important;
}
.form-check-input:checked,
.border_primary{
    border-color: #e74b50!important;
}
.border_disabled{
    border-color: #cbcbcb !important;
}
.font_Roboto_bold{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.tag_best{
    background-color: #4eb6dd; 
}
.tag_new{
    background-color: #60b36e; 
}
.tag_promotion{
    background-color: #e75f64; 
}
.tag_must_try{
    background-color: #e39d3a; 
}
.tag_recommand{
    background-color: #a878c8; 
}
.text-small{
    font-size: 0.5rem;
}
.page-link,
.nav-link,
button{
    color: #000;
}
.main .navbar{
    padding: 3rem 0;
}
.navbar-brand{
    font-size: 4rem;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link,
a:active,
a:hover,
.text_primary{
    color: #e74b50!important;
}
.text_disabled{
    color: #cbcbcb !important;
}
.bg_gray{
    background-color: #eee;
}
.active_primary .active:hover,
.btn_primary:hover,
.orange_active .active,
.orange_active a:hover,
.text_orange{
    color: #ffa23f!important;
}
.border_orange{
    border:2px solid #ffa23f!important;
}
.bg_orange{
    background-color: #ffa23f!important;
}
.btn_orange{
    background-color: #ffa23f !important;
    color: #fff !important;
}
.ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis3 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-flush .accordion-item .accordion-button,
.form-select,
.round_primary,
.form-control,
.rounded-5{
    border-radius: .6rem !important;
}*/
.btn_success {
    background-color: #5cb85c!important;
    color: #fff !important;
}
.bg-success {
    background-color: #5cb85c!important;
}
.text-success{
    color:#5cb85c!important;
}
.border-success{
    border-color: #5cb85c!important;
}
.bg-primary {
    background-color: #4873b8 !important;
}
.dropdown-item:active,
.btn_primary{
    background-color: #e74b50 !important;
    color: #fff !important;
}
.store_info div{
    border-right: 1px solid #dee2e6!important;
}
.store_info div:last-child{
    border-right: 0px solid #dee2e6!important;
}
.btn,
.form-select,
.form-control-lg{
    font-size:1rem;
    padding:.8rem 1rem;
}
.fs-7{
    font-size: .9rem!important;
}
.fs-8{
    font-size: .8rem!important;
}
.flex-center-center{
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.flex-between-center{
    display: flex!important;
    justify-content: between!important;
    align-items: center!important;
}
.page-item.active .page-link,
.btn-outline-primary:hover,
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active,
.active_primary .active,
form .active{
    background-color: #e74b50!important;
    color: #fff!important;
    border-color: #e74b50!important;
}
.neon_food_detail .swiper-slide-thumb-active img,
.border_active .active{
    border:3px solid #e74b50!important;
}
.swiper-slide-thumb-active .opacity-50:hover,
.swiper-slide-thumb-active .opacity-50{
    opacity: 0!important;
}
.accordion-item,
.accordion-body{
    border-width: 0px!important;
}
.accordion-button{
    background-color: #f1f1f1;
    margin-bottom: .5rem;
}
.accordion-body{
    padding: 1rem 0!important;
}
.btn-outline-primary{
    color: #333!important;
    border-color: #ced4da!important;
}
.title_btn:not(.collapsed) {
    color:#e74b50!important;
    border-color:#e74b50!important;
    background-color: #fff;
}
.order_list .border-bottom:last-child{
    border-bottom-width: 0px!important;
}

.neon_outer{
    background-color: #fff;
    border-radius: 3rem;
    border:1rem solid #eee;
    margin: 2% 0;
}
.dropdown-toggle::after{
    display: none;
}
.main_top{
    padding-top: 15rem;
}
.vs_mark{
    z-index: 9;
    font-size: 4.2rem;
    padding: 2rem 2.5rem;
}
.certified{
    font-size: 11rem;
    opacity: 0.4
}
footer .nav-link{
    padding-left: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.text-gradient{color: transparent;background-image: linear-gradient(to right,  #66D08A, #436AF4);-webkit-background-clip: text; background-clip: text;}
.text-gradient-red{background-image: linear-gradient(to right, #E64C51 30%, #ffa23f);}
.login_box{max-width: 450px;}
@media screen and (max-width:576px) {
    .collapse_search{
        position: relative !important;
        transform: translate(0,0)!important;
        top:0!important;
        left: 0!important;
        padding-bottom: 1rem;
    }
    .navbar .nav-item{
        padding-bottom: .5rem;
    }
}
@media screen and (max-width:992px) {
    html,body{
        font-size: 14px;
    }
    .neon_home_detail,
    .neon_home{
        padding-top: 58px;
    }
    .queue {
        align-items: flex-start !important;
    }
    .neon_box{
        width: 100%;
        padding: 1.5rem;
    }
    .navbar-nav .nav-link{
        border-bottom: 1px solid #eee;
    }
    .navbar-nav .nav-item .dropdown-menu{
        margin:0.5rem 0 0;
    }
    .navbar{
        padding: 1rem 0 !important;
        background-color: #fff !important;
    }
    .navbar .navbar-brand{
        font-size: 3rem !important;
    }
    .navbar .navbar-collapse
    {
        padding-top: .5rem;
    }

    .fs-40,
    h1{
        font-size: 2.5rem !important;
    }
    .fs-30,
    h2{
        font-size: 2.2rem !important;
    }
    h4{
        font-size: 1.2rem !important;
    }
    .rounded-10,
    .rounded-8{
        border-radius: 1rem;
    }
    .main_top{
        padding-top: 9rem;
    }
    .pt-top{
        padding-top: 7rem;
    }
    .p-6{
        padding: 2.5rem;
    }
    .p-container{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .map{text-align: center;}
    .vs_mark{
        font-size: 2rem;
    }
    .best_choice .card-body{
        padding: 1.5rem !important;
    }
    .certified{
        font-size: 6rem;
    }
    .gourmet_tale,
    .main_bg{
        background-image: none !important;
    }
    .neon_certified{
        top:0.5rem;
        right:1rem;
        font-size: 6rem;
    }
    .download img{width: 50% !important;}
    .m_border_0{
        border-width: 0px !important;
    }
}
@media screen and (min-width:922px) {
    .p-6{
        padding: 2.5rem;
    }
    .max_768{max-width:768px;}
    .neon_box{
        background-color: #fff;
        border-radius: 3rem;
        border:1rem solid #eee;
        margin: 2% auto;
        padding: 1.5rem;
        width: 600px;
    }
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media (min-width: 1200px){
    .p-6{
        padding: 4rem;
    }
}
@media (min-width: 1400px){
    .p-6{
        padding: 6rem;
    }
}