.hero-section .hero-text-col{
    padding-inline: var(--padding-inline);
}
.hero-section .hero-text-col p{
    text-align: justify;
}
@media(min-width:768px){
    .hero-section .row{
        display: flex;
        flex-wrap: wrap;
    }
    .hero-section .row .col{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 49%;
        flex-grow: 1;
    }
    .hero-section .row .hero-img-col{
        padding: var(--padding-inline);
        width: 25%;
    }
}