.black-bg {
    background-color: #2F2F2F;
}
.page {
    overflow: hidden;
}

.first-content {
    padding: 20px 0px;
    padding-bottom: 0px;
}
.first-content .sended {
    border: 1px solid;
    border-radius: 22px;
    padding: 15px;
}
.first-content .text-block {
    width: 580px;
}
.first-content .received {
    text-align: end;
    border-radius: 22px;
    padding: 15px;
    position: relative;
}
.first-content .received .like  {
    position: absolute;
    right: 20px;
    bottom: -10px;
}
.first-content .div-faixa .faixa {
    height: 40px;
    width: 100%;
    transform: rotate(1deg);
    font-style: italic;
}
.second-content {
    padding: 20px 0px;
}
.second-content .pink-part {
    background-color: #F453E5;
    padding: 10px 20px;
}
.second-content .download-button {
    text-transform: uppercase;
    width: 330px;
    height: 30px;
    font-weight: 300;
}
.third-content {
    padding: 40px 20px;
}
.third-content .green-part {
    padding: 30px 20px;
}
.third-content .green-part p, .third-content .green-part span {
    font-family: 'Roboto Mono';
}
.third-content .green-part hr {
    width: 100%;
    border-width: 3px 0 0 0;
    border-color: #000;
}
.third-content .redirect-button {
    width: 240px;
    padding: 5px;
    font-weight: 300;
}
.fourth-content {
    padding: 0px 20px;
}
.fifth-content {
    padding: 0 50px;
}
.fifth-content .slider .slide {
    width: 150px !important;
    height: 150px;
    background-color: var(--grey);
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.fifth-content .slider .slide .download-svg {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.slick-center {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
}
.fifth-content .slider .slide a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fifth-content .slider .slide img {
    width: 60%;
}

.sixth-content .div-faixa .faixa {
    background-color: #40C982;
}
.eighth-content {
    padding: 40px 20px;
    height: 780px;
    margin-bottom: 200px !important;
}
.eighth-content .text-block {
    width: 566px;
}

.first-max-width {
    max-width: 1166px;
}
.text-block {
    width: 506px;
}
.second-content .text-block, .third-content .text-block {
    margin-right: 30px;
}
.media-content {
    max-width: 506px;
    position: relative;
}
.media-content img {
    width: 100%;
}
.media-content video {
    width: 100%;
}
.media-content video::-webkit-media-controls-panel {
    display: none;
}
.download-content {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
}

.div-faixa {
    height: 60px;
    width: 100%;
    max-width: 1980px;
    display: flex;
}
.div-faixa .faixa {
    height: 40px;
    width: 100%;
    transform: rotate(-1deg);
}
.banner {
    position: relative;
    max-width: 506px;
}
.banner:first-of-type {
    margin-right: 30px;
}
.banner .to-download {
    width: 100%;
}

.banner .download-content {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
}

.eighth-content .mobile-image {
    display: none;
}

.mobile {
    display: none;
}
.second-content .media-content.mobile {
    display: none;
}

.slick-next:before, .slick-prev:before {
    content: '';
}
.slick-prev {
    display: inline-block;
    position: absolute;
    left: 30px;
    bottom: 51%;
    z-index: 1;
}
.slick-next {
    display: inline-block;
    position: absolute;
    right: 7px;
    bottom: 59%;
    z-index: 1;
}
.slick-prev:after,
.slick-next:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: solid black;
    cursor: pointer;
}
.slick-prev:after {
    right: 60px;
    top: 0px;
    border-width: 4px 0px 0px 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}
.slick-next:after {
    right: -55px;
    top: 0px;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}
.slick-prev:hover:after,
.slick-prev:focus:after,
.slick-next:hover:after,
.slick-next:focus:after
{
    opacity: 1;
}
.slick-prev.slick-disabled:after,
.slick-next.slick-disabled:after
{
    opacity: 0;
    pointer-events: none !important;
}
[aria-disabled] {
    touch-action: unset !important;
    pointer-events: unset !important;
    color: unset !important;
}

@media only screen and (max-width: 1000px) {
    .first-content .first-max-width {
        padding: 0 20px;
    }

    .second-content .first-max-width {
        padding: 0 20px;
    }

    .fourth-content .banner-content {
        width: 100%;
    }
    .eighth-content {
        height: auto;
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 800px) {
    .mobile-text-center{
        text-align: center;
    }

    .second-content .text-block, .third-content .text-block {
        margin-right: 0px;
    }

    .first-content .first-max-width {
        flex-direction: column;
        align-items: center;
    }
    .first-content .first-max-width .text-block {
        margin-bottom: 30px;
        max-width: 580px;
        width: auto;
    }
    .first-content .sended, .first-content .received {
        font-size: 18px !important;
    }

    .second-content .first-max-width {
        flex-direction: column;
        align-items: center;
    }
    .second-content .first-max-width .text-block {
        /* margin-bottom: 60px; */
        width: 100%;
    }
    .second-content .mobile-flex {
        display: flex;
        justify-content: center;
    }
    .second-content .media-content.desktop {
        display: none;
    }
    .second-content .media-content.mobile {
        display: flex;
    }

    .third-content .first-max-width {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0px;
    }
    .third-content .first-max-width .text-block {
        max-width: 506px;
        width: auto;
    }
    .third-content .green-part {
        margin-bottom: 30px !important;
    }
    .third-content .mobile-flex {
        display: flex;
        justify-content: center;
    }
    .third-content .mobile-flex {
        display: flex;
        justify-content: center;
    }

    .seventh-content {
        display: none;
    }

    .eighth-content {
        height: auto;
        margin-bottom: 0 !important;
    }
    .eighth-content .first-max-width {
        flex-direction: column;
    }
    .eighth-content .first-max-width .text-block {
        margin-right: 0px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .none-mobile {
        display: none;
    }
    .first-content .mobile {
        display: unset;
    }
    .second-content .mobile {
        display: unset;
    }
    .second-content .pink-part {
        flex-direction: column;
        align-items: center;
    }
    .second-content .pink-part img {
        width: 60px;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .second-content .download-button {
        text-transform: uppercase;
        width: 100%;
        height: 30px;
        font-size: 18px !important;
        padding: 0 5px;
    }

    .banners-content {
        flex-direction: column;
        margin-bottom: 0px;
    }
    .banner:first-of-type {
        margin-bottom: 70px;
    }
    .banner:first-of-type {
        margin-right: 0px;
    }
    
    .sixth-content .div-faixa .faixa {
        height: 65px;
        text-align: center;
    }

    .eighth-content .desktop-image {
        display: none;
    }
    .eighth-content .mobile-image {
        display: unset;
    }
    .eighth-content .first-max-width .text-block {
        width: 100%;
        margin-right: 0px !important;
    }
    .eighth-content {
        height: 1580px;
        margin-bottom: 200px !important;
    }
}