@use '../../colors';
@use '../../breakpoints';

.bz-adiciona-planos-net-block {
    position: relative;
    &::before {
        position: absolute;
        content: "";
        background-image: url(../../assets/img/block-adiciona-planos-net-bg.svg);
        background-position: center -250px;
        background-repeat: repeat;
        background-size: 100% auto;
        top: 0;
        bottom: 0;
        width: 100%;
    }


    &::after {
        position: absolute;
        content: "";
        bottom: -1px;
        width: 100%;
        clip-path: polygon( 153.333% 90.75%,150.715% 78.25%,146.674% 65%,142.194% 93.5%,136.597% 55.75%,131.59% 51.75%,125.722% 43.5%,121.785% 86.25%,115.493% 65%,107.875% 93.5%,99.34% 65%,88.938% 78.25%,84.59% 59%,78.75% 86.5%,73.924% 23%,65.535% 52%,59.472% 26.25%,55.931% 2%,51.042% 26.25%,46.188% 59%,41.958% 43.75%,38.868% 86.5%,30.868% 78.25%,25.299% 65%,17.403% 93.5%,10.979% 86.5%,5.674% 58.25%,1.667% 93.5%,-4.208% 78.25%,-10.854% 90.75%,-15.097% 41.25%,-20.604% 58.25%,-25.812% -30.5%,-25.812% 1245.25%,-19.965% 1156.5%,-16.451% 1093.5%,-11.437% 1104.25%,-8.271% 1151%,-1.944% 1145%,3.965% 1162.75%,9.34% 1197%,14.882% 1162.75%,20.264% 1122%,26.424% 1105.75%,29.785% 1138.5%,35.542% 1121%,39.125% 1158.25%,44.132% 1146%,53.215% 1122%,63.229% 1138.25%,71.104% 1176.25%,76.451% 1117.25%,87.528% 1117.25%,93.375% 1145.75%,99.063% 1117.25%,105.875% 1123.5%,111.014% 1064.5%,115.493% 1111.25%,121.785% 1119.5%,124.868% 1184.75%,131.16% 1197%,136.167% 1160.5%,143.479% 1174.75%,149.91% 1139.25%,154.313% 1188%,158.028% 1245.5%,158.028% -30.5%,153.347% 90.75% );


        //clip-path: polygon( 0.005% 118.75%,0.005% 0.025%,14.773% 64.109%,25.115% 39.076%,29.431% 82.617%,48.515% 39.076%,51.392% 64.109%,65.874% 39.076%,70.655% 75.623%,75.474% 57.39%,79.932% 75.623%,90.213% 57.39%,92.984% 27.002%,97.482% 27.002%,99.933% 0%,99.939% 118.75%,0.005% 118.75% );
        height: 50px;
        background-color: colors.$white;
    }
}

@media (max-width: 1455px) {
    .bz-adiciona-planos-net-block {
        .bz-scrolling-wrapper {
            justify-content: flex-start !important;
        }
    }
}