.mb-20
{
  margin-bottom: 20px;
}
.black-color
{
 color: black!important;
}
.new-bg{
	background-color: #f8f8f800;
}
.footer-bg{
  background-color: #f8f8f800;
}
.food-blog{
  border: 1px solid rgb(232, 232, 232);
  border-radius: 10px!important;
  box-shadow: none!important;
}
.pink-bg{
background: rgb(255, 251, 247);
}
.title-hero-bg1{
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-height: 550px;
  -webkit-background-size: cover;

}
.bottom-left {
position: absolute;
bottom: 42px;
padding: 0rem 1.6rem;
  font-size: 1.8rem;
line-height: 1.5;
  margin: 0px;
  color: rgb(255, 255, 255);
 
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.bottom-left1 {
position: absolute;
bottom: 0px;
line-height: 1.5;
  margin: 0px;
  color: rgb(255, 255, 255);
  padding: 0rem 1.6rem;
  font-size: 1.8rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.panel-body li {
float: left;
margin: 0 15px;
}
.get-padding
{
padding: 0px 40px!important;
 
}
.thumbnails {
height: 300px;
display: flex;
position: relative;
overflow: hidden;
transition: transform .3s;
border-radius: 0.6rem;
}

.thumbnails img {
width: 100%;
object-fit: cover;
object-position: 50% 20%;
}

.black {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 85%);
  width: 100%;
  height: 100%;
  position: absolute;
}


.title {
bottom: 42px;
padding: 0rem 1.6rem;
  font-size: 1.8rem;
color: #fff;
/* font-size: 2em; */
position: absolute;
z-index: 10;
}

.black, .title {
transition: opacity .3s;
}
.collection-padding
{
padding-left: 5px;
  padding-right: 5px;
}

.wrapper .search_box{
width: 700px;
background: #fff;
border-radius: 5px;
height: 65px;
display: flex;
padding: 10px;
box-shadow: 0 8px 6px -10px #b3c6ff;
}
.wrapper .search_box .dropdown{
width: 150px;
border-right: 2px solid #dde2f1;
color: #9fa3b1;
position: relative;
cursor: pointer;
}
.wrapper .search_box .dropdown .default_option{
text-transform: uppercase;
padding: 13px 15px;
font-size: 14px;
}

.wrapper .search_box .dropdown ul{
position: absolute;
top: 70px;
left: -10px;
background: #fff;
width: 150px;
border-radius: 5px;
padding: 20px;
display: none;
box-shadow: 8px 8px 6px -10px #b3c6ff;
}

.wrapper .search_box .dropdown ul.active{
display: block;
}

.wrapper .search_box .dropdown ul li{
padding-bottom: 20px;
}

.wrapper .search_box .dropdown ul li:last-child{
padding-bottom: 0;
}
.wrapper .search_box .dropdown ul li:hover{
color: #6f768d;
}

.wrapper .search_box .dropdown:before{
content: "";
position: absolute;
top: 18px;
right: 20px;
border: 8px solid;
border-color: #5078ef transparent transparent transparent;
}

.wrapper .search_box .search_field{
width: 350px;
height: 100%;
position: relative;
}
.mt-70{
    margin-top: 70px;
  }

.wrapper .search_box .search_field .input{
width: 100%;
height: 100%;
border: 0px;
font-size: 16px;
padding-left: 20px;
padding-right: 38px;
color: #6f768d;
}
.wrapper .search_box .search_field .fas{
position: absolute;
top: 10px;
right: 10px;
font-size: 22px;
color: #5078ef;
cursor: pointer;
}