/* ******************************************** */
/** UTILITIES: GENERAL
/* ******************************************** */

/* TAP SIZE */

.u-tap-size{
    position: relative;
}


/* SECONDARY GRADIENT BG */

.u-primary-bg,
.u-secondary-bg{
    position: relative;
}

.u-primary-bg{
    background: linear-gradient(90deg, rgba(4,193,92,1) 0%, rgba(0,145,47,1) 100%);
}

.u-secondary-bg{
    background: linear-gradient(90deg, rgba(0,155,255,1) 0%, rgba(0,122,255,1) 100%);
}

.u-primary-bg:after,
.u-secondary-bg:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/static/pattern.svg);
    opacity: 0.05;
}


/* SEO */

.u-hidden-for-seo{
    position: absolute;
    left: -9999px;
}

.u-hidden-xs{
    display: none;
}

/* SEPARATOR */

.u-separator{
    margin-top: var(--separator);
}

/* CENTER */

.u-center{
    text-align: center;
}

/* UNDERLINED */

.u-underlined{
    position: relative;
}

.u-underlined:before{
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    right: 0;
    height: 0.5em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .8;
    z-index: 10;
}

.u-underlined--black:before{
    background-image: url(../../images/static/underline.svg);
}

.u-underlined--white:before{
    background-image: url(../../images/static/underline-white.svg);
}


@media (min-width:768px){

    .u-hidden-xs{
        display: block;
    }

}

/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width:980px){

    .u-hidden-lg{
        display: none;
    }

}