.elementor-1996 .elementor-element.elementor-element-26efcb1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:var(--gap1) var(--gap1);--row-gap:var(--gap1);--column-gap:var(--gap1);--grid-auto-flow:row;}.elementor-1996 .elementor-element.elementor-element-879b271{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0vw 0vw;--row-gap:0vw;--column-gap:0vw;grid-column:span 1;grid-row:span 2;}.elementor-1996 .elementor-element.elementor-element-fdfeb57 iframe{height:40vh;}@media(max-width:1024px){.elementor-1996 .elementor-element.elementor-element-26efcb1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1996 .elementor-element.elementor-element-26efcb1{--width:100%;}.elementor-1996 .elementor-element.elementor-element-879b271{--width:100%;}}@media(max-width:767px){.elementor-1996 .elementor-element.elementor-element-26efcb1{--e-con-grid-template-columns:repeat(1, 1fr);--gap:var(--gap4) var(--gap4);--row-gap:var(--gap4);--column-gap:var(--gap4);--grid-auto-flow:row;}.elementor-1996 .elementor-element.elementor-element-879b271{grid-column:span 1;grid-row:span 1;}}/* Start custom CSS *//* Stepowa oferta/form */
.pe-step-tab {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0;
  flex-wrap: wrap;
}
.pe-step-tab-item {
    font-size: var(--o1);
    background: none;
    cursor: default;
    border-radius: var(--br15);
    padding: .5vw 1vw;
    display: flex;
    flex-direction: row;
    gap: 1vw;
    justify-content: start;
    align-items: center;
    transition: all .2s ease;
}
.pe-step-tab-item.active {
    background: var(--c1-3);
}
.pe-step-tab-item.done {
    background: var(--gr1); 
}
.pe-step-tab-item span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;
    width: 2vw;
    aspect-ratio: 1 / 1;
}
.pe-step-tab-item.active span, .pe-step-tab-item.done span {
    border-color: none;
}
.pe-step-content {
    margin: 2vw 0;
    min-height: 40vh;
    max-height: 40vh;
    overflow-y: scroll;
    padding: 0 2vw 0 0;
}
.pe-step-content > div:not(.active) {
  display: none !important;
}
.pe-step-content > div.active {
  display: flex;
  animation: op2 .2s ease 0s 1 forwards;
  //flex-direction: column;
  //gap: 12px;
}
.pe-step-buttons {
  display: flex;
  justify-content: space-between;
  gap: 0
}
.pe-btn-back {
  opacity: 0;
  pointer-events: none;
}
.pe-btn-back.visible {
  opacity: 1;
  pointer-events: auto;
}
.pe-btn-next:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pe-btn-redirect {
  border-color: var(--color-border-info);
  color: var(--color-text-info);
}
/*
[id^="btn-"] {
  padding: 8px 16px;
  border-radius: var(--border-radius-md);
  border: 0.5px solid var(--color-border-secondary);
  background: var(--color-background-secondary);
  color: var(--color-text-primary);
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
[id^="btn-"].active {
  background: var(--color-background-info);
  border-color: var(--color-border-info);
  color: var(--color-text-info);
  font-weight: 500;
}*/
[class^="pe-step-btn-"] {
  display: none;
}
[class^="pe-step-btn-"].active {
  display: flex;
}
@media screen and (max-width: 768px) {
.pe-step-tab {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.pe-step-tab-item {
    display: none;
    font-size: var(--o1-mobile);
    padding: 2vw 3vw;
    gap: 3vw;
}
.pe-step-tab-item.active {
    display: flex;
}
.pe-step-tab-item span {
    width: 7vw;
}
.pe-step-content {
    margin: 5vw 0;
    //min-height: 40vh;
    //max-height: 40vh;
    //padding: 0 2vw 0 0;
}    
}

/* Przełączane obrazy */
#pe-imgc-content {
    position: relative;
}
#pe-imgc-content img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
    max-height: 40vh;
    object-fit: cover;
}
#pe-imgc-content img.active {
    opacity: 1;
    z-index: 1;
}
#pe-imgc-controls div {
    cursor: pointer;
    border: 2px solid var(--trans);
}
#pe-imgc-controls div.active {
    border: 2px solid var(--c1);
}/* End custom CSS */