.kontakt-block { 
    display: flex;
align-items: center;
gap: 32px; 
margin:auto;
display: flex;
padding: 120px 0;
min-height: 500px; background: var(--Linear, linear-gradient(0deg, var(--Color-Blue-Dark-Blue-Dark-200, #052D45) 0%, var(--Color-Blue-Blue-900, #063856) 100%));
} 


.kontakt-block .sekcja-container{ 
    display: flex;
width: 1240px; 
    align-items: flex-start;
gap: 20px;
border-radius: 12px;
backdrop-filter: blur(6px);
margin:auto;
} 

.kontakt-block .przerywnikImage{
    width: 25%;
    position: relative;
    z-index: 1; 

}
.kontakt-block .przerywnikImage.left {
    width: 30%;
    position: relative;
    z-index: 1;
    position: absolute;
    top: 24px;
    right: 24px;

}
.kontakt-block picture img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;  
    object-fit: cover;
    border-radius: 12px;
    aspect-ratio: 1 / 1;
    
}
 
.kontakt-block .przerywnikDesc {
    gap: 0px;
    display: flex
;   max-width: 50%;
    flex-direction: column;
    width: calc(50% - 68px ); 
    display: flex;
 max-width: 510px;
    min-height: 471px; 
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
flex-shrink: 0;border-radius: 12px;border-radius: 12px;
background: var(--Color-Light-blue-Blue-Light-600, #fff);
}
.kontakt-block .przerywnikDesc .nadpis {
    color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 300;
text-align: left;
line-height: 140%;
}
.kontakt-block .przerywnikDesc .nadpis b {

font-weight: 600;
}
.kontakt-block .przerywnikDesc .przerywnikContent {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.kontakt-block .przerywnikDesc .przerywnikContent .formNaglowek {
color: var(--Color-Gray-Gray-900, #232323);
text-align: center;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 31.2px */
padding-top: 34px;
}

.kontakt-block .przerywnikDesc .przerywnikContent .formNaglowek b { 
font-weight: 600; 
}
.kontakt-block .przerywnikDesc .przerywnikContent .contentItem {
padding-left: 28px;
position: relative;
}
.kontakt-block .przerywnikDesc .przerywnikContent .contentItem::before {
    content: "";

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M16.8389 7.40272C17.2043 9.19576 16.9439 11.0599 16.1012 12.6841C15.2585 14.3084 13.8844 15.5948 12.2081 16.3286C10.5318 17.0624 8.65462 17.1993 6.88956 16.7166C5.1245 16.2339 3.57828 15.1606 2.50875 13.6758C1.43921 12.1911 0.911024 10.3845 1.01226 8.55743C1.11349 6.73035 1.83803 4.99319 3.06504 3.63566C4.29206 2.27813 5.94739 1.38227 7.75497 1.09749C9.56256 0.812707 11.4131 1.15621 12.9981 2.07072M6.59811 8.20273L8.99811 10.6027L16.9981 2.60273" stroke="%23F4A11C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 4px;
    left: 0px;  
background-color: transparent;
}
.kontakt-block .przerywnikDesc .przerywnikContent .contentItem .naglowek {
   color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.kontakt-block .przerywnikDesc .przerywnikContent .opis {

margin: 28px 0px;
}
.kontakt-block .przerywnikDesc .przerywnikContent .contentItem .opis {
    color: var(--Color-Gray-Gray-600, #656565);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.kontakt-block .zajawka {
    gap: 8px;
    display: flex;
    flex-direction: column;
}
.kontakt-block .zajawka .top {
    display: flex;
    gap: 16px;
}
.kontakt-block .zajawka .contentItem {
    padding-left: 60px;
position: relative;
}
.kontakt-block .zajawka .contentItem::before {
    content: ""; 
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;  
    border-radius: 4%;
background-color: #E6EBEE;
}

.kontakt-block .zajawka .contentItem.tel::before {
    
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="23" viewBox="0 0 14 23" fill="none"><path d="M11.2247 0.75H2.40333C1.49022 0.75 0.75 1.49022 0.75 2.40333V20.43C0.75 21.3431 1.49022 22.0833 2.40333 22.0833H11.2247C12.1378 22.0833 12.878 21.3431 12.878 20.43V2.40333C12.878 1.49022 12.1378 0.75 11.2247 0.75Z" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.75488 3.18164H8.87222" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.81435 18.9373C7.16487 18.9373 7.44902 18.6532 7.44902 18.3026C7.44902 17.9521 7.16487 17.668 6.81435 17.668C6.46384 17.668 6.17969 17.9521 6.17969 18.3026C6.17969 18.6532 6.46384 18.9373 6.81435 18.9373Z" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    
    background-size: auto 24px;
}

.kontakt-block .zajawka .contentItem.mail::before {
    
    background-size: 24px auto ;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="18" viewBox="0 0 23 18" fill="none"><path d="M20.686 0.75H2.14733C1.37561 0.75 0.75 1.37561 0.75 2.14733V15.1873C0.75 15.9591 1.37561 16.5847 2.14733 16.5847H20.686C21.4577 16.5847 22.0833 15.9591 22.0833 15.1873V2.14733C22.0833 1.37561 21.4577 0.75 20.686 0.75Z" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.75 3.72828L9.35468 9.38435C10.841 10.3624 12.7112 10.3094 14.1489 9.24884L22.0833 3.41602" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    
}

.kontakt-block .zajawka .contentItem.adres::before {
    background-size: auto 24px;
    
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="38" viewBox="0 0 33 38" fill="none"><path d="M7.698 36.7495V0.75L24.4468 8.1569V36.7495H7.698Z" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.4467 22.5474H31.5116V36.7492H0.75V13.8535H7.6979" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.001 13.0273H21.1438" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.001 18.1211H21.1438" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.001 23.2148H21.1438" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.0269 36.7484V29.7285H20.4597V36.7484" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    
}

.kontakt-block .zajawka .contentItem.zegar::before {
    background-size: auto 24px;
    
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"><path d="M11.4167 22.0833C17.3077 22.0833 22.0833 17.3077 22.0833 11.4167C22.0833 5.52563 17.3077 0.75 11.4167 0.75C5.52563 0.75 0.75 5.52563 0.75 11.4167C0.75 17.3077 5.52563 22.0833 11.4167 22.0833Z" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.1289 4.41406V12.6061L17.0489 10.1954" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    
}
 
.kontakt-block .zajawka .opis {

    margin: 0px 0px;
}
.kontakt-block .zajawka .contentItem .opis {
  color: var(--Color-Gray-Gray-700, #4F4F4F);
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.kontakt-block .zajawka .contentItem .opis a {
    color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration: none;
}
.kontakt-block .zajawka .contentItem .opis b {

color: var(--Color-Base-Black, #000);
font-size: 16px;
font-weight: 600;
}
.kontakt-block .zajawka {
    gap: 0px;
    display: flex
;
    flex-direction: column;
    width: calc(25% - 56px); 
    display: flex;
    padding: 134px 28px 28px;
align-items: flex-start;
gap: 34px;
flex: 1 0 0;
align-self: stretch;
position: relative;
border-radius: 12px;
background: var(--Color-Light-blue-Blue-Light-600, #F5F7F8);
}
.kontakt-block .zajawka::before {
    content: "";

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="42" viewBox="0 0 45 42" fill="none"><path d="M16.9527 27.374H35.2247C35.6193 27.374 35.95 27.054 35.95 26.6487V1.47533C35.95 1.08067 35.63 0.75 35.2247 0.75H1.47533C1.08067 0.75 0.75 1.07 0.75 1.47533V27.2993C0.75 27.694 1.07 28.0247 1.47533 28.0247H8.13133C8.526 28.0247 8.85667 28.3447 8.85667 28.75V33.3153C8.85667 33.9553 9.62467 34.286 10.0833 33.8273L16.4407 27.5873C16.5793 27.4593 16.7607 27.3847 16.9527 27.3847V27.374Z" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0137 34.1686H25.9443C26.1363 34.1686 26.3177 34.2433 26.4563 34.382L32.323 40.2486C32.7817 40.7073 33.5603 40.3766 33.5603 39.7366V33.8806C33.5603 33.486 33.8803 33.1553 34.2857 33.1553H42.691C43.0857 33.1553 43.4163 32.8353 43.4163 32.43V8.22729C43.4163 7.83262 43.0963 7.50195 42.691 7.50195H39.3737" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.85156 7.50195H27.9609" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.17969 12.9961H19.2464" stroke="%236A889A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute; top: 24px;
    left: 24px; border-radius: 10px;
    border: 1px solid #E6EBEE;
background-color: #E6EBEE;
;
}
 
.kontakt-block .zajawka .titleTitle {
color: var(--Color-Base-Black, #000);
font-family: Poppins;

    font-size: 42px;
    font-style: normal;
    line-height: 130%;
    font-weight: 600;
    margin: 0px;
    max-width: 70%;
} 
.kontakt-block .zajawka .bottom .pktWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 24px;
    justify-content: flex-start;
    align-items: center;
}
.kontakt-block .wpcf7 {
    border-radius: 0 0 20px 20px;
}
.kontakt-block .zajawka .bottom .pktWrap .contentItem  {
    width: calc(50% - 95px);
}
.kontakt-block .zajawka .opis {
  color: var(--Color-Gray-Gray-800, #393939);
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */

} 

@media screen and (max-width: 479px) {
   .redColumns, .greemColumns {
        margin: 10px !important;
    }
    .kontakt-block.themezielony, .kontakt-block.kontakt-block.themeczerwony 
    {
        padding: 20px 10px;
        gap: 20px;
    }
    
.kontakt-block .przerywnikDesc { 
    width: 100%;
}
.kontakt-block .przerywnikImage{
   
    width: 100%;

}
.kontakt-block .przerywnikImage picture {
    justify-content: center;
    display: flex
;}
.kontakt-block.themebialy .przerywnikImage{
   /* display: none; */

}
.kontakt-block .sekcja-container {
    flex-direction: column;
}
.kontakt-block {
    
    padding: 20px;
    margin-top: 10px;
}
.przerywnikDesc .nadpis { 
    font-size: 20px !important; 
    line-height: 120% !important;
}
.przerywnikDesc .titleTitle { 
    font-size: 28px !important;
    line-height: 120% !important;
}
.cennikInfo1, .cennikInfo2, .cennikTable  {
    margin: 10px !important;
}

.kontakt-block .przerywnikImage, .kontakt-block .zajawka{
    width: 100%;

}
.kontakt-block .zajawka .titleTitle {

font-size: 28px;

        display: block;
        min-height: 60px;
        padding-left: 86px;
}
.kontakt-block .zajawka::before {
      width: 60px;
    height: 60px;
  
}
 .kontakt-block .zajawka {
    max-width: fit-content;
    padding: 24px 16px;
}
.kontakt-block .przerywnikImage.left {
     width: 100%; 
        position: relative;
        right: 0px;
        top: 0px;

}
.kontakt-block .zajawka .bottom .pktWrap {
    
    flex-direction: column;
}
.kontakt-block .zajawka .bottom .pktWrap .contentItem  {
    width: 100%;
}
.kontakt-block .zajawka .bottom .pktWrap .contentItem.tel {
    order: 0;
}

.kontakt-block .zajawka .bottom .pktWrap .contentItem:not(.tel) {
order: 1;
}
.kontakt-block picture img {
    width: 100%;
    
    
}
 .kontakt-block .zajawka .top {
flex-direction: column;
 }
.kontakt-block .przerywnikDesc {
    width: 100%;
}
}