# Our benefits

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/2Itl4eccIZtU4xXgY3Ti/section-benefits-3.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/0CRH64nbErszHzUm0Od1/section-benefits-2.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/Axo9po8RdXycdODs0Wsw/section-benefits.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/sHeJ7CBl3ehfHC0d9Cyu/section-benefits-mobile-3.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/zN867fyzD478CsBjTha2/section-benefits-mobile-2.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/IGFQMfTfpfum74By2pu5/section-benefits-mobile.png" alt=""><figcaption></figcaption></figure>

## **Adding a section**

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Our benefits`**.

## **Section settings**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/xNC8X26FCh0G65GKLFEg/benefits-settings.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - setting allows you to set the text for the title.

### Colors

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/Utg9IiFcsYYwPcRo9m08/benefits-settings-colors.png" alt=""><figcaption></figcaption></figure>

1. **`Block background` -** the setting is responsible for background color;
2. **`Block heading` -** the setting is responsible for heading color;
3. **`Block text`** - the setting is responsible for text color;
4. **`Block link`** - the setting is responsible for link color;
5. **`Block link (hover)`** - the setting is responsible for link color on hover.

### Layout

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/O6xdu7jpMld0YVmjgpXx/benefits-settings-layout.png" alt=""><figcaption></figcaption></figure>

1. **`Enable cards indents`** - enable the card indent between benefits blocks. You can use this when enabling card background;
2. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
3. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
4. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
5. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
6. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/dhSujy9JRejx76caHlwC/benefits-settings-block.png" alt=""><figcaption></figcaption></figure>

**Block limit** - `4`

1. **`Icon`** - setting allows you to set icon in the block;
2. **`Heading`** - setting allows you to set the heading in the block;
3. **`Text`** - setting allows you to set the text in the block;
4. **`Link label`** - setting allows you to set the text for the link in the block;
5. **`Link URL`** - setting allows you to set the URL for the link in the block.