@media (min-width: 768px) {

.hero-carousel-outer {
    min-height: 480px !important;
}
.hero {
    min-height: unset !important;
    max-height: min-content !important;
    height: -webkit-fill-available;
}
.carousel-inner {
    min-height: fit-content !important;
		background-color:#ecedee !important;
} 
}
.multi-card-grid  .heading-3{
font-size:22px;
}
@media only screen and (max-width:767px){
.multi-card-grid .hero-carousel-outer {
    min-height: 480px !important;
}
.multi-card-grid .hero {
    min-height: unset !important;
    max-height: min-content !important;
   }
.multi-card-grid .carousel-inner {
    min-height: fit-content !important;
	background-color:#ecedee !important;
} 


}


.decorated{
     overflow: hidden;
     text-align: center;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid #53565a;
    width: 100vw;
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}