.single-filter-wrapper-status {
    display: none;
}

.firmazalewski-wyszukiwarka form {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.mieszkanie-item {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/* Modal */
.historia-cen-modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.historia-cen-content {
    background: #fff;
    width: 80%;
    max-width: 700px;
    margin: 80px auto;
    padding: 20px;
    position: relative;
}

.historia-cen-content .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

/* GLOB */
.max-width-inwestycje {
    max-width: 1468px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.max-width-historia {
    max-width: 1040px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.padding-glob-inwestycje {
    padding-left: 75px;
    padding-right: 75px;
}

.padding-glob-inwestycja-page {
    padding-left: 100px;
    padding-right: 100px;
}


/* ------------------------------------------ SINGLE INWESTYCJA */
.apartment-specification * {
    font-family: 'Poppins' !important;
}





.return-btn-wrapper {
    display: flex;
}

.inwestycje-return-button {
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
    color: black !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.inwestycje-return-button span {
    font-weight: bold;
}

.inwestycje-return-button svg {
    width: 20px;
    height: auto;
    flex: 0 0 20px;
    fill: black;
}

.apartment-specification .apartament-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    gap: 25px;
}

.apartment-specification .apartament-title-wrapper h1 {
    font-size: 36px;
    line-height: 46px;
    color: black;
    margin: 0px;
    font-weight: 400;
}

.apartment-specification .apartament-title-wrapper h1 span {
    font-weight: 600;
    color: #DA0D16;
}

.btn-historia-cen {
    border-radius: 0px;
    background-color: #CACACA;
    border: 1px solid #CACACA;
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.btn-historia-cen svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    fill: white;
}

.apartament-price-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.apartment-specification .apartament-title-wrapper .apartament-price {
    font-size: 36px;
    height: 48px;
    color: black;
    font-weight: 400;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.apartment-specification .apartament-title-wrapper .apartament-price .apartament-price-title {
    font-size: 16px;
    line-height: 18px;
    color: #DA0D16;
}

.apartament-specification-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 50px;
}

.apartament-specification-table h3 {
    font-size: 13px;
    line-height: 18px;
    color: black;
    font-weight: 500;
    margin: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CACACA;
}

.apartament-specification-table .apartament-specification-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #CACACA;
}

.apartament-specification-table .apartament-specification-row .apartament-spec-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #A0A0A0;
}

.apartament-specification-table .apartament-specification-row .apartament-spec-value {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #000000;
}

/* Zdjęcie */

.apartament-specification-img {
    border: 1px solid #CACACA;
    max-width: 439px;
    height: auto;
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.apartament-specification-img {
    width: 100%;
    object-fit: contain;
}

/* Przyciski */
.apartament-specification-table .apartament-specification-row.apartament-specification-button-wrapper {
    border-bottom: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.spec-table-button-red {
    display: flex;
    align-items: center;
    background: #DA0D16;
    border: 1px solid #DA0D16;
    padding: 12px 16px;
    color: white !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    fill: white;
}

.spec-table-button-white {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid white;
    padding: 12px 16px;
    color: black !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    fill: black;
}

.spec-table-button-border-red {
    display: flex;
    align-items: center;
    border: 1px solid #DA0D16;
    padding: 12px 15px;
    color: black !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    background-color: transparent;
}

.spec-table-btn {
    gap: 7px;
}

.spec-table-btn svg {
    width: 15px;
    height: auto;
    flex: 0 0 15px;
}

/* Statusy */
.apartament-specification-table .apartament-specification-row .apartament-status {
    padding: 7.5px 15px;
    padding-left: 30px;
    border-radius: 20px;
    position: relative;
}

.apartament-specification-table .apartament-specification-row .apartament-status::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: gray;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

.apartament-specification-table .apartament-specification-row .apartament-status.dostepne {
    background-color: #E4F5E4;
    color: #108319;
}

.apartament-specification-table .apartament-specification-row .apartament-status.dostepne::before {
    background-color: #108319;
}

.apartament-specification-table .apartament-specification-row .apartament-status.zarezerwowane {
    background-color: #FCF5E7;
    color: #D38200;
}

.apartament-specification-table .apartament-specification-row .apartament-status.zarezerwowane::before {
    background-color: #D38200;
}

.apartament-specification-table .apartament-specification-row .apartament-status.sprzedane {
    background-color: #eb777d;
    color: #ffffff;
}

.apartament-specification-table .apartament-specification-row .apartament-status.sprzedane::before {
    background-color: #ffffff;
}

.section-galeria-inwestycje {
    margin-top: 50px;
    margin-bottom: 100px;
}

.mgp-gallery-container h2 {
    font-size: 36px;
    line-height: 48px;
    color: black;
    font-weight: 400;
    margin: 0px;
    margin-bottom: 50px;
}

.mieszkanie-galeria {}

.mieszkanie-galeria .swiper-slide {
    width: 300px;
    height: 340px;
    max-width: 300px;

}

.mieszkanie-galeria .swiper-slide img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    transition: all 0.4s;
}

.mieszkanie-galeria .swiper-slide:nth-child(2n+1) img {

    margin-top: 25px;

}



/* -------------------------------------------------------- STRONA INWESTYCJI */

/* Sekcja Hero */
.section-inwestycja-header {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1468/629;
    overflow: hidden;
    min-height: 500px;
}

/* Wrapper hero – tło ustawiane inline, ale zachowujemy rozmiar i pozycjonowanie */
.section-inwestycja-header .inwestycja-hero-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
}

/* Gradient overlay dla poprawy czytelności tekstu */
.section-inwestycja-header .inwestycja-hero-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
    z-index: 1;
}

/* Kontener na treść sekcji hero */
.section-inwestycja-header .hero-content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: flex-start;
    align-items: flex-end;

    padding-top: 75px;
    padding-bottom: 75px;

}

.section-inwestycja-header .hero-content {
    max-width: 720px;
    width: 100%;
}

/* Stylizacja treści hero */

.section-inwestycja-header .hero-content h1 {
    color: #fff;
    font-size: 46px;
    line-height: 50px;
    font-weight: 400;
    margin: 0px;
}

/* Stylizacja przycisku CTA */

.section-inwestycja-header .hero-button-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 35px;
    flex-wrap: wrap;
}

.section-inwestycja-header .hero-logo-inwestycja {
    max-width: 250px;
    height: auto;
    width: 100%;
    object-fit: contain;
    display: block;
    margin-bottom: 15px;
}


/* SEKCJE LINKI KAFELKI */
.section-inwestycje-tile-link {
    margin-top: 50px;
    margin-bottom: 50px;
}

.section-inwestycje-tile-link-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.section-inwestycje-tile-link-wrapper a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 34px;
    color: black !important;
    transition: all 0.2s;
    text-decoration: none;
    font-weight: 400;
    gap: 25px;
}

.section-inwestycje-tile-link-wrapper a img,
.section-inwestycje-tile-link-wrapper a svg {
    flex: 0 0 40px;
    object-fit: contain;
    width: 40px;
    height: auto;
    fill: #DA0D16;
}

.section-inwestycje-tile-link-wrapper .single-tile-link:not(:last-child) {
    border-right: 1px solid #CACACA;
}

/* SEKCJA TEXT IMG */

.section-inwestycja-text-img {
    margin-top: 40px;
    margin-bottom: 40px;
}

.inwestycja-text-img-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 75px;
}

.inwestycja-text-img-content img.section-img {
    height: 100%;
    object-fit: cover;
    padding-left: 25px;
}

.inwestycja-text-img-content {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}

.inwestycja-text-img-content h2.section-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: black;
    margin: 0px;
    margin-bottom: 25px;
}

.inwestycja-text-img-content.text-right img.section-img {
    grid-row: 1;
    padding-left: 0px;
    padding-right: 25px;
    margin-left: 0px
}


/* ------------------------------------- */
/* CUSTOMOWE LISTY z Twoim plikiem SVG   */
/* ------------------------------------- */

/* Usuwamy domyślne kropki w <ul> */
.inwestycja-text-img-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Każdy <li> będzie miał wstawioną ikonę jako pseudo-element ::before */
.inwestycja-text-img-content ul li {
    position: relative;
    padding-left: 32px;
    /* miejsce na ikonę z lewej */
    margin-bottom: 12px;
    /* odstęp między liniami */
}

/* Pseudo-element wstawiający pełne SVG w formie tła */
.inwestycja-text-img-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    /* dostosuj w pionie według uznania */
    width: 20px;
    height: 20px;

    /* Tutaj wstawiamy pełny kod SVG w data URI (zamiast # dajemy %23, spacje -> %20, itp.) */
    background: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20.002'%20viewBox='0%200%2020%2020.002'><path%20id='shield-trust'%20d='M19.274,8.224h0l-1.793-1.8V5a2.5,2.5,0,0,0-2.493-2.5h-1.43L11.766.707a2.552,2.552,0,0,0-3.526,0L6.447,2.5H5.017A2.5,2.5,0,0,0,2.524,5V6.429L.73,8.224a2.5,2.5,0,0,0,0,3.53l1.793,1.8v1.432a2.5,2.5,0,0,0,2.493,2.5h1.43l1.793,1.794a2.492,2.492,0,0,0,3.526,0l1.793-1.794h1.43a2.5,2.5,0,0,0,2.493-2.5V13.549l1.794-1.8a2.5,2.5,0,0,0,0-3.53Zm-4.1.286L10.96,12.673a2.647,2.647,0,0,1-3.717,0L5.077,10.593A.834.834,0,1,1,6.25,9.408L8.415,11.49a.976.976,0,0,0,1.37,0L14,7.327a.834.834,0,1,1,1.173,1.184Z'%20transform='translate(-0.002%200)'%20fill='%23da0d16'/></svg>") no-repeat center center;

    background-size: contain;
}


/* ------------------------------------------------ */
/* LISTY ZAGNIEŻDZONE - Domyślny wygląd (np. kwadrat) */
/* ------------------------------------------------ */

/* Lista zagnieżdżona wewnątrz pierwszego poziomu */
.inwestycja-text-img-content ul ul {
    list-style: square;
    /* lub możesz użyć 'disc', w zależności od preferencji */
    margin: 0;
    padding-left: 20px;
    /* standardowy odstęp */
}

/* Usuwamy pozycjonowanie oraz pseudo-element dla li w zagnieżdżonych listach */
.inwestycja-text-img-content ul ul li {
    position: static;
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.inwestycja-text-img-content ul ul li::before {
    content: none;
}


/* ------------------------------------------------------------------------- Sekcja kafelki opisowe */

.section-desc-tile {
    margin-top: 100px;
    margin-bottom: 100px;
}

.section-desc-tile .desc-tile-wrapper h2 {
    text-align: center;
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    margin: 0px;
}

.section-desc-tile .desc-tile-wrapper .desc-tile-loop .single-desc-tile {
    border: 1px solid #CACACA;
    padding: 50px;
}

.section-desc-tile .desc-tile-wrapper .desc-tile-loop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin-top: 50px;
}

.section-desc-tile .desc-tile-wrapper .desc-tile-loop img,
.section-desc-tile .desc-tile-wrapper .desc-tile-loop svg {
    fill: #DA0D16;
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.section-desc-tile .desc-tile-wrapper .desc-tile-loop p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: black;
    text-align: center;
    margin: 0px;
}

.section-desc-tile .desc-tile-wrapper .desc-tile-loop p b {
    font-weight: 600;
    color: #DA0D16;
}


/* Sekcja tile z background */
.section-inwestycje-tile-with-background{
    position: relative;
    background-size: cover !important;
    background-blend-mode: multiply;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 5, 0);
    transition: all .6s;

}
.section-inwestycje-tile-with-background::after{
    content: "";
    background-color: #000000;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    opacity: 0.29;
    height: 100%;
}
.inwestycje-tile-with-background{
 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 700px;
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    z-index: 2;
}
.inwestycje-tile-with-background h2{
    font-size: 42px;
    line-height: 50px;
    font-weight: 500;
    color: white;
    max-width: 866px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin: 0px;
    margin-bottom: 35px;
}
.inwestycje-tile-with-background .inwestycje-tile-with-background-loop{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1362px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}
.inwestycje-tile-with-background .inwestycje-tile-with-background-loop .tile-with-background-loop-single-tile:not(:last-child){
    border-right: 1px solid white;
}
.inwestycje-tile-with-background .inwestycje-tile-with-background-loop .tile-with-background-loop-single-tile{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 50px;
    padding-right: 50px;
}
.inwestycje-tile-with-background .inwestycje-tile-with-background-loop .tile-with-background-loop-single-tile p{
    font-size: 26px;
    line-height: 34px;
    color: white;
    font-weight: 400;
    max-width: 232px;
    margin: 0px;
}
.inwestycje-tile-with-background .inwestycje-tile-with-background-loop .tile-with-background-loop-single-tile img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}
/*------------------------------------------------------------------------ SEKCJA MAPA INTERAKTYWNA */






/* TABELA MIESZKAŃ WYSZUKIWARKA */


.section-apartaments-search {
    margin-top: 100px;
    margin-bottom: 100px;
}

.section-apartaments-search .apartaments-search-wrapper h2 {
    text-align: center;
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    margin: 0px;
}


.section-apartaments-search .apartaments-search-wrapper .apartaments-search-table-wrapper {
    margin-top: 50px;
}

.apartaments-filter-wrapper-box{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f4f4f5;
}
.apartaments-search-table-wrapper .apartaments-filter-wrapper {
    display: flex;
    gap: 100px;

}


.apartaments-filter-wrapper .single-filter-wrapper input {
    border: 1px solid #DA0D16;
    width: 40px;
    height: 40px;
    border-radius: 0px;
    background-color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 20px;
    font-weight: 500;
}

.apartaments-filter-wrapper .single-filter-wrapper select {
    border: 1px solid #DA0D16;
    width: 167px;
    height: 40px;
    border-radius: 0px;
    background-color: white;
    font-size: 14px;
    font-weight: 20px;
    font-weight: 500;
    padding: 0px 15px;

}

.single-filter-wrapper-input-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.single-filter-wrapper label {
    font-size: 13px;
    line-height: 13px;
    color: black;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    gap: 6px;
}

.single-filter-wrapper label svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    object-fit: contain;
}

.apartaments-filter-wrapper .filter-button-wrapper {
    display: flex;
    align-items: flex-end;
}

.apartaments-filter-wrapper .filter-button-wrapper button {
    background-color: #DA0E15;
    color: white;
    box-shadow: 0px 3px 15px #7E000031;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    height: 46px;
    padding: 0 15px;
    border: 0px;
    cursor: pointer;
}

.single-filter-wrapper-range-metraz {
    flex: 0 0 300px;
}

.single-filter-wrapper-range-metraz .ui-slider-handle {
    width: 12px !important;
    height: 12px !important;
    border-radius: 12px !important;
    background: white !important;
    border: 3px solid #DA0D16 !important;
}

.single-filter-wrapper-range-metraz #metraz-slider {
    height: 3px;
}

.single-filter-wrapper-range-metraz .ui-slider-range {
    background-color: #DA0D16;
}

#metraz-range-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}
.btn-show-apartaments{
    margin-right: auto;
}
.btn-show-apartaments-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-show-apartaments {
    background-color: #DA0D16;
    color: white !important;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    gap: 5px;
}

.btn-show-apartaments svg {
    fill: white;
    width: 15px;
    height: auto;
    flex: 0 0 15px;
}

.mieszkania-table{
    border-collapse: collapse;
    width: 100%;
}
.mieszkania-table thead{
    border-bottom: 1px solid #CACACA;
}
.mieszkania-table tr:not(:last-child) td {
    border-bottom: 1px solid #CACACA;
  }
  


.mieszkania-table th {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.mieszkania-table td{
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: black;
    padding-top: 16px;
    padding-bottom: 16px;
}
#mieszkania-search-results{
    margin-top: 75px;
    margin-bottom: 75px;
}






/* ---------------------------DZIENNIK BUDOWY */

/* Single */
.btn-section-wrapper-article .return-btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-section-wrapper-article .return-btn-wrapper .article-date{ 
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: black;
}
.btn-section-wrapper-article .return-btn-wrapper .article-date svg{ 
    width: 16px;
    height: 16px;
    object-fit: contain;
    fill: black;
}
.btn-section-wrapper-article{
    margin-bottom: 20px;
}
.section-dziennik-budowy-img{
    margin-bottom: 50px;
}
.dziennik-budowy-main-img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    
}
.button-return-historia{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}
.section-historia-budowy-title{
    margin-top: 20px;
    margin-bottom: 50px;
}
.section-historia-budowy-title h1{
    font-size: 46px;
    line-height: 50px;
    color: black;
    font-weight: 400;
}

.section-historia-budowy-content h2{
    color: black;
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
}

.section-historia-budowy-content b{
    font-weight: 600;
}
.section-historia-budowy-content ul{
    margin-left: 0px;
    padding-left: 0px;
}
.section-historia-budowy-content ul li:not(:last-child){
    margin-bottom: 15px;
}
.section-historia-budowy-content ul li{

    position: relative;
    list-style: none;
    padding-left: 25px;
}
.section-historia-budowy-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    /* dostosuj w pionie według uznania */
    width: 20px;
    height: 20px;

    /* Tutaj wstawiamy pełny kod SVG w data URI (zamiast # dajemy %23, spacje -> %20, itp.) */
    background: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20.002'%20viewBox='0%200%2020%2020.002'><path%20id='shield-trust'%20d='M19.274,8.224h0l-1.793-1.8V5a2.5,2.5,0,0,0-2.493-2.5h-1.43L11.766.707a2.552,2.552,0,0,0-3.526,0L6.447,2.5H5.017A2.5,2.5,0,0,0,2.524,5V6.429L.73,8.224a2.5,2.5,0,0,0,0,3.53l1.793,1.8v1.432a2.5,2.5,0,0,0,2.493,2.5h1.43l1.793,1.794a2.492,2.492,0,0,0,3.526,0l1.793-1.794h1.43a2.5,2.5,0,0,0,2.493-2.5V13.549l1.794-1.8a2.5,2.5,0,0,0,0-3.53Zm-4.1.286L10.96,12.673a2.647,2.647,0,0,1-3.717,0L5.077,10.593A.834.834,0,1,1,6.25,9.408L8.415,11.49a.976.976,0,0,0,1.37,0L14,7.327a.834.834,0,1,1,1.173,1.184Z'%20transform='translate(-0.002%200)'%20fill='%23da0d16'/></svg>") no-repeat center center;

    background-size: contain;
}






/* SLIDERY */



/* ------------------------------ SEKCJA ZREALIZOWANE PROJEKTY SLIDER */
.section-slider-wrapper h2{
    margin: 0px;
    font-size: 36px;
    line-height: 48px;
    color: black;
    font-weight: 500;
}

.section-slider-wrapper .date{
    position: absolute;
    bottom: 0px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: white;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}
.section-slider-wrapper .date svg{
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    object-fit: contain;
    fill: white;
}
.section-slider-nav-wrapper{
    margin-bottom: 50px;
}
.swiper-tile-wrapper {
	position: relative;
	display: flex;
}
.swiper-tile-wrapper::before{
    content: "";
    background-color: black;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0.2;
}
.section-slider-wrapper{
	margin-top: 40px;
	margin-bottom: 40px;
}
.section-slider-wrapper-inside {
	padding-left: 20px;
	position: relative;
}
.swiper-tile-wrapper .btn-wrapper{
    display: flex;
    margin-top: 15px;
}
.swiper-tile-wrapper .btn-wrapper .fake-slider-btn{
    padding: 10px 12px;
}

@media only screen and (min-width: 1468px) {
	.section-slider-wrapper-inside::after {
		width: 50px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		content: '';
		background-image: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
		z-index: 2;
	}
}

.section-slider-wrapper-inside .swiper-slide img {
	width: 534px;
	height: 371px;
	object-fit: cover;
	transition: all 0.2s;
}

.section-slider-wrapper-inside .swiper-slide:hover img {
	transform: scale(1.1);
}

.section-slider-wrapper-inside .swiper-slide {
	width: 534px;
	height: 371px;
	margin-right: 12px;
	position: relative;
	overflow: hidden;
}
.section-dziennik-budowy-inwestycja .swiper-slide{
    width: 486px;
    height: 336px;
}
.section-dziennik-budowy-inwestycja .swiper-slide img{
    width: 486px;
    height: 336px;

}

.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer {
	position: absolute;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	bottom: 0px;
	left: 25px;
	right: 25px;
	bottom: 25px;
    z-index: 3;
}


.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer h3 {
	font-size: 22px;
	line-height: 26px;
	color: white;
	font-weight: 500;
	margin: 0px;
}

.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer svg {
	width: 25px;
	flex: 0 0 25px;
	fill: white;
	height: auto;
}

.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer .tile-footer-title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
}

.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer .sticker-wrapper {
	display: flex;
}

.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer .sticker {
	font-size: 13px;
	line-height: 16px;
	padding: 6px 10px;
	font-weight: 600;
}

.section-slider-wrapper-inside .swiper-slide .swiper-tile-footer .sticker.sold {
	background-color: #DA0D16;
	color: white !important;
}


.section-slider-wrapper-inside .swiper-slide .sticker-location {
	position: absolute;
	top: 20px;
	right: 20px;
	background: white;
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 16px;
	color: black;
	padding: 8px 10px;
	gap: 8px;
}

.section-slider-wrapper-inside .swiper-slide .sticker-location svg {
	width: 12px;
	flex: 0 0 12px;
	height: auto;
	fill: #DA0E15;
}


.section-dziennik-budowy-inwestycja{
    /* padding-left: 75px; */
}

.section-dziennik-budowy-inwestycja .section-slider-wrapper-inside{
 
    padding-left: 75px;
}
.section-slider-nav-wrapper{

}
.slider-nav-btn{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    cursor: pointer;
    border: 1px solid black;
}
.slider-nav-btn svg{
    width: 20px;
    flex: 0 0 20px;
    height: auto;
    fill: black;
}
.slider-nav-btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: absolute;
    right: 75px;
    top: 30px;
}