i have a div with the code below and i want to make it skewed in one side by 45 degrees and all other three sides should be normal, the code is

<div class="abttitlecont">
            <div class="abttitle"><h1>ِAbout</h1></div>
            <div class="abtco"></div>
        </div>

here is a reference image to how i want the shape to be

enter image description here

i tried many methods like transform: skew(45deg)

but it didnt work like i expected.