body {
   background: black;
   color: white;
   font-family: 'Poppins';
}
.newlands {
    
}
.newlands .container-fluid {
    background-image: url(assets/fondo-inicio.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    @media (min-width: 576px) {
        background-image: url(assets/fondo-escritorio.png);
    } 

}
.newlands h5 {
    font-weight: 300;
}
.newlands h3 {
    font-family: 'Playfair Display';
    font-weight: 500;
}
.newlands .btn {
    width: 180px;
    height: 40px;
}
.newlands a {
    text-decoration: none;
    color: black;
}
.newlands p{
    font-weight: 200;
}
.newlands .bold {
    font-weight: bold;
}
.newlands .color {
    color: #FFB850;
}
.newlands .btn.btn-light {
    background-color: #8EC78C;
    border-color: #8EC78C;
}
.d-flex.d-md-none.position-relative {
    height: 800px;
    width: 420px;
}
.left {
    position: absolute;
    left: 2px;
}
.center {
    position: absolute;
    left: 75px;
    top: 230px;
}
.right {
    position: absolute;
    left: 150px ;
    top: 395px;
    z-index: -1;
}
.impact {
    height: 900px;
    @media (min-width: 576px) {
        height: 400px;;
    } 
    
}
.impact .hoja {
    position: absolute;
    width: 308px;
    left: 225px;
    top: -80px;
}
.impact .v1 {
    transform: rotate(90deg);
    position: absolute;
    top: 170px;
    left: -65px;
    width: 500px;
    @media (min-width: 576px) {
        transform: none;
        position: absolute;
        top: 50px;
        left: 150px;
        width: 650px;

    }  
}
.impact .v2 {
    transform: rotate(90deg);
    position: absolute;
    top: 445px;
    left: -65px;
    width: 500px;
    @media (min-width: 576px) {
        transform: none;
        position: absolute;
        top: 50px;
        left: 500px;
        width: 650px;
        
    }  
}
.impact-ecol {
    position: absolute;
    z-index: 2;
    left: 92px;
    top: 95px;
    @media (min-width: 576px) {
        position: absolute;
        z-index: 2;
        left: 150px;
        top: 130px;
    }  
}
.impact-soc {
    position: absolute;
    z-index: 2;
    left: 92px;
    top: 370px;
    @media (min-width: 576px) {
        position: absolute;
        z-index: 2;
        left: 480px;
        top: 130px;
    }  
}
.impact-econ {
    position: absolute;
    z-index: 2;
    left: 92px;
    top: 635px;
    @media (min-width: 576px) {
        position: absolute;
        z-index: 2;
        left: 830px;
        top: 130px;
    }  
}
.impact p {
    font-weight: 100;
    line-height: 1;
    font-size: smaller;
    @media (min-width: 576px) {
        font-size: medium;
    }  
}

.impact h5 {
    font-family: 'Playfair Display';
    font-weight: 900;
    font-size: medium;
    @media (min-width: 576px) {
        font-size: large;
    } 
}
.impact a {
    text-decoration: none;
    color: #8EC78C;
}
.impact-img {
    width: 35px ;
    @media (min-width: 576px) {
        width: 50px ;
    } 
}
.subscription {
   
}
.subscription form {
    width: 300px;
    @media (min-width: 576px) {
        width: 450px;
    } 
}
.subscription h4 {
    color: #8EC78C;
}
.subscription .button.btn {
    background-color: #8EC78C;
    border: none;
    width: 150px;
    height: 50px;
}
.rayo.img-fluid.py-2 {
    width: 60px;
    height: 60px;
}
.subs.text-center {
    color: #8EC78C;
    font-family: 'Playfair Display';
    font-weight: 500;
}
.refferal_badge {
    width: 220px; 
    height: 40px; 
    display: flex; 
    padding: 2px 0px; 
    justify-content: center; 
    align-items: center;
}
.clear.foot.py-3 {
    width: 150px;
}
.background-img2 {
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 75%),
    url("./assets/Maskgroup.svg");
    
    background-repeat: no-repeat;
    background-size: cover;
    @media (min-width: 576px) {
        background-image: none;
    }    
}
.title-zise {
    width: 300px ;
    @media (min-width: 576px) {
        width: 600px;
    } 
}
.mockup-zise {
    width: 300px;
    @media (min-width: 576px) {
        width: 600px;
    } 
}
.letter-zise {
    font-size: larger;
    @media (min-width: 576px) {
        font-size: xx-large; 
        font-family: 'Playfair Display';
    } 
}
.text-zise {
    font-size: medium;
    @media (min-width: 576px) {
        font-size: larger;
    } 
}
.img-position {
    background-image: url(assets/fondo-inicio.svg);
    @media (min-width: 576px) {
        background-image: url(assets/fondo-escritorio.png);
    } 
}
.logo-zise {
    width: 200px;
    @media (min-width: 576px) {
        width: 250px;
    } 
}