[vc_row margin_top="-5" margin_bottom="160" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/1"][dt_fancy_title title="Icon &amp; content centred" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][dt_benefits_vc columns="3" style="1" dividers="false" image_background="true" target_blank="false" header_size="h5" content_size="normal" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="200" columns_number="3" image_hover_background_paint="accent" image_hover_background_color="#ffffff" icons_paint="accent" icons_color="#ffffff" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="hover" animate="at_the_same_time" image_background_size="62" icons_size="28" image_background_border_radius="100" image_background_border="custom" animation="rotateIn"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 200

<strong>Desired columns number:</strong> 3

<strong>Benefits layout:</strong> Image, title &amp; content centered

<strong>Icons backgrounds:</strong> Show

<strong>Border radius for image backgrounds:</strong> Custom

<strong>Border radius (in px):</strong> 100

<strong> Background size (in px):</strong> 62

<strong>Backgrounds color:</strong> Light

<strong> Backgrounds hover color:</strong> Accent

<strong>Icon size (in px):</strong> 28

<strong>Icons color:</strong> Accent

<strong>Icons hover color:</strong> Custom, #ffffff

<strong>Decorative lines:</strong> Accent

<strong> Title font size:</strong> H5

<strong>Content font size:</strong> Medium

<strong>Number of benefits to show:</strong> 6

<strong>Open link in:</strong> Same window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> rotateIn

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][vc_empty_space height="80px"][dt_benefits_vc columns="3" style="1" dividers="false" image_background="false" target_blank="false" header_size="h6" content_size="small" number="8" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="160" columns_number="4" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="light" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#81d742" decorative_lines="static" animate="one_by_one" animation="fadeInDown" image_background_size="38" icons_size="36" image_background_border="custom" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 160

<strong>Desired columns number:</strong> 4

<strong>Benefits layout:</strong> Image, title &amp; content centered

<strong>Icons backgrounds:</strong> Hide

<strong>Border radius for image backgrounds:</strong> Custom

<strong>Border radius (in px):</strong> 100

<strong>Background size (in px):</strong> 38

<strong>Backgrounds color:</strong> Light

<strong>Backgrounds hover color:</strong> Light

<strong>Icon size (in px):</strong> 36

<strong>Icons color:</strong> Light

<strong>Icons hover color:</strong> Accent

<strong>Decorative lines:</strong> Light

<strong>Title font size:</strong> H6

<strong>Content font size:</strong> Small

<strong>Number of benefits to show:</strong> 8

<strong>Open link in:</strong> Same window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> fadeInDown

<strong>Animate:</strong> One-by-One
[dt_gap height="10" /][/vc_toggle][vc_empty_space height="80px"][dt_benefits_vc columns="3" style="1" dividers="false" image_background="true" target_blank="true" header_size="h5" content_size="normal" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="200" columns_number="3" image_hover_background_paint="custom" image_hover_background_color="#34beec" icons_paint="custom" icons_color="#34beec" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="bounceIn" image_background_size="54" icons_size="24" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 200

<strong>Desired columns number:</strong> 3

<strong>Benefits layout:</strong> Image, title &amp; content centered

<strong>Icons backgrounds:</strong> Show

<strong>Border radius for image backgrounds:</strong> Default

<strong>Background size (in px):</strong> 54

<strong>Backgrounds color:</strong> Light

<strong>Backgrounds hover color:</strong> Custom color, #34beec

<strong>Icon size (in px):</strong> 28

<strong>Icons color:</strong> Custom color, #34beec

<strong>Icons hover color:</strong> Custom color, #ffffff

<strong>Decorative lines:</strong> Disabled

<strong>Title font size:</strong> H5

<strong>Content font size:</strong> Medium

<strong>Number of benefits to show:</strong> 6

<strong>Open link in:</strong> New window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> bounceIn

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="160" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/1"][dt_fancy_title title="Icon &amp; title inline" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][dt_benefits_vc columns="3" style="2" dividers="false" image_background="true" target_blank="true" header_size="h6" content_size="small" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="240" columns_number="3" image_hover_background_paint="accent" image_hover_background_color="#444444" icons_paint="light" icons_color="#ffffff" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="static" animate="at_the_same_time" image_background_size="36" icons_size="20" image_background_border="custom" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 240

<strong>Desired columns number:</strong> 3

<strong>Benefits layout:</strong> Image, &amp; title inline

<strong>Icons backgrounds:</strong> Show

<strong>Border radius for image backgrounds:</strong> Custom

<strong>Border radius (in px):</strong> 100

<strong>Background size (in px):</strong> 36

<strong>Backgrounds color:</strong> Light

<strong>Backgrounds hover color:</strong> Accent

<strong>Icon size (in px):</strong> 20

<strong>Icons color:</strong> Light

<strong>Icons hover color:</strong> Custom color, #ffffff

<strong>Decorative lines:</strong> Light

<strong>Title font size:</strong> H6

<strong>Content font size:</strong> Small

<strong>Number of benefits to show:</strong> 6

<strong>Open link in:</strong> New window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> none

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][vc_empty_space height="80px"][dt_benefits_vc columns="3" style="2" dividers="false" image_background="false" target_blank="true" header_size="h5" content_size="big" number="4" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="accent" column_width="240" columns_number="2" image_hover_background_paint="accent" image_hover_background_color="#444444" icons_paint="accent" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="fadeIn" image_background_size="28" icons_size="24" image_background_border="custom" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 240

<strong>Desired columns number:</strong> 2

<strong>Benefits layout:</strong> Image, &amp; title inline

<strong>Icons backgrounds:</strong> Hide

<strong>Border radius for image backgrounds:</strong> Custom

<strong>Border radius (in px):</strong> 100

<strong>Background size (in px):</strong> 28

<strong>Backgrounds color:</strong> Accent

<strong>Backgrounds hover color:</strong> Accent

<strong>Icon size (in px):</strong> 24

<strong>Icons color:</strong> Accent

<strong>Icons hover color:</strong> Accent

<strong>Decorative lines:</strong> Disabled

<strong>Title font size:</strong> H5

<strong>Content font size:</strong> Large

<strong>Number of benefits to show:</strong> 4

<strong>Open link in:</strong> New window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> fadeIn

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][vc_empty_space height="80px"][dt_benefits_vc columns="3" style="2" dividers="false" image_background="true" target_blank="true" header_size="h5" content_size="normal" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#e62a5a" image_background_paint="custom" column_width="240" columns_number="3" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="custom" icons_color="#ffffff" icons_hover_paint="custom" icons_hover_color="#e62a5a" decorative_lines="disabled" animate="at_the_same_time" animation="rubberBand" image_background_size="32" icons_size="18" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 240

<strong>Desired columns number:</strong> 3

<strong>Benefits layout:</strong> Image, &amp; title inline

<strong>Icons backgrounds:</strong> Show

<strong>Border radius for image backgrounds:</strong> Default

<strong>Background size (in px):</strong> 32

<strong>Backgrounds color:</strong> Custom color, #e62a5a

<strong>Backgrounds hover color:</strong> Light

<strong>Icon size (in px):</strong> 18

<strong>Icons color:</strong> Custom color, #ffffff

<strong>Icons hover color:</strong> Custom color, #e62a5a

<strong>Decorative lines:</strong> Disabled

<strong>Title font size:</strong> H5

<strong>Content font size:</strong> Medium

<strong>Number of benefits to show:</strong> 6

<strong>Open link in:</strong> New window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> rubberBand

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row][vc_row margin_bottom="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1" margin_top="0"][vc_column width="1/1"][dt_fancy_title title="Icon on the left" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][dt_benefits_vc columns="3" style="3" dividers="false" image_background="true" target_blank="false" header_size="h4" content_size="big" number="4" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="accent" column_width="240" columns_number="2" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="custom" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="zoomIn" image_background_size="50" icons_size="26" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 240

<strong>Desired columns number:</strong> 2

<strong>Benefits layout:</strong> Image on the left

<strong>Icons backgrounds:</strong> Show

<strong>Border radius for image backgrounds:</strong> Default

<strong>Background size (in px):</strong> 50

<strong>Backgrounds color:</strong> Accent

<strong>Backgrounds hover color:</strong> Light

<strong>Icon size (in px):</strong> 26

<strong>Icons color:</strong> Custom color, #ffffff

<strong>Icons hover color:</strong> Accent

<strong>Decorative lines:</strong> Disabled

<strong>Title font size:</strong> H4

<strong>Content font size:</strong> Large

<strong>Number of benefits to show:</strong> 4

<strong>Open link in:</strong> Same window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> zoomIn

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][vc_empty_space height="80px"][dt_benefits_vc columns="3" style="3" dividers="false" image_background="false" target_blank="false" header_size="h6" content_size="small" number="6" orderby="date" order="desc" category="iconfont,with-captions" image_background_color="#81d742" image_background_paint="light" column_width="240" columns_number="3" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="light" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#81d742" decorative_lines="static" animate="at_the_same_time" animation="fadeInUp" image_background_size="38" icons_size="30" image_background_border="custom" image_background_border_radius="100"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 240

<strong>Desired columns number:</strong> 3

<strong>Benefits layout:</strong> Image on the left

<strong>Icons backgrounds:</strong> Hide

<strong>Border radius for image backgrounds:</strong> Custom

<strong>Border radius (in px):</strong> 100

<strong>Background size (in px):</strong> 38

<strong>Backgrounds color:</strong> Light

<strong>Backgrounds hover color:</strong> Light

<strong>Icon size (in px):</strong> 30

<strong>Icons color:</strong> Light

<strong>Icons hover color:</strong> Accent

<strong>Decorative lines:</strong> Light

<strong>Title font size:</strong> H6

<strong>Content font size:</strong> Small

<strong>Number of benefits to show:</strong> 6

<strong>Open link in:</strong> Same window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> fadeInUp

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][vc_empty_space height="80px"][dt_benefits_vc columns="3" style="3" dividers="false" image_background="true" target_blank="true" header_size="h5" content_size="normal" number="4" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="240" columns_number="2" image_hover_background_paint="custom" image_hover_background_color="#97dd34" icons_paint="custom" icons_color="#97dd34" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="rotateIn" image_background_size="44" icons_size="24" image_background_border_radius="100" image_background_border="custom"][vc_empty_space height="45px"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]
<strong>VC Element:</strong> "Benefits"

<strong>Column minimum width (px):</strong> 240

<strong>Desired columns number:</strong> 2

<strong>Benefits layout:</strong> Image on the left

<strong>Icons backgrounds:</strong> Show

<strong>Border radius for image backgrounds:</strong> Custom

<strong>Border radius (in px):</strong> 100

<strong>Background size (in px):</strong> 44

<strong>Backgrounds color:</strong> Light

<strong>Backgrounds hover color:</strong> Custom color, #97dd34

<strong>Icon size (in px):</strong> 24

<strong>Icons color:</strong> Custom color, #97dd34

<strong>Icons hover color:</strong> Custom color, #ffffff

<strong>Decorative lines:</strong> Disabled

<strong>Title font size:</strong> H5

<strong>Content font size:</strong> Medium

<strong>Number of benefits to show:</strong> 4

<strong>Open link in:</strong> New window

<strong>Order by:</strong> Date

<strong>Order way:</strong> Descending

<strong>Animation:</strong> rotateIn

<strong>Animate:</strong> At the same time
[dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row]