@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*
{
  font-family: "Poppins", sans-serif;
}
body
{
  color: #1f1f1f;
  font-size:15px;
}
p
{
	color: #9B9B9B;
	line-height:1.5em;
  font-size:15px;
}
img
{
  max-width:100%;
  height:auto;
}
a
{
  text-decoration: none;
}
a:focus-visible
{
  outline:0 !important;
}
a:hover
{
  color:#ab131b;
}
.row
{
  margin-left:0 !important;
  margin-right:0 !important;
}
/*********************Header************************/
header
{
  z-index:10 !important;
}
#food-menu-wrapper
{
  z-index:9 !important;
}
.logo
{
  max-width:100px;
}
.brand-wordmark
{
  display:inline-block;
  color:#ab131b;
  font-size:30px;
  font-weight:800;
  font-style:italic;
  letter-spacing:-1.5px;
  line-height:1;
}
.brand-wordmark-modal
{
  font-size:36px;
}
.brand-wordmark-footer
{
  color:#ffffff;
  font-size:34px;
}
.navbar .nav-link
{
  padding:10px !important;
  margin: 0 4px;
  text-wrap: nowrap;
  font-weight: 500;
}
.navbar .nav-item .btn
{
  font-size:14px;
  min-width:105px;
}
.navbar-toggler:focus 
{
  box-shadow: none;
}
.navbar-light .navbar-toggler-icon
{
  background-image:none !important;
  display: flex;
  align-items: center;
}
.navbar-toggler .navbar-toggler-icon::before
{
  content: "\f550";
  font-family: "Font Awesome 6 Free";
  font-size: 30px;
  font-weight: 600;
  /*transform: rotate(360deg);
  transition: all .5s linear;*/
  display: block;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before
{
  content: "\f00d";
  color:#313131;
  font-family: "Font Awesome 6 Free";
  font-size: 25px;
  font-weight: 600;
  /*transform: rotate(-90deg);
  transition: all .5s linear;*/
  display: block;
  position:absolute;
  top:-100%;
}
.cart-count
{
  top:-5px; 
  right:-10px;
  width:27px;
  height:27px;
  line-height:0;
}
.cart-summary 
{
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ddd;
  z-index: 1000;
}
/*******************Custom classes******************/
.btn
{
  min-width:120px;
  width:auto;
  padding:10px;
  border-width:1px;
  border-style:solid;
  font-weight:500;
  border-radius:0px;
}
.btn:hover
{
  transform:scale(1.01);
  transition: all .5s;
}
.btn:focus
{
  box-shadow:none !important;
}
.btn-main
{
  background: #ab131b;
  border-color: #ab131b !important;
  color:#ffffff;
}
.btn-accent
{
  background: #ab131b;
  border-color: #ab131b !important;
  color:#fff;
}
.btn-white
{
  background: #ffffff;
  border-color: #ffffff !important;
  color:#ab131b !important;
}
.btn-main:hover
{
  background:#ab131b !important;
  border-color:#ab131b !important;
  color: #fff !important;
}
.btn-white:hover
{
  background:transparent !important;
  color: #fff !important;
}
.btn-accent:hover
{
  background: #ab131b !important;
  border-color:#ab131b !important;
  color:#fff;
}
.text-main
{
  color:#ab131b;
}
.text-accent
{
  color:#ab131b;
}
.text-black
{
  color: #252021;
}
.text-white
{
  color:#fff;
}

.bg-main
{
  background-color:#ab131b;
}
.bg-grey
{
  background-color:#F7F7F7;
}
.bg-accent
{
  background:#ab131b;
}
.bg-black
{
  background-color:#ab131b;
}
.bg-light-black
{
  background-color:rgb(17,17,17,0.9);
}
.border-main
{
  border-color:#ab131b !important;
}
.border-accent
{
  border-color:#ab131b !important;
}
.border-light-grey
{
  border-color:#ebebeb !important;
}
.w-90
{
  width:90% !important;
}
.w-85
{
  width:85% !important;
}
.w-80
{
  width:80% !important;
}
.w-45
{
  width:45% !important;
}
.bg-opacity-95
{
  --bs-bg-opacity:0.95;
}
.bg-opacity-90
{
  --bs-bg-opacity:0.9;
}
.bg-opacity-85
{
  --bs-bg-opacity:0.85;
}
.rad-8
{
  border-radius:8px;
}
.rad-10
{
  border-radius:10px;
}
.rad-20
{
  border-radius:20px;
}
.fw-medium
{
  font-weight:600;
}
.shadow-md
{
  box-shadow: 0 6px 12px #ab131b21!important;
}
.full-height
{
  height:100vh;
}
.modal-dialog 
{
  max-width: 900px !important;
  width:100%;
}
.modal-dialog 
{
  max-width: 900px !important;
  width:90%;
  height: 100%;
  margin:auto;
}
.small-modal
{
  max-width:500px !important; 
  margin:auto; 
}
.small-modal .modal-content
{
  border-radius:30px;
}
/********************Cart********************/
    .cart-header,
    .cart-footer,
    .added-item 
    {
        border-color: #ccc;
    }
    .cart-items 
    {
        flex: 1;
        padding: 20px;
        overflow: hidden auto;
        scrollbar-width: thin;
    }
    .cart 
    {
      background: #fff;
      box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
      transition: right 0.3s ease-in-out;
      z-index: 1000;
      display: none;
      flex-direction: column;
    }
    .cart.show
    {
      display:flex;
    }
/****************Product Modal***************/
.btn.quantity
  {
    min-width:1px;
    display: flex;
    justify-content:center;
    width: 30px;
    align-items: center;
    height: 30px;
  }
  .product-options-form
  {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
  }
  .product-header 
  {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .product-header h2 
  {
    margin: 0;
  }
  .product-price 
  {
    font-size: 1.5em;
    color: red;
  }
  .completed-step 
  {
    background-color:#8bc34a; 
    color: #fff;
  }
  .btn.disabled 
  {
    pointer-events: none;
    opacity: 0.65;
  }
  .quantity-input 
  {
    display: flex;
    align-items: center;
  }
  .quantity-input input 
  {
    width: 60px;
    text-align: center;
  }
  .select-status
  {
    background:#dc3545;
  }
  .selected .select-status
  {
    background: #8bc34a;
  }
/***************Home Sections****************/
.banner .row
{
  z-index:999;
}
p.count
{
  font-size:85px !important;
  line-height: 72px;
}
.detail-box h6
{
  font-weight:600;
  color:#ab131b;
}
#food-menu-wrapper
{
  position:sticky;
  top:90px;
  z-index:1000;
}
#scroll-left
{
  position:absolute;
  left:-10px;
  top: 7px;
  border:0;
  color:#ab131b;
  font-weight:700;
  font-size:18px;
  background:transparent;
}
#scroll-right
{
  position:absolute;
  right:-10px;
  top: 7px;
  border:0;
  color:#ab131b;
  font-weight:700;
  font-size:20px;
  background:transparent;
}
#food-menu 
{
  overflow: auto hidden;
  white-space: nowrap; 
  scrollbar-width: none;
}
#food-menu a.active span 
{
  background: #ab131b !important;
  color: #ffffff !important;
}
.slick-dots li button
{
  padding:0;
  height:8px;
  width:8px;
}
.slick-dots li button:before 
{
  width: 8px !important;
  height:8px !important;
  font-size:13px;
  color:transparent !important;
  border-radius:100%;
}
.slick-dots li 
{
  border: 0 !important;
  width: 11px !important;
  height: 11px !important;
  margin: 0 2px;
  border-radius:100px;
  background:#c5c4c4;;
}
.slick-dots li.slick-active
{
 background:#ab131b;
}
.slick-dots li.slick-active button:before
{
  opacity:1 !important;

}
.slick-dots 
{
    position: absolute;
    bottom: -40px;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.product-cart-btn
{
  min-width: 70px;
  width: fit-content;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}
.slick-slide
{
  border:3px solid transparent;
}
.slick-center
{
  transform:scale(1.04);
  z-index:100;
  box-shadow: 0px 2px 9px #00000030;
  border:2px solid #fff;
}
.slick-track
{
  padding: 15px 0px;
}
.banner-form .form-group
{
  background:#e7e7e7;
}
.banner-form ::placeholder
{
  color:#ab131b;
  opacity:0.32;
}
/********************Modal********************/
.modal 
{
  width:100% !important;
  margin:auto !important;
  height: 100%;
}
/*************Warrant of Fitness Page***********/
#productTabs button.active 
{
  background: #ab131b;
  color: #fff;
} 
#productTabs button 
{
  background: #ab131b;
  color: #fff;
}
input#quantity
{
  width:60px;
  border: 1px 0px;
  border-style:solid;
  border-color:#E2E2E2;
}
/*********************Form********************/
input:focus-visible 
{
    outline: 0;
}
.input-group
{
  margin-right:0 !important;
}
.form-control::placeholder 
{
  color: #4E4E4E;
}
.form-control,
.form-group .form-control,
.book-table-section .form-control,
.contact-section .form-control,
.filter-form .form-control
{
    width: 100%;
    margin-bottom: 25px;
    padding: 8px 20px;
    border: 1px solid #DCDBDD;
    color: #ab131b;
    border-radius: 4px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus
{
  box-shadow:none !important;
}
.iti
{
  width:100% !important;
}

/*********************Chat*********************/
.phone-code .iti
{
  width:61% !important;
}
/*******************Footer********************/
.footer-section
{
  background-image:linear-gradient(90deg, #ab131b 40%, #FFF8F2 30%);
}
.footer-logo
{
  max-width: 125px;
}
/*****************Animations******************/
@keyframes slideInLeft
{
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
} 
@keyframes fadein 
{
  from 
  { opacity: 
    0; 
  }
  to   
  { 
    opacity: 1; 
  }
}
/***************Responsiveness****************/
@media (min-width:1400px)
{  
}
@media (min-width: 1200px)
{
  .navbar-brand.logo
  {
    max-width:200px;
  }
  /****************About Us Page****************/
  .navbar-light .navbar-nav .nav-link
  {
    color:#ab131b;
    font-size:15px;
  }
  .navbar-nav .nav-item.active .nav-link, 
  .navbar-nav .nav-item .nav-link:hover 
  {
    color: #ab131b;
  }
}
@media (max-width: 1199px)
{
  header #navbarMain .navbar-nav 
  {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .navbar .nav-link 
  {
    padding: 10px 0 !important;
    margin: 0px 9px 10px;
    color: #ffffff;
  }
}
@media (max-width:991px) and (min-width:768px)
{
  .modal {
    width: 60%;
    height: 90%;
    overflow-y: auto;
  }
}
@media (min-width: 992px)
{
  header .slideInn 
  {
    right: 0 !important;
  }
  .tilted-border::after 
  {
    content: '';
    position: absolute;
    color: main;
    top: -10%;
    right: 16%;
    transform: rotate(24.2deg);
    width: 80px;
    height: 120%;
    z-index: 999;
    background: #ab131b;
    display: block;
  }
}
@media (max-width: 991px)
{
    .container, 
    .container-md, 
    .container-sm 
    {
      max-width: 750px !important;
    }
    .navbar-brand 
    {
      max-width: 160px;
    }
    .menu-section .nav-link.active
    {
      border:0;
    }
    .cta-2 img.d-md-block
    {
      transform:scaleY(1.2);
    }
    .remove
    {
      top: 1rem;
      right: 1rem;
    }
    .slider_section .detail-box h1 
    {
      font-size: 1.9rem !important;
    }
    .slider_section .carousel-item .container 
    {
      padding: 190px 20px 120px;
    }
    footer h3
    {
      font-size:22px;
    }
    footer p,
    footer a
    {
      font-size:15px;
    }
    .gallery-slider 
    {
      max-height: 270px;
    }
}
@media (min-width: 768px)
{
  .cart 
    {
      position: fixed;
      top: 0;
      right: 0; /* Start off-screen */
      width: 400px;
      height: 100%;
    }
}
@media(max-width: 767px)
{
  .open-btn 
  {
    background-color: #ab131b;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    top:30%;
    position: absolute;
    right: 0;
    z-index: 200;
  }
  header #navbarMain.navbar-collapse
  {
    background: rgb(255 253 252 / 98%);;
    width: 70%;
    height: 100% !important;
    margin: 0;
    padding: 40px 20px 20px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    position: fixed;
    left: 30% !important;
    top: 0;
  }
  .navbar-collapse.collapsing 
  {
    height: 100% !important;
    margin-right: 50%;
    transition: all 0.5s ease;
  }
  .navbar-collapse.show 
  {
    left: 0 !important;
    -webkit-transition: left 0.5s ease-in;
    -o-transition: left 0.5s ease-in;
    -moz-transition: left 0.5s ease-in;
    transition: left 0.5s ease-in;
    z-index: 100;
  }
  .navbar-collapse .nav-item
  {
    width:100%;
    text-align:left;
  }
  .navbar-header 
  {
    max-width:18%;
  }
  .order-pref-box
  {
    max-width:68%;
    margin:0 1%;
  }
  .menu-box
  {
    width:12%;
  }
  .navbar-header .logo
  {
    width:100%;
  }
  .btn-order-type p
  {
    font-size:13px !important;
  }
  .btn
  {
    padding: 8px 5px;
    font-size: 14px;
    min-width:105px;
  }
  .container
  {
    padding-left:15px !important;
    padding-right:15px !important;
  }
  h2
  {
    font-size:1.7rem !important;
  }
   p
  {
    font-size:14px !important;
  }
  .cart 
    {
      position: fixed;
      bottom: 0;
      right: 0; /* Start off-screen */
      width: 100%;
      height: 70%;
    }
  .footer-section h3
  {
    font-size:19px;
  }
  #scroll-left 
  {
    left: 0px;
    top: 5px;
  }
  #scroll-right 
  {
    right: 0px;
    top: 5px;
  }
  .cart-icon 
  {
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    z-index: 1001;
    width:100% !important;
  }
}
@media(max-width:500px)
{
  #food-menu-wrapper 
  {
    top: 70px;
  }
  .banner .container
  {
    padding-left:0px !important;
    padding-right:0px !important;
  }
  .container
  {
    padding-left:12px !important;
    padding-right:12px !important;
  }
}