.oferta_list {
        list-style-type: none;
        padding-left: 0;
    }
    
    .oferta_list li {
        line-height: 3rem;
        margin-bottom: 2rem;
        margin-left: 0rem;
        
        background-image: url('/app/view/image/oferta/ok.svg');
  
  /* Ważne: Zapewnia, że obrazek się nie powtarza */
  background-repeat: no-repeat;
  
  /* Ustawia rozmiar obrazka (np. 16px na 16px) */
  background-size: 48px 48px; 
  
  /* Pozycjonuje obrazek (np. 0px z lewej, wyśrodkowany w pionie) */
  background-position: 0 50%; 
  
  /* Ustawia wcięcie, aby tekst nie zakrywał obrazka. 
     Powinno być większe niż szerokość obrazka. */
     padding: 5px; 
    padding-left: 60px; 
  
  
  /* Upewnia się, że tekst jest przesunięty w dół, jeśli obrazek jest wyższy niż wysokość linii */
  line-height: 2.5; 
        
    }
    
    
    
    .button_margin_top {
        margin-top: 6rem;
        margin-bottom: 3rem;
    }
    
    .box_oferta_0 {
        background: url('/app/view/image/oferta/OFERTA4.jpg') no-repeat center;
        margin-bottom: 3rem;
    }
    
    .box_oferta_1 {
        background: url('/app/view/image/oferta/OFERTA3.jpg') no-repeat top left,url('/app/view/image/oferta/OFERTA4.jpg') no-repeat center,url('/app/view/image/oferta/OFERTA2.jpg') no-repeat bottom right;
        margin-bottom: 3rem;
    }
    
    .box_oferta_2 {
        background: url('/app/view/image/oferta/OFERTA5.jpg') no-repeat center;
        margin-bottom: 3rem;
    }
    
    .box_oferta_3 {
        background: url('/app/view/image/oferta/OFERTA6.jpg') no-repeat center;
        margin-bottom: 3rem;
    }
    
    .oferta_h1 {
        color: #fff;
        font-size: 4.8rem;
        font-weight: 500;
        margin-left: 5rem;
        display: block;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .header__oferta {
        color: #575656;
        font-size: 4.8rem;
        font-weight: 500;
        display: block;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    
    
    
    .box_red {
        background: #f8484c -webkit-gradient(linear, right top, left top, from(#a30036), to(#f43136));
        background: #f8484c linear-gradient(270deg, #a30036, #f43136);
        max-width: 60%;
        font-size: 2.8rem;
        line-height: 4.2rem;
        color: #fff;
        padding: 3rem;
        margin-bottom: 3rem;
        margin-top: 6rem;
        display: flex;
        flex-direction: column;
    }
    
    .box_red_fl {
        max-width: 100%;
        display: block;
    }
    
    .box_red_left {
        margin-left: 5rem;
     
    }
    
    .box_header {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
        .box_text {
        font-size: 2rem;
        line-height: 2.5rem;
            
    }
    
    .box_red_right {
        margin-right: 5rem;
        margin-left: auto;
    }
    
    .box_red .circle {
        font-size: 4rem;
        max-width: 20%;
        margin-top: 4rem;
        margin-bottom: 4rem;
        border: solid 3px #000;
        padding: 2rem;
        border-radius: 15rem;
        margin-left: auto;
        margin-right: auto;
        
         
        
    }
    
    .box_red .circle label{
        width: 50px;
        height: 50px; 
        display: block;
        text-align: center;
        vertical-align: middle;
        
    }
    
    .box_red div {
        margin-bottom: 2rem;
    }
    
    @media (max-width: 978px) {
  
            
    .oferta_list {
        list-style-type: none;
        padding-left: 0;
    }
    
    .oferta_list li {
        line-height: 3rem;
        margin-bottom: 2rem;
        margin-left: 0rem;
        
        background-image: url('/app/view/image/oferta/ok.svg');
  
  /* Ważne: Zapewnia, że obrazek się nie powtarza */
  background-repeat: no-repeat;
  
  /* Ustawia rozmiar obrazka (np. 16px na 16px) */
  background-size: 48px 48px; 
  
  /* Pozycjonuje obrazek (np. 0px z lewej, wyśrodkowany w pionie) */
  background-position: 0 50%; 
  
  /* Ustawia wcięcie, aby tekst nie zakrywał obrazka. 
     Powinno być większe niż szerokość obrazka. */
     padding: 5px; 
    padding-left: 60px; 
  
  
  /* Upewnia się, że tekst jest przesunięty w dół, jeśli obrazek jest wyższy niż wysokość linii */
  line-height: 2.5; 
        
    }
    
    
    
    .button_margin_top {
        margin-top: 6rem;
        margin-bottom: 3rem;
    }
    
    .box_oferta_0 {
        
        margin-bottom: 3rem;
    }
    
    .box_oferta_1 {
        
        margin-bottom: 3rem;
    }
    
    .box_oferta_2 {
        
        margin-bottom: 3rem;
    }
    
    .box_oferta_3 {
        
        margin-bottom: 3rem;
    }
    
    .oferta_h1 {
        color: #fff;
        font-size: 2.8rem;
        font-weight: 500;
        margin-left: 3rem;
        display: block;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    
    .header__oferta {
        color: #575656;
        font-size: 4.8rem;
        font-weight: 500;
        display: block;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    
    
    
    .box_red {
        background: #f8484c -webkit-gradient(linear, right top, left top, from(#a30036), to(#f43136));
        background: #f8484c linear-gradient(270deg, #a30036, #f43136);
        max-width: 70%;
        font-size: 2.2rem;
        line-height: 4.2rem;
        color: #fff;
        padding: 3rem;
        margin-bottom: 3rem;
        margin-top: 6rem;
        display: flex;
        flex-direction: column;
    }
    
    .box_red_fl {
        max-width: 100%;
        display: block;
    }
    
    .box_red_left {
        margin-left: 3rem;
     
    }
    
    .box_header {
        font-size: 2rem;
        line-height: 3rem;
    }
    
        .box_text {
        font-size: 2rem;
        line-height: 2.5rem;
            
    }
    
    .box_red_right {
        margin-right: 3rem;
        margin-left: auto;
    }
    
    .box_red .circle {
        font-size: 3.5rem;
        max-width: 20%;
        margin-top: 3rem;
        margin-bottom: 3rem;
        border: solid 3px #000;
        padding: 2rem;
        border-radius: 15rem;
        margin-left: auto;
        margin-right: auto;
        
         
        
    }
    
    .box_red .circle label{
        width: 40px;
        height: 40px; 
        display: block;
        text-align: center;
        vertical-align: middle;
        
    }
    
    .box_red div {
        margin-bottom: 2rem;
    }
        
}
 

    @media (max-width: 789px) {
  
             .oferta_h1 {
        color: #fff;
        font-size: 2.6rem;
        font-weight: 500;
        margin-left: 2rem;
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }   
    
        .box_red {
        background: #f8484c -webkit-gradient(linear, right top, left top, from(#a30036), to(#f43136));
        background: #f8484c linear-gradient(270deg, #a30036, #f43136);
        max-width: 100%;
        font-size: 2rem;
        line-height: 3.2rem;
        color: #fff;
        padding: 2rem;
        margin-bottom: 2rem;
        margin-top: 4rem;
        display: flex;
        flex-direction: column;
    }
    
        .box_red_left {
        margin-right: auto;
        margin-left: auto;
    }
    
        .box_red_right {
        margin-right: auto;
        margin-left: auto;
    }
}


    @media (max-width: 500px) {
  
        #oferta .box {
                padding: 2rem;
        }
        
             .oferta_h1 {
        color: #fff;
        font-size: 2.2rem;
        font-weight: 500;
        margin-left: 0rem;
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }   
    
        .box_red {
        background: #f8484c -webkit-gradient(linear, right top, left top, from(#a30036), to(#f43136));
        background: #f8484c linear-gradient(270deg, #a30036, #f43136);
        max-width: 100%;
        font-size: 2rem;
        line-height: 3.2rem;
        color: #fff;
        padding: 2rem;
        margin-bottom: 1rem;
        margin-top: 4rem;
        display: flex;
        flex-direction: column;
    }
    
        .box_header {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    
        .box_text {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    
      .box_red .circle {
        font-size: 3rem;
        max-width: 20%;
        margin-top: 2rem;
        margin-bottom: 2rem;
        border: solid 2px #000;
        padding: 1.8rem;
        border-radius: 15rem;
        margin-left: auto;
        margin-right: auto;
        
         
        
    }
    
    .box_red .circle label{
        width: 30px;
        height: 30px; 
        display: block;
        text-align: center;
        vertical-align: middle;
        
    }
    
        .oferta_list li {
        line-height: 2rem;
        margin-bottom: 1.8rem;
        margin-left: 0rem;
        background-image: url('/app/view/image/oferta/ok.svg');
        background-repeat: no-repeat;
        background-size: 36px 36px;
        background-position: 0 50%;
        padding: 4px;
        padding-left: 40px;
        line-height: 2.2;
    }
    
    #oferta ul li {
    line-height: 2.2rem;
}

   
}