/* hero sekcja jako punkt odniesienia */
.sppb-section{
position:relative;
}

/* kontener statystyk */
.hero-stats{
position:absolute;
right:-12%;
bottom:-56px;
transform:translateY(-250px);
width:420px;
z-index:20;
}

/* boxy */
.stat{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(14px);
border-radius:18px;
padding:28px;
color:#fff;
box-shadow:0 20px 60px rgba(0,0,0,0.35);
}

/* odstęp między boxami */
.stat-big{
margin-bottom:20px;
}

/* dolne dwa boxy */
.stat-row{
display:flex;
gap:20px;
}

.stat-row .stat{
flex:1;
}

/* liczby */
.stat-number{
font-size:40px;
font-weight:700;
margin-bottom:6px;
}

/* opis */
.stat-text{
font-size:14px;
opacity:0.85;
line-height:1.4;
}

/* mobile */
@media (max-width:991px){

.hero-stats{
position:relative;
right:auto;
bottom:auto;
transform:none;
width:100%;
margin-top:40px;
}

.stat-row{
flex-direction:column;
} }


.hero-features{
display:flex;
gap:40px;
align-items:center;
}

.feature{
display:flex;
align-items:center;
gap:10px;
font-weight:500;
color:#2b2b2b;
}

.feature img{
width:28px;
height:28px;
} 

.clients{
display:flex;
justify-content:space-between;
width:100%;
color:#9aa3ab;
font-weight:600;
letter-spacing:1px;
}

.oferta-header{
display:flex;
justify-content:space-between; 
align-items:center;
}

.oferta_home{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
color:#1e73be;
text-decoration:none;
font-weight:500;
}

.sppb-addon-text-block{
position:relative;
}

.oferta_home_one {
	border: solid 1px #00000026;
    border-radius: 15px;
}

.oferta_home_one img {
    width: 40px;
    height: auto;
    margin: 7px 0px 0px 6px;
}

.oferta_table_home .sppb-img-container{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
background:#eef3f8;
border-radius:14px;
margin-bottom:20px;
} 
   
.oferta_homeoo img {
	border-radius: 15px
}

/*opinie*/

.testimonials{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
margin-top:40px;
}

.testimonial{
background:#fff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:30px;
position:relative;
box-shadow:0 1px 3px rgba(0,0,0,0.05);
}

.stars{
color:#22a06b;
font-size:18px;
margin-bottom:15px;
letter-spacing:3px;
}

.quote{
color:#6b7280;
font-size:15px;
line-height:1.7;
margin-bottom:25px;
}

.divider{
height:1px;
background:#e5e7eb;
margin-bottom:20px;
}

.author strong{
display:block;
font-size:15px;
color:#111827;
margin-bottom:4px;
}

.author span{
font-size:14px;
color:#6b7280;
}

.testimonial::after{
content:"❝";
position:absolute;
top:20px;
right:25px;
font-size:40px;
color:#d1d5db;
}

.sppb-addon-content p{
display:inline-block;
margin-right:20px;
vertical-align:middle;
}


.sppb-addon-content p:has(.zamow),
.sppb-addon-content p:has(.zadzwon){
display:inline-block;
margin-right:20px;
}

.zamow{
display:inline-block;
background:linear-gradient(90deg,#2ea86f,#35c07f);
color:#fff;
padding:16px 28px;
border-radius:14px;
font-weight:600;
cursor:pointer;
}

.zadzwon{
display:inline-block;
border:2px solid rgba(255,255,255,0.35);
color:#fff;
padding:16px 28px;
border-radius:14px;
font-weight:600;
cursor:pointer;
}

.stopka_uslugi ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stopka_uslugi ul li a {
    color: #cfd6dd;
    text-decoration: none;
    transition: 0.3s;
}

.stopka_uslugi ul li a:hover {
    color: #ffffff;
}

.stopka_home {
    border-top: 1px solid #383838;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 17px;
 }
 
#mod-custom113 {
	 font-size: 17px;
	 margin-bottom: -15px !important;
 }
 
/*check box*/

.sppb-addon-feature .sppb-addon-text ul{
list-style:none;
padding-left:0;
}

.sppb-addon-feature .sppb-addon-text ul li{
position:relative;
padding-left:32px;
margin-bottom:12px;
}

.sppb-addon-feature .sppb-addon-text ul li::before{
content:"";
position:absolute;
left:0;
top:4px;
width:20px;
height:20px;
background:url("/images/circle-check-big.svg") no-repeat center;
background-size:contain;
filter: invert(58%) sepia(83%) saturate(427%) hue-rotate(93deg) brightness(95%) contrast(92%);
}

/* usuń domyślną kropkę */
.sppb-addon-text-block ul{
list-style:none;
padding-left:0;
}

/* element listy */
.sppb-addon-text-block ul li{
position:relative;
padding-left:32px;
margin-bottom:12px;
}

/* check */
.sppb-addon-text-block ul li::before{
content:"";
position:absolute;
left:0;
top:4px;
width:20px;
height:20px;

background:url("/images/circle-check-big.svg") no-repeat center;
background-size:contain;

filter: invert(58%) sepia(83%) saturate(427%) hue-rotate(93deg) brightness(95%) contrast(92%);
}

.oferta_one .sppb-img-container img{
	width: 30px;
	height: auto;
} 
.sppb-media, .sppb-media-body {
    overflow: revert !important;
}

.sppb-media>.pull-left {
    margin-top: -4px !important;
}

.oferta_two_table {
	border: solid #cacaca 1px;
    border-radius: 20px;
}

.oferta_two_home .sppb-img-container img{
	width:70px;
	height:70px;
}

#sppb-addon-1773746418454 #btn-1773746418454.sppb-btn-custom,
#sppb-addon-1773754124264 #btn-1773754124264.sppb-btn-custom,
#sppb-addon-1773754759951 #btn-1773754759951.sppb-btn-custom,
#sppb-addon-1773733020396 #btn-1773733020396.sppb-btn-custom,
#sppb-addon-1773740906681 #btn-1773740906681.sppb-btn-custom,
#sppb-addon-1773744471602 #btn-1773744471602.sppb-btn-custom  {
    border-radius: 20px;
}

.sppb-media>.pull-left {
    margin-right: 15px !important;
}

.counter-label{
    font-size:14px;
    color:#6b7280;
    margin-top:8px;
}

/*koniec test*/

.timeline{
    position:relative;
    padding-left:60px;
}

/* pionowa linia */
.timeline::before{
    content:"";
    position:absolute;
    left:22px;
    top:0;
    bottom:0;
    width:2px;
    background:#e5e7eb;
}

.timeline-item{
    position:relative;
    margin-bottom:35px;
}

/* kółko z rokiem */
.timeline-year{
    position:absolute;
    left:-60px;
    top:0;
    width:44px;
    height:44px;
    background:#1f6fb2;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;
}

/* treść */
.timeline-content h4{
    margin:0 0 5px;
    font-size:18px;
    font-weight:600;
    color:#111827;
}

.timeline-content p{
    margin:0;
    font-size:14px;
    color:#6b7280;
    line-height:1.5;
}

/*TEST*/

.sppb-addon-module .counter-item{
    background:#f9fafb;
    padding:15px 20px;
    border-radius:14px;
    border:1px solid #e5e7eb;
    text-align:center;
}

/*faq*/

.faq-item{
border:1px solid #e5e7eb;
border-radius:10px;
margin-bottom:10px;
background:#fff;
overflow:hidden;
}

/* PYTANIE */
.faq-item summary{
padding:15px;
cursor:pointer;
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
font-size:14px;
font-weight:500;
}

/* strzałka */
.faq-item summary::after{
content:"▾";
transition:0.2s;
}

/* obrót */
.faq-item[open] summary::after{
transform:rotate(180deg);
}

/* ODPOWIEDŹ – NAJWAŻNIEJSZE */
.faq-item p{
padding:15px;
margin:0;
border-top:1px solid #e5e7eb;
background:#fafafa;
color:#6b7280;
line-height:1.5;
}
.faq-answer{
    display:none;
}

.faq-title{
    margin:30px 0 15px;
    font-size:18px;
    font-weight:600;
    padding-left:14px;
    position:relative;
}

/* NIEBIESKA KRESKA */
.faq-title::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:18px;
    background:#0a6fc2;
    border-radius:2px;
}
/*koeniec faq*/

.contact-info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.contact-info--right {
    text-align: right;
    align-items: flex-end;
}

.contact-info--center {
    text-align: center;
    align-items: center;
}

.contact-info__main {
    font-weight: 600;
    font-size: 16px;
    color: inherit;
    text-decoration: none;
}

.contact-info__meta {
    font-size: 13px;
    color: #777;
}

.realizacje_przed .sppb-addon-title,
.realizacje_po .sppb-addon-title {
    display: none;
}

.realizacje_przed,
.realizacje_po {
    position: relative;
}

/* wspólny styl */
.realizacje_przed::before,
.realizacje_po::before {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    color: #fff;
    z-index: 2;
}

/* PRZED */
.realizacje_przed::before {
    content: "PRZED";
    background: #ff4d4d;
}

/* PO */
.realizacje_po::before {
    content: "PO";
    background: #2ecc71;
}

.realizacje_home img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

@media (max-width: 768px) {
  #mod-custom113 {
    display: none !important;
  }
}

.logo-image-phone {
    height: 50px !important;
}

@media (max-width: 768px) {
.sp-slider #sp-slider-item-1742827345651-num-0-key #sp-slider-inner-item-1742827345652-num-5-key.sppb-sp-slider-button {
    margin: 30px 0px 0px 0px !important;
}
}

@media (max-width: 768px) {
  .sppb-sp-slider-button {
    display: block !important;
    width: 100% !important;
  }

@media (max-width: 768px) {
.stat {
    background: #2d3846;
} 
}

@media (max-width: 768px) {
  .clients {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }

.clients span {
    background: #f1f5f9;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
.pull-left img{
    margin:  7px 0px 0px 0px !important;
  }
}