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

.bz-saldo-bazza-fau-block {
    position: relative;

    &::before {
        position: absolute;
        content: "";
        background-image: url(../../assets/img/block-saldo-bazza-fau-bg.svg);
        background-position: center top;
        background-repeat: repeat-y;
        background-size: 100% auto;
        top: -100px;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1; 
    }


    &::after {
        position: absolute;
        content: "";
        bottom: 0px;
        left: 0;
        width: 100%;
        clip-path: polygon( -35.669% 2229.288%,-33.048% 2239.924%,-29.006% 2251.182%,-24.527% 2226.848%,-18.928% 2259.076%,-13.922% 2262.576%,-8.052% 2269.576%,-4.113% 2232.924%,2.18% 2251.182%,9.798% 2226.848%,18.335% 2251.182%,28.734% 2239.924%,33.079% 2256.5%,38.919% 2232.924%,43.747% 2287.364%,52.139% 2262.576%,58.203% 2284.621%,61.748% 2305.303%,66.64% 2284.621%,71.495% 2256.5%,75.728% 2269.576%,78.819% 2232.924%,86.821% 2239.924%,92.393% 2251.182%,100.286% 2226.848%,106.708% 2232.924%,112.011% 2257.106%,116.02% 2226.848%,121.893% 2239.924%,128.538% 2229.288%,132.781% 2271.545%,138.291% 2257.106%,143.498% 2332.97%,143.498% -56.417%,137.653% 19.597%,134.137% 73.414%,129.12% 64.292%,125.951% 24.309%,119.624% 29.478%,113.712% 14.275%,108.337% -15.066%,102.792% 14.275%,97.408% 49.09%,91.249% 63.076%,87.889% 35.103%,82.133% 50.002%,78.55% 18.076%,73.544% 28.566%,64.459% 49.09%,54.442% 35.103%,46.568% 2.509%,41.221% 53.042%,30.145% 53.042%,24.301% 28.566%,18.61% 53.042%,11.799% 47.721%,6.659% 98.194%,2.18% 58.211%,-4.113% 51.218%,-7.192% -4.576%,-13.486% -15.066%,-18.491% 16.251%,-25.803% 4.089%,-32.231% 34.495%,-36.632% -7.313%,-40.349% -56.418%,-40.349% 2332.97%,-35.669% 2229.288% );
        height: 50px;
        background-color: colors.$pink-darker;
        z-index: 1;
    }
}

@media (max-width: breakpoints.$desktop-large) {
    .bz-heading-xl  {
        font-size: 4.5rem;
    }
}