.bg-image {
  background-image: url("/data/include/cms/assets/images/bezplatna-dostawa/top-strony-19202x.png");
  background-size: cover;
  background-position: top;
  min-height: 550px;
  background-repeat: no-repeat;

  display: flex; 
  align-items: flex-end;

  justify-content: center;
  text-align: left;

  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: Poppins;
  color: #393d46;
}

@media (min-width: 1450px) {
  .bg-image {
    min-height: 650px;
  }
}

.wrapper {
  max-width: 70%;
}

.box {
  border-radius: 26px;
  margin-bottom: 90px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #fff;
}

.info {
  min-height: 424px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: Poppins;
  color: #393d46;
}

.img-src-1 {
  content: url("/data/include/cms/assets/images/bezplatna-dostawa/screen-1.png");
  width: 75%;
}

.img-src-2 {
  content: url("/data/include/cms/assets/images/bezplatna-dostawa/screen-2.png");
  width: 75%;
}

.numbers {
  height: auto;
}

@media (min-width: 1200px) {
  .bg-image {
    justify-content: flex-start;
    text-align: left;
  }
  
  .custom-xl {
    padding-bottom: 1rem;
    padding-left: 3rem
  }

  .custom-xl-col {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    margin-left: 25%;
    padding-bottom: 3rem;
    padding-left: 3rem;
  }
}

ul li::marker {
  color: #F4003C;
}

.icons {
  max-height: 424px;
  text-align: center;
}

.numbers {
  padding-top: 65px;
  padding-bottom: 10px;
  position: relative;
}

@media (max-width: 1199.98px) {
  .bg-image {
    background-image: url("/data/include/cms/assets/images/bezplatna-dostawa/top-1280.png");
    min-height: 470px;
  }

  .wrapper {
    max-width: 80%;
  }

  .px-custom {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .info {
    min-height: 312px;
  }

  .numbers {
    padding-top: 40px;
  }
}

@media (max-width: 960px) {
  .bg-image {
    background-image: url("/data/include/cms/assets/images/bezplatna-dostawa/top-1280_cut_2.png");
    min-height: 400px;
  }

  .px-custom {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media (max-width: 768px) {
  .bg-image {
    background-image: url("/data/include/cms/assets/images/bezplatna-dostawa/top-ipad.png");
    border-radius: 26px;
    min-height: 350px;
  }

  .wrapper {
    max-width: 90%;
  }

  .box {
    min-width: 90%;
  }

  .info {
    min-height: auto;
  }

  .numbers {
    padding-top: 0; 
    margin-top: -70px;
  }

  .icons {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }

  .px-custom {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (max-width: 576px) {
  .bg-image {
    min-height: 300px;
  }

  .px-custom {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .img-src-1 {
    content: url("/data/include/cms/assets/images/bezplatna-dostawa/mobile-screen-1_2.png");
    width: 100%;
    max-width: none;
    height: auto;
  }

  .img-src-2 {
    content: url("/data/include/cms/assets/images/bezplatna-dostawa/mobile-screen-2_2.png");
    width: 100%;
    max-width: none;
    height: auto;
  }

  .box {
    background-color: #f8f9fa;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .numbers {
    margin-top: 0;
    padding-top: 10px;
    display: none;
  }

  .icons {
    height: auto;
    max-height: none;
  }
}

@media (max-width: 400px) {
  .bg-image {
    background-image: url("/data/include/cms/assets/images/bezplatna-dostawa/top-mobile.png");
    min-height: 525px;
    background-size: contain;
    border-radius: 26px 26px 0 0;
  }

  .px-custom {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}