.selecion-menu-caracteristicas{
    display: inline-block;
    margin: 1vw;
    color: #3f3f3f;
    width: 6vw;
    height: 1.5vw;
    align-content: center;
    text-align: center;
    border-radius: .5vw;
    position: absolute;
    font-size: .8vw;
}

.selecion-menu-caracteristicas:hover{
    width: 6vw;
    height: 1.5vw;
    align-content: center;
    text-align: center;
    background-color: #ffffff94;
    color: #533fbb;
    border-radius: .5vw;
}

.active-menu-carac{
    width: 6vw;
    height: 1.5vw;
    align-content: center;
    text-align: center;
    background-color: #ffffff94;
    color: #533fbb;
    border-radius: .5vw;
    font-size: .8vw;
}

.industries-tracker{
    background-image: url(../canvas/images/industrias/field-service-industris_bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative;
    box-sizing: border-box;
    width: 100vw;
    max-width: 1880px;
    height: 30vw;
    background-size: cover;
}

.industries-title{
    font-size: 2.5vw;
    color: #3f3f3f;
    line-height: normal;
    left: 10vw;
    position: relative;
    top: 10vw;
    width: 80vw;
    display: inline-block;
}

.industries-sutitle{
    font-size: 1.1vw;
    color: #3f3f3f;
    line-height: 1.3vw;
    left: 10vw;
    position: relative;
    top: 11vw;
    width: 37vw;
    display: block;
    font-weight: 100;
}

.industries-section{
    width: 100vw;
    height: 32vw;
}

.industries-section-title{
    margin-top: 9vw;
    position: relative;
    display: block;
    color: #2a3c4c;
    font-size: 2.3vw;
    font-weight: 500;
}

.industries-section-subtitle{
    color: #2a3c4c;
    width: 30vw;
    position: relative;
    display: block;
    font-size: 1.1vw;
    line-height: 1.5vw;
    top: -.6vw;
    letter-spacing: .01vw;
}

.industries-section-image1{
    width: 30vw;
    display: inline-block;
    position: absolute;
    right: 5vw;
    top: 5vw;
}

.industries-section-image2{
    width: 15vw;
    top: 11vw;
    display: inline-block;
    position: absolute;
    left: 15vw;
}


.industries-section-title-2{
    margin-top: 9vw;
    position: relative;
    display: block;
    color: #2a3c4c;
    font-size: 2.3vw;
    font-weight: 500;
    left: 9vw;
    width: 30vw;
    line-height: 2.5vw;
}

.industries-section-subtitle-2{
    color: #2a3c4c;
    width: 30vw;
    position: relative;
    display: block;
    font-size: 1.2vw;
    line-height: 1.5vw;
    top: -.6vw;
    left: 9vw;
    letter-spacing: .01vw;
}


.industries-section-image1-2{
    width: 30vw;
    display: inline-block;
    position: absolute;
    right: 10vw;
    top: 5vw;
}

.industries-section-image2-2{
    width: 15vw;
    top: 11vw;
    display: inline-block;
    position: absolute;
    left: 10vw;
}

.industries-beneficios{
    width: 100vw;
    height: 35vw;
    background-color: white;
}

.industries-beneficios-title{
    color: black;
    width: 100vw;
    display: block;
    position: relative;
    margin-top: 5vw;
    margin-bottom: 5vw;
    text-align: center;
    font-size: 2vw;
    font-weight: 500;
}

.ico-beneficios{
    display: block;
    width: 3vw;
    margin-bottom: 1vw;
}

.title-beneficios{
    position: relative;
    display: block;
    margin-bottom: 1vw;
    font-size: 1.2vw;
    color: black;
}

.subtitle-beneficios{
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.3vw;
}

.button-inicio-industries{
    position: absolute;
    display: block;
    left: 10vw;
    top: 22vw;
    text-align: center;
    border: 1px solid;
    width: 7vw;
    height: 2vw;
    align-items: center;
    align-content: center;
    color: #3f3f3f;
    border-radius: 5px;
}

.button-inicio-industries:hover{

    border: 1px solid white;
    color: #424292;
    background-color: white;
}

.button-inicio-industries-section, .button-inicio-industries-section-2{
    position: absolute;
    display: block;
    left: 1vw;
    top: 19vw;
    text-align: center;
    border: 1px solid;
    width: 7vw;
    height: 2vw;
    align-items: center;
    align-content: center;
    color: #3f3f3f;
    border-radius: 5px;
}

.button-inicio-industries-section:hover, .button-inicio-industries-section-2:hover{

    border: 1px solid #3f3f3f;
    color: #ffffff;
    background-color: #3f3f3f;
}


.button-inicio-industries-section-2{
    left: 10vw;
}

@media screen and (max-width:720px) {
    .industries-tracker{
        background-image: url(../canvas/images/industrias/field-service-industris_bg_movil_p.png?1) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        position: relative;
        box-sizing: border-box;
        width: 100vw;
        max-width: 1880px;
        height: 170vw;
        background-size: cover;
    }
    
    .industries-title{
        font-size: 10vw;
        color: #3f3f3f;
        line-height: 10vw;
        left: 10vw;
        position: relative;
        top: 55vw;
        width: 80vw;
        display: inline-block;
        text-align: center;
    }
    
    .industries-sutitle{
        font-size: 4.7vw;
        color: #3f3f3f;
        line-height: 5vw;
        left: 5vw;
        position: relative;
        top: 60vw;
        width: 90vw;
        display: block;
        font-weight: 100;
        text-align: center;
    }
    
    .industries-section{
        width: 100vw;
        height: 170vw;
    }
    
    .industries-section-title{
        margin-top: 85vw;
        position: relative;
        display: block;
        color: #2a3c4c;
        font-size: 7.9vw;
        font-weight: 500;
        left: 4vw;
        line-height: 7vw;
    }
    
    .industries-section-subtitle{
        color: #2a3c4c;
        width: 90vw;
        position: relative;
        display: block;
        font-size: 5.1vw;
        line-height: 6.5vw;
        top: -4.6vw;
        letter-spacing: .01vw;
        left: 4vw;
    }
    
    .industries-section-image1{
        width: 91vw;
        display: inline-block;
        position: absolute;
        left: 8vw;
        top: 20vw;
    }
    
    .industries-section-image2{
        display: none;
    }
    
    
    .industries-section-title-2{
        margin-top: 81vw;
        position: relative;
        display: block;
        color: #2a3c4c;
        font-size: 7.9vw;
        font-weight: 500;
        left: 4vw;
        width: 90vw;
        line-height: 6.5vw;
    }
    
    .industries-section-subtitle-2{
        color: #2a3c4c;
        width: 90vw;
        position: relative;
        display: block;
        font-size: 5.2vw;
        line-height: 6.5vw;
        top: -.6vw;
        left: 5vw;
        letter-spacing: .01vw;
    }
    
    
    .industries-section-image1-2{
        width: 92vw;
        display: inline-block;
        position: absolute;
        left: 8vw;
        top: -97vw;
    }
    
    .industries-section-image2-2{
        display: none;
    }
    
    .industries-beneficios{
        width: 100vw;
        height: 351vw;
        background-color: white;
    }
    
    .industries-beneficios-title{
        color: black;
        width: 90vw;
        display: block;
        position: relative;
        margin-top: 24vw;
        margin-bottom: 5vw;
        text-align: center;
        font-size: 8vw;
        font-weight: 500;
        left: 5vw;
        line-height: 9vw;
    }
    
    .ico-beneficios{
        display: block;
        width: 13vw;
        margin-bottom: 1vw;
        text-align: center;
        margin-top: 10vw;
        left: calc(50vw - 6.5vw);
        position: relative;
    }
    
    .title-beneficios{
        position: relative;
        display: block;
        margin-bottom: 1vw;
        font-size: 5.2vw;
        color: black;
        text-align: center;
        margin-top: 3vw;
    }
    
    .subtitle-beneficios{
        font-size: 5vw;
        font-weight: 300;
        line-height: 6.3vw;
        left: 5vw;
        position: relative;
        margin-top: 4vw;
        width: 90vw;
        display: inline-block;
    }
    
    .button-inicio-industries{
        position: absolute;
        display: block;
        left: 33vw;
        top: 140vw;
        text-align: center;
        border: 1px solid;
        width: 30vw;
        height: 10vw;
        align-items: center;
        align-content: center;
        color: #3f3f3f;
        border-radius: 5px;
    }
    
    .button-inicio-industries:hover{
    
        border: 1px solid #3f3f3f;
        color: #424292;
        background-color: #3f3f3f;
    }
    
    .button-inicio-industries-section, .button-inicio-industries-section-2{
        position: absolute;
        display: block;
        left: 8vw;
        top: 49vw;
        text-align: center;
        border: 1px solid;
        width: 33vw;
        height: 11vw;
        align-items: center;
        align-content: center;
        color: #3f3f3f;
        border-radius: 5px;
    }
    
    .button-inicio-industries-section:hover, .button-inicio-industries-section-2:hover{
    
        border: 1px solid #3f3f3f;
        color: #ffffff;
        background-color: #3f3f3f;
    }
    
    
    .button-inicio-industries-section-2{
        left: 10vw;
    }
}



.banner-caracteristicas{
    background-image: url(../canvas/images/industrias/banner-team-tracker_new.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative;
    box-sizing: border-box;
    width: 100vw;
    /* max-width: 1880px; */
    height: 53vw;
    background-size: cover;
}


.caracteristicas-section{
    width: 100vw;
    height: 40vw;
    position: relative;
    display: inline-block;
}

.caracteristicas-title-section{
    width: 100vw;
    text-align: center;
    font-size: 1.7vw;
    color: #2a3c4c;
    display: block;
    margin-top: 3vw;
    font-weight: 500;

}

.caracteristicas-subtitle-section{
    width: 100vw;
    text-align: center;
    font-size: 1.1vw;
    color: #2a3c4c;
    display: block;
    
}

#caracteristicas-select-0,#caracteristicas-select-1,#caracteristicas-select-2,#caracteristicas-select-3,#caracteristicas-select-4
{
    outline: none;
    border-left: 2px solid #dadada;
    margin-bottom: 1vw;
    left: 6vw;
    position: relative;
}

.activa {
    outline: none !important;
    border-left: 2px solid #3f3f3f !important;
  }

  .title-select-caracte{
    position: relative;
    /* width: 30vw; */
    display: inline-block;
    height: 2.5vw;
    align-content: center;
    left: 1vw;
    font-size: 1vw;
  }

.subtitile-caracteristicas{
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    background-color: rgb(255, 255, 255);
    margin-top: 0vw;
    padding: 0 20px;
    width: 20vw;
    height: 10vw;
    color: b;
}

.image-caracteristicas-select{
    width: 30vw;
    height: 23vw;
    left: 6vw;
    display: inline-block;
    position: relative;
}

.section-caracteristicas-solucion{
    width: 100vw;
    height: 30vw;

}

.caracteristicas-solucion-title{
    width: 50%;
    position: relative;
    display: block;
    left: calc(25%);
    text-align: left;
    font-size: 2.3vw;
    top: 5vw;
    color: black;
    line-height: 2.5vw;
}

.caracteristicas-solucion-subtitle{
    width: 50%;
    position: relative;
    display: block;
    left: calc(25%);
    text-align: left;
    font-size: 1vw;
    top: 7vw;
    line-height: 1.3vw;
    color: black;
}

.caracteristicas-solucion-buton-home{
    position: relative;
    display: block;
    left: 46%;
    top: 25vw;
    background-color: #fdfdfd;
    width: 8vw;
    align-content: center;
    text-align: center;
    height: 2.5vw;
    color: #3f3f3f!important;
    border-radius: .5vw;
    font-size: .7vw;
}

.caracteristicas-solucion-buton{
    position: relative;
    display: block;
    left: 25%;
    top: 10vw;
    background-color: #3f3f3f;
    width: 14vw;
    align-content: center;
    text-align: center;
    height: 2.5vw;
    color: white;
    border-radius: .5vw;
    font-size: .7vw;
}

.caracteristicas-solucion-buton:hover{
    background-color: white;
    color: #3f3f3f;
    border: solid 1px #3f3f3f;
}


.industries__icon-list {
    position: absolute;
    top: 2vw;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 13vw;
    height: 13vw;
    left: 9vw;
}

.industries__icon-item {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 5.5vw;
    min-width: 5.5vw;
    height: 5.5vw;
    min-height: 5.5vw;
    background-color: #fff;
    box-shadow: 0 0 27px 0 rgba(76, 76, 76, 0.14);
    border-radius: 1vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-decoration: none !important;
    transition: background-color .3s ease;
    color: #3f3f3f;
    font-size: .7vw;
}

.industries__icon-item.active {
    background-color: #3f3f3f;
    color: white;
}

.industries__icon-item.active svg {
    background-color: #3f3f3f;
    color: white;
}

.industries__icon-item svg path {
    fill: #3f3f3f;
    transition: fill .3s ease;
}

.industries__icon-item.active svg path {
    fill: #ffffff;
    transition: fill .3s ease;
}

.caracteris-solucion-img{
    width: 30vw;
    position: relative;
    display: block;
    left: 18vw;
    top: 5vw;
}

.descktop{
   
    display: block;
}

.movil{
    display: none;
}

.image-caracteristicas-select-img{
    display: none;
}


@media screen and (max-width:720px) {

    .caracteristicas-solucion-buton-home{
        position: relative;
        display: block;
        left: 37%;
        top: 97vw;
        background-color: #fdfdfd;
        width: 27vw;
        align-content: center;
        text-align: center;
        height: 11.5vw;
        color: #3f3f3f!important;
        border-radius: 1.5vw;
        font-size: 3.7vw;
    }

    .banner-caracteristicas{
        background-image: url(../canvas/images/industrias/banner-movil.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        position: relative;
        box-sizing: border-box;
        width: 100vw;
        max-width: 1880px;
        height: 149vw;
        background-size: cover;
    }
    
    
    .caracteristicas-section{
        width: 100vw;
        height: 120vw;
        position: relative;
        display: inline-block;
    }
    
    .caracteristicas-title-section{
        width: 90vw;
        text-align: center;
        font-size: 7.3vw;
        color: #2a3c4c;
        display: block;
        margin-top: 3vw;
        font-weight: 500;
        left: 5vw;
        position: relative;
        line-height: 7vw;
        margin-top: 18vw;
    
    }
    
    .caracteristicas-subtitle-section{
        width: 90vw;
        text-align: center;
        font-size: 5.1vw;
        color: #2a3c4c;
        display: block;
        margin-top: 9vw;
        margin-bottom: 12vw;
        position: relative;
        left: 4vw;
        line-height: 6vw;
        
    }
    
    #caracteristicas-select-0,#caracteristicas-select-1,#caracteristicas-select-2,#caracteristicas-select-3,#caracteristicas-select-4
    {
        outline: none;
        border-left: 2px solid #dadada;
        margin-bottom: 1vw;
    }
    
    .activa {
        outline: none !important;
        border-left: 2px solid #3f3f3f !important;
      }
    
      .title-select-caracte{
        position: relative;
        /* width: 30vw; */
        display: inline-block;
        height: 14.5vw;
        align-content: center;
        left: 1vw;
        font-size: 6vw;
      }
    
    .subtitile-caracteristicas{
        display: block;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
        background-color: rgb(255, 255, 255);
        margin-top: 0vw;
        padding: 0 20px;
        width: 20vw;
        height: 10vw;
        color: b;
    }
    
    .image-caracteristicas-select{
       display: none;
    }

    .descktop{
        display: none;
    }

    .movil{
        display: block;
    }
    
    .section-caracteristicas-solucion{
        width: 100vw;
        height: 153vw;
        margin-top: 0vw;
    
    }
    
    .caracteristicas-solucion-title{
        width: 90%;
        position: relative;
        display: block;
        left: 5%;
        text-align: left;
        font-size: 7.3vw;
        top: 20vw;
        color: black;
        line-height: 7.5vw;
    }
    
    .caracteristicas-solucion-subtitle{
        width: 90%;
        position: relative;
        display: block;
        left: 5%;
        text-align: left;
        font-size: 4.7vw;
        top: 26vw;
        line-height: 5.3vw;
        color: black;
    }
    
    .caracteristicas-solucion-buton{
        position: relative;
        display: block;
        left: 5%;
        top: 33vw;
        background-color: #3f3f3f;
        width: 69vw;
        align-content: center;
        text-align: center;
        height: 10.5vw;
        color: white;
        border-radius: .5vw;
        font-size: 3.7vw;
    }
    
    .caracteristicas-solucion-buton:hover{
        background-color: white;
        color: #3f3f3f;
        border: solid 1px #3f3f3f;
    }
    
    
    .industries__icon-list {
        position: absolute;
        top: 2vw;
        z-index: 10;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        width: 29vw;
        height: 30vw;
        left: 9vw;
    }
    
    .industries__icon-item {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 13.5vw;
        min-width: 7.5vw;
        height: 9.5vw;
        min-height: 6.5vw;
        background-color: #fff;
        box-shadow: 0 0 27px 0 rgba(76, 76, 76, 0.14);
        border-radius: 1vw;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-decoration: none !important;
        transition: background-color .3s ease;
        color: #3f3f3f;
        font-size: 1.7vw;
    }
    
    .industries__icon-item.active {
        background-color: #3f3f3f;
        color: white;
    }
    
    .industries__icon-item.active svg {
        background-color: #3f3f3f;
        color: white;
    }
    
    .industries__icon-item svg path {
        fill: #3f3f3f;
        transition: fill .3s ease;
    }
    
    .industries__icon-item.active svg path {
        fill: #ffffff;
        transition: fill .3s ease;
    }
    
    .caracteris-solucion-img{
        width: 56vw;
        position: relative;
        display: block;
        left: 27vw;
        top: 8vw;
    }

    .image-caracteristicas-select-img{
        display: block;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
        background-color: rgb(255, 255, 255);
        margin-top: 0vw;
        padding: 0 20px;
        width: 101vw;
        height: 75vw;
    }

    #caracteristicas-select-5,#caracteristicas-select-6,#caracteristicas-select-7,#caracteristicas-select-8,#caracteristicas-select-9{
        position: relative;
        left: 6vw;
    }


    .video-caracteristicas {
        width: 84vw!important;
        height: 47vw!important;
        position: relative!important;
        left: 7vw!important;
        margin-bottom: 5vw!important;
    }
    
}