body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f4f4;
    color: #333;
    margin: 0;
    padding: 0;
}


#ceny, .opis1, #mieszkanie {
    display: flex; /* Flexbox for alignment */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text alignment within elements */
}

.wycena_inna{
    margin-top: 23%;
    block-size: 1%;
    width: 250%;
    float: left;
    margin-left: -85px;
    display: flex; /* Flexbox for alignment */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center;
}




.cena {
    font-size: 1.5em; /* Optional: Make the price text larger */
    color: #333; /* Optional: Consistent color for price */
}

#dom_przycisk{
    margin-top: 39px !important;
}


text_block-93-32{
    width: 110%;
}
form {
    max-width: 800px;
    padding-bottom: 100px !important;
    margin: 20px auto;
    height: auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h2, h3 {
    color: #333;
    text-align: center;
}

label {
    display: block;
    margin-bottom: 5px;
}

input, select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

checkbox {
    margin-right: 5px;
}

button {
    background-color: #4CAF50;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
#audyut_energetyczny{
    margin-top: -7%;
}
#div_block-614-72{
    width: 49%;
    margin-left: -33%;
    margin-top: -2%;
}
#text_block-620-72{
    width: 106%;
    margin-left: -9%;
    margin-top: -4%;
    /* text-align: center; */
}
#audyty{
    width: 100%;
}
#image-622-72{
    height: 66%;
}
#swiadectwa_h1{
    margin-top: -8%;
    margin-bottom: -7%;
}
#powietrze{
    width: 110%;
    margin-left: 26%;
    margin-top: -11%;

}
#ministerstwo{
    width: 110%;
    margin-left: 26%;
    margin-top: -25%;
}
#audyt_energetyczny_a{
    margin-left: 39%;
    /* margin-right: 95%; */
    margin-bottom: 0;
    margin-top: -46%;
    width: 70%;
}
#wycena_audyt{
    margin-top: -10%;
    margin-left: 12.4%;
}
#audyt_energetyczny_a2{
    margin-left: 39%;
    width: 82%;
    margin-bottom: 4%;
}
#fancy_icon-619-72{
    margin-left: 31%;
    margin-top: 42%;
}
.ml70{
    margin-left: 70% !important;
}
#fancy_icon-619-72-2{
    margin-left: 75%;
}
#fancy_icon-619-72-2>svg {
    width: 40px;
    height: 40px;
}
#headline-612-72-3{
    margin-top: 8%;
    margin-bottom: 40px;
    font-size: 32px;
    text-align: center;
}
#headline-612-72{
    margin-left: 15%;
}
#new_columns-613-72-2{
    margin-top: -2%;
}
#zamow{
    margin-top: -11%;
}
#kontakt{
    margin-top: -6%;
}
#new_columns-613-72-3{
    margin-top: -2%;
}
#wycena_opinia{
    margin-top: -10%;
    margin-left: 15%;
}
#headline-265-32-2{
  
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 500;
}
button:hover {
    background-color: #45a049;
}

/* Optional: Style for checkboxes */
input[type="checkbox"] {
    margin-right: 5px;
}

/* Optional: Style for file input */
input[type="file"] {
    margin-top: 5px;
}

/* Optional: Style for payment summary */
h3 {
    margin-top: 20px;
    color: #333;
}

* {
    box-sizing: border-box;
  }
/*   
  .box {
    float: left;
    width: 25%;
    padding: 50px;
    text-align: center;
    margin-top: -80px;
    height: 600px;
  }
   */
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  
.input-50 {
    width: 45%;
    float: left;
    padding: 2%;
}
.button {
    border: none;
    border-radius: 5px;
    color: white;
    padding: 15px 32px;
    transition: 0.4s;
    padding: 10px 15px;
    border-style: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: green;
  }
.checkbox {
    float: left; 
    width: 2%;
    margin-top: 3%;
}
.prawo{
    margin-left: 5%;
}
.width95{
    width: 95%;
    float: left;
}
.margin3{
    margin-left: 3%;
}
.margin95{
    margin-left: -95%;
}
.margin05{
    margin-top: 0.5%;
}
.obrazy{
    height: 256px;
    width: 250px; 
    margin-left: -40px; 
    border-radius: 20%; 
    object-fit: cover;
}
.opis{
    width: 250%;
    float: left;
    margin-left: -85px;
    margin-top: -15px;
    block-size: 14%;
}
.cena{
    /* text-decoration: line-through;  */
    float: left;
    margin-left: 50px;
    margin-top: -4px;
}
.przecena{
    float: left; 
    margin-left: -20px; 
    margin-top: 20px; 
    color: red;
}
#wycena{
    color: red;
    margin-top: 2%;
}
.przycisk_wycena{
    margin-top: 54px !important;
    margin-left: 16.5%;
}

#przycisk_wycena{
    margin-top: 54px !important;
    margin-left: 7px !important;
}


#rury {
    float: left;
    margin-top: 1.6%; 
    margin-left: 3%; 
    width: 100%;
}
textarea{
    font-family: 'Arial', sans-serif;
}
#rury_sa_owiniete_dodatkowa_wartwa_izolacyjna_mieszkanie{
    margin-top: 9.7%;;}
#mieszkanie_na_parterze{
    display: none;
}
#mieszkanie_na_ost_parterze{
    display: none;

}
#mieszkanie_liczba_kondygnacji{
    margin-top: 13%;
    margin-left: -95.6%;
}
#rok_termomodernizacji{
    margin-top: 10%;
    margin-left: -48%;
}
#mieszkanie_posiada_balkon{
    margin-top: 0%;
    margin-left: 0.05%;
}
#termomodernizacja_budynku{
    margin-top: 7.5%;
    margin-left: -95.6%;
}
#ilosc_kondygnacji_mieszkania{
    display: none;
}
#termomodernizacja_prawo{

    margin-top: 10%;


}
#rok_termomodernizacji , #termomodernizacja_prawo{
    display: none;
}
#rury_sa_owiniete_dodatkowa_wartwa_izolacyjna{
    margin-top: 12.5%;
}
#grzejniki{
    margin-top: 10%;
    /* na mieszkaniu pasuje */
}
#klimatyzacja{
    margin-left: 0;
    margin-top: auto;
}
#panele_fotowoltaiczne{
    margin-left: 0;
    margin-top: auto;
}
#rekuperator{
    margin-left: 0;
    margin-top: auto;
}
#zainstalowane_panele_fotowoltaiczne{
    width: 95%;
    display: none;
}
#zainstalowana_klimatyzacja{
    width: 95%;
    display: none;
}
#zainstalowany_rekuperator{
    width: 95%;
    display: none;
}
#zrodlo_ogrzewania_cieplej_wody{
    margin-top: -2.2%;
}
#lokal_na_parterze{
    display: none;
}
#lokal_na_ost_parterze{
    display: none;
}
#termomodernizacja{
    margin-top: 0.15%;
}
#klatka_schodowa{
    margin-top: 5%;
    margin-left: -19.6%;
    position: absolute;
}
.checkbox_width_100{
    width: 100%;
}
#wymiana_okien_p{
    position: absolute;
    margin-left: -0.8%;
    margin-top: -4.6%;
}
#wymiana_okien{
    position: absolute;
    margin-top: -4.5%;
    margin-left: -3.4%;
}
#wymiana_dachu{
    position: absolute;
    margin-top: -4.5%;
    margin-left: 5.8%;
}
#wymiana_dachu_p{
    position: absolute;
    margin-left: 8.5%;
    margin-top: -4.6%;
}
#ocieplenie_scian{
    position: absolute;
    margin-top: -4.5%;
    margin-left: 15.8%;
}
#ocieplenie_scian_p{
    position: absolute;
    margin-left: 18.5%;
    margin-top: -4.6%;
}
#kondygnacja{
    margin-top: -3%
}
#klatka_schodowa_p{
    margin-left: 21%;
    margin-top: 5%;
    position: absolute;
}
#termo{
    margin-top: -3.15%;
    margin-left: 3%;

}
#balkon{
    margin-left: 0%;
    margin-top: -3%;
}
#parter{
    margin-top: 10.8%;
}
#ostatnie_pietro{
    margin-top: 4.8%;
    margin-left: 0.05%;
}
#sciana_graniczaca_z_klatka_schodowa{
    width: 100%;
}
#brak_informacji_koniecznych{
    margin-top: -.001%;
}
#adres{
    width: 100%;
}
#faktura_vat_div {
    text-align: center;
    display: none;
  }
#adres{
    width: 95%;
}
#przeznaczenie_lokalu_przyklady{
    margin-top: 22%;
}
#wyposazenie_lokalu_przeznaczenie{
    margin-top: -4.2%;
    margin-left: 50%;
}
#zgoda_na_przetwarzanie{
    margin-top: 0%;
}
.opis1{
    /* margin-left: -190%; */
    margin-top: 9%;
    block-size: 1%;
}
/* Media queries for responsiveness */
@media only screen and (min-width: 401px) and (max-width: 450px) {
    body{
        width: 430px !important;
        margin-left: 1% !important;
    }
    .box {
        float: left;

        /* padding: 50px; */
        text-align: center;
        margin-top: -80px;
        height: 600px;
      }
      
      .clearfix::after {
        content: "";
        clear: both;
        display: table;
      }
      .pierwszy_obraz{
        margin-top: 15%;
      }
      .mieszkanie_obraz{
        display: block;
        margin-left: 6%;
        width: 350px;
    }
    .opis{
        float: left;
        width: 300px;
        /* margin-left: -49%; */
    }
    .margin-t-p{
        /* margin-top: 5%; */
    
    }
    .ceny{
        margin-left: 23%;
    }
    .przycisk{
        margin-top: 6%;
    }

    .button {
        border: none;
        border-radius: 5px;
        color: white;
        padding: 15px 32px;
        transition: 0.4s;
        padding: 10px 15px;
        border-style: none;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        /* margin: 4px 2px; */
        width: 154px;
        cursor: pointer;
        background-color: green;
      }
      .opis1{
        margin-left: 43%;
        text-align: center;
        width: 182px;
      }
      .cena{
        /* text-decoration: line-through;  */
        float: left;
        margin-left: 90px;
        margin-top: -4px;
    }
    .ml15{
        margin-left: 15% !important;
    }
    .ml13{
        margin-left: 13% !important;
    }
    .mt100{
        margin-top: -100px !important;
    }
    #przycisk_wycena{
        margin-top: 54px !important;
        margin-left: 13%  !important;
    }
    #mieszkanie, #dom{
        margin-left: 16%;
    }
    #lokal, #nieruchomosc, #wycena{
        margin-left: 15%;
    }
    #image-622-72{
        height: 66%;
        width: 251% !important;
        margin-top: 50%;
        margin-left: -177%;
    }
    #text_block-620-72{
        width: 106%;
        margin-left: -8%;
        margin-top: -4%;
        text-align: center;
        margin-bottom: -276% !important;
    }
    #headline-265-32{
        margin-left: 0 !important;
        margin-top: -30%;
    }
    #headline-612-72{
        margin-left: 0 !important;
    }
    .mt{
        margin-top: 16% !important;
    }
    .wycena_inna{
        margin-top: 13% !important;
        margin-left: 42%;
        text-align: center;
        width: 182px;
        float: left;
    }
    #przycisk_wycena{
        width: 48% !important;
    }
    #Audyty_energetyczne_2{
        margin-top: -47%;
    }
    .svg_respons{
        margin-top: -241% !important;
    }
    .svg_respons_2{
        margin-top: 107% !important;
    }
    #div_block-614-72{
        margin-top: -50%;
    }
    #link-625-72{
        margin-top: 300% !important;
    }
    #powietrze{
        width: 110%;
        margin-left: -18%;
        margin-top: -123%;
        margin-bottom: 4%;
        width: 300px;
    }
    #swiadectwa_h1{
        margin-top: -17%;
        margin-bottom: -59%;
    }
    #div_block-618-72-1 {
        margin-top: -17%;
    }
    
    #audyt_energetyczny_a{
        margin-left: 87%;
        /* margin-right: 95%; */
        margin-bottom: 0;
        margin-top: -46%;
        width: 184% !important;
    }
    .mt125{
        margin-top: 125% !important;
    }
    #fancy_icon-619-72{
        margin-left: 82%;
        margin-top: 40%;
    }#div_block-618-72{
        margin-left: 62%;
    }
    #text_block-620-72{
        width: 184% !important;
    }
    #zamow{
        margin-top: 54%;
    }
    #wycena_czyste_powietrze{
        margin-top: 80px !important;
        margin-left: 19%;
    }
    .ml73{
        margin-left: 73% !important;
    }



    #audyt_energetyczny_a2{
        margin-left: 99%;
        /* margin-right: 95%; */
        margin-bottom: -101%;
        margin-top: 9%;
        width: 225% !important;
    }
    #fancy_icon-619-72-2{
        margin-left: 95%;
        margin-top: -148%;
    }
    #ministerstwo{
        width: 213%;
        margin-left: -79%;
        margin-top: 38%;
    }
    #wycena_opinia_przycisk{
        margin-top: 42% !important;
    }
    #div_block-106-32{
        margin-top: -56%;
    }
    #ecoteq_w_szczegolach{
        margin-top: -37% !important;
        margin-bottom: -20%;
    }
    #headline-612-72-3{
        margin-top: 8%;
        margin-bottom: -7%;
        font-size: 32px;
        text-align: center;
    }
    
}

@media only screen and (min-width: 350px) and (max-width: 400px) {
    body{
        width: 390px;
    }
    .box {
        float: left;

        /* padding: 50px; */
        text-align: center;
        margin-top: -80px;
        height: 600px;
      }
      
      .clearfix::after {
        content: "";
        clear: both;
        display: table;
      }
      .pierwszy_obraz{
        margin-top: 15%;
      }
    .mieszkanie_obraz{
        display: block;
        margin-left: 6%;
        width: 90%;
    }
    .opis{
        float: left;
        width: 300px;
        /* margin-left: -49%; */
    }
    .margin-t-p{
        /* margin-top: 5%; */
    
    }
    .ceny{
        margin-left: 23%;
    }
    .przycisk{
        margin-top: 6%;
    }

    .button {
        border: none;
        border-radius: 5px;
        color: white;
        padding: 15px 32px;
        transition: 0.4s;
        padding: 10px 15px;
        border-style: none;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        /* margin: 4px 2px; */
        width: 154px;
        cursor: pointer;
        background-color: green;
      }
      .opis1{
        margin-left: 39%;
        text-align: center;
        width: 182px;
      }
      .cena{
        /* text-decoration: line-through;  */
        float: left;
        margin-left: 63px;
        margin-top: -4px;
    }
    #image-622-72{
        height: 66%;
        width: 251% !important;
        margin-top: 24%;
        margin-left: -177%;
    }
    #text_block-620-72{
        width: 106%;
        margin-left: -8%;
        margin-top: -4%;
        text-align: center;
        margin-bottom: -276% !important;
    }
    #headline-265-32{
        margin-left: 0 !important;
        margin-top: -30%;
    }
    #headline-612-72{
        margin-left: 0 !important;
    }
    .mt{
        margin-top: 16% !important;
    }
    .wycena_inna{
        margin-top: 13% !important;
        margin-left: 39%;
        text-align: center;
        width: 182px;
        float: left;
    }
    #przycisk_wycena{
        width: 48% !important;
    }
    #Audyty_energetyczne_2{
        margin-top: -47%;
    }
    .svg_respons{
        margin-top: -241% !important;
    }
    .svg_respons_2{
        margin-top: 107% !important;
    }
    #div_block-614-72{
        margin-top: -20%;
    }
    #link-625-72{
        margin-top: 396% !important;
    }
    #powietrze{
        width: 110%;
        margin-left: -18%;
        margin-top: -158%;
        margin-bottom: 4%;
        width: 300px;
    }
    #swiadectwa_h1{
        margin-top: -17%;
        margin-bottom: -59%;
    }
    #div_block-618-72-1 {
        margin-top: -17%;
    }
    
    #audyt_energetyczny_a{
        margin-left: 61%;
        /* margin-right: 95%; */
        margin-bottom: 0;
        margin-top: -46%;
        width: 184% !important;
    }
    #fancy_icon-619-72{
        margin-left: 69%;
        margin-top: 6%;
    }#div_block-618-72{
        margin-left: 62%;
        margin-top: 83% !important;
    }
    #text_block-620-72{
        width: 184% !important;
    }
    #zamow{
        margin-top: 54%;
    }
    #wycena_czyste_powietrze{
        margin-top: -9px !important;
        /* margin: 0 0 !important; */
    }



    #audyt_energetyczny_a2{
        margin-left: 99%;
        /* margin-right: 95%; */
        margin-bottom: -101%;
        margin-top: 9%;
        width: 225% !important;
    }
    #fancy_icon-619-72-2{
        margin-left: 95%;
        margin-top: -148%;
    }
    #ministerstwo{
        width: 213%;
        margin-left: -79%;
        margin-top: 38%;
    }
    #wycena_opinia_przycisk{
        margin-top: 42% !important;
    }
    #div_block-106-32{
        margin-top: -64%;
    }
    #ecoteq_w_szczegolach{
        margin-top: -37% !important;
        margin-bottom: -20%;
    }
    #headline-612-72-3{
        margin-top: 8%;
        margin-bottom: -8%;
        font-size: 32px;
        text-align: center;
    }
}

@media only screen and (min-width: 700px) and (max-width: 800px) {
    .box {
        float: left;

        padding: 50px;
        text-align: center;
        margin-top: -80px;
        height: 600px;
      }
      
      .clearfix::after {
        content: "";
        clear: both;
        display: table;
      }
      .opis{
        float: left;
        width: auto;
        margin-left: -28%;
    }
    .ceny{
        margin-left: 35%;
        width: 600px;
    }
    .przycisk{
        margin-top: 6%;
    }

    .button {
        border: none;
        border-radius: 5px;
        color: white;
        padding: 15px 32px;
        transition: 0.4s;
        padding: 10px 15px;
        border-style: none;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        width: 47%;
        cursor: pointer;
        background-color: green;
      }
      .obrazy{
        height: 256px;
        width: auto; 
        margin-left: -40px; 
        border-radius: 20%; 
        object-fit: cover;
    }
    .pierwszy_obraz{
        /* margin-left: 15%; */
      }
      .opis1{
        margin-left: -196%;
        margin-top: 0%;
    }
}

@media only screen and (min-width: 1200px) {
    .box {
        float: left;
        width: 25%;
        padding: 50px;
        text-align: center;
        margin-top: -80px;
        height: 600px;
      }
      
      .clearfix::after {
        content: "";
        clear: both;
        display: table;
      }
}
.zalaczniki_dom{
    display: block;
}
#dokumentacja_projektowa , #rysunki_branzy_architektonicznej, #instalacje_sanitarne{
    display: none;
}
#nieogrzewane_pomieszczenia_checked{
    display: none;
}
#nieogrzewane_pomieszczenia{
    margin-top: 0;
}
.width45{
    width: 45%;
    float: left;
    padding: 2%;
}
table.greyGridTable {
    border: 1px solid #FFFFFF;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
  }
  table.greyGridTable td, table.greyGridTable th {
    border: 1px solid #FFFFFF;
    padding: 3px 4px;
  }
  table.greyGridTable tbody td {
    height: 32px;
    margin-top: 20px;
    font-size: 13px;
    float: left;
  }
  table.greyGridTable td:nth-child(even) {
    float: right;
    margin-right: -13%;
  }
  table.greyGridTable thead {
    background: #FFFFFF;
    border-bottom: 2px solid #333333;
  }
  table.greyGridTable thead th {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    border-left: 0px solid #333333;
  }
  table.greyGridTable thead th:first-child {
    border-left: none;
    height: 32px;
    float: left;
  }
  
  table.greyGridTable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    border-top: 0px solid #333333;
  }
  table.greyGridTable tfoot td {
    font-size: 14px;
  }
table{
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
}
#priorytet{
    display: none;
}
#zamowienie{
    float: right;
    margin-top: 5%;
}
#zamowienie_prio{
    float: right;
    margin-top: 5%;
    display: none;

}
a#pobieranie{
    color: rgb(85, 26, 139) !important;
}
#FormularzDlaZarzadcy{
    font-size: 14px;
}
#formularz_zarzadcy{
    margin-top: 1.5%;
}
#zalacznik_formularz_p{
    display: none;
}
#zalacznik_zdjecie , #zalacznik_formularz_p{
    margin-top: -1%;
}
#link-625-72{
    margin-top: 5%;
}
#zamowienie_priorytetowe{
    position: absolute;
    float: left;
    margin-top: 0.1%;
     margin-left: -0.35%;

}
#zamowienie_priorytetowe_p{
    margin-left: 3%;
    /* position: absolute; */
}
#zamowienie_priorytetowe_dom{
    position: absolute;
    float: left;
    margin-top: 0.2%;
     margin-left: -0.35%;

}
#wycena_przycisk{
    float: right;
    margin-top: 3%;
    margin-right: 5%;
}
.mt{
    margin-top: 38%;
}
#div_block-618-72-1 {
    margin-top: -43%;
}