/*
Theme Name: Rooster block
Author: The name of the individual or organization who developed the theme.
Description: A short description of the theme.
Version: 0.1.
Requires at least: The oldest main WordPress version supported, written in 6.00 format. 
Tested up to: The last main WordPress version the theme has been tested up to, i.e. 6.0. Write only the number.
Requires PHP: The oldest PHP version supported, in X.X format, only the number.
License: The license of the theme.
License URI: The URL of the theme license.
Text Domain: The string used for textdomain for translation. The theme slug.
*/
body {
    --wp--preset--font-family--inter: "Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; 
    --wp--preset--font-family--mali: "Mali",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; 
    font-family: var(--wp--preset--font-family--inter) !important;
    counter-reset: rowNumber; /* Zresetuj licznik wierszy */
    font-size: 16px;
    line-height: 1.5em; 
}
h1,h2,h3,h4,h5 {
    font-family: var(--wp--preset--font-family--mali) !important;
}
body:not(.wp-admin) { 
    background: var(--fff, #fff);
    margin-top: 108px;
}

.headerFluidWrapper.wp-block-cover {
    padding: 20px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
    opacity: 1;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.wpcf7 {
    display: flex; 
padding: 28px 36px;
flex-direction: column;
align-items: center;
gap: 28px;
border-radius: 30px;
border: 1px solid var(--Color-Gray-Gray-50, #E9E9E9);
background: var(--Color-Base-White, #FFF);
}
.wpcf7 h3 {
    color: var(--Color-2, #234EAE);
font-family: Mali;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
letter-spacing: 0.48px;
margin-top: 0px;
}
.wpcf7 h4 {
    color: var(--Color-2, #234EAE);
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    margin-bottom: 0px;
}
.wpcf7 input, .wpcf7 textarea {
    display: flex;
padding: 16px;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 4px;
border: 1px solid var(--e-2-e-2-e-2, #E2E2E2);
background: var(--ffffff, #FFF);

/* box kontakt */
box-shadow: 0px 3px 8px 0px rgba(31, 30, 56, 0.05);
color: var(--Style, #595958);
font-family: Quicksand;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.3px;
width: 100%;
max-width: 600px;
}
.wpcf7 input:active, .wpcf7 textarea:active, .wpcf7 input:focus-visible, .wpcf7 textarea:focus-visible  {
    color: var(--Color-2, #234EAE);
    border: 1px solid var(--e-2-e-2-e-2, #d2d2d2) !important;
} 
.wpcf7 p a {
    font-weight: 600;
    color: #000;
}
figure.imgAccentBlue {
    padding: 0 50px 50px 0;
    position: relative;
    z-index: 1;
    max-width: fit-content;
    margin-top: 40px;
}
.wpcf7-spinner { display: none !important; }
figure.imgAccentBlue::after {
    content: "";
    width: calc(100% - 50px);
    height: calc(100% - 65px);
    border-radius: 50px;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 33px;
    left: 49px;
    bottom: 0px;
    right: 0px;
    z-index: -1;
    transform: rotate(7deg);
    
    opacity: 0.2;
    background: var(--Color-2, #234EAE);
}
.wpcf7 input.wpcf7-submit {
    display: flex;
padding: 24px 40px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
background: var(--Color, #F9816A);color: var(--Color-Base-White, #FFF);
font-family: Mali;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
margin: auto;
max-width: 240px;
margin-top: 24px;
}


.heroCols  .wp-block-column figure {
    padding: 0 50px 50px 0;
    position: relative;
}
 .heroCols  .wp-block-column figure::after{ 
    content: "";
    width: calc(100% - 50px);
    height: calc(100% - 65px);
    border-radius: 50px;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 29px;
    left: 38px;
    bottom: 0px;
    right: 0px;
    z-index: 0;
    transform: rotate(5deg);
} 
.heroCols  .wp-block-column figure img {
    position: relative;
    z-index: 99;
}
.heroCols  .wp-block-column.red figure::after { 
    opacity: 0.5;
    background: var(--Color-3, #F9816A);
    }
    .heroCols  .wp-block-column.green figure::after { 
opacity: 0.5;
background: var(--Color-3, #79BFB9);
}
p.checkicon {
padding-left: 30px;
position: relative;
}
.cennikInfo1 {
    border-radius: 40px;
    border: 3px solid rgba(121, 191, 185, 0.20);
    background: var(--Color-Base-White, #FFF);
}
.cennikInfo1 > p, .cennikInfo2 > p {
    margin: 1em 20px;
}
.cennikInfo2 {
    border-radius: 40px;
    border: 3px solid rgba(249, 129, 106, 0.20);
    background: var(--Color-Base-White, #FFF);
}
p.checkicon.green::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect width="20" height="20" rx="10" fill="%2379BFB9"/><path d="M5.83398 9.09722L9.02843 12.2917L13.8201 7.5" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
p.checkicon.red::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><rect y="0.5" width="20" height="20" rx="10" fill="%23F39F5F"/><path d="M5.83398 9.59722L9.02843 12.7917L13.8201 8" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
.cennikTable {
    border-radius: 20px 20px 0px 0px;
    gap: 0px;
    border: 1px solid rgba(35, 78, 174, 0.07); 
}
.cennikTable .wp-block-group:first-of-type {
    border-radius: 20px 20px 0px 0px;
    border: 1px solid rgba(35, 78, 174, 0.07);
    background: #234EAE !important;
    padding: 20px 60px 20px 40px;
    color: #fff;
}
.cennikTable .wp-block-group:nth-child(even){
    border: 1px solid rgba(35, 78, 174, 0.04);
background: rgba(35, 78, 174, 0.07);
padding: 20px 60px 20px 40px;
width: 100%;
}
.cennikTable .wp-block-group p {
    color: var(--Color-Gray-Gray-900, #232323);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: 0.32px;
}
.cennikTable .wp-block-group p:last-of-type {
    color: var(--Color-Gray-Gray-900, #232323);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.32px;
}
.cennikTable .wp-block-group:nth-child(odd){
    border: 1px solid rgba(35, 78, 174, 0.04);
    padding: 20px 60px 20px 40px;
    width: 100%;
}
.heroCols  .wp-block-column.orange figure::after {
    
    opacity: 0.5;
    background: var(--Color-2, #F39F5F); 
}
.heroCols  .wp-block-column.red a{
    border-radius: 40px;
    border: 2px solid var(--Color, #F9816A);
    background: var(--Color, #F9816A);
}
.heroCols  .wp-block-column.green a{
    border-radius: 40px;
background: #79BFB9;
}
.heroCols  .wp-block-column.orange a{
    border-radius: 40px;
background: var(--Color-4, #F39F5F);
}
.heroCols  .wp-block-column.red a:hover{
color: #fff;
    opacity: 0.5;
}
.heroCols  .wp-block-column.green a:hover{
    color: #fff;
    
    opacity: 0.5;
}
.heroCols  .wp-block-column.orange a:hover{
    color: #fff;
    
    opacity: 0.5;
}
.wpcf7-checkbox label,.wpcf7-acceptance label  {
    display: flex;
    align-items: center;
    gap: 0.5em;
    cursor: pointer;
    position: relative;
    color: var(--Color-Gray-Gray-900, #232323);
    font-family: Quicksand;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21px */
    padding-left: 20px;
  }
 .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
  /* Ukryj natywny checkbox */
  .wpcf7-checkbox input[type="checkbox"]   {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* Styluj pseudo-checkboxa */
  .wpcf7-checkbox input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid var(--Color-Gray-Gray-900, #232323);
    background: var(--White, #FFF);
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
    position: absolute;
    left: -15px;
  }
  
  /* Po zaznaczeniu checkboxa – tło i ikona */
  .wpcf7-checkbox input[type="checkbox"]:checked + span::before {
    background-color: #234EAE;
    border-color: #234EAE;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L12 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;    flex-shrink: 0;
    position: absolute;
    left: -15px;
  } 
  
  /* Ukryj natywny checkbox */
  .wpcf7-acceptance input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* Styluj pseudo-checkboxa */
  .wpcf7-acceptance input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid var(--Color-Gray-Gray-900, #232323);
    background: var(--White, #FFF);
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
    position: absolute;
    left: -15px;
  }
  
  /* Po zaznaczeniu checkboxa – tło i ikona */
  .wpcf7-acceptance input[type="checkbox"]:checked + span::before {
    background-color: #234EAE;
    border-color: #234EAE;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L12 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;    flex-shrink: 0;
    position: absolute;
    left: -15px;
  }

#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 25px !important;
}
#nf-field-13-wrap p:first-of-type {
    margin-bottom: 0px;
}
#nf-field-13-wrap p:last-of-type {
    margin-top: 6px;
}
#nf-label-field-11 a { 
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
#nf-label-field-11 .ninja-forms-req-symbol {
    
    color: #fff;
}
textarea::placeholder {
    font-family: var(--wp--preset--font-family--inter) !important;
}
.sukcesy figure {
    position: relative;
}
.justify {
    text-align: justify !important;
}
h2 + p.has-text-align-center {
    font-size: 18px;
    font-weight: 600;
}
.bgW50 > img.wp-block-cover__image-background {
    width: 50%;
}
#kontaktAncore {
    position: fixed;
    right: 80px;
    bottom: 80px;
    z-index: 999;
    width: 64px;
    height: 64px;
}
#kontaktAncore img {
    max-width: 100%;
}
 
.coDalejItem {
position: relative;
margin-bottom: 48px;
margin-top: 20px;
padding-left: 48px;
line-height: 26px;
}
.btnSecondary a {
    display: flex;
padding: 24px 40px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
background: var(--Color, #F9816A);
box-shadow: 4px 4px 30px 0px rgba(57, 57, 57, 0.20);
color: var(--Color-Base-White, #FFF);
font-family: Mali;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
    transition: all 0.5s ease-in-out !important;
}
.btnSecondary a:hover { 
    border-radius: 40px;
    background: #FFD7CF;
    box-shadow: 4px 4px 30px 0px rgba(57, 57, 57, 0.20);color: var(--Color, #F9816A);
    transition: all 0.5s ease-in-out !important;
}
.redColumns .wp-block-column {
    border-radius: 50px 50px 20px 10px;
background: rgba(249, 129, 106, 0.05);
display: flex; 
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.redColumns .wp-block-column figure{ 
        border-radius: 50%;
        background-color: #F9816A4d; 
 }
 
.greenColumns .wp-block-column figure{ 
    border-radius: 50%;
    background-color: #79BFB94d; 
}
.greenColumns .wp-block-column {
    border-radius: 50px 50px 20px 10px;
    background: rgba(121, 191, 185, 0.05);
display: flex; 
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.wp-block-site-logo a.custom-logo-link img { max-width: 136px; }
 
.d-none {
    display: none !important;
}
.alignwide > .alignfull { width: 100%;}

.alignwide.wp-block-columns {
    margin-bottom: 0px;
}
#socialNav {
    width: 8%;
}
#socialNav:last-of-type .wp-block-buttons {
    gap: 20px;
}
#socialNav .wp-block-button__width-25 {
    width: fit-content !important;
    
}
#socialNav a {
    padding: 0px;
}
/* #hero-section h1.wp-block-heading {
    margin-top: 100px;
    margin-bottom: -4px;
} */
#hero-section .topTitle {color: var(--Color-Braz-Orange-900, #AC9D78); 
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
    margin: 0  ; }

#hero-section .titleTitle {color: var(--Color-Braz-Orange-900, #AC9D78);
    color: var(--Color-Base-White, #FFF); 
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    margin: 0  ;  }

#hero-section .subTitle {color: var(--Color-Braz-Orange-900, #AC9D78);
    color: var(--Color-Base-White, #FFF); 
    font-size: 18px;
    font-style: normal;
    position: relative;
    font-weight: 500;
    line-height: 140%;
    margin: 0  ; 
    padding-top: 20px; }
    #hero-section .subTitle::before {
        content: "";
        width: 60px;
height:  4px;
background-color: #AC9D78;
position: absolute;
top: 0px;
left: 0px;
    }
#hero-section video.isPortrait {
    position: absolute;
    width: fit-content;
    left: 50%;
    transform: translate(110px, -53%);
    max-width: 380px;
    height: auto;
    top: 50%;border-radius: 20px;
    border: 4px solid var(--Color-Gray-Gray-900, #232323);
    /* transform: translateY(-50%); */
}
#nf-field-5-wrap .nf-field-label, #nf-field-6-wrap .nf-field-label {
    display: block;color: var(--ffffff, #FFF); 
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.36px;
}
#nf-field-5-wrap .nf-field-element > ul{
    display: flex
;
    gap: 30px;
}
.mb28 {
    margin-bottom: 28px !important;
}
#kontakt .listradio-wrap .nf-field-element label:after {
    border-radius: 50%;
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    left: -20px;
    bottom: 28px;
    display: block;
    top: 7px;
    border-radius: 2px !important;
}
#kontakt .listradio-wrap .nf-field-element label.nf-checked-label:before {
    border-radius: 2px;
    content: "";
    height: 7px;
    width: 7px;
    position: absolute;
    left: -17px;
    bottom: 3px;
    z-index: 2;
    top: 10px;
}
.listradio-wrap .nf-field-element label.nf-checked-label:before {
    background: #333;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 50px;
}
.listradio-wrap .nf-field-element label:after {
    background: #f7f7f7;
    border: 2px solid #c4c4c4;
    transition: all .5s;
}
#nf-field-5-wrap .nf-field-element label, #nf-field-6-wrap .nf-field-element label{
    color: var(--ffffff, #FFF);
    position: relative;
    /* Text */ 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}
 #nf-field-14-wrap .nf-field-element label {
    position: relative;
}
#nf-field-5-wrap .nf-field-element input, #nf-field-6-wrap .nf-field-element input, #nf-field-14-wrap .nf-field-element input{ 
height: 1em;
opacity: 0;
}
.textaligntop {
    margin-top: 0px;
    padding-left: 70px;
}
.wp-block-navigation ul li { 
    margin-right: 30px;
    text-decoration: underline;
}
.mb-0, .mb-0 .wp-block-columns {
    margin-bottom: 0px !important;
}
.headerAccent {
    color: var(--Color-Base-White, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.36px;
    padding-left: 30px;
    position: relative;
}
.headerAccent::before {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><circle cx="10.6028" cy="10" r="10" fill="%23F39F5F"/><path d="M6.60278 10.1538L9.52586 13.0769L14.6028 8" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    background-size: cover;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.footerSocial {
    max-width: 310px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.mt-0, .mt-0 .wp-block-columns {
    margin-top: 0px !important;
}
body .is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size) !important;
}
body .wp-site-blocks main { margin-top: 0px !important;}
#hero-section, #hero-section.hero-slider  > .wp-block-cover  {
    background-color: #000;
    background-image: url('/wp-content/uploads/2025/04/4c181851b2426c3f1cfcba47b8c8af04.png');
    padding-bottom: 100px;
    padding-top: 100px; 
    min-height: 780px;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 680px;


}
#hero-section.hero-slider .wp-block-cover .has-background-dim:not([class*=-background-color]), #hero-section.hero-slider > .wp-block-cover {
    background-color: #000;
}
#hero-section.hero-slider  > .wp-block-cover  {
margin-top: 0px;
opacity: 0;
display: none;
transition: opacity 0.5s ease-in-out;
} 
.wp-block-buttons a:hover {
    opacity: 0.9;
    transition: opacity 0.5s ease-in-out;
}
#hero-section .wp-block-cover.active {
    opacity: 1;
    display: flex;
}
.headerFluidWrapper .wp-block-buttons.is-content-justification-right { 
    height: 100%;
}
#hero-slide-indi {
    position: absolute;
    bottom: 180px;
    left: 50%;
    z-index: 3; 
    transform: translateX(-620px);
}
#hero-slide-indi .indicator {
    width: 60px;
height: 4px; border-radius: 20px;
background: #393939;
    display: inline-block;
    margin: 0 5px;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

#hero-slide-indi .indicator.active {
    border-radius: 20px;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    background: var(--d-88906, #7B7B7B);
}
#hero-section.hero-slider {
    
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative; 
}
.page #hero-section{
    
    align-items: center;
}
.single #hero-section {
    background-color: #323232;
    padding-bottom: 100px;
    padding-top: 100px; 
    min-height: 820px;
    align-items: flex-end;

}
body:not(.home) #hero-section:after {
    
    width: 100%;
    height: 500px;
    content: "";
    background: linear-gradient(0deg, #212121 0%, rgb(255 255 255 / 0%) 100%);
    position: absolute;
    bottom: 0px;
    /* max-height: 100px; */
    display: block;
    min-height: 0px;
    opacity: 1;
    z-index: 1;
}
#hero-section .wp-block-cover__inner-container {
    z-index: 2;
}
#hero-section .arrow-before a.wp-block-button__link {
    padding: 12px 32px;
}
#hero-section > img {
    object-position: 100% 100%; 
    z-index: 1; 
    left: auto;
    top: auto;  
    max-height: 100%;   
} 
.dash-bf {    line-height: 44px;
}

.dash-bf::after {
    width: 85px;
    height: 2px;
    display: block;
    content: "";
    background-color: #3AAA35;
}
#kontakt .wp-block-buttons .wp-block-button a{
    display: flex;
padding: 12px 28px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: var(--Color-Braz-Orange-900, #AC9D78);
color: var(--Color-Base-White, #FFF);
text-align: center; 
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 19.6px */
text-transform: uppercase;
}
#kontakt .wp-block-buttons .wp-block-button:hover a{
    border-radius: 8px;
background: var(--Color-Braz-Orange-600, #C5BAA1);
}
#kontakt .title {
    position: relative;
    color: var(--Color-Base-White, #FFF);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 2px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#kontakt .nadpis {
    color: var(--Color-Braz-Orange-900, #AC9D78);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase; 
    margin-bottom: 0px;
}
#kontakt .socialBottom {
    gap: 20px;
}
.dash-bf::before {
    width: 85px;
    height: 2px;
    display: block;
    content: "";
    background-color: #3AAA35;
}
.arrow-before {
    padding-left: 100px;
    position: relative;
}
.arrow-before::before {
    position: absolute;
    content: "";
    display: block;
    width: 86px;
    height: 8px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><circle cx="10.6028" cy="10" r="10" fill="%23F39F5F"/><path d="M6.60278 10.1538L9.52586 13.0769L14.6028 8" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    background-size: cover;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.flex-column { 
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-column blockquote {  
    position: relative;
    margin: 10px 0 15px;
    border-radius: 8px;
    margin-right: 4px;
    padding: 28px 40px 28px 100px; -webkit-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
    -moz-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
    box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
}
.okIconBefore { 
    padding-left: 60px;
    position: relative;
    font-size: 18px;    
    font-weight: 600;
}
.okIconBefore::before {
    position: absolute;
    content: "";
    display: block;
    
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2023/12/Group-164.png);
    background-size: cover;
    left: 0px;
}
#opinieSection blockquote::before {
    position: absolute;
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(/wp-content/uploads/2024/02/Cytat-2.png);
    background-size: cover;
    left: 35px;
    top: 35px;
}
#opinieSection blockquote::after {
    position: absolute;
    content: "";
    display: block;
    width: 127px;
    height: 20px;
    background-image: url(/wp-content/uploads/2024/01/Warstwa_1.png);
    background-size: cover;
    right: 35px;
    top: 32px;
}
footer > .wp-block-columns {
    background-color: #3aaa35;
    padding: 5px 15px;
    margin: 0px;
}
.numberIconBefore { 
    padding-left: 60px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px !important; 
    width: calc(100% - 60px);
    cursor: pointer;
    margin-top: 0px !important;
}
.numberIconBefore::before {
    
    position: absolute;
    content: counter(rowNumber);
    counter-increment: rowNumber;
    display: block;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0px;
    background-color: #323232;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
}
#dlaczego .numberIconBefore::before {
left: 20px;
top: 20px; 
width: 48px;
height: 48px;
line-height: 48px;}
#dlaczego .numberIconBefore {
    padding-left: 80px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px !important;
    width: calc(100% - 80px);
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 8px;
}
.numberIconBefore::after {
    
    content: "+";
    color: #1e514c;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 32px;
    font-weight: 300;
    right: 0px;
    top: 0px;
    line-height: 40px;
    position: absolute;
}

.numberIconBefore.active::after { 
    content: "-";
    color: #1e514c;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 32px;
    font-weight: 300;
    right: 0px;
    top: 0px;
    line-height: 40px;
    position: absolute;
}
.flex-column blockquote::before {
    position: absolute;
    content: "";
    display: block;
    
    width: 48px;
    height: 48px;
    background-image: url(/wp-content/uploads/2024/02/Cytat-2.png);
    background-size: cover;
    left: 35px;
    top: 44px;
}
.alignCenterNarrower .wp-block-cover__background {
    background-image: url(/wp-content/uploads/2023/12/Frame-782.png), url(/wp-content/uploads/2023/12/Frame-781-1.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}
.alignCenterNarrower .border-rad-8 {
    position: relative;
    margin-right: 60px;
}
.alignCenterNarrower .border-rad-8::after {
    position: absolute;
    content: "";
    display: block;
    width: 86px;
    height: 8px;
    background-image: url(/wp-content/uploads/2024/01/Arrow-2-1.png);
    background-size: cover;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.alignCenterNarrower .is-layout-constrained {
    max-width: 1120px;
}
.alignCenterNarrower .hero-section { 
    margin-left: 10px;
}
.alignCenterNarrower .flex-column blockquote {
    margin-right: 1px;
}
.alignCenterNarrower .arrow-before {
    padding-left: 40px;
}
.alignCenterNarrower .arrow-before::before {
   
    width: 30px; 
    background-position-x: right; 
}
.hero-section   {
    object-position: 100% 100%;
    max-width: 600px;
    max-height: 600px;
    z-index: 1;
    right: 0;
    left: auto;
    margin-top: 50px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 60px;
    /* border: 4px solid #E3C480; */
    border-left: 0px;
    border-top: 0px;
}
.hero-section > img {
    aspect-ratio: 1;
    object-fit: cover;
    /* margin: 50px; */
    display: block;
    border-radius: 30px 0 0 0;
}
nav.ofertamenu { 
    margin: 20px -70px;
    line-height: 64px;
    justify-content: center;
    padding: 0 20px; 
    border-radius: 40px;
}
nav.ofertamenu ul {
    background-color: transparent !important;
    justify-content: center;
}
nav ul li a { 
    color: var(--Color-2, #234EAE) !important;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
letter-spacing: 0.36px;
    text-decoration: none !important;
}

nav ul li, nav ul ul li   { 
    text-decoration: none !important;
}
 
.noGap {
    gap: 0px !important;
}
.gap4, #oferta .noGap {
    gap: 4px !important;
    margin-bottom: 0px !important;
}

.gap4 figure img { 
    width: 100%;
    opacity: 0.25;transition: all 1s;filter: grayscale(1);
}
.gap4 figure   { 
    position: relative;
}
.gap4 figure figcaption { 
    color: #FFF;
 
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    position: absolute;
    bottom: 12px;
    left: 18px;
    margin-bottom: 0px;
}
#oferta .noGap figure figcaption {
    color: #FFF; 
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    margin-bottom: 0px;
}
.noGap figure img { 
    width: 100%;
    opacity: 0.25;transition: all 1s;filter: grayscale(1);
}
.noGap figure   { 
    position: relative;
}
.noGap figure figcaption { 
    color: #FFF;
 
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    position: absolute;
    bottom: 12px;
    left: 18px;
    margin-bottom: 0px;
}
.alignwide.wp-block-columns {
    margin-bottom: 0px;
    position: relative;
}
.toBottomRight {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.noGap figure:hover img, .gap4 figure:hover img { 
    width: 100%;
    opacity: 1;transition: all 1s;filter: grayscale(0);
}
nav ul ul {
    line-height: 36px !important;
    color: #fff !important;
    /* background-color: #323232 !important; */
}
nav ul ul li a {
    font-size: 15px;
    text-transform: capitalize;
    text-decoration: none !important;
}
#modal-1-content ul {
    
    justify-content: center;
    line-height: 50px; 
    gap: 40px;
}
header .wp-block-cover {
    overflow: visible;
    z-index: 9;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 290px !important;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto;
}
nav.ofertamenu ul li { 
    text-decoration: none;
}
nav ul li a {
    margin: auto;
}
nav.ofertamenu  ul li a {
    font-size: 14px;
    text-transform: CAPITALIZE;
    font-weight: 500;
    text-decoration: none;
    margin: auto;
}
nav.ofertamenu ul li.current-menu-item { 
    /* background: -webkit-linear-gradient(#844C11, #DF8218); */
    
    background: #DF8218;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.sectionTextWidth {
    width: 1030px;
    margin: auto;
}
.sectionTextWidth .mandalaBefore {
    position: relative;
    padding: 11px 42px;
    margin: 17px 0 5px;
}

.ofertaSwitch  {  
    width: fit-content;
    margin: auto;
    display: flex;
    padding: 20px 36px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 40px;
    background: var(--212121, #212121);
    margin-bottom: 30px;
} 
#cennikSection {  
    background-image: url(/wp-content/uploads/2023/12/tlo_refleksolog.png);
    background-repeat: no-repeat; 
    background-size: cover;
}
#servicesSection {  
    background-image: url(/wp-content/uploads/2023/12/Frame-785.png);
    background-repeat: no-repeat;
    background-position: -50px calc(100% + 54px); 
}

#faqSection {  
    background-image: url(/wp-content/uploads/2023/12/Frame-784.png);
    background-repeat: no-repeat;
    background-position: calc(100vw - 476px) -60px;
}
.sectionTextWidth .mandalaBefore::before {
    position: absolute;
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(/wp-content/uploads/2023/12/ikona_mandala.png);
    background-size: cover;
    left: 0;
    top: 5px;
}
.oferta-block .checkicon {
    padding-left: 43px;
    display: flex;
    line-height: 35px;
    position: relative;
}
.oferta-block .checkicon::before {
    display: block;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url(/wp-content/uploads/2024/02/Group-164-2.png);
    background-size: cover;
    position: absolute;
    left: 0px;
}
.nf-before-form-content, .field-wrap:not(.listcheckbox-wrap):not(.checkbox-wrap) .nf-field-label {
    display: none;
}
.border-rad-8 {
    border-radius: 8px;
}
.gapColumn {
    gap: 11px;
    display: flex;
    flex-direction: column;
}
.gapColumn .wp-block-group {
    
    padding: 12px;
}
.gapColumn iframe{
    border: 0;
    border-radius: 8px;
    margin-top: 30px;
    min-height: 390px;
}
#kontakt .nf-form-cont {
    background-color: #323232;
    border-radius: 8px;
    padding: 28px 36px;
    color: #fff;
}
#kontakt .nf-form-content textarea.ninja-forms-field {
    height: 110px;
}
#kontakt .nf-form-content #nf-label-field-7{
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 17px;
    display: block;
}
.checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after {
    border-radius: 8px;
    transition: all .5s;
}
#nf-label-field-9 { 
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: auto;
}
footer {
    background-color: #212121;
}

body:not(.wp-admin) .text-animate {
    opacity: 0;
    transform: translateX(0);
    transition: all 0.8s ease-out;
    will-change: transform, opacity;
  }
  
  .text-animate.horizontalRight {
    transform: translateX(80px);
  }
  .wp-block-column > iframe {
    
    width: 100% !important;
    border-radius: 20px;
    margin-bottom: 24px;
  }
  .wp-block-column > .border-rad-8 {
    margin-bottom: 24px;
  }
  .text-animate.horizontalLeft {
    transform: translateX(-80px);
  }
  
  body:not(.wp-admin) .text-animate.animate-in {
    transform: translateX(0);
    opacity: 1;
  }

 
.linetopbottom {
    padding: 12px 0px;
    margin-top: 40px;
    position: relative;
}
.linetopbottom::before,
.linetopbottom::after {
    content: "";
    background: linear-gradient(135deg,rgb(132,76,17) 0%,rgb(223,130,24) 100%) !important; 
    display: block;
    position: absolute;
    border-radius: 25%;
    height: 2px;
    width: 333px;
    left: 50%;
    transform: translateX(-50%); 
}
.lineHeight15 {
    line-height: 1.1em;
}
.linetopbottom::after { 
top: 0px;
}
.py32 { 
    padding-top: 32px;
    padding-bottom: 32px;
}
.linetopbottom::before { 
    bottom: 0px; 
    }

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]) {
    background: #fff0 !important;
    border: 1px solid #7E7E7E !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #7e7e7e !important;
    transition: all .5s;
    padding: 0px 12px;
}
.nf-form-content textarea {
    background: #fff0 !important;
    border: 1px solid #7E7E7E !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #7e7e7e !important;
    transition: all .5s;
    padding: 12px;
}
.entry-content {
    min-height: calc(100vh - 166px);
}
.nf-error.field-wrap .nf-field-element:after {
    display: none !important;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    display: flex
;
    padding: 12px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 0px !important;
    border-radius: 8px !important;
    background: var(--Color-Braz-Orange-900, #AC9D78) !important;
    color: var(--Color-Base-White, #FFF) !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out !important;
    margin: auto;
}
#nf-label-field-11 {
    font-size: 14px;
    font-weight: 400;
}
.fw-img {
    margin-top: 20px;
}
.fw-img img{
    
    width: 100%;
}
#kontakt .flex-column blockquote {
    position: relative;
    margin: 10px 0 15px;
    padding: 1em 40px 1em 100px;
    margin-right: 0px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
    -moz-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
    box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
}
.whyus {
    gap: 8px;
    display: flex;
    flex-direction: column;
}
.whyus .wp-block-group {
    padding: 20px 32px;
}
.numberIconBefore::after {
    display: none;
}
h2.wp-block-heading {
margin-top: 40px;
margin-bottom: 20px;
line-height: 1.5em;
}
#modal-1-content ul {
    justify-content: center;
    line-height: 50px;
    gap: 8px;
}
#modal-1  #socialNav, #modal-1  #socialNav2{
    display: none !important;
    
}
@media screen and (min-width: 979px) {
    .hideDesktop {
        display: none !important;
    }
}

@media screen and (max-width: 979px) {
    #hero-section .subTitle {
        display: none;
    }
    #hero-section .wp-block-cover__inner-container {
        z-index: 2;
        align-self: flex-end;
    }
    body:not(.wp-admin) { 
        margin-top: 70px;
    }
    #kontakt .title {
        font-size: 32px !important;
    }
    .wp-block-site-logo a.custom-logo-link img {
        max-width: 110px;
    }
    .sectionTextWidth {width: calc(100vw - 20px);
        margin: auto;
    }
    .wp-block-site-logo a { 
        margin: auto;
        display: block !important;
        max-width: 160px;
    }
    .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
        justify-content: center !important;
    }
    .flex-column blockquote {
        position: relative;
        margin: 10px 0 15px;
        padding: 1em 15px 1em 70px;
        margin-right: 0px;
    }
    .flex-column blockquote::before {
        
    left: 13px;
    }
    .hero-section {
        
    margin-left: 0px;
    }
    .cennik-block .cennik-item .content {
        
        justify-content: space-between;
        padding: 10px 10px;
        font-size: 15px;
    } 
    .numberIconBefore {
        padding-left: 40px;
        position: relative;
        font-size: 16px;
        font-weight: 400;
        line-height: 40px;
        width: calc(100% - 40px);
        cursor: pointer;
    }
   
    .faq-block .faq-item .content { 
        padding: 10px 10px;
    }
    .alignCenterNarrower .border-rad-8 {
        position: relative;
        margin-right: 0px;
    }
    .alignCenterNarrower .border-rad-8::after {
         
        width: 30px;
        
        background-position-x: right;
    }
}
.slb_template_tag_item_title {
    display: none !important;
}
@media screen and (max-width: 479px) {
    .heroCols > .wp-block-column {
        display: flex;
        gap: 20px;
    }
    .heroCols > .wp-block-column .wp-block-group p:nth-of-type(2) {
    display: none;
 }
 .heroCols .wp-block-column figure {
    padding: 0 20px 20px 0;
    position: relative;
    border-radius: 30px;
}
.heroCols .wp-block-column figure img {
    position: relative;
    z-index: 99;
    width: 120px !important;
    height: auto !important;
    max-width: max-content;
}
.heroCols .wp-block-column a {
    display: flex;
padding: 12px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch; border-radius: 40px; color: var(--Color-Base-White, #FFF);
font-family: Mali;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 14px */
}
.heroCols .wp-block-column figure::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 25px);
    border-radius: 30px;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 15px;
    left: 10px; 
    transform: rotate(5deg);
}
    #kontaktAncore {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 999;
        width: 64px;
        height: 64px;
    }
    .whyus h2.numberIconBefore {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .whyus .wp-block-group {
        border-radius: 8px;;
        text-align: center;
    }
    header.wp-block-template-part {
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px; 
  border-bottom: 2px solid #db7c2c;
  z-index: 99999;
  
  background-color: #212121;
    }
    .single #hero-section {
        background-color: #323232;
        padding-bottom: 100px;
        padding-top: 100px;
        margin-top: -50px;
        min-height: 550px;
        align-items: flex-end;
    }
    main.wp-block-group {
        padding-top: 00px;
    }
    #modal-1-content ul { 
        width: 100%;
    }
    .coDalejItem { 
        padding-left: 40px;
    }
    body.single .is-layout-flex.wp-block-columns, body.single .wp-block-buttons.is-layout-flex {
        display: flex;
        padding: 0 15px;
    }
    .page-template-default:not(.home) .entry-content > .wp-block-group {

        padding: 0 15px;
    }
    .wp-block-navigation__responsive-container.is-menu-open {
        padding: 20px 40px !important;
        overflow: visible !important; 
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding-top: 0px !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li {
        flex-grow: 1;
        width: 100%;
        margin-right: 0px !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li.wp-block-navigation-submenu ul {
         
        padding: 0px !important;
        padding-top: 20px !important;
    }
    .wp-block-navigation__responsive-container-close {
        position: fixed !important;
        color: #db7c2c !important;
        top: -49px !important;
        z-index: 1000000000000000000000000000 !important;
        right: 35px !important;
    }
    /* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li::after {
        position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-size: cover;
    right: 0px;
    top: -3px;
    background-color: #e7e7e7;
    left: 0px;
    } */
    /* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li.wp-block-navigation-submenu ul::after {
        position: absolute;
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        background-size: cover;
        top: 55px;
        background-color: #e7e7e7;
        left: 0px;
    } */
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #fff !important;
    }
    .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
        color: #fff !important;
    }
    .cennikTable .wp-block-group:nth-child(odd), .cennikTable .wp-block-group:nth-child(even) {
        
        padding: 20px !important;
    }
    .cennikTable .wp-block-group > p:first-of-type {
        
    max-width: 79%;
    text-align: left;
    }
    body:not(.home) #opinieSection {
        display: none;
    }
    .has-modal-open .wp-block-navigation__responsive-container-open {
        /* background: url(/wp-content/uploads/2024/02/Group-312.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px 18px; */
        width: 24px;    
        height: 24px;
    }
    #modal-1-content ul {
        justify-content: center;
        line-height: 50px;
        gap: 16px;
    }
    a.wp-block-navigation-item__content {
        margin-left: 0px;
    }
    .wpcf7 input, .wpcf7 textarea {
    
        width: 100%;
        max-width: fit-content;
    }
    .text-animate {
        line-height: 120% !important;
    }
    /* .has-modal-open .wp-block-navigation__responsive-container-open::after {
        content: "";
        background: url(/wp-content/uploads/2024/02/Group-312.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px 18px;
        width: 24px;    
        height: 24px;
    } */
    .has-modal-open .wp-block-navigation__responsive-container-open svg{
        display: none;
    }
    .wp-block-navigation__responsive-container { 
        top: 70px !important;
    }
    .wp-block-site-logo a {
        margin: auto;
        display: block !important;
        max-width: 220px;
    }
    nav ul:not(.wp-block-navigation-submenu) > li:not(:last-of-type)::after {
        display: none;
    }
    nav.ofertamenu li{
        margin-right: 0px;
    }
    nav.ofertamenu {
        margin: 12px 00px;
        line-height: 32px;
        justify-content: center;
        padding: 0 20px;
        border-radius: 40px;
    }
    .whyus .numberIconBefore  {
        padding-left: 0px;
        padding-top: 48px; 
        width: calc(100%);
        cursor: pointer;
    }
    .whyus .numberIconBefore::before  {
        
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    }
    .gapColumn iframe { 
        max-width: 100%;
    }
    .textaligntop {
        margin-top: 0px;
        padding-left: 00px;
    }
    .sectionTextWidth  h2, h2.wp-block-heading {
        line-height: 1.4em;
    }
    #hero-section { 
        padding-bottom: 30px;
    }
    .flex-column blockquote::before { 
        top: 25px;
    }
    #hero-section h1.wp-block-heading {
        margin-top: 230px;
        margin-bottom: -4px;
        text-align: center;
        line-height: 1em;
        font-size: 32px !important;
    }
    .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
        
    color: #F9816A !important;
    }

    #hero-section video.isPortrait {
        display: none;
    }
    #hero-section, #hero-section.hero-slider > .wp-block-cover { 
        padding-bottom: 40px;}
    #hero-section, #hero-section.hero-slider > .wp-block-cover, #hero-section.hero-slider { 
        /* min-height: 540px;  */
        min-height: calc(100vh - 80px); 
        margin-top: 0px;
    }
    .xdrink-image-constrained, .xdrink-label-wrapper, .x_drinki-template-default.zdjecie-duze .entry-content.is-layout-constrained, .x_drinki-template-default.zdjecie-duze h2.wp-block-post-title {
        max-width: 100% !important;
    }
     .x_drinki-template-default.zdjecie-duze .entry-content.is-layout-constrained, .x_drinki-template-default.zdjecie-duze h2.wp-block-post-title {
        max-width: calc(100% - 40px) !important;
    }
    .x_drinki-template-default.zdjecie-duze .xdrink-image-full {
        margin-bottom: 0vh !important;
    }
    .x_drinki-template-default .entry-content.is-layout-constrained > * {
        max-width: 100% !important;
    }

    footer .wp-block-columns {
        gap: 0px;
    }
    #hero-section.hero-slider h1.wp-block-heading {
        margin-top: 0px;
        text-align: left;
    }
    #hero-section.hero-slider video{
        
        height: 50%;
    }
    #hero-slide-indi { 
        width: fit-content;
        display: flex
    ;
    }
    #hero-section > img {
        object-position: 50% 50%;
        z-index: 1;
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        max-height: 100%;
        max-width: 100%;
        top: 0px;
        right: 0;
        max-width: 100%;
        object-fit: cover;
        transform: translateX(0px);
    }
    .navWrapper {
        max-width: 64px;
        align-items: end;
        display: flex;
        color: #b56915;
    }
    #socialNav, #socialNav2 {
        display: none !important;
    }
    #modal-1  #socialNav, #modal-1  #socialNav2{
        display: block !important;
        flex-basis: 80%;        width: 100%;
        height: 45px;
        flex-grow: 0;
        margin-top: 40px;
    }
    #modal-1  #socialNav2 .wp-block-buttons {
        justify-content: center;
        height: auto !important;
    }
    #modal-1  #socialNav .wp-block-buttons {
        justify-content: center;
    }
    /* .home #hero-section:after,  */
    /* .page-id-880 #hero-section:after  {
display: none;
    } */
    .flex-column blockquote,#kontakt .flex-column blockquote,#opinieSection #opinieContent blockquote {
        position: relative;
        margin: 10px 0 15px;
        padding: 80px 15px 1em 15px;
        margin-right: 0px;
        text-align: center;
    }
    .gap4 figure img {
        width: 100%;
        opacity: 0.25;
        transition: all 1s;
        filter: grayscale(0);
    }
    #hero-section .wp-element-button,#hero-section .wp-block-button__link { 
        font-size: 15px !important;
        padding: 12px 20px;
    }
    #hero-section  .has-inter-font-family {
        text-align: center;
        /* font-size: 20px !important; */
    }
    .home #hero-section .has-inter-font-family {
        text-align: left; 
    }
    .bgW50 > img.wp-block-cover__image-background {
        width: 100%;
        object-fit: contain;
        top: 0px;
        height: auto;
    }
    #nf-field-5-wrap .nf-field-element > ul { 
        gap: 0px;
        flex-direction: column;
    }
    .bgW50 > .wp-block-cover__inner-container{
        padding-top: 290px;
    }
    .toBottomRight {
        position: relative;
        margin-bottom: -30px;
    }
    #hero-section .wp-block-columns {
        flex-direction: column-reverse;
        padding-bottom: 70px;
    }
    .hero-section {
        margin-left: 0px;
        margin-top: 0px;
    }
    #kontakt .nf-form-cont { 
        margin: 0px 16px !important;
        display: block;
        padding: 28px 12px;
    }
    #nf-field-11-wrap {
        gap: 4px;
    }
    #nf-field-13-wrap {
        text-align: center;
    }
    .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link.toContact {
        border-radius: 8px;
        color: #3aaa35;
        font-size: 0px;
        width: 42px;
        height: 42px;
        background: url(/wp-content/uploads/2024/01/Group-157-2.png);
        background-position: center;    
        background-size: cover;
        border: 0px;
    }
    .flex-column blockquote::before,#opinieSection #opinieContent blockquote::before,#opinieSection #opinieContent blockquote::after {
        left: 50%;
        transform: translateX(-50%);
    }
     #opinieSection #opinieContent blockquote::after {
        
    top: 140px;
    }
    /* .galeria-item  {
        /* max-width: 150px;  
        display: flex;
        width: 150px;
    } */
    .galeria-item img  {
        max-width: 100%;
        height: auto;
    }
    #galeriaContent {
        grid-template-columns: repeat(2, 1fr) !important;
        padding: 0 15px;
        max-width: 320px;
        margin: auto;
    }
.wp-block-spacer {
    height: 30px !important;
}
.checkicon {
    margin-bottom: 48px;
}
.arrow-before::before {
display: none;
}
.arrow-before {
    padding-left: 0px;
    position: relative;
    margin: auto !important;
}
.py15 {
    padding: 0 15px;
}
footer .wp-block-column p {
    text-align: center !important;
}
.cennik-block .cennik-item .content > p:first-of-type {
    text-align: left !important;
}
header .wp-block-columns .wp-block-column:last-of-type{ 
    flex: 0 1 50px !important;
    flex-basis: fit-content !important;
}
header .wp-block-columns .wp-block-column .wp-block-button:last-of-type{ 
    
    display: flex !important; 
    justify-content: flex-end !important;
    min-width: 48px;
}
header .wp-block-columns{
    flex-wrap: nowrap !important;
    
    justify-content: space-between;
}
header > .wp-block-cover{
    min-height: 70px !important;
    padding: 0 15px !important;
}
header .wp-block-columns .custom-logo-link{
    
    margin-top: 5px;
    margin-left: 0px;
}
.cennik-block .cennik-item .content > p:last-of-type {
    text-align: right !important;
    min-width: 55px;
}
.hideMobile {
    display: none !important;
}
}