body{
font-size: 1rem !important;
line-height: 30px !important;
}
.breadcrumb{
display: none !important;}
#hero .hero-component{height: 25vw;}

#hero .hero-content-width{
max-width: 46vw;}
#recent .c__container-2{
max-width: 1140px !important;}
@media screen and (min-width: 1200px){
.c__container-2{
max-width: 990px !important;}
}
@media screen and (max-width: 768px){

.navbar-nav .nav-item.active{
padding: 0px !Important;
width: fit-content;
}
#hero{
background: #580f8b;}
#hero .hero-component{height: 0px;}
#hero .hero-box{
display: block
}
#hero .hero-description, #hero .hero-heading{
color : #fff ;
}
#hero .hero-description{
font-size: 1.2rem
}
#hero .hero-heading{
font-size: 2rem
}
}