.about_content{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

h1{
    color: #fff;
}

.banner_about{
    position: relative;
    margin-bottom: 6rem;
}

.banner_about img {
    width: 100%;
}

.content h2{
    color: #362dde;
    margin-bottom: 1.2rem;
}

.heading_content.content.mb-5 h2 span{
   display: block;
    position: relative;
}

.heading_content.content.mb-5 h2 span:after{
    left: auto;
    right: 80%;
}

.content.mb-5 h2 span{
    color: #000;
    display: inline-block;
    position: relative;
}

.content h2 span:after{
    content: '';
    width: 7rem;
    height: 1px;
    background: #362dde;
    position: absolute;
    left: 105%;
    top: 50%;
    transform: translateY(-50%);
}


.shadow_box h4 {
   font-size: 1.2rem;
    padding-left: 40px;
    line-height: 1;
    background: #fff;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
    border-radius: 5px;
    margin-bottom: 1.5rem;
    position: relative;
    padding: 12px 10px 12px 42px;
}



.shadow_box h4:before{
    content: '';
    background: url(../images/arrow_listing.png) center top no-repeat;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.gray_box{
    background: #f8f8f8;
    background: #f8f8f8;
    padding: 1.5rem 2rem;
}


@media screen and (max-width: 600px){
    .heading_content.content.mb-5 h2 span:after{
        right: 60%;
    }
    
    .banner_about img{
        min-height: 33vh;
        width: 100%;
    }
}