:root{
  --highlight:cubic-bezier(0,-1.04,1,2.02);
  --pop:cubic-bezier(0,-1.04,1,2.02);
}

html {
  scroll-behavior:smooth; 
  background-color:#ffffff;      
}
body{
 overflow-x: hidden;
}




.header{
  width:100%;
  height:80vh;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 5rem 0rem;
}

.headerbg{
  width:100%;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius:17px;
  position: relative;
  overflow: hidden;
}

.blur_himg{
  width: 80vw;
  filter:blur(3px);
  position:absolute;
  z-index:0;
  margin-top:8rem;
}
.himg{
  width: 80vw;
  opacity: 0;
  transition: opacity 0.4s ease-out;
  z-index:1;
  margin-top:8rem;
}


.mkfmheaderlogo{
filter: invert(100) brightness(2);
position:absolute;
z-index:2;
}








.container{
  
}

.resholder{
  margin:auto;
  width:min(80%,2300px);
}













.leftcard{
  width:45%;
  padding:2rem;
  display:flex;
  justify-content: center;
  align-items: center;
  }
  
  .rightcard{
  width:45%;
  padding:2rem;
  display:flex;
  flex-direction: column;
  justify-content: center;
  }









#map{
  
  width: 100%;
  height:100%;

}




.main_text{
  display: flex;
  width: 100%;
  justify-content: space-around;
}

.text_box{
  font-weight: 400;
  line-height: 1.8rem;
  display:flex;
  flex-direction: column;
  gap: 2.4rem;
}




.galleries{
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin:7rem 0 10rem;
}


.hours_box{
  width:350px;
  border-radius: 12px;
  padding:2.5rem;
  margin-top:-1rem;
}

.hours_box > p{
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.hours_box > span{
  display: flex;
  width: 100%;
  font-weight: 400;
  justify-content: space-between;
  margin: 0.4rem 0;
}




.fbframeholderthing{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5rem;
  background-image: url("./img/wooden-plank-textured-background-material_53876-31378.jpeg");
  border-radius: 17px;
  margin-bottom: 3rem;
  background-size: cover;
}


.widget_holder{
  position: relative;
  z-index: 2;
  width: 500px;
  /*
  filter:drop-shadow(-20px 0px 50px gray);
  */
  overflow:visible;
}

.fb-page{
  opacity:1;
  border-radius:9px!important;
  overflow: hidden!important;
  box-shadow: 0px 0px 60px #000000b8;
  margin:-2px -2px;
}