Need some changes in website with CSS Codes

Store Design
1

Need some changes in website with CSS Codes , please inform the CSS Code and where to write them in the Theme

Buttons.png
Buttons.png1024×728 138 KB

Bold 1.png
Bold 1.png1011×621 684 KB

2

Hello @Pakistanpowerto
Please add this CSS at the last of the file

Online store->Actions->Edit code-> Assets->base.css

.header__heading-link .h2,.header,.header__heading,.announcement-bar__message{font-weight:600!important}
.section-collection-list .collection-list .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}
3

Dear Mr.Dipen ,Thanks for the reply, edited the code and its working properly.

But one Issue is coming there is no space between the collection button + i have made third collection its not coming on top, please the picture.

ccd1.png
ccd1.png1027×728 295 KB

four.png
four.png1024×640 142 KB

https://www.pakistanpowertool.com/

website add