<style>
.para{

   text-align: center;
}


.hero-section{
    height:600px;
    background-image:url("assets/img/about/About.png");
    background-size:100%;
    background-position:center;
    position:relative;
}

.hero-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
}

.hero-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    align-items:center;
}

.hero-title{
    color:white;
    font-size:60px;
    font-weight:700;
}

.hero-subtitle{
    color:white;
    font-size:20px;
    margin-bottom:25px;
}

.hero-btn{
    padding:12px 30px;
    font-size:18px;
    margin-right:10px;
}
.btn-primary{

   background: #0daf00!important;
}

</style>