section.hero-inic{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    min-height: 70vh;
}

section.hero-inic::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 20%, #122301 100%);
}

.ret-drt{
    top:-24px
}

@media (max-width: 1400px) {
    .ret-drt{
    top:0px
}
}
.dots-bg.n1 {
    aspect-ratio: 20/20;
    left: 0%;
    top: 0%;
    max-height: 250px;
    z-index: -1;
}
.dots-bg.n2 {
    aspect-ratio: 20/20;
    left: 75%;
    top: 40%;
    max-height: 400px;
    z-index: -1;
}