/*<!-- micronico-- >
  <!-- Fecha INICIO: 12/02/2025 - Demo para Micronico WEB -->
  <!-- Fecha FIN: --/02/2025 - Demo para Micronico WEB -->
  <!-- OBJETIVO: Demo WEB con mediapipe: Vision por computadora, deteccion de objetos. -->*/


/* Copyright 2023 The MediaPipe Authors.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. */


@use "@material";

body {
    font-family: roboto;
    margin: 2em;
    color: #3d3d3d;
    --mdc-theme-primary: #007f8b;
    --mdc-theme-on-primary: #f1f3f4;
}

h1 {
    color: #007f8b;
}

h2 {
    clear: both;
}

em {
    font-weight: bold;
}

video {
    clear: both;
    display: block;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

section {
    opacity: 1;
    transition: opacity 500ms ease-in-out;
}

.mdc-button.mdc-button--raised.removed {
    display: none;
}

.invisible {
    opacity: 0.2;
}

.videoView,
.detectOnClick {
    position: relative;
    float: left;
    width: 48%;
    margin: 2% 1%;
    cursor: pointer;
}

    .detectOnClick p {
        position: absolute;
        padding: 5px;
        background-color: #007f8b;
        color: #fff;
        border: 1px dashed rgba(255, 255, 255, 0.7);
        z-index: 2;
        font-size: 12px;
        margin: 0;
    }

    .videoView p {
        position: absolute;
        padding-bottom: 5px;
        padding-top: 5px;
        background-color: #007f8b;
        color: #fff;
        border: 1px dashed rgba(255, 255, 255, 0.7);
        z-index: 2;
        font-size: 12px;
        margin: 0;
    }



.highlighter {
    background: rgba(0, 255, 0, 0.25);
    border: 1px dashed #fff;
    z-index: 1;
    position: absolute;
}

.detectOnClick {
    z-index: 0;
}

    .detectOnClick img {
        width: 100%;
    }

.navigation-links-wrapper {
    display: contents;
}

.navigation-links-nav {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.navigation-links-text2 {
    margin-left: var(--dl-space-space-twounits);
}

.navigation-links-text3 {
    margin-left: var(--dl-space-space-twounits);
}

.navigation-links-text4 {
    margin-left: var(--dl-space-space-twounits);
}

.navigation-links-text5 {
    margin-left: var(--dl-space-space-twounits);
}



@media(max-width: 767px) {
    .navigation-links-nav {
        align-items: flex-start;
        flex-direction: column;
    }

    .navigation-links-text2 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-links-text3 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-links-text4 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-links-text5 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }
}

.navigation-links-wrapper-p3bx {
    display: contents;
}

.navigation-links-nav1 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.navigation-links-text7 {
    margin-left: var(--dl-space-space-twounits);
}

.navigation-links-text8 {
    margin-left: var(--dl-space-space-twounits);
}

.navigation-links-text9 {
    margin-left: var(--dl-space-space-twounits);
}

.navigation-links-text10 {
    margin-left: var(--dl-space-space-twounits);
}

















@media(max-width: 767px) {
    .navigation-links-nav1 {
        align-items: flex-start;
        flex-direction: column;
    }

    .navigation-links-text7 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-links-text8 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-links-text9 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-links-text10 {
        margin-left: 0;
        margin-bottom: var(--dl-space-space-unit);
    }
}

.navbar-wrapper {
    display: contents;
}

.navbar-navbar-container {
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
}

.navbar-image1 {
    width: 106px;
}

.navbar-nav1 {
    display: flex;
}

.navbar-icon10 {
    width: var(--dl-size-size-xsmall);
    height: var(--dl-size-size-xsmall);
}

.navbar-nav2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.navbar-container1 {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--dl-space-space-threeunits);
    justify-content: space-between;
}

.navbar-image2 {
    width: 106px;
}

.navbar-menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-icon12 {
    width: var(--dl-size-size-xsmall);
    height: var(--dl-size-size-xsmall);
}

.navbar-primary-btn {
    margin-top: var(--dl-space-space-oneandhalfunits);
}

.navbar-social-media {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.navbar-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: var(--dl-space-space-oneandhalfunits);
}

.navbar-container2 {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.navbar-icon14 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
    margin-right: var(--dl-space-space-twounits);
}

    .navbar-icon14:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.navbar-icon18 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
    margin-right: var(--dl-space-space-twounits);
}

    .navbar-icon18:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.navbar-icon22 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
    margin-right: var(--dl-space-space-twounits);
}

    .navbar-icon22:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.navbar-icon24 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

    .navbar-icon24:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

@media(max-width: 767px) {
    .navbar-nav1 {
        display: none;
    }
}

.feature-card-wrapper {
    display: contents;
}

.feature-card-card {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    max-width: 285px;
    align-items: center;
    padding-top: var(--dl-space-space-oneandhalfunits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
}

.feature-card-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: var(--dl-space-space-twounits);
}

.feature-card-text1 {
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text2 {
    color: var(--dl-color-grays-gray100);
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text3 {
    color: var(--dl-color-backgrounds-primary);
    cursor: pointer;
    font-style: normal;
    transition: 0.3s;
    font-weight: 600;
    line-height: 1.75;
}

    .feature-card-text3:hover {
        text-decoration: underline;
    }

@media(max-width: 767px) {
    .feature-card-card {
        width: 50%;
    }
}

@media(max-width: 479px) {
    .feature-card-card {
        width: 100%;
    }
}

.feature-card-wrapper-xyjf {
    display: contents;
}

.feature-card-card1 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    max-width: 285px;
    align-items: center;
    padding-top: var(--dl-space-space-oneandhalfunits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
}

.feature-card-image1 {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: var(--dl-space-space-twounits);
}

.feature-card-text4 {
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text5 {
    color: var(--dl-color-grays-gray100);
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text6 {
    color: var(--dl-color-backgrounds-primary);
    cursor: pointer;
    font-style: normal;
    transition: 0.3s;
    font-weight: 600;
    line-height: 1.75;
}

    .feature-card-text6:hover {
        text-decoration: underline;
    }

@media(max-width: 767px) {
    .feature-card-card1 {
        width: 50%;
    }
}

@media(max-width: 479px) {
    .feature-card-card1 {
        width: 100%;
    }
}

.feature-card-wrapper-tbm5 {
    display: contents;
}

.feature-card-card2 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    max-width: 285px;
    align-items: center;
    padding-top: var(--dl-space-space-oneandhalfunits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
}

.feature-card-image2 {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: var(--dl-space-space-twounits);
}

.feature-card-text7 {
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text8 {
    color: var(--dl-color-grays-gray100);
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text9 {
    color: var(--dl-color-backgrounds-primary);
    cursor: pointer;
    font-style: normal;
    transition: 0.3s;
    font-weight: 600;
    line-height: 1.75;
}

    .feature-card-text9:hover {
        text-decoration: underline;
    }

@media(max-width: 767px) {
    .feature-card-card2 {
        width: 50%;
    }
}

@media(max-width: 479px) {
    .feature-card-card2 {
        width: 100%;
    }
}

.feature-card-wrapper-fmup {
    display: contents;
}

.feature-card-card3 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    max-width: 285px;
    align-items: center;
    padding-top: var(--dl-space-space-oneandhalfunits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
}

.feature-card-image3 {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: var(--dl-space-space-twounits);
}

.feature-card-text10 {
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text11 {
    color: var(--dl-color-grays-gray100);
    text-align: center;
    margin-bottom: var(--dl-space-space-unit);
}

.feature-card-text12 {
    color: var(--dl-color-backgrounds-primary);
    cursor: pointer;
    font-style: normal;
    transition: 0.3s;
    font-weight: 600;
    line-height: 1.75;
}

    .feature-card-text12:hover {
        text-decoration: underline;
    }

@media(max-width: 767px) {
    .feature-card-card3 {
        width: 50%;
    }
}

@media(max-width: 479px) {
    .feature-card-card3 {
        width: 100%;
    }
}

.slide-wrapper {
    display: contents;
}

.slide-slide {
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
    background-color: var(--dl-color-backgrounds-darkblue);
}

.slide-max-width {
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}

.slide-left-side {
    width: 50%;
    display: flex;
    align-items: stretch;
    padding-right: var(--dl-space-space-fiveunits);
    flex-direction: row;
    justify-content: space-between;
}

.slide-decorations-container {
    flex: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
}

.slide-dots {
    width: 126px;
    height: 126px;
    margin-top: 21px;
    object-fit: cover;
    margin-right: 21px;
}

.slide-squares-container {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.slide-light-green {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--dl-color-backgrounds-lightgreen);
}

.slide-orange {
    flex: 0 0 auto;
    width: 108px;
    height: 108px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--dl-color-backgrounds-primary);
}

.slide-image-container {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
}

.slide-image {
    width: 100%;
    height: 485px;
    object-fit: cover;
}

.slide-slider-controls {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: flex-end;
}

.slide-go-left {
    flex: 0 0 auto;
    width: 100%;
    height: 108px;
    display: flex;
    max-width: 108px;
    max-height: 108px;
    transition: 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .slide-go-left:hover {
        cursor: pointer;
        background-color: rgba(229, 229, 229, 0.2);
    }

.slide-icon1 {
    fill: var(--dl-color-grays-white100);
    width: 42px;
    height: 42px;
}

.slide-go-right {
    flex: 0 0 auto;
    width: 100%;
    height: 108px;
    display: flex;
    max-width: 108px;
    max-height: 108px;
    transition: 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .slide-go-right:hover {
        cursor: pointer;
        background-color: rgba(229, 229, 229, 0.2);
    }

.slide-icon3 {
    fill: var(--dl-color-grays-white100);
    width: 42px;
    height: 42px;
}

.slide-right-side {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding-top: var(--dl-space-space-twounits);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-twounits);
    justify-content: center;
}

.slide-testimonial {
    color: var(--dl-color-grays-white100);
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 42px;
}

.slide-author {
    color: var(--dl-color-grays-white100);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.slide-role {
    color: var(--dl-color-grays-white60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.slideroot-class-name {
    background-color: var(--dl-color-backgrounds-purple);
}

.slideroot-class-name1 {
    background-color: var(--dl-color-backgrounds-green);
}

@media(max-width: 991px) {
    .slide-left-side {
        padding-right: var(--dl-space-space-oneandhalfunits);
    }
}

@media(max-width: 767px) {
    .slide-max-width {
        flex-direction: column;
    }

    .slide-left-side {
        width: 100%;
        padding-right: 0px;
    }

    .slide-image {
        max-width: 700px;
    }

    .slide-right-side {
        width: 100%;
    }
}

@media(max-width: 479px) {
    .slide-dots {
        width: 60px;
        height: 60px;
    }

    .slide-light-green {
        width: 36px;
        height: 36px;
    }

    .slide-orange {
        width: 75px;
        height: 75px;
    }

    .slide-go-left {
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }

    .slide-go-right {
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }
}

.slide-wrapper-9djj {
    display: contents;
}

.slide-slide1 {
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
    background-color: var(--dl-color-backgrounds-darkblue);
}

.slide-max-width1 {
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}

.slide-left-side1 {
    width: 50%;
    display: flex;
    align-items: stretch;
    padding-right: var(--dl-space-space-fiveunits);
    flex-direction: row;
    justify-content: space-between;
}

.slide-decorations-container1 {
    flex: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
}

.slide-dots1 {
    width: 126px;
    height: 126px;
    margin-top: 21px;
    object-fit: cover;
    margin-right: 21px;
}

.slide-squares-container1 {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.slide-light-green1 {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--dl-color-backgrounds-lightgreen);
}

.slide-orange1 {
    flex: 0 0 auto;
    width: 108px;
    height: 108px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--dl-color-backgrounds-primary);
}

.slide-image-container1 {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
}

.slide-image1 {
    width: 100%;
    height: 485px;
    object-fit: cover;
}

.slide-slider-controls1 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: flex-end;
}

.slide-go-left1 {
    flex: 0 0 auto;
    width: 100%;
    height: 108px;
    display: flex;
    max-width: 108px;
    max-height: 108px;
    transition: 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .slide-go-left1:hover {
        cursor: pointer;
        background-color: rgba(229, 229, 229, 0.2);
    }

.slide-icon5 {
    fill: var(--dl-color-grays-white100);
    width: 42px;
    height: 42px;
}

.slide-go-right1 {
    flex: 0 0 auto;
    width: 100%;
    height: 108px;
    display: flex;
    max-width: 108px;
    max-height: 108px;
    transition: 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .slide-go-right1:hover {
        cursor: pointer;
        background-color: rgba(229, 229, 229, 0.2);
    }

.slide-icon7 {
    fill: var(--dl-color-grays-white100);
    width: 42px;
    height: 42px;
}

.slide-right-side1 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding-top: var(--dl-space-space-twounits);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-twounits);
    justify-content: center;
}

.slide-testimonial1 {
    color: var(--dl-color-grays-white100);
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 42px;
}

.slide-author1 {
    color: var(--dl-color-grays-white100);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.slide-role1 {
    color: var(--dl-color-grays-white60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.slideroot-class-name {
    background-color: var(--dl-color-backgrounds-purple);
}

.slideroot-class-name1 {
    background-color: var(--dl-color-backgrounds-green);
}

@media(max-width: 991px) {
    .slide-left-side1 {
        padding-right: var(--dl-space-space-oneandhalfunits);
    }
}

@media(max-width: 767px) {
    .slide-max-width1 {
        flex-direction: column;
    }

    .slide-left-side1 {
        width: 100%;
        padding-right: 0px;
    }

    .slide-image1 {
        max-width: 700px;
    }

    .slide-right-side1 {
        width: 100%;
    }
}

@media(max-width: 479px) {
    .slide-dots1 {
        width: 60px;
        height: 60px;
    }

    .slide-light-green1 {
        width: 36px;
        height: 36px;
    }

    .slide-orange1 {
        width: 75px;
        height: 75px;
    }

    .slide-go-left1 {
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }

    .slide-go-right1 {
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }
}

.slide-wrapper-qm1i {
    display: contents;
}

.slide-slide2 {
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
    background-color: var(--dl-color-backgrounds-darkblue);
}

.slide-max-width2 {
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}

.slide-left-side2 {
    width: 50%;
    display: flex;
    align-items: stretch;
    padding-right: var(--dl-space-space-fiveunits);
    flex-direction: row;
    justify-content: space-between;
}

.slide-decorations-container2 {
    flex: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
}

.slide-dots2 {
    width: 126px;
    height: 126px;
    margin-top: 21px;
    object-fit: cover;
    margin-right: 21px;
}

.slide-squares-container2 {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.slide-light-green2 {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--dl-color-backgrounds-lightgreen);
}

.slide-orange2 {
    flex: 0 0 auto;
    width: 108px;
    height: 108px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: var(--dl-color-backgrounds-primary);
}

.slide-image-container2 {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
}

.slide-image2 {
    width: 100%;
    height: 485px;
    object-fit: cover;
}

.slide-slider-controls2 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: flex-end;
}

.slide-go-left2 {
    flex: 0 0 auto;
    width: 100%;
    height: 108px;
    display: flex;
    max-width: 108px;
    max-height: 108px;
    transition: 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .slide-go-left2:hover {
        cursor: pointer;
        background-color: rgba(229, 229, 229, 0.2);
    }

.slide-icon9 {
    fill: var(--dl-color-grays-white100);
    width: 42px;
    height: 42px;
}

.slide-go-right2 {
    flex: 0 0 auto;
    width: 100%;
    height: 108px;
    display: flex;
    max-width: 108px;
    max-height: 108px;
    transition: 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .slide-go-right2:hover {
        cursor: pointer;
        background-color: rgba(229, 229, 229, 0.2);
    }

.slide-icon11 {
    fill: var(--dl-color-grays-white100);
    width: 42px;
    height: 42px;
}

.slide-right-side2 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding-top: var(--dl-space-space-twounits);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-twounits);
    justify-content: center;
}

.slide-testimonial2 {
    color: var(--dl-color-grays-white100);
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 42px;
}

.slide-author2 {
    color: var(--dl-color-grays-white100);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.slide-role2 {
    color: var(--dl-color-grays-white60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.slideroot-class-name {
    background-color: var(--dl-color-backgrounds-purple);
}

.slideroot-class-name1 {
    background-color: var(--dl-color-backgrounds-green);
}

@media(max-width: 991px) {
    .slide-left-side2 {
        padding-right: var(--dl-space-space-oneandhalfunits);
    }
}

@media(max-width: 767px) {
    .slide-max-width2 {
        flex-direction: column;
    }

    .slide-left-side2 {
        width: 100%;
        padding-right: 0px;
    }

    .slide-image2 {
        max-width: 700px;
    }

    .slide-right-side2 {
        width: 100%;
    }
}

@media(max-width: 479px) {
    .slide-dots2 {
        width: 60px;
        height: 60px;
    }

    .slide-light-green2 {
        width: 36px;
        height: 36px;
    }

    .slide-orange2 {
        width: 75px;
        height: 75px;
    }

    .slide-go-left2 {
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }

    .slide-go-right2 {
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }
}

.footer-wrapper {
    display: contents;
}

.footer-footer {
    border-color: rgba(33, 33, 33, 0.1);
    border-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.footer-max-width {
    justify-content: space-between;
}

.footer-container1 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer-image {
    width: 106px;
    margin-bottom: var(--dl-space-space-twounits);
}

.footer-text10 {
    color: var(--dl-color-grays-gray100);
    max-width: 350px;
    margin-bottom: 60px;
}

.footer-social-media {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer-text11 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: var(--dl-space-space-oneandhalfunits);
}

.footer-container2 {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.footer-icon10 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
    margin-right: var(--dl-space-space-twounits);
}

    .footer-icon10:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.footer-icon14 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
    margin-right: var(--dl-space-space-twounits);
}

    .footer-icon14:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.footer-icon18 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
    margin-right: var(--dl-space-space-twounits);
}

    .footer-icon18:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.footer-icon20 {
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

    .footer-icon20:hover {
        fill: var(--dl-color-backgrounds-primary);
        cursor: pointer;
    }

.footer-links {
    flex: 0 0 auto;
    width: 40%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.footer-container3 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer-text12 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: var(--dl-space-space-threeunits);
}

.footer-text17 {
    margin-bottom: 0px;
}

.footer-container4 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer-text18 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: var(--dl-space-space-threeunits);
}

.footer-text23 {
    margin-bottom: 0px;
}

@media(max-width: 991px) {
    .footer-max-width {
        flex-direction: column-reverse;
    }

    .footer-container1 {
        width: 100%;
    }

    .footer-links {
        width: 100%;
        margin-bottom: var(--dl-space-space-threeunits);
    }
}

@media(max-width: 479px) {
    .footer-links {
        flex-wrap: wrap;
    }

    .footer-container3 {
        width: 100%;
        margin-bottom: var(--dl-space-space-threeunits);
    }

    .footer-text12 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .footer-container4 {
        width: 100%;
    }

    .footer-text18 {
        margin-bottom: var(--dl-space-space-twounits);
    }
}

.copyright-wrapper {
    display: contents;
}

.copyright-copyright {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: var(--dl-space-space-twounits);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-twounits);
}

.copyright-max-width {
    align-items: stretch;
}

.copyright-text1 {
    color: var(--dl-color-grays-gray100);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
}

.copyright-text2 {
    font-style: normal;
    font-weight: 300;
}

.copyright-text3 {
    font-style: normal;
    font-weight: 300;
    text-decoration: underline;
}

.copyright-text4 {
    font-style: normal;
    font-weight: 300;
}

.copyright-text5 {
    font-style: normal;
    font-weight: 300;
    text-decoration: underline;
}

.copyright-text6 {
    font-style: normal;
    font-weight: 300;
}

.copyright-text7 {
    font-style: normal;
    font-weight: 300;
    text-decoration: underline;
}

.copyright-text8 {
    font-style: normal;
    font-weight: 300;
}

@media(max-width: 991px) {
    .copyright-max-width {
        flex-direction: column;
    }
}

.home-container1 {
    width: 100%;
    display: flex;
    position: relative;
    /*min-height: 100vh;*/
    overflow-x: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    /*background-color: var(--dl-color-backgrounds-gray);*/
}

.home-main {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.home-max-width1 {
    align-items: stretch;
}

.home-content-container1 {
    flex: 1;
    display: flex;
    min-width: 50%;
    align-items: flex-start;
    padding-right: var(--dl-space-space-twounits);
    flex-direction: column;
    justify-content: center;
}

.home-text10 {
    width: 90%;
    margin-bottom: 42px;
}

.home-text12 {
    color: var(--dl-color-backgrounds-primary);
}

.home-features-container1 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.home-feature1 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-direction: row;
}

.home-text13 {
    color: var(--dl-color-grays-gray60);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
}

.home-text15 {
    color: var(--dl-color-grays-gray60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.home-section-one {
    border-color: rgba(33, 33, 33, 0.1);
    border-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.home-max-width2 {
    flex-direction: column;
    background-color: lightgrey;
}

.home-text14 {
    text-align: center;
    margin-bottom: var(--dl-space-space-fiveunits);
}

.home-text16 {
    color: var(--dl-color-backgrounds-primary);
}

.home-cards-container {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.home-max-width3 {
    flex-direction: row;
    justify-content: flex-start;
}

.home-image-container1 {
    flex: 1;
    margin-right: var(--dl-space-space-oneandhalfunits);
}

.home-image1 {
    width: 100%;
    max-width: 640px;
    object-fit: cover;
    margin-left: -100px;
}

.home-content-container2 {
    flex: 1;
    display: flex;
    max-width: 446px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.home-text20 {
    margin-bottom: 24px;
}

.home-text22 {
    color: var(--dl-color-backgrounds-primary);
}

.home-text23 {
    color: var(--dl-color-grays-gray100);
}

.home-max-width4 {
    flex-direction: row;
    justify-content: flex-start;
}

.home-content-container3 {
    flex: 1;
    display: flex;
    max-width: 446px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.home-text26 {
    margin-bottom: 24px;
}

.home-text28 {
    color: var(--dl-color-backgrounds-primary);
}

.home-text29 {
    color: var(--dl-color-grays-gray100);
}

.home-image-container2 {
    flex: 1;
    margin-left: var(--dl-space-space-oneandhalfunits);
}

.home-image2 {
    width: 100%;
    object-fit: cover;
    margin-left: 85px;
}

.home-section-four {
    padding-bottom: 0px;
}

.home-max-width5 {
    flex-direction: column;
}

.home-text32 {
    text-align: center;
    margin-bottom: var(--dl-space-space-threeunits);
    color: white;
}

.home-text34 {
    color: var(--dl-color-backgrounds-primary);
}

.home-slider {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    transition: 0.5s;
    align-items: stretch;
    flex-direction: row;
}

.home-max-width6 {
    flex-direction: row;
    justify-content: flex-start;
}

.home-content-container4 {
    flex: 1;
    display: flex;
    max-width: 446px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.home-text35 {
    margin-bottom: 24px;
}

.home-text37 {
    color: var(--dl-color-backgrounds-primary);
}

.home-text38 {
    color: var(--dl-color-grays-gray100);
}

.home-image-container3 {
    flex: 1;
    margin-left: var(--dl-space-space-oneandhalfunits);
}

.home-image3 {
    width: 100%;
    object-fit: cover;
    margin-left: 85px;
}

.home-max-width7 {
    flex-direction: row;
    justify-content: flex-start;
}

.home-image-container4 {
    flex: 1;
    margin-right: var(--dl-space-space-oneandhalfunits);
}

.home-image4 {
    width: 100%;
    max-width: 640px;
    object-fit: cover;
    margin-left: -100px;
}

.home-content-container5 {
    flex: 1;
    display: flex;
    max-width: 446px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.home-text41 {
    margin-bottom: 24px;
}

.home-text43 {
    color: var(--dl-color-backgrounds-primary);
}

.home-text44 {
    color: var(--dl-color-grays-gray100);
}

.home-max-width8 {
    flex-direction: column;
    justify-content: center;
}

.home-heading-container {
    display: flex;
    align-items: center;
    margin-bottom: var(--dl-space-space-twounits);
    flex-direction: column;
}

.home-text47 {
    text-align: center;
    margin-bottom: var(--dl-space-space-halfunit);
}

.home-text50 {
    color: var(--dl-color-backgrounds-primary);
}

.home-text53 {
    color: var(--dl-color-grays-gray100);
}

.home-get-the-app {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--dl-space-space-fourunits);
    flex-direction: row;
}

.home-image5 {
    width: 151px;
    object-fit: cover;
    margin-right: var(--dl-space-space-unit);
}

.home-image6 {
    width: 151px;
    object-fit: cover;
}

.home-section-six {
    padding-top: var(--dl-space-space-threeunits);
    padding-bottom: var(--dl-space-space-threeunits);
    background-color: var(--dl-color-backgrounds-primary);
}

.home-max-width9 {
    align-items: stretch;
}

.home-content-container6 {
    flex: 1;
    display: flex;
    min-width: 60%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
/*Agregado al footer*/

.home-content-container5 {
    flex: 1;
    display: flex;
    min-width: 60%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.home-text55 {
    margin-bottom: var(--dl-space-space-halfunit);
}

.home-text57 {
    color: var(--dl-color-grays-white100);
}

.home-text58 {
    color: var(--dl-color-grays-white80);
    margin-bottom: 36px;
}

.home-input-container {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    margin-bottom: var(--dl-space-space-twounits);
    flex-direction: row;
}

.home-container2 {
    width: 100%;
    height: 56px;
    display: flex;
    max-width: 376px;
    align-items: center;
    line-height: 1.5;
    padding-top: var(--dl-space-space-unit);
    border-width: 0px;
    margin-right: var(--dl-space-space-halfunit);
    padding-left: var(--dl-space-space-oneandhalfunits);
    border-radius: 32px;
    padding-right: var(--dl-space-space-oneandhalfunits);
    padding-bottom: var(--dl-space-space-unit);
}

.home-icon1 {
    fill: var(--dl-color-grays-gray40);
    width: 20px;
    height: 20px;
}

.home-textinput {
    flex: 1;
    color: var(--dl-color-grays-gray40);
    border-width: 0px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 16px;
}

.home-button {
    display: flex;
    transition: 0.3s;
    align-items: center;
    line-height: 1;
    padding-top: 20px;
    white-space: nowrap;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 20px;
    justify-content: center;
    background-color: var(--dl-color-grays-dark100);
}

    .home-button:hover {
        background-color: var(--dl-color-grays-white100);
    }

.home-features-container2 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.home-feature2 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-direction: row;
}

.home-icon3 {
    fill: var(--dl-color-grays-white100);
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin-right: 12px;
}

.home-text59 {
    color: var(--dl-color-grays-white80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.home-feature3 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-direction: row;
}

.home-icon5 {
    fill: var(--dl-color-grays-white100);
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin-right: 12px;
}

.home-text60 {
    color: var(--dl-color-grays-white80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.home-feature4 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.home-icon7 {
    fill: var(--dl-color-grays-white100);
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin-right: 12px;
}

.home-text61 {
    color: var(--dl-color-grays-white80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.home-image-container5 {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.home-image7 {
    width: 100%;
    max-width: 589px;
    min-width: 550px;
    object-fit: contain;
}

@media(max-width: 991px) {
    .home-max-width1 {
        flex-direction: column;
    }

    .home-content-container1 {
        margin-bottom: 42px;
        padding-right: 0px;
    }

    .home-text10 {
        width: 100%;
    }

    .home-image1 {
        max-width: 100%;
        margin-left: 0px;
    }

    .home-content-container2 {
        margin-bottom: 42px;
        padding-right: 0px;
    }

    .home-text20 {
        width: 100%;
    }

    .home-content-container3 {
        margin-bottom: 42px;
        padding-right: 0px;
    }

    .home-text26 {
        width: 100%;
    }

    .home-image2 {
        max-width: 100%;
        margin-left: 0px;
    }

    .home-content-container4 {
        margin-bottom: 42px;
        padding-right: 0px;
    }

    .home-text35 {
        width: 100%;
    }

    .home-image3 {
        max-width: 100%;
        margin-left: 0px;
    }

    .home-image4 {
        max-width: 100%;
        margin-left: 0px;
    }

    .home-content-container5 {
        margin-bottom: 42px;
        padding-right: 0px;
    }

    .home-text41 {
        width: 100%;
    }

    .home-max-width9 {
        flex-direction: column;
    }

    .home-text55 {
        width: 100%;
    }

    .home-image7 {
        max-width: 100%;
    }
}

@media(max-width: 767px) {
    .home-text14 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-cards-container {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .home-max-width3 {
        flex-direction: column;
    }

    .home-image-container1 {
        width: 100%;
        margin-right: 0px;
    }

    .home-image1 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-content-container2 {
        max-width: 100%;
    }

    .home-max-width4 {
        flex-direction: column-reverse;
    }

    .home-content-container3 {
        max-width: 100%;
    }

    .home-image-container2 {
        width: 100%;
        margin-right: 0px;
    }

    .home-image2 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-text32 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-max-width6 {
        flex-direction: column-reverse;
    }

    .home-content-container4 {
        max-width: 100%;
    }

    .home-image-container3 {
        width: 100%;
        margin-right: 0px;
    }

    .home-image3 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-max-width7 {
        flex-direction: column;
    }

    .home-image-container4 {
        width: 100%;
        margin-right: 0px;
    }

    .home-image4 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-content-container5 {
        max-width: 100%;
    }

    .home-text47 {
        margin-bottom: var(--dl-space-space-twounits);
    }

    .home-image7 {
        min-width: 100%;
    }
}

@media(max-width: 479px) {
    .home-cards-container {
        justify-content: center;
    }

    .home-input-container {
        flex-direction: column;
    }

    .home-container2 {
        max-width: 100%;
        margin-bottom: var(--dl-space-space-unit);
    }
}

html {
    scroll-behavior: smooth;
}

:root {
    --dl-size-size-large: 144px;
    --dl-size-size-small: 48px;
    --dl-size-size-medium: 96px;
    --dl-size-size-xlarge: 192px;
    --dl-size-size-xsmall: 16px;
    --dl-space-space-unit: 16px;
    --dl-size-size-xxlarge: 288px;
    --dl-color-grays-dark80: #212121cc;
    --dl-color-grays-gray40: #63667066;
    --dl-color-grays-gray60: #63667099;
    --dl-size-size-maxwidth: 1158px;
    --dl-color-grays-dark100: #212121ff;
    --dl-color-grays-gray100: #636670ff;
    --dl-color-grays-white60: #ffffff99;
    --dl-color-grays-white80: #ffffffcc;
    --dl-radius-radius-round: 50%;
    --dl-color-grays-black100: #000000;
    --dl-color-grays-white100: #FFFFFF;
    --dl-space-space-halfunit: 8px;
    --dl-space-space-sixunits: 96px;
    --dl-space-space-twounits: 32px;
    --dl-radius-radius-radius2: 2px;
    --dl-radius-radius-radius4: 4px;
    --dl-radius-radius-radius8: 8px;
    --dl-space-space-fiveunits: 80px;
    --dl-space-space-fourunits: 64px;
    --dl-color-backgrounds-gray: #f7f4f2ff;
    --dl-space-space-threeunits: 48px;
    --dl-color-backgrounds-green: #2b584dff;
    --dl-color-backgrounds-purple: #623373ff;
    --dl-color-backgrounds-primary: #fa7930ff;
    --dl-color-backgrounds-darkblue: #364570ff;
    --dl-space-space-oneandhalfunits: 24px;
    --dl-color-backgrounds-lightgreen: #9cbec6ff;
}

.button {
    color: var(--dl-color-grays-black100);
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding-top: var(--dl-space-space-unit);
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    padding-left: var(--dl-space-space-oneandhalfunits);
    border-radius: 32px;
    padding-right: var(--dl-space-space-oneandhalfunits);
    padding-bottom: var(--dl-space-space-unit);
    background-color: var(--dl-color-grays-white100);
}

.input {
    color: var(--dl-color-grays-black100);
    cursor: auto;
    outline: none;
    padding: 0.5rem 1rem;
    border-color: var(--dl-color-grays-black100);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-grays-white100);
}

.textarea {
    color: var(--dl-color-grays-black100);
    cursor: auto;
    padding: 0.5rem;
    border-color: var(--dl-color-grays-black100);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-grays-white100);
}

.list {
    width: 100%;
    margin: 1em 0px 1em 0px;
    display: block;
    padding: 0px 0px 0px 1.5rem;
    list-style-type: none;
    list-style-position: outside;
}

.list-item {
    display: list-item;
}

.teleport-show {
    transform: translateX(0%) !important;
}

.navbar-link {
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
}

    .navbar-link:hover {
        color: var(--dl-color-backgrounds-primary);
    }

.button-primary {
    color: var(--dl-color-grays-white100);
    transition: 0.3s;
    font-weight: 500;
    background-color: var(--dl-color-backgrounds-primary);
}

    .button-primary:hover {
        color: var(--dl-color-backgrounds-primary);
        border-color: var(--dl-color-backgrounds-primary);
        background-color: var(--dl-color-grays-white100);
    }

.navigation-mobile-menu {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: flex;
    padding: 32px;
    z-index: 101;
    position: absolute;
    transform: translateX(100%);
    transition: 0.3s;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--dl-color-backgrounds-gray);
}

.navigation-burger-menu {
    display: none;
}

.navigation-container {
    width: 100%;
    display: flex;
    max-width: var(--dl-size-size-maxwidth);
    align-items: center;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-oneandhalfunits);
    padding-right: var(--dl-space-space-oneandhalfunits);
    padding-bottom: var(--dl-space-space-twounits);
    justify-content: space-between;
}

.max-content-container {
    width: 100%;
    display: flex;
    position: relative;
    max-width: var(--dl-size-size-maxwidth);
    align-items: center;
    padding-left: var(--dl-space-space-oneandhalfunits);
    padding-right: var(--dl-space-space-oneandhalfunits);
}

.section-container {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: var(--dl-space-space-fiveunits);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-fiveunits);
}

.slide-active {
    display: flex !important;
}

.slide {
    flex: 1;
    width: 100%;
    display: flex;
    min-width: 100%;
    align-items: center;
    flex-direction: column;
}

.footer-link {
    color: var(--dl-color-grays-gray100);
    cursor: pointer;
    font-style: normal;
    transition: 0.3s;
    font-weight: 400;
    margin-bottom: 30px;
}

    .footer-link:hover {
        color: var(--dl-color-backgrounds-primary);
    }

.Content-Light {
    font-size: 16px;
    font-style: normal;
    font-family: Lexend;
    font-weight: 300;
    line-height: 1.75;
    text-transform: none;
    text-decoration: none;
}

.Content {
    font-size: 16px;
    font-family: Lexend;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
    text-decoration: none;
}

.Heading4 {
    font-size: 20px;
    font-style: normal;
    font-family: Lexend;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    text-decoration: none;
}

.Heading2 {
    font-size: 42px;
    font-style: normal;
    font-family: Lexend;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
    text-decoration: none;
}

.Heading1 {
    font-size: 52px;
    font-style: normal;
    font-family: Lexend;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    text-decoration: none;
}



@media(max-width: 767px) {
    .navbar-link {
        margin-bottom: var(--dl-space-space-unit);
    }

    .navigation-mobile-menu {
        padding: var(--dl-space-space-unit);
    }

    .navigation-burger-menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navigation-container {
        padding: var(--dl-space-space-unit);
    }

    .section-container {
        padding-top: var(--dl-space-space-sixunits);
        padding-bottom: var(--dl-space-space-sixunits);
    }
}