:root {
    --lqd-body-font-family: 'Be Vietnam Pro', sans-serif !important;
    --lqd-accent-font-family: 'Be Vietnam Pro', serif !important;
    --lqd-heading-font-family: 'Be Vietnam Pro', Sans-serif !important;
}


/* marcador en banner */
.banner .lqd-highlight-inner .lqd-highlight-brush-svg-2 {
    fill: yellow !important;
}

.bc-sameHeight {
    /*min-height: 90px;*/
}

/* Header */
/* Header */

.bg-yellow {
    background-color: yellow;
}

.bg-purple {
    background-color: #422F8A;
}

.main-header .module-header .btn:hover {
    color: #000 !important;
    background-color: var(--lqd-color-purple-100);
}

.main-header .module-header .btn-solid:hover {
    transform: none !important;
}

.is-stuck .module-header .btn {
    color: #FFFFFF;
    background-color: #422F8A;
    background-image: linear-gradient(90deg, var(--lqd-color-secondary) 0%, var(--lqd-color-tertiary) 100%);
}

/* Servicios */
/* Servicios */
.design-services .module-shape {
    left: -4%;
    top: -20%;
}

.design-services .lqd-iconbox-scale:hover {
    background-color: var(--lqd-color-purple-100);
}

/* Cases from SaaS */
/* Cases from SaaS */

/* ***** Use Cases ***** */
.use-cases .lqd-tabs-nav li a.active {
    background: #ffffff;
}

.use-cases .lqd-tabs .lqd-tabs-nav li a.active .lqd-tabs-nav-ext {
    /*display: block;*/
}

@media (max-width: 767px) {
    .use-cases .module-title {
        margin-bottom: 35px;
    }

    .use-cases .lqd-tabs-nav-wrap {
        margin-bottom: 1.5em;
    }

    .lqd-tabs-style-13 .lqd-tabs-content {
        margin-bottom: 0;
    }
}


/* Solutions from SaaS */
/* Solutions from SaaS */

/* ***** Solutions ***** */
.solutions .lqd-tabs-style-2 .lqd-tabs-nav li a.active .lqd-tabs-nav-progress-inner {
    transform-origin: left;
    transform: scaleX(1);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .solutions .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-container {
        width: 55px;
        height: 55px;
        font-size: 23px;
    }

    .solutions .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-wrap {
        margin-inline-end: 20px;
    }

}

@media (max-width: 991px) {
    .solutions {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .solutions .module-content {
        margin-bottom: 35px;
    }

    .solutions .lqd-tabs-nav li {
        flex-basis: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .solutions {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 991px) {
    .services-element {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}


/* Custom */
.solutions .module-shape {
    left: -10%;
    top: -30%;
}

.lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress {
    margin-top: 1em;
}

.companies .btn-md:hover, .companies .btn-md:focus {
    color: #000;
    background-color: #F0DB4F;
}

.lqd-pf-item-style-1 .lqd-pf-details {
    right: 4%;
    left: 4%;
}

/*  Design Services  */
.design-services .lqd-iconbox-scale:hover {
    transform: scale(105%) !important;
}


/* HERO */
@media (max-width: 991px) {
    .banner .ld-fancy-heading h1 {
        font-size: 12vw !important;
        margin-bottom: 40px !important;
    }

    .banner .ld-fancy-heading-sub {
        font-size: 7vw !important;
    }

    .portfolio-hero {
        min-height: 100px !important;
        padding-top: 20px !important;
    }
}

.portfolio-hero {
    min-height: 220px;
    padding-top: 130px;
}

.letter-spacing-normal {
    letter-spacing: -2px;
}


@media (max-width: 991px) {
    .project-description {
        padding-bottom: 10px !important;
    }

    .our-vision {
        padding-top: 10px !important;
    }

    .project-logo {
        width: 60% !important;
    }
    .client-logo {
        padding:25px !important;
    }

    .h2Title {
        font-size: 40px !important;
    }
    .h2Subtitle {
        padding-left:20px !important;
        padding-right:20px !important;
        font-size: 16px !important;
    }
    .processSubtitle {
        font-size: 35px !important;
    }
    .processParagraph {
        font-size: 16px !important;
    }

    .lqd-modal-inner .container {
        padding:10px !important;
    }

}

@media (max-width: 767px) {
    .design-services h2 {
        /*background-color: red;*/
        /*font-size: 38px !important;*/
    }

    .design-services {
        padding: 90px 10px;
    }

    .design-services .module-shape {
        left: 10px !important;
    }

    .design-services .services-subtitle {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.project-other {
    min-height: 300px !important;
}

.cta-wa:hover {
    color: #000 !important;
    background-color: #F0DB4F !important;
    box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22);
}

.contact-footer-submit {
    border: 0px;
}
.contact-footer-submit:hover {
    background-color: #5B21B6 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
    box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22);
}

.lqd-testi-style-18::before {
    content: "";
    display: inline-block;
    height: 7px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 5px;
    background-color: #5530B7;
    -webkit-mask-image: linear-gradient(60deg, transparent 35%, #000 40%);
    mask-image: linear-gradient(60deg, transparent 35%, #000 40%);
}

/*.our-vision .lqd-section-flow-panel-end {*/
/*    padding-left: 8% !important;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .lqd-section-flow-panel-end .lqd-section-flow-item {*/
/*        opacity: 1.0 !important;*/
/*    }*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .lqd-section-flow-panel-end .lqd-section-flow-item {*/
/*        opacity: 1.0 !important;*/
/*    }*/
/*}*/