/* MAIN PAGE */

header .row{height: 166px;}
.main_head{background-color: #1F2629;width: 100%;
            
            background-image: url('/img/bg.png?v=3');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;min-height: 300px}


.edit-icon {
  font-size: 16px;
  cursor: pointer;
  color: red;
  margin: auto;
  
  padding: 5px;
}
.cms {
  border: 3px solid blue;
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 999;
}
.services{background-color: #EFEFEF;width: 100%;padding: 60px 0px;}
.services .title{font-family: Montserrat;
font-weight: bold;
font-size: 16px;
color: #2B2B2B;margin-bottom: 10px;}
.services .text{font-family: Montserrat;
font-weight: normal;
font-size: 14px;
color: #2B2B2B;}


.about{width: 100%;padding: 60px 0px;}
.about .title{font-family: Montserrat;
font-weight: bold;
font-size: 16px;
color: #2B2B2B;margin-bottom: 10px;}
.about .text{font-family: Montserrat;
font-weight: normal;
font-size: 14px;
color: #2B2B2B;}


.food-card {
  width: 100%;
  height: 350px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.food-card .text-container {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.food-card .title {font-family: Montserrat;
font-weight: normal;
font-size: 14px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
  color: #333;
  border-radius: 20px;
  margin-bottom: 10px;
}

.food-card .price {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 8px 16px;
  font-family: Montserrat;
font-weight: normal;
font-size: 14px;
  color: #333;
  border-radius: 20px;
}

.btn-food{
  position: absolute;
  bottom: -20px;
  left: 35%;
  transform: translateY(5%);
  background-color: #00973F;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 25px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  z-index: 999;
  border: 5px solid #efefef;
}

.btn-food:hover {
  background-color: #007c30;
  transform: scale(1.05);
}

.main_head .title,.main_head .title2{font-family: Montserrat;
font-style: normal;
color: #C2C2C2;}
.main_head .title2{margin: 10px 10px 100px 0px;}
.main_head_text{padding: 30px}
.feacher_icons{display: flex;justify-content: space-around;}
.feacher_icon{text-align: center;}
.feacher_icon .img{height: 60px;height: 35px;
  justify-content: center;
  align-items: center;
  display: flex;}

   

.main_head .item a{font-family: Roboto;font-style: normal;font-weight: 500;font-size: 24px;line-height: 150%;color: #E3E3E3;white-space: nowrap;}
.main_head .item img{margin-right: 10px;}
@media screen and (max-width: 767px){
  .image-container div>a{background-size: cover;display: flex;
  height: 220px;border-radius: 30px;}
  header .row {
  height: 75px;
}
.main_head .row{background: rgba(0, 0, 0, .8);}

}
@media screen and (min-width: 768px){
     .main_head .item {
  margin-left: 15px;
  min-width: 188px;
}

   
    header{height: 130px;}
    .main_head .title {font-size: 16px;font-weight: bold;}
    .main_head .title2{font-size: 14px; font-weight: normal;margin-right: 50px;}
}

@media screen and (min-width: 1800px){
    .main_head .item{margin-left: 15px;
min-width: 270px;}
   }