:root {
    --corporative_01: #8FC9C7;
}

@font-face {
    font-family: 'BreveNews-SemiBold';
    src: url('../fonts/BreveNews-SemiBold.woff2') format('woff2'),
        url('../fonts/BreveNews-SemiBold.woff') format('woff'),
        url('../fonts/BreveNews-SemiBold.otf') format('otf'),
        url("../fonts/BreveNews-SemiBold.ttf")format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }


html, body {
    margin:0; 
    padding:0; 
    height:100%;
    font-family: 'BreveNews-SemiBold', 'Roboto', Helvetica, sans-serif;
}
.row {
    margin: 0px
}

*::-webkit-scrollbar {
    width: fit-content
}
*::-webkit-scrollbar-track {
    background-color: white;
}
*::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    border-radius: 10px
}
*::-webkit-scrollbar-thumb:hover {
    background-color: #969696
}
*::selection {
    background: var(--corporative_02)!important;
    color:var(--gray)!important;
 }
 div.body-text {
    background: rgb(227,227,227);
    background: -moz-radial-gradient(circle, rgba(227,227,227,1) 0%, rgba(199,199,199,1) 49%, rgba(144,144,144,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(227,227,227,1) 0%, rgba(199,199,199,1) 49%, rgba(144,144,144,1) 100%);
    background: radial-gradient(circle, rgba(227,227,227,1) 0%, rgba(199,199,199,1) 49%, rgba(144,144,144,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#909090",GradientType=1);
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: -999;
}
.logo-enubes-start {
    max-width:400px;
}


.black {
    color: black;
}
.mx-width-90 {
    padding-left:20%;
    padding-right:20%;
}
.rem_1_5 {
    font-size: 3.8rem;
    line-height: 5rem;
}
.icono-texto {
   margin-top:-10px;
   width:60px;
   height:60px;
}

.icono-texto.icono-texto-2 {
    margin-top:-10px;
    width:80px;
    height:80px;
 }
 
 .img-end {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }
 .text-1, .text-2, .text-3, .text-4, .text-5, .text-6, .text-7, .text-8 {
    min-height: 100vh;
    width: 100%;
    position: absolute;
    transition: opacity 0.5s ease-in-out;
  }

  .text-2, .text-3, .text-4, .text-5, .text-6, .text-7, .text-8  {
    display: none;
    opacity: 0;
  }
.btn.btn-one {
    border-radius: 8px;
    padding: 20px 40px;
    background-color: transparent;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: black;
    font-size: 1.7rem;
    line-height: 2.2rem;
    text-align: center;
    font-weight: bold;
    border:1px solid black;
    border-radius: 5px;
}
.btn.btn-one:hover {
    background-color: black;
    color:white;
    animation: ease-in-out
}

.btn.btn-one:hover svg {
    fill: white!important;
}
.snow1 {
    background: url(https://designshack.net/tutorialexamples/letitsnow/snow.png);
    background-repeat: repeat;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    animation: snowOne 10s infinite linear;
   }
   .snow2 {
    background: url(https://designshack.net/tutorialexamples/letitsnow/snow.png);
    background-repeat: repeat;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    animation: snowTwo 10s infinite linear;
    background-size: 300px;
    filter: blur(1px);
   }
   .snow3 {
    background: url(https://designshack.net/tutorialexamples/letitsnow/snow.png);
    background-repeat: repeat;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    animation: snowThree 10s infinite linear;
    background-size: 800px;
    filter: blur(2px);
   }
   @keyframes snowOne {
    0% {
     background-position: 0px 0px;
    }
    100% {
     background-position: 100px 750px;
    }
   }
   @keyframes snowTwo {
    0% {
     background-position: 0px -100px;
    }
    100% {
     background-position: 0px 750px;
    }
   }
   @keyframes snowThree {
    0% {
     background-position: 0px 100px;
    }
    100% {
     background-position: 300px 750px;
    }
   }
   @media (max-width: 991px) {
    .rem_1_5 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .icono-texto {
        margin-top:-10px;
        width:35px;
        height:35px;
     }
     .icono-texto.icono-texto-2 {
        margin-top:0px;
        width:45px;
        height:45px;
     }
     .btn.btn-one {
        padding: 10px 20px;
        font-size: 1.3rem;
        line-height: 2rem;

    }
    .mx-width-90 {
        padding-left:2%;
        padding-right:2%;
    }
   }

   .botton-ultimo-paso {
    width: 100%;
    position: absolute;
    bottom: 20vh;
    left: 0;
   }

   .botton-ultimo-paso .btn.btn-one {
    background-color: black;
    color:white;
   }

   .position-logo-01 {
    position: absolute;
    top:40px;
    max-width: 200px;
   }