.image{
    object-fit: contain!important;
    position: relative!important;
    width: 100%!important;
    height: 350px!important;
    overflow: hidden!important;
    background-color: #dde3e6!important;
}
.hero-banner-five .hero-heading{
    font-size: 40px!important;
}
@media screen and (max-width: 767px) {

    .hero-banner-five .hero-heading {
    font-size: 20px!important;
    }
    .main-title{
      white-space: nowrap!important;
    }
}
@media screen and (!max-width: 767px) {

   
    .main-title{
      white-space: nowrap!important;
    }
}

.blog-meta-one .post-data {
padding: 25px 40px 55px 30px!important;
position: relative!important;
background-color: #!important;
text-align: center!important;
/* background-color: #dde3e6!important; */
min-height: auto!important;
}
.blog-meta-one {
max-width: 516px!important;
background-color: #f1f2f5!important;
border-radius: 2px!important; 
height: 85%!important;
position: relative!important;
border: 1px solid #c3c0c0!important;
box-shadow: unset!important;
}
.footer_pattern{
position: absolute!important;
left: -216px!important;
bottom: 160px!important;
z-index: 11!important;
}
.pattern{ position: fixed!important; right: -216px!important; top:-70px!important; z-index: 11!important; }


body{

overflow-x: hidden!important; 
}
.hero-banner-five {
min-height: 550px!important;
background-color:transparent!important;
height: 100vh!important;
height: calc(100vh - 100px)!important;
padding: 10px 10px 10px!important;
position: relative!important;
cursor:pointer!important;
width: 100%!important;
/* display: flex!important; */
margin-bottom: -290px!important;
/* align-items: center!important; */
/* justify-content: end!important; */
}
.banner-bgs{
position: absolute!important;
top: 0px!important;
left: 0px!important;
width:100%!important;
height:55%!important;
z-index:0!important; background-size: cover !important; }

/* Gallery/Video header banner */
.inner_bnr{ height: 370px; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.inner_bnr div{ display:block; width:100%; height: 100%; position: relative; overflow: hidden; }
.inner_bnr .innerbg-img{ background-size: cover; background-position: right top; background-repeat: no-repeat; }
@media (max-width: 767px) {
  .inner_bnr { height: 200px; }
}