Benefits

DVaaS can unlock your ambitions for better knowledge, deeper understanding and more actionable decisions

Data Management

Overcome problems of data management, availability and fragmentation.

Drive Data Engagement

Improve user engagement with analytics by making data more reliable and more complete.

Data Compliance

Make decisions safely, using data that is compliant, adherent to privacy regulations and secure.

Reduced Staff Costs

Avoid the need to find and hire additional skills in data management and analytics tools in your business.

Fast to Market

Start receiving interrogable and usable insights within weeks, not months.

Evolves with you

As your data sources expand, or your analytics agenda changes, we adapt your analytics platform to your evolving needs.

Global Service Desk

Award-winning 24/7 global service desk, manned with Tableau and Power BI experts, for performance or downtime issues.

Cost Savings

Even when compared to hiring a small team in-house, we’ve seen DVaaS deliver better results for 1/3 of the cost.

Best-in-class Analytics Tools

Top tier talent combined with our Art+Data methodology means that you’ll be able to establish a visual identity and your users will love the engaging with the platform.

Stress-free Analytics

Because DVaaS is fully-hosted by Calligo, there are no headaches on the maintenance or management of the platform.

Evolves with You

Your business changes and your users make product requests. With DVaaS, you’ll never have out-of-date or irrelevant information.

Fields
PHP
SCSS
JavaScript
Pages
Notes

Field

Field Type

Field Name

Instructions

Block Data

tab

Heading Type

select

heading_type

Heading Text

textarea

heading_text

Grid Type

button_group

grid_type

Benefits

repeater

benefits

-- Icon

image

icon

Upload image having size 1280 X 715px

-- Title

text

title

-- Text

textarea

text

Block Meta

tab

text

block_id

Block Classes

text

block_classes

Background Colors

select

background_colors

Padding Top

select

padding_top

Padding Bottom

select

padding_bottom

Margin Top

select

margin_top

Margin Bottom

select

margin_bottom

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-benefits{
    padding: 3em 0;
    
    @include bp($lg){
        padding: 6em 0;
    }

    @include bp($xl){
        padding: rem-calc( 130 0 155 0 );
    }

    .heading{
        font-size: rem-calc(20);
        line-height: rem-calc(28);
        letter-spacing: 0.05em;
        font-weight: 400;
        margin-bottom: rem-calc(32);
        color: $black;

        @include bp($lg){
            font-size: rem-calc(40);
            line-height: rem-calc(48);
            margin-bottom: rem-calc(56);
        }
    }

    &-row{
        margin-bottom: rem-calc(24);
    }
    &__item{
        text-decoration: none;
        position: relative;
        border-radius: rem-calc(16);
        overflow: hidden;
        display: block;
        border: 1px solid #9F9F9F;
        padding: rem-calc(24 20);
        color: $black;
        
        @include bp($lg){
            border-radius: rem-calc(32);
            padding: rem-calc(42 40);
            height: 100%;
        }

        &__icon-wrapper{
            margin-bottom: rem-calc(32);
            height: 65px;
            display: flex;
            align-items: center;
            
            img{
                max-height: 65px;
                max-width: 65px;
            }
        }

        &__heading{
            font-size: rem-calc(24);
            line-height: rem-calc(32);
            font-weight: 600;
            margin-bottom: rem-calc(8);
            letter-spacing: 0.05em;
        }

        &__text{
            font-weight: 400;
            font-size: rem-calc(16);
            line-height: rem-calc(24);
            letter-spacing: 0.05em;
        }
    }

    &.bg--primary{
        .heading{
            color: $white;
        }
        .block-benefits__item{
            color: $white;
            border: 1px solid rgba(255, 255, 255, 0.5);
        }
    }
}

There are is no JavaScript file with this component.