*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@font-face{
    font-family: Poppins;
    src:url(../fonts/Poppins/Poppins-Light.ttf);
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
    src: url(../fonts/Poppins/Poppins-ExtraLight.ttf);
}

body{
    width: 100%;
    display: block;
    margin: auto;
    background: rgb(255, 255, 255);
    font-family: sans-serif;
}
.brand-logo{
    margin-top: 2%;
    margin-bottom: 2%;
    position: absolute;
    display: inline-flex;
    left: 10%;
}
.nav-link{

    font-size: 1rem;
    font-weight: 600;
}
.container-slider{
    width: 97%;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.slider{
    display: flex;
    width: 800%;
    height: 100%;
    margin-left: -100%;
}
.slider__section{
    width: 100%;
    height: 100%;
}
.slider__img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider__btn{
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.slider--left{
    left: 2rem;
}
.slider--right{
    right: 2rem;
}
.contenido{
    margin: auto;
    margin-top: 1.5rem;
    width: 85%;
    display: flex;
    flex-wrap: wrap;
}
.support-img{
margin: 1.5rem;
padding: 1.5rem;
width: 25%;
min-width: 300px;
min-height: 500px;
}
.description{
    max-width: 55%;
    margin:auto;
    min-width:40px;
    padding: 1.5rem;  
}
.description P{
    font-size: 1rem;
    text-align: justify
}
.split_container{
    width: 80%;
    height: 40%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 2rem;
}

@media (max-width: 1024px){
    .contenido{
        padding: 1rem;
        margin: auto;
        width: 100%px;
        display: flex;
        flex-wrap: wrap;
    }
    .support-img {
        width: 100%;
        max-height: 900px;
        margin: auto;
        padding: 0;
        opacity: .6;
    }
    .description p{
        width: 100%;
        font-size: 1rem;
        padding: 0;
    }
    .mini_slider_container{
        max-width: 100%;
        
    }
    .split_container .description h3{
        font-size: 1.1rem;
        font-weight: 600;
    }
    .brand-logo{
        left: 35%;
    }
    .split_container{
        display:block;
        width: 100%;

    }
    .description{
      max-width: 100%;  
    }
}
@media (max-width: 650px){
    .contenido{
        padding: 1rem;
        margin: auto;
        width: 100%px;
    }
    .support-img {
    visibility: hidden;
    }
    .description{
        max-width: 80%;
        padding: 1%;
        margin: auto;
        width: 100%;
        position:absolute;
    }
    .description p{
        max-width: 85%;
        font-size: 1rem;
        width: 100%;
        margin: auto;
        padding: 0;
        
    }
    .brand-logo{
        left: 35%;
    }
    .split_container{
        vertical-align: auto;
    }
}

/* CSS de mini slides */
.mini_slider_container{
    width: 35%;
    min-width: 300px;
    height: 100%;
    margin: auto;
    object-fit:cover;
    overflow: hidden;
    position: relative;
}
.mini_slider{
    display: flex;
    width: 400%;
    height: 100%;
    margin-left: -100%;
}
.mini_slider__section{
    width: 100%;
    height: 100%;
}
/* slides 2 */
.mini_slider__img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini_slider_container2{
    width: 35%;
    min-width: 300px;
    height: 100%;
    margin: auto;
    object-fit:cover;
    overflow: hidden;
    position: relative;
}
.mini_slider2{
    display: flex;
    width: 400%;
    height: 100%;
    margin-left: -100%;
}
.mini_slider__section2{
    width: 100%;
    height: 100%;
}
.mini_slider__img2{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* fin de Css de minislides */