@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mozilla+Headline:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
input[type="num"],
textarea,
button,
body, p, ul, li, label, select, a, span {
font-family: 'DM Sans', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'DM Sans', sans-serif !important;
font-weight: 500;
}
.yellow-link {
color: #f5c332 !important;
}
.yellow-link:hover {
color: #333 !important;
}
.full-width-div {
width: 90%;
/* background-color: lightblue; */
padding: 20px;
/* box-sizing: border-box; */
}
.hidden {
display: none;
}
#deliveryAddress, #payCash {
display: none;
}
.item-mix {
font-size: 12px !important;
color: #888;
}
.text-sm {
font-size: 0.8em !important;
color: #6F6F87;
}
.text-bold {
font-weight: 600;
color: #111;
}
.sb-product .sb-cover-frame img {
border-radius: 15px;
}
.txt-green {
    color: #51cea2 !important;
}

/* Custom */
.sb-illustration-4 .sb-burger-2 {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
top: 0;
right: 0;
/* animation: anima2 3s infinite ease-in-out; */
}
.sb-illustration-5 {
    object-fit: cover;
}
.sb-illustration-5 .sb-cup-2 {
    position: absolute;
    width: 90%;
    top: -25%;
    right: 5%;
    /* transform: rotate(-5deg); */
}
.sb-badge {
position: absolute;
z-index: 2;
top: 15px;
right: 15px;
background-color: #F5C332;
padding: 3px 10px;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center; }
.sb-badge i {
font-size: 11px;
margin-right: 5px; }
.sb-badge.sb-vegan {
background-color: #9CCC65; }
.sb-badge.sb-hot {
background-color: #FF5252; }
.sb-top-bar-frame .sb-top-bar .sb-logo-frame {
display: flex;
align-items: center;
width: 60px;
transition: 0.3s ease-in-out; }
.sb-top-bar-frame .sb-top-bar .sb-logo-frame img {
width: 100%;
margin: 5px 0 0 -10px;
}
.sb-menu-item .sb-card-tp .sb-price {
width: auto;
height: 60px;
font-weight: 600;
background-color: #222;
/* background-color: #F5C332; */
color: #fff;
font-size: 1.1em;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px 0 10px; /* top right bottom left */
font-family: "DM Sans", sans-serif !important;
}
.sb-menu-item .sb-addtocart-2 {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
/* background-color: #F5C332; */
padding: 0 0 0 15px; /* top right bottom left */
font-size: 13px;
display: flex;
align-items: center;
height: 50px;
}
.sb-menu-item .sb-badge-2 {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
background-color: #F5C332;
padding: 0 10px 0 10px; /* top right bottom left */
font-size: 11px;
font-weight: 600!important;
display: flex;
align-items: center;
height: 35px;
}
.sb-atc {
overflow: hidden; }
.sb-atc .sb-added-text {
transition: 0.3s ease-in-out;
position: absolute;
opacity: 0;
top: 0;
/* right: -50%; */
pointer-events: none; }
.sb-atc .sb-add-to-cart-text {
transition: 0.3s ease-in-out; }
.sb-atc.sb-added {
cursor: not-allowed;
background-color: #F9FAFC; }
.sb-atc.sb-added .sb-add-to-cart-text {
opacity: 0; }
.sb-atc.sb-added .sb-added-text {
opacity: 1;
/* right: 5px; */
pointer-events: all; }
.sb-atc.sb-added:hover {
filter: none; }
.sb-btn .sb-icon {
/* border-radius: 50%; */
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 !important;
margin: 0;
width: 55px;
height: 55px;
}
.sb-slider-nav-2 {
height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
/* width: 115px; */
}
.sb-slider-nav-2 .circle-icon {
height: 50px;
width: 50px;
font-size: 12px;
color: #acacac;
border-radius: 50%;
border: solid 2px #acacac;
display: flex;
justify-content: center;
align-items: center;
/* cursor: pointer; */
transition: 0.3s ease-in-out;
}
/* .swiper-wrapper {
margin-left: -30px;
} */
.sb-menu-item {
width: 100%;
/* margin-left: -30px; */
display: block; }
.sb-menu-item .sb-cover-frame {
display: block;
background-color: #F2F3F5;
overflow: hidden;
position: relative;
padding-bottom: 100%;
/* height: 200px !important; */
/* margin-bottom: -5%; */
transition: 0.3s ease-in-out; }
.sb-menu-item .sb-cover-frame img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
object-position: center;
z-index: 1;
top: 0;
left: 0;
right: 0;
transform: scale(1.001);
transition: 0.3s ease-in-out; }
.sb-menu-item .sb-card-tp {
margin-bottom: 15px;
padding-left: 15px;
background-color: #F2F3F5;
display: flex;
justify-content: space-between;
align-items: center; }
.sb-menu-item .sb-card-tp .sb-card-title {
width: calc(100% - 90px);
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
box-orient: vertical; }
.sb-menu-item .sb-card-tp .sb-price sub {
font-size: 12px;
font-weight: 400; }
.sb-menu-item .sb-card-buttons-frame {
display: flex;
justify-content: space-between; }
.sb-menu-item .sb-card-buttons-frame .sb-btn {
margin: 0; }
.sb-menu-item.sb-menu-item-sm {
display: flex;
justify-content: space-between; }
.sb-menu-item.sb-menu-item-sm .sb-cover-frame {
width: 60px;
height: 60px;
padding-bottom: 0; }
.sb-menu-item.sb-menu-item-sm .sb-card-tp {
width: calc(100% - 60px);
box-shadow: none; }
.sb-menu-item.sb-menu-item-sm .sb-card-tp .sb-card-title {
font-size: 13px;
-webkit-line-clamp: 2;
line-clamp: 2; }
.sb-menu-item.sb-menu-item-sm .sb-card-tp .sb-price {
font-size: 18px; }
.sb-menu-item.sb-menu-item-sm .sb-card-tp .sb-price sub {
font-size: 9px; }
.sb-menu-item:hover .sb-cover-frame img {
transform: scale(1.05); }
.sb-menu-item:focus {
outline: inherit; }
.sb-addedtocart {
cursor: not-allowed;
background-color: #F9FAFC; }
.hr-div, .item-title-2 {
    display: none;
}
.item-title {
    display: block;
}

/* For mobile */
@media (max-width: 767px) {
.hr-div, .item-title-2 {
    display: block;
    font-size: 12px !important;
    z-index: 999;
}
.item-title {
    display: none;
}
}