*{
    /* outline: 1px solid rgba(0, 255, 255, 0.198); */
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: 'Montserrat', sans-serif;
}

body{
    zoom: 0.85 !important;
}

p{
    /* text-align: justify !important; */
}

.h1, .h2, .h3{
    /* margin: 0 !important; */
    /* font-family: 'Lobster', cursive !important; */
}

h1, h2, h3{
    /* margin: 0 !important; */
    /* font-family: 'Lobster', cursive !important; */
    font-weight: 400 !important;
}

.hr-bold{
    color: black;
    height: 2px;
}

.color-main{
    color: #D1482A !important;
}

.color-main-montserrat{
    color: #D1482A !important;
    font-family: 'Montserrat', sans-serif !important;
}

.text-white-lobster{
    color: white !important;
    font-family: 'Lobster', cursive !important;
}

.text-white-monsterrat{
    color: white !important;
    font-family: 'Montserrat', sans-serif !important;
}

.logo-img {
    max-height: 80px !important ;
    margin-left: 14px !important;
}

/* CUSTOM MARGIN */

.mx-20{
    margin: 0 20px;
}

.mx-50{
    margin: 0 50px;
}

.my-10{
    margin: 10px 0;
}

.my-20{
    margin: 20px 0;
}

.my-40{
    margin: 40px 0;
}

.my-50{
    margin: 50px 0;
}

.mt-10{
    margin-top: 10px !important;
}

.mt-20{
    margin-top: 20px !important;
}

.mt-30{
    margin-top: 30px !important;
}

.mt-50{
    margin-top: 50px !important;
}

.mt-80{
    margin-top: 80px !important;
}

.mb-10{
    margin-bottom: 10px !important;
}

.mb-20{
    margin-bottom: 20px !important;
}

.mb-30{
    margin-bottom: 30px !important;
}

.mb-40{
    margin-bottom: 40px !important;
}

.mb-50{
    margin-bottom: 50px !important;
}

.ml-20{
    margin-left: 20px !important;
}

.mr-10{
    margin-right: 10px !important;
}

.mr-20{
    margin-right: 20px !important;
}
/* CUSTOM MARGIN */

/* CUSTOM PADDING */
.p-0{
    padding: 0 !important;
}

.p-20{
    padding: 20px !important;
}
.sec-padding{
    padding: 120px 0 0 0 !important;
}

.sec-padding-bottom{
    padding: 120px 0 !important;
}

.sec-padding-article{
    padding: 60px 0 0 0 !important;
}

.sec-padding-favourites{
    padding: 120px 0 60px 0 !important;
}

.px-10{
    padding: 0 10px !important;
}

.px-15{
    padding: 0 15px;
}

.px-20{
    padding: 0 20px;
}

.py-10{
    padding: 10px 0;
}

.py-20{
    padding: 20px 0;
}

.py-50{
    padding: 50px 0;
}

.pt-50{
    padding-top: 50px;
}

.pb-10{
    padding-bottom: 10px;
}

.pb-20{
    padding-bottom: 20px;
}

.pb-50{
    padding-bottom: 50px;
}

.pr-10{
    padding-right: 10px;
}
/* CUSTOM PADDING */

/* Global */
.bg4{
    box-shadow: inset 0 0 0 50vw rgb(0 0 0 / 43%);
}

hr.separator-horizontal-line{
    height: 1px;
    background: white;
    width: 55%;
}

a:hover{
    color: #D1482A !important;
}

.main-banner {
    background-image: url(https://via.placeholder.com/1920x1080);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 240px 0 200px 0 !important;
    text-align: left !important;
    box-shadow: inset 0 0 0 50vw rgb(0 0 0 / 10%);
}

.section-title{
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
}

.section-title-text{
    color: #D1482A !important;
    font-size: 46px !important;
    font-family: 'Lobster', cursive !important;
    font-weight: 700;
    margin-bottom: 12px !important;
}

.section-title-text-normal{
    color: #D1482A !important;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 12px !important;
    font-family: 'Montserrat', sans-serif;
}

.section-subtitle-text{
    color: white;
    font-size: 20px !important;
    text-align: center !important;
    max-width: 100% !important;
    font-family: 'Montserrat', sans-serif;
}

.content-title{
    color: white;
    font-size: 24px !important;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.content-desc{
    color: white;
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif;
}

.card-content-title{
    color: white;
    font-size: 20px !important;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    /* height: 40px; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-content-desc{
    margin: 12px 0;
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
    color: white;
    font-size: 14px !important;
    padding: 0 4px;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    font-family: 'Montserrat', sans-serif;
    /* height: 80px; */
    display: flex;
    justify-content: center;
    align-items: start;
}

.card-content-title-article{
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px !important;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    /* height: 60px; */
    text-overflow: ellipsis;
}

.card-content-desc-article{
    color: white;
    font-size: 14px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    justify-content: center;
    align-items: start;
}

/* .home-favorite-text{
    display: flex;
    height: 60px;
    font-size: 16px;
    justify-content: center;
    align-items: start;
} */

.navbar-text{
    /* font-family: 'Lobster', cursive !important; */
    font-size: 20px;
}

/* Error Page */

.sec-404{
    padding: 150px 0;
}


.error-page > h2 {
    font-size: 150px;
    margin-top: -37px;
    margin-bottom: -12px;
    font-family: 'Montserrat', sans-serif !important;
}

.error-page > h3 {
    font-size: 32px;
    margin-bottom: 22px;
    font-weight: 700;
    color: #2F3237;
    font-family: 'Montserrat', sans-serif !important;
}

.error-img{
    border-radius: 20px;
}
/* Error Page */

.sec-block {
    padding: 120px 0 !important;
}

/* Home page */
.slider-title{
    color: #D1482A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
}
.order-section{
    background-image: url(https://via.placeholder.com/1024x300);
    box-shadow: inset 0 0 0 50vw rgb(0 0 0 / 52%);
    padding: 85px 60px;
    border-radius: 10px;
    position: relative;
    background-size: cover;
}

.favorite-card{
    color: white;
    background: rgba(164, 164, 164, 0.26);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5.1px);

    border-radius: 20px !important;
    padding: 16px;
}

/* .article .pd-item:hover{
    margin: -8px;
} */

.article-card:hover{
    padding: 10px;
}

.articles-section{

}

.product-section{
    padding: 120px 0;
}

/* Product Page */
.product-page-section{
    padding: 150px 0 75px 0;
}

.pager-head{
    margin-top: 20px;
}

.popular-dishes .filters-nav {
    margin-bottom: 40px !important;
}

.popular-dishes .filters-nav li a {
    height: 100% !important;
    line-height: 0 !important;
    padding: 25px 30px !important;

    border: solid 1px #D1482A !important;
    border-radius: 2.5rem !important;
    /* padding: 12px 38px !important; */
    background: rgba( 0, 0, 0, 0.3 ) !important;
    backdrop-filter: blur( 8px ) !important;
    /* background-color: black !important; */
    color: white !important;
    transition: 0.5s;
}

.popular-dishes .filters-nav li a.selected, .popular-dishes .filters-nav li a:hover{
    border-color: #D1482A !important;
    background-color: #D1482A !important;
    color: white !important;
}

/* .product-card-title{
    font-size: 20px !important;
    font-weight: bold;
    padding: 20px 20px 0 20px;
}

.product-card-desc{
    font-size: 16px;
    padding: 20px 20px 0 20px;
} */

.product-card-dropdown{
    /* padding: 20px 20px 0 20px; */
}

.product-card-hyperlink{
    /* padding: 0 12px 12px 12px; */
}

.multiselect-wrapper {
    /* font-size: 14px; */
}

/* Articles Page */
.blog-posts .blog .blog-thumbnail > img {
    border-radius: 10px !important;
}

.articles-page-section{
    padding:150px 0 75px 0;
}

.main-banner-title{
    font-size: 60px;
    color: #D1482A;
    padding: 20px;
    font-weight: 600;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-family: 'Lobster', cursive !important;
}

/* Article Detail Page */
.article-detail-section{
    padding: 150px 0 75px 0;
}

.article-detail-p{
    text-align: justify;
}

.article-detail-tags{
    justify-content: end;
}

.article-detail-title{
    font-size: 36px;
    color: #D1482A;
    margin-bottom: 30px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
}


.blog-posts > h3 {
    font-size: 36px !important;
    text-align: left;
    margin-bottom: 30px !important;
}

.blog-posts .post-controler {
    margin: 40px 0 !important;
}


.product-banner{
    border-radius: 20px;
    background-color: lightgrey;
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.order-banner2{
    border-radius: 20px;
    background-color: lightgrey;
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.blog-posts .blog .blog-info {
    padding: 12px !important;
}

.offer-posts{
    padding-top: 0;
}


.rounded-tag{
    background: lightgrey;
    color: black;
    padding: 14px;
    font-size: 16px;
    margin: 15px;
    border-radius: 50px;
    text-align: center;
}

.rounded-tag2{
    background: lightgrey;
    color: black;
    padding: 14px 16px;
    border-radius: 50px;
    margin: 0 5px;
    text-align: center;
    font-weight: normal !important;
}

.article-detail-thumbnail-text{
    display: flex;
    text-align: center;
    align-items: center;
    font-weight: bold;
    color: white;
}

/* BORDER */
.rounded-20{
    border-radius: 20px;
}
/* BORDER */

/* COMPONENTS */

/* buttons */
.rounded-btn{
    border: solid 1px #D1482A !important;
    border-radius: 2.5rem !important;
    padding: 12px 20px !important;
    background-color: #D1482A !important;
    color: white !important;
    transition: 0.5s;
}

.rounded-btn-outline{
    border: solid 1px #D1482A !important;
    border-radius: 1.5rem !important;
    padding: 16px !important;
    background-color: #D1482A !important;
    color: white !important;
    transition: 0.5s;
}

.rounded-btn-outline:hover{
    border: solid 1px #D1482A !important;
    border-radius: 1.5rem !important;
    padding: 16px !important;
    background-color: transparent !important;
    color: #D1482A !important;
    transition: 0.5s;
}

.rounded-btn:hover{
    border: solid 1px #D1482A !important;
    background-color: white !important;
    color:  #D1482A !important;
}
/* buttons */

/* forms */
.forms{
    width: 100%;
    color: #5D6978;
    border: 1px solid #D6DDEF;
    padding: 1rem;
    font-size: 14px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 10px;
}

.forms-checkbox{
    width: 20px;
    height: 20px;
    padding: 20px 40px;
    font-size: 14px;
}

.forms-dropdown{
    width: 100%;
    color: #5D6978;
    border: 1px solid #D6DDEF;
    padding: 20px 20px;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 20px;
}

.forms-dropdown-rounded{
    width: 100%;
    color: #5D6978;
    border: 1px solid #D6DDEF;
    padding: 20px 20px;
    font-size: 14px;
    border-radius: 30px;
}

.tags{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    color: black;
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    border: solid black 1px;
    padding: 10px 20px;
    margin-left: 4px;
    line-height: 28px;
    position: absolute;
    top: 30px;
    left: 0;
    text-transform: capitalize;
}

/* HOMEPAGE */
.carousel__slide {
    scroll-snap-stop: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    display: inline !important;
    justify-content: center;
    align-items: center;
    transform: translateZ(0);
}

.category-odd{
    justify-content: space-between;
}

.category-even{

}

.category-text-right{
    margin-left: 20px;
    color: white !important;
}

.category-text-left{
    margin-right: 20px;
    color: white !important;
}


.order-banner{
    padding: 2rem;
    background-image: url(https://via.placeholder.com/600x550);
    border-radius: 1rem;
}

.sidebar .widget-tags ul li a:hover{
    background-color:  #D1482A !important;
    color: white !important;
}

.home-article-card{
    /* border: 1px solid black; */
    border-radius: 20px;
    text-align: left;
    margin-top: 30px;
}

.product-text{
    display: flex;
    /* height: 90px; */
    font-size: 16px;
    justify-content: center;
    align-items: start;
    /* margin-top: 20px; */
    line-height: 1.5;
}


/* Search bar */
.rounded-search-bar{
    border-radius: 50px;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    padding: 20px 16px;
    border: solid 1px black;
}

.search-form{
    float: right;
    display: inline-block;
    position: relative;
}

.search-btn{
    background-color: #D1482A;
    color: white;
    border-radius: 50px;
    padding: 15px 40px !important;
    margin: 4px 10px;
    position: absolute;
    top: 0;
    right: 10px;
    border: 1px solid #D1482A;
    transition: 0.5s;
}

.search-btn:hover, .search-btn-articles:hover{
    background-color: #fff;
    color: #D1482A;
    border: 1px solid #D1482A;
}

.search-btn-articles {
    /* border: solid 1px black; */
    border-radius: 50px;
    padding: 15px 40px !important;
    margin: 4px 25px;
    background-color: #D1482A;
    color: white;
    position: absolute;
    top: 0;
    right: 10px;
    border: 1px solid #D1482A;
    transition: 0.5s;
}

/* ARTICLES PAGE */
.article-card{
    display: flex;
    align-items: center;
    /* border: solid 1px black; */
    border-radius: 20px;
    margin-top: 30px;
}

.article-content{
    padding: 16px;
}

.article-img{
    max-height: 100%;
    max-width: 100%;
    border-radius: 20px;
}


/* ORDER PAGE */

::placeholder{
    font-size: 14px !important;
}

.err-message{
    width: 100%;
    padding: 10px;
    color: #D1482A;
    font-weight: 600;
}

.t-header{
    color: black;
    font-weight: 600;
    padding: 10px;
}

.t-body{
    margin-bottom: 10px !important;
}

.order-page-section{
    padding: 150px 0 75px 0;
}

.orderform-section{
    padding: 120px 0;
}

.cart-page{
    background-color: white;
    border-radius: 20px;
    padding: 20px;
}

.cart-page table thead {
    background-color: white !important;
    border-bottom: 1px solid black;
}

.cart-page table thead th {
    color: black !important;
    font-size: 16px;
    padding: 25px 0;
    font-weight: 600;
}

.cart-page table tbody tr td {
    padding: 0 !important;
    border-bottom: 0 !important;
}

.cart-page table {
    width: 100%;
    margin-bottom: 0 !important; 
}

.form-group-order{
    margin-bottom: 0;
}

.add-product{
    font-size:24px !important;
}

.item-counter .quantity {
    line-height: 40px !important;
    padding: 10px;
    border-radius: 60px;
    border: rgb(199 199 199) 1px solid;
    text-align: center;
}

.item-counter {
    margin-left: 4px !important;
}

.item-counter input{
    width: 80%;
    border: 0;
    background-color: white;
    text-align: center;
}

.item-counter button{
    width: 10%;
    border: 0;
    background-color: transparent;
}
/* CHECKOUT PAGE*/
.form-group textarea {
    padding: 20px 15px !important;
}

.tnc{
        font-size: 12px;
    }.form-group textarea {
    width: 100%;
    height: 120px;
    /* color: #5D6978; */
    border: 1px solid #D6DDEF;
    padding: 20px 15px;
    font-size: 14px;
    border-radius: 20px;
    vertical-align: top;
}
.order-details {
    background-color: white !important;
    padding: 40px;
    border-radius: 10px;
}
.checkout-header-section{
    padding: 150px 0 75px 0;
}

.checkout-content-section{
    padding: 0 0 100px 0;
}

.checkout-form-header h4{
    color: black;
    font-weight: bold;
}

.checkout-form-content h5{
    color: black;
    /* font-weight: bold; */
}

.checkout-form-content{
 /* padding: 0 20px; */
}

.forms-checkout{
    width: 100%;
    color: #5D6978;
    border: 1px solid #D6DDEF;
    height: 60px;
    padding: 0 30px;
    font-size: 14px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.back-btn-hyperlink{
    color: #D1482A;
    font-size: 20px;
    margin-bottom: 20px;
}

.back-btn-hyperlink:hover{
    color: white !important;
    font-size: 20px;
    margin-bottom: 20px;
}

h3.widget-title, .sidebar .widget-filter .label{
    color: white !important;
}

.multiselect-placeholder{
    /* font-size: 14px; */
    color: #343a40 !important;
}

.form-group .form-control {
 padding: 0 15px !important;
}

.tnc{
    color: white;
    font-weight: bold;
    font-size: 16px;
}

/* Multiselect custom */
.search-custom{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent !important;
    border: 0;
    border-radius: var(--ms-radius,4px);
    bottom: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    left: 0;
    outline: none;
    padding-left: var(--ms-px,.875rem);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }

 .multiselect-dropdown {
    background: white !important;
    border-top: none !important;
    border-radius: 0 0 20px 20px !important;
    bottom: 24px !important;
    /* overflow-y: hidden !important; */
}

.multiselect-clear{
    display: none !important;
}

/* .multiselect-dropdown{
    background: white !important;
    border-top: none !important;
    border-radius: 0 0 20px 20px !important;
    bottom: 24px !important;
    overflow-y: hidden !important;
} */

.multiselect-options {
    margin-top: 10px !important;
    color: black
}

/* .multiselect{
    color: black;
} */

.multiselect{
    background: white;
    background-color: white !important;
    border-radius: 50px !important;
    height: 60px !important;
   }

.option-selected-custom{
background-color: #D1482A;
}
/* Multiselect custom */
/* COMPONENTS */

.blog-posts .blog{
    border:none !important;
}

.footer-title{
    color: white;
    /* font-family: 'Lobster', cursive !important; */
    font-family: 'Montserrat', sans-serif;
    font-size: 24px !important;
    font-weight: 600 !important;
    text-transform: none;
    margin-bottom: 10px !important;
}

.footer-desc{
    color: white;
    font-size: 16px;
    line-height: 30px;
}

.footer-desc:hover{
    color: #D1482A;
}

footer .top-footer{
    padding: 35px 0 !important;
}

footer .top-footer .widget-contact p {
    color: #fff;
    margin-bottom: 4px !important;
}

/* FOR FOOTER  */
.fixed-bg{
    /* background: rgba( 255, 255, 255, 0.2 ); */
    /* backdrop-filter: blur( 8px ); */
    /* -webkit-backdrop-filter: blur( 8px ); */
    /* border-radius: 10px; */
}
.fixed-bg.bg3{
    /* background-image: url('https://dummyimage.com/1600x400/00000/ffffff'); */
    /* background-image: url('https://cma.jms.creativeworks.id/images/assets/frontend/jktmeat-order-header.png') !important; */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://cma.jms.creativeworks.id/images/assets/frontend/jktmeat-order-header.png') !important;
    background-size: cover !important;
    /* box-shadow: 0 8px 32px 0 rgba( 246, 246, 246, 0.45 ); */
    /* box-shadow: inset 0 0 0 50vw rgb(0 0 0 / 80%); */
}

header {
    /* background: rgba( 0, 0, 0, 0.3 ) !important; */
    position: fixed !important;
    background: rgb(0 0 0 / 50%) !important;
    backdrop-filter: blur( 10px ) !important; 
    -webkit-backdrop-filter: blur( 10px ) !important;
}

header nav ul li a{
    padding: 40px 10px 40px 0 !important;
}

.multiselect-option.is-selected.is-pointed, .multiselect-option.is-selected{
    background: #D1482A !important;
}

/* Media query */
@media only screen and (max-width: 768px){
    hr.separator-horizontal-line{
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.fav-product-card{
    background-size: cover;
    background-position: center;
    height: 160px;
}

.fav-article-card{
    background-size: cover;
    background-position: center;
    height: 220px;
}

.banner-homepage{
    background-size: cover;
    background-position: center;
    /* height: 350px; */
    height: auto;
}

.article-img-on-div{
    background-size: cover;
    background-position: center;
    height: 170px;
}

.category-homepage-card{
    background-size: cover;
    background-position: center;
    height: 330px;
    max-width: 100%;
}

.grid-container {
    display: grid;
    grid-template-rows: auto auto auto auto;
    height: 100%;
}

.grid-content-bottom {
    align-self: end;
}

.flex-content-center {
    align-items: center;
}

.grid-content-center {
    align-self: center;
}

.aspect-square {
    aspect-ratio: 1/1;
}

.md-aspect-4-3 {
    aspect-ratio: 4/3;
}

.aspect-16-9 {
    aspect-ratio: 16/9;
}

.object-fit-cover{
    object-fit: cover;
}

.multiselect-single-label{
    padding-right: 6vh !important;
}

.rc-anchor-normal .rc-anchor-checkbox-label{
    width: 80px !important;
}

.rc-anchor-logo-img-portrait{
    margin: 0px !important;
}
.rc-anchor-logo-text{
    margin-left:-40px !important;
}