
section.home {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.horse-shadow {
    position: absolute;
    right: 25%;
    top: 170px;
    z-index: -1;
    border-radius: 50%;
    background-color: #25242B;
    filter: blur(50px);
    width: 450px;
    height: 450px;

}


.circle {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #25242B;
    filter: blur(100px);
    position: absolute;
    right: -400px;
    top: 0px;
    z-index: -1;
}

section.priority {
    position: relative;

}

section.priority .btc-right {
    filter: grayscale(1);
    position: absolute;
    right: 0px;
    top: -200px;
    z-index: -1;


}

section.priority .btc-left {
    filter: grayscale(1);
    position: absolute;
    left: -300px;
    top: -200px;
    z-index: -1;    

}


section.rec .boat-shadow {
    position: absolute;
    right: 20%;
    z-index: -1;
    border-radius: 50%;
    background-color: #0f0e0e;
    filter: blur(50px);
    width: 600px;
    height: 600px;

}

section.rec{
    position: relative;

}

section.rec .rec-bg {

    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: #575562;
    filter: blur(100px);
    position: absolute;
    left: -20%;
    top:50% ;
    z-index: -1;
}

section.exp {
    position: relative;
    overflow: hidden;
}

section.exp .exp-bg {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #35353b;
    position: absolute;
    z-index: -1;
    top: 800px;
    left: 40%;
    filter: blur(100px);
}

section.solution{
    position: relative;
    overflow: hidden;

}
section.solution .solution-bg {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #262528;
    position: absolute;
    z-index: -1;
    left: 35%;
    filter: blur(60px);
}

section.faq {
    position: relative;
    overflow: hidden;
}

section.faq .faq-shadow1 {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #29282b;
    position: absolute;
    z-index: -1;
    left: -15%;
    top: 20%;
    filter: blur(60px);
}

section.faq .faq-shadow2 {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #29282b;
    position: absolute;
    z-index: -1;
    right: -15%;
    top: 20%;
    filter: blur(60px);
}

section.home-areas {
    position: relative;

}
section.home-areas .homeArea-shadow {
    position: absolute;
    width: 800px;
    height: 500px;
    border-radius: 50%;
    background-color: #29282b;
    filter: blur(80px);
    z-index: -2;
    left: -45%;
    top: 20%;
}


@media screen and (max-width:1200px){
    .horse-shadow {
        right: 70%;
        top: 20%;
    }

 

    section.rec .rec-bg {

        width: 300px;
        height: 300px;
        border-radius: 50%;
        background-color: #575562;
        filter: blur(100px);
        position: absolute;
        left: -20%;
        top:50% ;
        z-index: -1;
    }

        section.solution .solution-bg {
        display: none;
    }

    section.faq .faq-shadow1 {
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background-color: #29282b;
        position: absolute;
        z-index: -1;
        left: -20%;
        top: 10%;
        filter: blur(60px);
    }
    
    section.faq .faq-shadow2 {
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background-color: #29282b;
        position: absolute;
        z-index: -1;
        right: -20%;
        top: 40%;
        filter: blur(60px);
    }
}

@media screen and (max-width:1366px) {
    .horse-shadow {
        position: absolute;
        right:15%;
        top: 130px;
        z-index: -1;
        border-radius: 50%;
        background-color: #25242B;
        filter: blur(50px);
        width: 350px;
        height: 350px;
    
    }

    .circle {
        width: 600px;
        height: 600px;
        border-radius: 50%;
        background-color: #25242B;
        filter: blur(100px);
        position: absolute;
        right: -400px;
        top: -25%;
        z-index: -1;
    }

    section.priority .btc-right {
        filter: grayscale(1);
        position: absolute;
        right: -25%;
        top: -200px;
        z-index: -1;
    
    
    }
    
    section.priority .btc-left {
        filter: grayscale(1);
        position: absolute;
        left: -45%;
        top: -200px;
        z-index: -1;    
    
    }
}


/*página ebook */ 
section.success {
    position: relative;
}



@media screen and (max-width:1280px) {
    section.priority .btc-right {
        display: none;
    
    
    }
    
    section.priority .btc-left {
        display: none;
    
    }

}

@media screen and (max-width: 768px) {

    .horse-shadow {
        display: block;
        right: 70%;
        top: 20%;
        width: 300px;
        height: 300px;
    }
    section.faq .faq-shadow1 {
        display: none;
    }
    
    section.faq .faq-shadow2 {
        display: none;
    }

    section.home-areas .homeArea-shadow {
        position: absolute;
        width: 200px;
        height: 400px;
        border-radius: 50%;
        background-color: #3a383d;
        filter: blur(80px);
        z-index: -1;
        left: -40%;
        top: 20%;
    }


    /*DESATIVADOS */
}

@media screen and (min-width: 3024px) {
    .horse-shadow {
        right: 30%;
        top: 450px;
        width: 600px;
        height: 600px;
    }

    section.solution .solution-bg {
        width: 800px;
        height: 800px;
        left: 40%;
        top: 280px;
    }

    section.exp .exp-bg {
    width: 400px;
    height: 400px;
    top: 900px;
    left: 45%;
    }
}
