@import url('fonts.css');
@import url('font-awesome.min.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');
@import url('css2.css');

#nav2{display: none;}
/* TAGS */
body{background-color:#5C5858;font-family:bebas;}
*{margin:0;padding:0;box-sizing:border-box;}
a{text-decoration:none;color:white;width:100%;height:100%;display:block;text-align:left;padding:5px}
ul{list-style-type:none;display:flex;}
ul li{margin:0 10px;text-align:center;}
ul li ul{position:absolute;display:none;}
ul li ul li {background-color:#0000A0;width:100%;}
.navbar .upmenu:hover .submenu{display:grid;grid-template-columns:repeat(1fr);}
header{height:100vh;}
nav.nav-open {display:block;}
/* CLASSES */
.sub li a{margin:1px 0;}
.btnlist{font-size:24px;margin:0;display:none;}
.box{width:90%;margin:0 auto;}
.content{width:90%;margin:0 auto;}
.active{color:#9acd32}
.navbar{display:flex;justify-content:space-evenly;padding:15px 10px;
 background-color:blue;border-radius:5px 5px 15px 15px;}
.social,.menu,.burger,.cart{height:40px;line-height:40px;text-align:center;margin:0 10px;}
.social,.cart{font-size:40px;}
.menu,.burger{font-size:20px;}
.social,.menu,.cart{margin:0 20px;}
.bgim{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  background-image:
  linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5));
}
.meet{
  background-image: url(../images/abs6.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
/* ============================hangry================== */
.hungs{width:60%;font-family:pasific;color:#A23BEC;font-size:32px;margin:40px;font-weight:lighter;display:block;}
.hungp{width:30%;font-family:bebas;color:#ffffff;font-size:55px;margin:40px;font-weight:bold;line-height:60px;}
.hunga{width:10%;font-family:bebas;color:#9acd32;font-size:22px;margin:40px;text-align:center;
  background-color:#0000ff;padding:5px;border-radius:10px;border:3px solid #842DCE}
/* Cat */
.category{background-color:#ffffff;}
.catbox{display:flex;justify-content:space-between}
.catitem{border:2px solid #A23BEC;border-radius:5px;padding:40px;margin:10px 0}
.catitem:hover{border-color: #9acd32;}
.catitem img{border-radius: 5px;}
.catitem p{text-align: center;}
/* meet */
.meet .content{display: flex;justify-content:space-between;padding: 30px 0;}
.meetbox{width: 49%;border-radius: 10px;}
.meetbox p{font-family: eplique;color:white;padding:20px }
.ma1{padding: 40px 0;}
.mb1 .p1{font-size: 50px; width: 65%;}
.mb1 .p2{font-size: 16px; width: 80%;}
.mb1 span{font-size: 32px; width: 20%;display:block;color:#9acd32;text-align: center;}
.mb1 .meeta{width:20%;font-family:bebas;color:#9acd32;font-size:22px;text-align:center;
  background-color:#0000ff;padding:5px;border-radius:10px;border:3px solid #842DCE;
  margin:10px;height: 40px;}
.ma2 {display: grid;gap:15px} 
.ma2 .item{border-radius: 10px;}
.ma2 .p1{font-size: 24px; width: 40%;padding: 10px 20px;}
.ma2 .p2{font-size: 16px; width: 80%;}
.ma2 span{font-size: 20px; width: 20%;display:block;color:#9acd32;text-align: center;}
.ma2 .meeta{width:20%;font-family:bebas;color:#9acd32;font-size:20px;text-align:center;
  background-color:#0000ff;padding:3px;border-radius:5px;border:3px solid #842DCE;
  height: 30px;margin-left: 10px;line-height: 20px;margin-bottom: 10px;}
  /* concra */
  .concra{background-image:url(../images/abs1.png);padding: 40px 0;}
  .concra .items{display: grid;grid-template-columns: 1.5fr 1fr;}
  .concra img{border-radius: 10px;}
  .concraning_info .p1{font-family: pasific;color: #A23BEC;font-size: 3640px; margin-top: 40px;font-weight: lighter;
    display: block;font-weight: bold;}
  .concraning_info .p2{font-family:bebas;color:#000000;font-size:32px; margin-top: 20px;font-weight: lighter;
    display: block;}  
  .concraning_info .p3{font-family:bebas;color:#000000;font-size:20px; margin-top: 20px;font-weight: lighter;
    display: block;}  
  .conca{width:30%;font-family:bebas;color:#9acd32;font-size:22px;margin-top:20px;text-align:center;
  background-color:#0000ff;padding:5px;border-radius:10px;border:3px solid #842DCE} 
 .imgbac{background-repeat:no-repeat;
  background-size:cover;
  background-position:center;}