.hero-strefa-block {
    display: flex;
    padding: 60px 0px;
    gap: 0px;
    justify-content: space-between;
    max-height: calc(100vh - 250px);
    max-width: 100% !important;background-color: var(--Color-Blue-Blue-900, #063856);
	/* border-bottom: 1px solid var(--primary-color);    
	border-top: 3px solid var(--primary-color);     */
}
.hero-strefa-block.jasny {
    display: flex;
    padding: 60px 0px;
    gap: 0px;
    justify-content: space-between;
    max-height: fit-content;background: var(--Color-Light-blue-Blue-Light-600, #F5F7F8);
	/* border-bottom: 1px solid var(--primary-color);    
	border-top: 3px solid var(--primary-color);     */
}
.hero-strefa-block:not(:first-of-type){
    
    padding: 120px 0px;
}
.hero-strefa-block .hero-wysokie-item{    
    flex: 0 0 calc(100%);
    display: flex ;
    max-width: 1240px;
    margin: auto;
    gap: 60px;
}
 
.hero-strefa-block .hero-wysokie-item .content{    
    flex: 0 0 50%;
    display: flex;
    flex-direction: column; 
    justify-content: space-evenly;
    gap: 28px;
}

.jasny.hero-strefa-block .hero-wysokie-item .content{    
    flex: 0 0 50%;
    display: flex;
    flex-direction: column; 
    justify-content: flex-start;
    gap: 28px;
}

.hero-strefa-block .hero-wysokie-item .content .slogan p {
    color: var(--Color-Orange-Pink-1-900, #F4A11C);
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600; 
    line-height: normal;
    text-transform: uppercase;
    
    margin-bottom: 0px;
}

.hero-strefa-block.jasny .hero-wysokie-item .content .slogan p {
    color: var(--Color-Blue-Blue-700, #386078);
    text-align: left;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.hero-strefa-block .hero-wysokie-item .content .kolumnaItem {
    color: var(--Color-Base-White, #FFF);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    padding-left: 62px;
     
    min-height: 60px;
}

.hero-strefa-block:not(:first-of-type) .hero-wysokie-item .content .kolumnaItem {

    line-height: 60px !important;
}
.hero-strefa-block.jasny .hero-wysokie-item .content .kolumnaItem b{
    color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.hero-strefa-block.jasny .hero-wysokie-item .content .kolumnaItem {
    color: var(--Color-Base-Black, #000);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;  
    display: flex;
    align-items: center;
    gap: 8px;
}
.hero-strefa-block .hero-wysokie-item .content .kolumnaItem b{
    color: var(--Color-Base-White, #FFF);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.hero-strefa-block .hero-wysokie-item .content .kolumnaItem::before {
    content: "";
    display: flex;
    width: 50px;
    height: 50px;
    padding: 0px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1/1;
    border-radius: 10px; 
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M20.7986 9.0034C21.2553 11.2447 20.9299 13.5748 19.8765 15.6052C18.8231 17.6356 17.1055 19.2434 15.0102 20.1607C12.9148 21.078 10.5683 21.2492 8.36195 20.6458C6.15562 20.0423 4.22285 18.7008 2.88593 16.8448C1.54902 14.9888 0.88878 12.7306 1.01532 10.4468C1.14186 8.16293 2.04754 5.99149 3.58131 4.29458C5.11508 2.59766 7.18423 1.47784 9.44371 1.12186C11.7032 0.765884 14.0164 1.19527 15.9976 2.33841M7.99764 10.0034L10.9976 13.0034L20.9976 3.00342" stroke="%23F4A11C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-color: var(--Color-Blue-Dark-Blue-Dark-200, #052D45);

}

.jasny.hero-strefa-block .hero-wysokie-item .content .kolumnaItem::before {
    border-radius: 10px;
background-color: var(--Color-Base-White, #FFF);
}
/* .hero-strefa-block .hero-wysokie-item .content .slogan h1::after {
content: "";
width: 200px;
height: 6px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: -24px;
left: 0px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="6" viewBox="0 0 200 6" fill="none"><path d="M5 2.5L0 0.113249V5.88675L5 3.5V2.5ZM195 3.5L200 5.88675V0.113249L195 2.5V3.5ZM6 3V3.5H10V3V2.5H6V3ZM14 3V3.5H18V3V2.5H14V3ZM22 3V3.5H26V3V2.5H22V3ZM30 3V3.5H34V3V2.5H30V3ZM38 3V3.5H42V3V2.5H38V3ZM46 3V3.5H50V3V2.5H46V3ZM54 3V3.5H58V3V2.5H54V3ZM62 3V3.5H66V3V2.5H62V3ZM70 3V3.5H74V3V2.5H70V3ZM78 3V3.5H82V3V2.5H78V3ZM86 3V3.5H90V3V2.5H86V3ZM94 3V3.5H98V3V2.5H94V3ZM102 3V3.5H106V3V2.5H102V3ZM110 3V3.5H114V3V2.5H110V3ZM118 3V3.5H122V3V2.5H118V3ZM126 3V3.5H130V3V2.5H126V3ZM134 3V3.5H138V3V2.5H134V3ZM142 3V3.5H146V3V2.5H142V3ZM150 3V3.5H154V3V2.5H150V3ZM158 3V3.5H162V3V2.5H158V3ZM166 3V3.5H170V3V2.5H166V3ZM174 3V3.5H178V3V2.5H174V3ZM182 3V3.5H186V3V2.5H182V3ZM190 3V3.5H194V3V2.5H190V3Z" fill="%23FFF01A"/></svg>');
} */
    .hero-strefa-block .hero-wysokie-item .content .slogan h1 {
        color: var(--Color-Base-White, #FFF);
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%;
        margin-top: 0px;
        margin-bottom: 0px;
} 
.hero-strefa-block.jasny .hero-wysokie-item .content .slogan h1 b {
    color: var(--Color-Base-Black, #000);
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-top: 0px;
    margin-bottom: 0px;
}
.hero-strefa-block.jasny .hero-wysokie-item .content .slogan h1 {
    color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 62.4px */
    margin-top: 0px;
    margin-bottom: 0px;
} 
.hero-strefa-block .hero-wysokie-item .content .slogan h1 b {
color: var(--Color-Base-White, #FFF);
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 67.2px */
}
.hero-strefa-block:not(:first-of-type) .hero-wysokie-item .content .slogan h1 b {

    font-size: 36px;
}
.hero-strefa-block:not(:first-of-type) .hero-wysokie-item .content .slogan h1   {

    font-size: 36px;
}
.hero-strefa-block .hero-wysokie-item .content .opis {
    display: flex;
padding: 28px;
flex-direction: column;
align-items: flex-start;
gap: 28px;
align-self: stretch;
color: var(--Color-Blue-Blue-50, #E6EBEE);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
border-radius: 14px;
background: var(--Color-Blue-Dark-Blue-Dark-200, #052D45);
}

.jasny.hero-strefa-block .hero-wysokie-item .content .opis {
    border-radius: 14px;
    background: var(--Color-Blue-Blue-50, #E6EBEE);
    display: flex; 
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 16px;color: var(--Color-Gray-Gray-800, #393939);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
}
.hero-strefa-block .hero-wysokie-item .content .opis p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.hero-strefa-block .hero-wysokie-item .content .opis b {
    color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */
margin-top: 0px;
margin-bottom: 0px;
}
.hero-strefa-block .image.mobile {
    display: none;
}
.hero-strefa-block .image.desktop {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 781px) {
    .hero-strefa-block .image.mobile {
        display: block;
    }
    .hero-strefa-block .image.desktop picture{
        display: none;
    }
    .hero-strefa-block .hero-wysokie-item .content {
        flex: 0 0 calc(100% - 40px);
        display: flex
    ;
        flex-direction: column;
        padding: 160px 20px 80px;
        justify-content: space-evenly;
    }
    .hero-strefa-block { 
        background-size: auto 160px;
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        padding: 30px 16px 60px 16px;
        max-height: fit-content;background-color: var(--Color-Base-Black, #063856);
    }
    .hero-strefa-block .hero-wysokie-item .content .slogan h1,  .hero-strefa-block .hero-wysokie-item .content .slogan h1 b, .hero-strefa-block.jasny .hero-wysokie-item .content .slogan h1 b, .hero-strefa-block.jasny .hero-wysokie-item .content .slogan h1  {
        
        font-size: 32px;
    }
    .hero-strefa-block .hero-wysokie-item .content .opis { 
        
font-size: 16px;
    }
    .hero-wysokie-item .btnHero {
        
        padding: 16px;
        font-size: 18px;
    }
    .hero-wysokie-item .btnHero::before {
        display: none;
    }
    .hero-strefa-block.jasny .hero-wysokie-item .content .kolumnaItem {
        
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
    .hero-strefa-block .hero-wysokie-item {
        flex-direction: column;
    }
     .hero-strefa-block .hero-wysokie-item .content .kolumnaItem {
        
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
    .hero-strefa-block .hero-wysokie-item .content .slogan p {
        color: var(--Color-Base-White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */  
            bottom: 20px; 
    }
    .hero-strefa-block  {
    display: flex;
    padding: 60px 16px !important;
    }
   
    .teeth-bottom--hole::after {
        display: none;
    }
    .hero-strefa-block .hero-wysokie-item .content {
        padding: 0px;
    }
    .hero-strefa-block:not(:first-of-type) .hero-wysokie-item .content .kolumnaItem {
    line-height: 140% !important;
}
 }