:root {
    --block-h: 350px;
    --block-title: 35px;
    --block-h1-mr: 0 5%;
    --block-h1-align: center;
    --block-v-pd-t: 5%;
    --block-c-pd: 3% 5%;
    --block-w: 95%;
    --block-mr: 0 2.5% 2.5%;
}

/*============ VAD section ===========*/
#section-vad {
    background-image: url('../img/vad_prod/background.png');
    background-color: #00B76C;
}

#section-vad>h1 {
    color: white;
    font-family: "Raleway Extra Bold";
    font-size: var(--block-title);
    font-weight: bold;
}

#section-vad p.section-vad-value {
    color: #205CA5;
    background-color: #FEF8E3;
    font-family: "Montserrat Medium";
    font-size: 72px;
}

#section-vad p.section-vad-value span.vad-value-append {
    color: #1FBE7A;
    font-family: "Montserrat Medium";
    font-size: 15px;
}

#section-vad p.section-vad-caption {
    color: #F9CF46;
    background-color: white;
    font-family: "Raleway Black";
    font-size: 16px;
}

img.section-vad-img {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.block-round-vad {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.block-round-vad>p {
    margin-bottom: 0;
}

/*===================================== < 576px */

.block-round-vad {
    height: var(--block-h);
}

#section-vad>h1 {
    margin: var(--block-h1-mr);
    text-align: var(--block-h1-align);
}

#section-vad p.section-vad-value {
    height: 75%;
    position: relative;
    padding-top: var(--block-v-pd-t);
}

#section-vad p.section-vad-caption {
    height: 25%;
    padding: var(--block-c-pd);
}

.col-custom-vad-33 {
    flex: 0 0 auto;
    width: var(--block-w);
    margin: var(--block-mr);
}

/*=====================================*/

@media (min-width:576px) {
    :root {
        --block-h: 400px;
        --block-title: 45px;
        --block-h1-mr: 0 5% 0.5rem 10%;
        --block-h1-align: center;
        --block-v-pd-t: 7%;
        --block-c-pd: 5% 20%;
        --block-w: 100%;
        --block-mr: 0 0 5% 0;
    }
}

@media (min-width:768px) {
    :root {
        --block-h: 400px;
        --block-title: 45px;
        --block-h1-mr: 0 10% 0.5rem;
        --block-h1-align: center;
        --block-v-pd-t: 3%;
        --block-c-pd: 5% 10%;
        --block-w: 90%;
        --block-mr: 0 6% 5% 6%;
    }
}

@media (min-width:992px) {
    :root {
        --block-h: 320px;
        --block-title: 45px;
        --block-h1-mr: 0 10% 0.5rem;
        --block-h1-align: left;
        --block-v-pd-t: 15%;
        --block-c-pd: 2% 5%;
        --block-w: 31.3%;
        --block-mr: 0 1% 3% 1%;
    }
}

@media (min-width:1200px) {
    :root {
        --block-h: 320px;
        --block-title: 45px;
        --block-h1-mr: 0 10% 0.5rem;
        --block-h1-align: left;
        --block-v-pd-t: 10%;
        --block-c-pd: 5% 5%;
        --block-w: 31.3%;
        --block-mr: 0 1% 2% 1%;
    }
}

@media (min-width:1400px) {
    :root {
        --block-h: 375px;
        --block-title: 45px;
        --block-h1-mr: 0 10% 0.5rem;
        --block-h1-align: left;
        --block-v-pd-t: 10%;
        --block-c-pd: 5% 10%;
        --block-w: 31.3%;
        --block-mr: 0 1% 2% 1%;
    }
}

@media (min-width:1600px) {
    :root {
        --block-h: 400px;
        --block-title: 45px;
        --block-h1-mr: 0 15% 0.5rem;
        --block-h1-align: left;
        --block-v-pd-t: 15%;
        --block-c-pd: 5% 10%;
        --block-w: 31.3%;
        --block-mr: 0 1% 2% 1%;
    }
}