.hidden {
  display: none;
}

.bnpp-status-bar {
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
  background: linear-gradient(90deg, #D9ECE5 0%, #FFF 100%);
  width: 1250px;
  height: 110px;

  .img {
    display: flex;
    height: 110px;
    padding: 28px 14px;
    align-items: center;
    gap: 10px;
    width: 82px;

    figure {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }
  }

  .container-text {
    padding-top: 18px;
    max-width: 1168px;

    p {
        color: #0C2728;
        font-family: "BNPP Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px; /* 111.111% */
        margin-bottom: 9px;
    }

    .link{
        margin: 0px;
    }

  }
}

.bnpp-status-bar.dark {
    border-radius: 3px;
    background: linear-gradient(90deg, #0C2728 0%, #008252 100%);

    p {
        color: #FFFFFF;
    }
}


@media (max-width: 825px) { 
    .bnpp-status-bar {
        width: 100vw;
        height: 100%;
        padding: 0px;
        margin-left: calc(-50vw + 50%);
        max-height: 182px;

        .img{
            height: 180px;
            padding: 71px 30px;

            figure {
                width: 40px;
                height: 40px;
            }
        }

        .container-text {
            padding-top: 20px;
            max-width: 290px;

            p {
                font-size: 14px;
            }
        }
    }
}