@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@700&family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Playfair+Display:wght@400;700&family=Source+Serif+Pro:wght@600;700&display=swap');

.brdr{
  /*border-right: 1px solid #ebebeb;*/
  box-shadow: 1px 0px 0 0px rgb(255 255 255 / 24%);
  padding-left: 5px;
}
.dark-overlay.dark-overlay-3::before {
   /* background-color: rgba(0,0,0,.6);*/
     /*background-color: #222!important; */
}
.padd-tb{
  padding: 60px 0px;
}
@media screen and (max-width: 992px) {
  .metro_header-top {
    display: none;
  }
  .section > h4::before{
  content: '';
    position: absolute;
    top: 100%;
    left: 44%;
    width: 54px;
    height: 3px;
    background-color: #9f4f31;
}
.padd-tb{
  padding: 30px 0px;
}
 .img-fluid{
  width: 100%;
  height: auto;
 }

}
 .brd-btn{
 	 border-bottom: 1px solid #eee;
 }
 
 @media screen and (min-width: 992px) {
 .bnr-height{
  height: 600px;
 }
}
.metro_nutritional-factss{
 /* padding: 20px;
  border: 1px solid #ebebeb;*/
  /*margin: 0 0 20px;
  height: 446px!important;*/
}
.metro_ingredientss{
  padding: 0px;
  margin: 0 0 20px;
  border: none;
}
blockquote {
  background-color: #fff;
  position: relative;
  /*padding: 10px 0;
  margin: 20px 0;*/
  font-size: 18px;
  position: relative;
      padding: 0px 0px 0px 20px;
}
blockquote::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 5px;
  height: 100%;
  background-color: #9f4f31;
}
@media (max-width: 575px){
  blockquote {
    margin-top: 20px;
  }
   .mobile-tbp{
  padding: 15px;
 }
}
.gallery .gallery-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px;
}
.gallery a:hover{
  cursor: zoom-in;
}
.gallery-thumb:hover{
  cursor: zoom-in;
}
.bg-color{
/*  background-color: #571543;
  background-image: linear-gradient(120deg, #571543 0%, #662c55 74%);*/
/*  background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);*/
/*background-color: #a4508b;
background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);*/ /*selected
/*background-color: #9e8fb2;*/
/*background-color: #63d471;
background-image: linear-gradient(315deg, #63d471 0%, #233329 74%);*/
/*background-color: #2a2a72;
background-image: linear-gradient(120deg, #2a2a72 0%, #009ffd 74%);*/

/*background-color: #f8ceec;
background-image: linear-gradient(315deg, #f8ceec 0%, #a88beb 74%);*/
/*background-color: #FFDEE9;
background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);*/
/*background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);*/
/*background-color: #4158D0;
background-image: linear-gradient(4deg, #4158D0 0%, #C850C0 100%, #FFCC70 154%);*/
/*background: #b48766;*/
      background-color: #b48766;
background-image: linear-gradient(340deg, #dd8e53 0%, #893d24 74%);


}
.box-brdr{
  box-shadow: 0px 1px 0 0px rgb(255 255 255 / 24%);
}
@media (min-width: 991px){
.navbar-brand {
    max-width: 350px;
}
.metro_banner-text h1{
  padding-top: 200px;
}
}

.section-popular{
      background-color: #f3f5fa;
}
.section-video{
  background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
  border-top: 3px solid #893d24;
}
.section-video h4{
      color: #fff;
}

.section-gallery{
   background-color: #CE97B0;
}
.metro_footer-copyright a{
 color: #fff!important;
}
/*.metro_header-top-inner ul li i{
  color: #cf9b67!important;
}*/
.section-title h1{
  text-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px!important;
  margin: 0em 0 1em 0;
  color: #343434;
  font-weight: normal;
  font-family: 'Source Serif Pro', serif; 
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
  text-shadow: 0 2px white, 0 3px #777;
  letter-spacing: 2px;
  /*border: 1px solid #eee;*/

}
.section-titles h1{
  text-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px!important;
  margin-bottom: 12px;
  font-weight: normal;
font-family: 'Source Serif Pro', serif;
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
  text-shadow: 0 2px white, 0 3px #777;

}
@media (max-width: 768px){
.section-title h1{
    font-size: 28px;
}
}