@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap');


:root {
  /* Font Families */
  --heading-font: "Poppins", sans-serif;
  --body-font: "Poppins", sans-serif;

  /* Theme Colors */
  --theme-primary-color: #ff6600;  
  --theme-secondary-color: #0055ff; 
  --theme-heading-color: #333333; 
  --theme-paragraph-color: #666666; 
}

*{
	font-family: var(--body-font)!important;
}

body{
  font-family: var(--body-font)!important;
}


.container-inner-btn-box{
  width: 335px;
  height: 48px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.inner-box-btn{
  width: 160px;
  height: 48px;
  border-radius: 30px;
  padding-top: 7px;
  padding-right: 30px;
  padding-bottom: 7px;
  padding-left: 30px;
  background: #74AD0BA6;
  box-shadow: 0px 5px 10px 1px #CFCFCF80 inset;
  border: none;
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0%;
  text-align: center;
}

.container-home-inner-text-box{
  width: 349px;
  height: 73px;
  border-radius: 20px;
  padding:10px 24px;
  background: #FFFFFF;
  box-shadow: 0px 5px 13px 3px #00000040;
  margin: auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-home-inner-text-box p{
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  color:#5F5F5F;
  text-align: center;
  margin-top:10px ;
}

.home-container-dish-box{
 /* width: 396px;*/
  height: 195px;
  top: 646px;
  left: 15px;
  gap: 15px;
  margin: auto;
  margin-top: 30px;
}

.home-dish-box-row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.home-dish-box-col{
  flex: 0 0 90px;
  height: 90px;
  border: 1px solid #74AD0B;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.home-dish-box-a{
  height: 100%;
  width: 100%;
}

.home-dish-box-img{
  border-radius: 50px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 6px solid #fff;
   transition: 0.3s;
}

.home-dish-box-img:hover{
  transform: scale(1.1);
  overflow: hidden;
}


/* ------------- Footer Code --------------- */

.home-footer-main{
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #D9D9D9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-nav-a{
 padding:0px 25px!important;
}

.footer-nav-icon{
  width: 35px;
  height: 35px;
  color: #7C7C7C;
}

.footer-nav-a.active .footer-nav-icon{
  color: #74AD0B!important;
}

.footer-nav-a:hover .footer-nav-icon{
  color: #74AD0B!important;
}

/*--------------------- header ------------------*/

.header-container{
  position: fixed;
  z-index: 999;
  /*width: 351px;*/
  height: 61px;
  top: 57px;
  left: 38px;
  right: 38px;
  padding-top: 9px;
  padding-right: 17px;
  padding-bottom: 9px;
  padding-left: 17px;
  gap: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 20px;
}

.header-container-box-btn-icon{
  width: 30px;
  height: 26px;
  top: 6.67px;
  left: 5px;
  color: #74AD0BA6;
}

.header-logo-text{
  font-family: Mitr;
  font-weight: 400;
  font-size: 35px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  margin-left: 80%;
}

/* ------------------------ Single post page for the listing ---------------------  */

.img-section{
  display: flex;
  justify-content: center;
  height: 200px;
  width: 200px;
  margin: auto;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #74AD0B;
}

.img-section img{
  height: 100%;
  width: 100%;
  border: 10px solid #fff;
  border-radius: 100px;
  object-fit: cover;
  object-position: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.img-content-single{
  font-size: 13px;
  padding-top: 30%;
  color: #8C8C8C;
}

.owl-carousel .item{
  height: 90px;
  width: 90px;
  overflow: hidden;
  border: 1px solid #74AD0B;
  border-radius: 100px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}

.caro-item a img{
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  border: 5px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.single-post-title{
  font-family: "Mitr", sans-serif!important;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.single-post-content{
  font-family: Poppins;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #8C8C8C;
}

.single-post-meta{
  font-family: Poppins;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.single-post-meta span{
  font-family: Poppins;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
}

/* ---------------------------- Search Template Start --------------------- */

.idish-search-container{
  background: #f6f6f6;
}

.idish-search-header-content{
  width:100%;
  height: 300px;
  border-bottom-right-radius: 42px;
  border-bottom-left-radius: 42px;
  background: #74AD0B;
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items: center;
  padding: 50px 50px 30px 50px;
}

.idish-search-header-title{
  font-family: Mitr;
  font-weight: 400;
  font-size: 42px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 25px;
}

.idish-search-header-search-box{
  width: 100%;
  height: 61px;
  border-radius: 20px;
  padding: 7px;
  background: #FFFFFF;
  box-shadow: 0px 5px 13px 3px #00000040;
  position: relative;
}

.idish-search-header-search-input{
  width: 100%;
  height: 46px;
  border-width: 1px;
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid #9AB26DA6;
  margin: auto;
  padding: 0px 10px 0px 50px;

  font-family: Open Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #8C8C8C;
}

.idish-search-header-search-input:focus{
  outline: none!important;
}

.idish-search-header-search-icon{
    position: absolute;
    top: 10px;
    left: 15px;
    height: 40px;
    width: 40px;
}

.idish-search-result-item{
  margin: auto;
  width: 370px;
  height: 87px;
  border-radius: 19.39px;
  background: #FFFFFF;
  box-shadow: 0px 2.91px 13.57px 0px #0000001A;
}

.idish-search-result-item-img-box{
    width: 80px;
    height: 80px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.idish-search-result-item-img-box img{
   height: 100%;
   width: 100%;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   object-fit: cover;
   object-position: center;
}

.idish-search-result-content-title{
  font-family: Mitr;
  font-weight: 700!important;
  font-size: 14.57px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #74AD0B;

  white-space: nowrap; 
  width: 130px; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.idish-search-result-content-desc{
  font-family: Inter;
  font-weight: 400;
  font-size: 12.63px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #9B9B9B;

  white-space: nowrap; 
  width: 120px; 
  overflow: hidden;
  text-overflow: ellipsis;
}


.idish-search-result-content-meta-span{
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color:#B3B3B3;
}

.idish-search-result-content-meta-span{
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.dish-search-result-content-meta-star-icon{
  width: 14px;
  height: 13px;
  color: #FFD600;
}

.dish-search-result-content-meta-location-icon{
  width: 17px;
  height: 19px;
  color: #74AD0B;
}


/*
----------------------------------------------------------------------------------
    Start Favorite Template CSS
----------------------------------------------------------------------------------
*/

.favourite-template{
   background: #f6f6f6;
}

.idish-favo-search-box{
  width: 351px;
  height: 61px;
  border-radius: 20px;
  padding: 7px;
  gap: 10px;
  background: #FFFFFF;
  box-shadow: 0px 5px 13px 3px #00000040;
  margin: auto;
  margin-top: 160px;
  position: relative;
}

.idish-favo-search-box-input{
  width: 335px;
  height: 46px;
  border-radius: 14px;
  border-width: 1px;
  background: #FFFFFF;
  border: 1px solid #9AB26DA6;
  padding: 0px 0px 0px 50px;
  outline: none;
  color: #8C8C8C;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.idish-favo-search-box-icon{
  position: absolute;
  height: 36px;
  width: 36px;
  top: 12px;
  left: 15px;
}

.idish-favo-tab-btn{
  width: 160px;
  height: 58px;
  border-radius: 30px;
  padding-top: 7px;
  padding-right: 30px;
  padding-bottom: 7px;
  padding-left: 30px;
  background: #74AD0B;
  box-shadow: 0px 5px 10px 1px #CFCFCF80 inset;
  font-family: Poppins;
  font-weight: 400;
  font-size: 22px;
  color: #FFFFFF;
  border: none;
}

.idish-favo-tab-btn.active{
  background: #74AD0BA6!important;
}

.idish-favo-result-item{
  width: 156;
  height: 197;
  border-radius: 15px;
  gap: 5px;
  background: #74AD0B;
  box-shadow: 0px 5px 13px 3px #00000040;
}

.idish-favo-result-item-header{
  width: 100%;
  height: 133px;
  border-radius: 15px;
  overflow: hidden;
}

.idish-favo-result-item-header-img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.idish-favo-result-item-body{
  padding: 15px;
}

.idish-favo-result-item-body-title{
  font-family: Mitr;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;

  white-space: nowrap; 
  width: 120px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

.idish-favo-result-item-body-desc{
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #FFFFFF;

  white-space: nowrap; 
  width: 120px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

.idish-favo-result-item-body-price{
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
}

.idish-favo-result-item-body-meta-btn{
  border: none;
  padding: 0px!important ;
  margin: 0px!important ;
  background: transparent;
}

.idish-favo-result-item-body-meta-btn-icon{
  color: #000000;
  width: 27px;
  height: 27px;
}


/*
----------------------------------------------------------------------------------
    Start Profile Template CSS
----------------------------------------------------------------------------------
*/

.idish-profile-tempalte{
     background: #f6f6f6;
}

.idish-profile-tempalte-header{
  width: auto%!important;
  height: 242px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  background: #74AD0B;
  display: flex;
  justify-content: center;
  align-items: end;
}

.idish-profile-tempalte-header-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.idish-profile-img-box{
  height:114px;
  width:114px;
  overflow: hidden;
  border-radius: 100%;

}

.idish-profile-img{
  height:100%;
  width:100%;
  border-radius: 100px;
  object-fit: cover;
  object-position: center;
}

.idish-profile-content-title{
  font-family: Mitr;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

.idish-profile-content-desc{
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.idish-profile-settings-btn{
  border: none;
  background: transparent;
  color: #fff;
}

.idish-profile-settings-btn-icon{
  font-size: 30px;
}

.idishSettingAccordion-icon{
  width: 26px;
  height: 20px;
  color: #74AD0B;
  font-size: 26px;
}

.idishSettingAccordion-btn{
  font-family: Mitr;
  font-weight: 300;
  font-size: 20px;
}

.idish-profile-settings-accordian .accordion-button::after {
    rotate: -90deg!important;
}

.idish-profile-settings-accordian .accordion-button:not(.collapsed)::after {
   transform: rotate(90deg)!important;
}