@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
    font-family: 'Inter', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Inter', sans-serif;
    padding-bottom:5px;
}
p{
    font-family: 'Inter', sans-serif;
}
a{
    font-family: 'Inter', sans-serif;
}

/*menu css*/
.menu{
  margin:auto;
}

.menu-title{
  text-align:center;
  margin-bottom:40px;
  font-family: 'Inter', sans-serif;
}

.menu-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}

.menu-section{
  margin-top:30px;
  margin-bottom:15px;
  font-size:20px;
  border-bottom:1px solid #ddd;
  padding-bottom:5px;
  font-family: 'Inter', sans-serif;
}

.menu-row{
  display:flex;
  justify-content:space-between;
  margin:6px 0;
}
.menu-row>p{
      font-size:15px;
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px; 
  line-height: 29px;
  color:#000;
  margin:5px 0;

}

.menu-item{
  margin-bottom:18px;
  font-family: 'Inter', sans-serif;
}

.menu-item p{
  font-family: 'Inter', sans-serif;
  margin:4px 0;
  font-size:16px;
  font-style: normal; 
  font-weight: 400; 
  line-height: 29px;
  color:#000;
}

.menu-item small{
    font-family: 'Inter', sans-serif;
    color:#000;
    font-weight:300;
    line-height:normal;
    font-size:12px;
}

@media (max-width:768px){
  .menu-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}


.allergens{
  margin-top:40px;
  padding:20px;
  border:1px solid #e5e5e5;
  border-radius:10px;
}

.allergens h3{
  margin-bottom:15px;
  font-size:18px;
}

.allergen-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px 30px;
  font-size:14px;
}

.allergen{
  display:flex;
  align-items:center;
  gap:8px;
}

.icon{
  width:20px;
  text-align:center;
  font-size:16px;
}

.notice{
  grid-column:1/-1;
  margin-top:10px;
  font-style:italic;
  color:#666;
}

@media (max-width:700px){
  .allergen-grid{
    grid-template-columns:1fr;
  }
}
/*end of menu css*/
.sr-only{
    color: rgb(120, 60, 40)!important;
    background-color:#FFF!important;
}

@media(max-width:1024px) and (min-width: 992px) {

	.inpill {
		width: 100% !important;
	}
	
	.pillsh1 {
		right: 5% !important;
	}

	.pillsp {
		right: 0% !important;
	}
}

@media(max-width:576px) {
    	.pillimg {
		width: 160% !important;
		max-width: 300% !important;
		right: 30% !important;
		position: relative !important;
	}

	.pilldesc {
		padding: 75px 36px 86px !important;
		position: relative !important;
		top: -100px !important;
		left: 12% !important;

	}
	
	.pilldesch1 {
		word-break: break-word !important;
	}
}
.panel {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.panel-default>.panel-heading{
    padding: 15px;
    border-bottom: 1px solid #d5d8dc !important;
    background-color:transparent !important;
    color: #333333 !important;
    font-weight:300 !important;
    font-size:16px !important;
    font-family: 'Inter', sans-serif;
}
.panel-title > a:hover{
    color:#ad955e !important;
}
.panel-title > i{
    float:right;
    color:#333 !important;
}
.panel-body{
    font-style: normal;  
    font-family: 'Inter', sans-serif;
    font-weight: 300 !important;  
    font-size: 16px !important;  
    line-height: 19px !important;
}

ul.hidden-xs.nav.nav-pills.navbar-center>li {
	margin: 0px 10px !important;
	box-shadow: 5px 4px 19px rgba(0, 0, 0, 0.08) !important;
	border: 1px solid #49746D !important;
	border-radius: 0px !important;
}

ul.hidden-xs.nav.nav-pills.navbar-center>li.active {
	margin: 0px 10px !important;
	box-shadow: 5px 4px 19px rgba(0, 0, 0, 0.08) !important;
	border: 1px solid #d0dad1 !important;
	border-radius: 0px !important;
	background-color: #d0dad1 !important;
}
ul.hidden-xs.nav.nav-pills.navbar-center>li>a {
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0px;
	border-radius: 0px;
}
.is-btn-ghost2 {
	padding: 15px 20px !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	letter-spacing: 0 !important;

}

.navbar-nav>li>a{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform:uppercase;
    color: #5F68A8;
}

.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}
.navbar .image {
    height:90px !important;
}
.navbar .language .flag-icon {
    height:22px!important;
    width:22px!important;
}

/*.espabtn {*/
/*   background:transparent;*/
/*}*/
/*.espabtn a {*/
/*   background:transparent!important;*/
/*}*/
/*.tabimg {*/
/*   padding: 6px;*/
/*   max-width:395px;*/
/*}*/
/*.pull-tab {*/
/*   z-index:999999999 !important;*/
/*   color: rgb(94, 94, 94);*/
/*   position: fixed;*/
/*   right: 0px;*/
/*   bottom:50px;*/
/*   width: 500px;*/
/*   height: auto;*/
/*   background: #FFFFFF;*/
/*   box-shadow: 0px 0px 100px 0px rgb(74 74 74 / 35%);*/
/*   padding: 24px 15px 24px 15px;*/
/*   border-radius: 3px;*/
/*   transition: 0.3s all;*/
/*   -webkit-touch-callout: none;*/
/*   -webkit-user-select: none;*/
/*   -khtml-user-select: none;*/
/*   -moz-user-select: none;*/
/*   -ms-user-select: none;*/
/*   user-select: none;*/
/*}*/
/*@media(max-width: 768px) {*/
/*    .pull-tab.tabbed {*/
/*        right: -330px !important;*/
/*        transition: 0.3s all;*/
/*    }*/
/*   .pull-tab {*/
/*       right: 0px;*/
/*       width: 330px;*/
/*   }*/
/*    .tabimg {*/
/*       padding: 17px 0;*/
       
/*    }*/
/*    .pull-tab .tab {*/
/*       margin-top: -16px!important;*/
/*       padding:14px!important;*/
/*       font-size:13px!important;*/
/*    }*/
/*}*/
/*.pull-tab.tabbed {*/
/*    right: -500px; transition: 0.3s all;*/
/*}*/
/*.pull-tab.untabbed {*/
/*    right: 500px; transition: 0.3s all;*/
/*}*/
/*.pull-tab .tab {*/
/*   cursor: pointer;*/
/*   color: #0F3B61;*/
/*   font-family: manrope, sans-serif !important;*/
/*   border-top-left-radius: 10px;*/
/*   border-top-right-radius: 10px;*/
/*   box-shadow: 0px -20px 50px 0px rgb(74 74 74 / 10%);*/
/*   position: absolute;*/
/*   left: -70px;*/
/*    top: 43%;*/
/*    background: #fff;*/
/*    text-align: center;*/
/*    padding: 10px 7px;*/
/*   text-transform: none;*/
/*   font-size: 13px;*/
/*   letter-spacing: 1px;*/
/*   font-weight: 600;*/
/*   width: auto;*/
/*   height: auto;*/
/*   -webkit-transform: rotate(*/
/*-90deg);*/
/*   -moz-transform: rotate(-90deg);*/
/*   -ms-transform: rotate(-90deg);*/
/*   -o-transform: rotate(-90deg);*/
/*   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
/*   margin-top: -15px;*/
/*}*/
.is-container.container-fluid-fluid {
	z-index: auto!important;
}