:root {
     --bx-primary-color: #93ff7d;
     --bx-title-color: #011;
     --bx-white-color: #ffffff;
     --bx-inter-font: 'Inter', sans-serif;
 }

 .bx-btn {
     color: var(--bx-title-color);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 10px 24px;
     border-radius: 50px;
     background-color: var(--bx-primary-color);
     border: none;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .background-image {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .z-index2 {
     position: relative;
     z-index: 2;
 }

 .container,
 .bx-container {
     width: 100%;
     max-width: 1320px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
 }

 .d-flex-between-end {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     flex-wrap: wrap;
 }

 .bx-hero {
     padding-top: 400px;
     padding-bottom: 120px;
     overflow: hidden;
     position: relative;
 }

 .bx-hero::before {
     content: '';
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(5deg, rgba(10, 12, 0, 0.9) 4.51%, rgba(4, 45, 41, 0.6) 50.23%);
     z-index: 1;
 }

 .bx-hero__bottom-asset-placeholder {
     position: absolute;
     bottom: 30%;
     left: 210px;
     width: 100%;
     height: 72%;
     z-index: 2;
     pointer-events: none;
 }

 .bx-hero__bottom-asset-placeholder img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: bottom left;
     opacity: 0.4;
 }

 .bx-hero__corner-asset {
     position: absolute;
     bottom: 50px;
     right: 100px;
     width: 32%;
     height: 9%;
     object-fit: contain;
     z-index: 4;
     /* background-color: #ffffff;
                border-radius: 20px;
                padding: 20px;
                box-shadow: 0px 0px 11.8px 0px #0000001F; */
 }

 .bx-hero__inner {
     gap: 40px;
     position: relative;
     z-index: 3;
 }

 .bx-hero__content {
     max-width: 812px;
 }

 .hero-review-wrapper {
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .hero-review-wrapper .reviewers-img-list {
     margin-left: 16px;
     display: flex;
 }

 .hero-review-wrapper .reviewers-img-list li {
     display: inline-block;
     margin-left: -16px;
 }

 .hero-review-wrapper .reviewers-img-list li:first-child {
     margin-left: 0;
 }

 .hero-review-wrapper .reviewers-img-list li img {
     width: 50px;
     height: 50px;
     border-radius: 100%;
     border: 2px solid var(--bx-white-color);
 }

 .hero-review-wrapper .trustpilot-info {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .hero-review-wrapper .trustpilot-info span {
     font-size: 18px;
     font-weight: 800;
     line-height: 25px;
     letter-spacing: -0.18px;
     color: var(--bx-white-color);
 }

 .hero-review-wrapper .trustpilot-info img {
     max-width: 96px;
 }

 .hero-review-wrapper .reviewers-text {
     font-size: 16px;
     font-weight: 400;
     line-height: 23px;
     color: var(--bx-white-color);
     margin-top: 8px;
 }

 .bx-hero__content .title {
     font-size: 110px;
     line-height: 1.15;
     margin: 0;
     margin-top: 0px;
     color: var(--bx-white-color);
     font-weight: 700;
     letter-spacing: -5.54px;
     margin-top: 40px;
 }

 .bx-hero__content .text {
     font-size: 20px;
     font-weight: 400;
     line-height: 34px;
     letter-spacing: -0.44px;
     font-family: var(--bx-inter-font);
     max-width: 595px;
     color: rgba(255, 255, 255, 0.85);
     margin-top: 24px;
 }

 .bx-hero__form {
     flex-shrink: 0;
 }

 .bx-hero__form .title {
     color: var(--bx-white-color);
     font-size: 22px;
     font-weight: 600;
     line-height: 34px;
     font-family: var(--bx-inter-font);
     margin-bottom: 10px;
     display: block;
 }

 .bx-hero__form form {
     position: relative;
 }

 .bx-hero__form form input {
     width: 555px;
     height: 72px;
     border-radius: 55px;
     border: 1px solid rgba(255, 255, 255, 0.25);
     background: rgba(255, 255, 255, 0.24);
     padding: 20px 180px 20px 34px;
     color: var(--bx-white-color);
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     box-sizing: border-box;
 }

 .bx-hero__form form input:focus,
 .bx-hero__form form input::placeholder {
     color: var(--bx-white-color);
     opacity: 0.8;
 }

 .bx-hero__form form .bx-btn {
     position: absolute;
     right: 8px;
     top: -10px;
     height: 52px;
 }

 @media only screen and (max-width: 1199px) {
     .d-flex-between-end {
         flex-direction: column;
         align-items: flex-start;
         gap: 60px;
     }

     .bx-hero__content,
     .bx-hero__form {
         width: 100%;
         max-width: 100%;
     }

     .bx-hero__form form input {
         width: 100%;
     }
 }

 @media only screen and (max-width: 767px) {
     .bx-hero {
         padding-top: 150px;
         padding-bottom: 60px;
     }

     .bx-hero__inner {
         gap: 40px;
     }

     .bx-hero__content .title {
         font-size: 55px;
         line-height: 1.15;
         margin: 0;
         margin-top: 0px;
         margin-top: 0px;
         color: var(--bx-white-color);
         font-weight: 700;
         letter-spacing: -1.54px;
         margin-top: 40px;
     }

     .bx-hero__content .text {
         font-size: 16px;
     }

     .bx-hero__form form input {
         height: 60px;
         padding: 15px 140px 15px 25px;
     }

     .bx-hero__form form .bx-btn {
         height: 44px;
         right: 8px;
         top: -12px;
     }

     .bx-hero__corner-asset {
         bottom: 20px;
         right: 20px;
         width: 15%;
         height: 3%;
     }

     .bx-hero__bottom-asset-placeholder {
         width: 90%;
         height: 50%;
     }
 }

 .form-wrap {
     margin-top: 15px;
     margin-bottom: 20px;
 }

 .custom-control {
     position: relative;
     display: flex;
     align-items: center;
     min-height: 1.5rem;
 }

 .custom-control-input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }

 .custom-control-label {
     position: relative;
     margin-bottom: 0;
     vertical-align: top;
     padding-left: 30px;
     font-size: 12px;
     line-height: 1.5;
     color: #555;
     cursor: pointer;
 }

 .custom-control-label::before {
     position: absolute;
     top: 0.15rem;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     background-color: #fff;
     border: 1px solid #adb5bd;
     border-radius: .25rem;
     transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
 }

 .custom-control-label::after {
     position: absolute;
     top: 0.15rem;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%;
 }

 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     border-color: #93ff7c;
     background-color: #93ff7c;
 }

 .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
 }

 .custom-control-label a {
     color: #93ff7c;
     text-decoration: underline;
 }

 .bx-hero {
     overflow-x: hidden;
 }

 .bx-hero__content .text {
     margin-top: 150px;
 }

 .bx-hero__content .text span {
     display: inline-block;
     position: relative;
     background-color: #ffffff;
     color: #43484b;
     font-weight: 800;
     font-size: 50px;
     padding: 30px 50px 30px 0px;
     z-index: 1;
     letter-spacing: -1.5px;
 }

 .bx-hero__content .text span::before {
     content: '';
     position: absolute;
     top: 0;
     height: 100%;
     right: 100%;
     width: 100vw;
     background-color: #ffffff;
     z-index: -1;
 }

 .text-extra {
     color: #fff;
     font-weight: 100;
     font-size: 25px
 }

 /* --- Responsywność --- */
 @media (max-width: 768px) {
     .bx-hero__content .text span {
         font-size: 28px;
         padding: 20px 10px 20px 0px;
     }

     .text-extra {
         color: #fff;
         font-weight: 100;
         font-size: 18px
     }


     .bx-hero__form .title {
         font-size: 16px;
     }

     .bx-hero__bottom-asset-placeholder {
         bottom: 65%;
         width: 100%;
         left: 0px;
     }

     .bx-hero__content .text span {
         padding-left: 0px;
         padding-right: 25px;
     }
 }


 .pt-0 {
     padding-top: 0;
 }

 .m-0 {
     margin: 0;
 }

 .position-relative {
     position: relative;
 }

 .container.bx-container-xxl {
     max-width: 1476px;
     padding: 0;
     margin-left: auto;
     margin-right: auto;
 }

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

 .row {
     display: flex;
     flex-wrap: wrap;
     margin-left: -15px;
     margin-right: -15px;
 }

 .col-lg-6,
 .col-12 {
     position: relative;
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
 }

 @media (min-width: 992px) {
     .col-lg-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 .align-items-center {
     align-items: center;
 }

 .bg-white {
     background-color: var(--bx-white-color) !important;
 }

 .bx-section-head__label {
     background: #f9f3eb;
     color: var(--bx-title-color);
     display: inline-block;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     border-radius: 6px;
     margin-bottom: 16px;
 }

 .bx-section-head__title {
     font-size: 42px;
     font-weight: 600;
     line-height: 1.3;
     color: var(--bx-title-color);
 }

 .bx-section-head__text {
     font-size: 18px;
     line-height: 1.6;
     color: var(--bx-paragraph-color);
     margin-top: 15px;
 }

 /* --- Tło dla sekcji --- */
 .section-bg {
     position: relative;
 }

 .section-bg-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 1550px;
     z-index: -1;
 }

 .section-bg-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* --- Sekcja "About" --- */
 .bx-about__inner {
     gap: 224px;
 }

 .bx-about__image {
     max-width: 884px;
     position: relative;
 }

 .bx-about__image img {
     max-width: 100%;
 }

 .bx-about__badge {
     position: absolute;
     background: var(--bx-white-color);
     border: 1px solid rgba(0, 17, 17, 0.15);
     width: 238px;
     height: 238px;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     top: 50%;
     right: -119px;
     transform: translateY(-50%);
 }

 .bx-about__badge img {
     max-width: 112px;
 }

 .bx-about__content {
     max-width: 460px;
 }

 .bx-about__content .title {
     font-size: 26px;
     font-weight: 600;
     line-height: 38px;
     color: var(--bx-title-color);
 }

 .bx-about__content .text {
     font-size: 20px;
     line-height: 34px;
     color: var(--bx-paragraph-color);
 }

 .bx-about__btn {
     margin-top: 56px;
 }

 .bx-about__big-title {
     font-size: 70px;
     font-weight: 500;
     line-height: 96px;
     color: #5b5b5b;
     margin: 130px 0 0 0;
     max-width: 1332px;
 }

 .bx-about__big-title span {
     color: var(--bx-title-color);
 }

 /* --- Sekcja "Partner" --- */
 .bx-partner__section-head {
     border-bottom: 1px solid rgba(34, 48, 53, 0.17);
     padding-bottom: 40px;
     text-align: center;
 }

 .bx-partner__section-head .title {
     color: var(--bx-paragraph-color);
     font-size: 20px;
     font-weight: 400;
     letter-spacing: -0.4px;
     margin: 0;
 }

 .owl-carousel.bx-partner__slider {
     margin-top: 40px;
 }

 .bx-partner__item img {
     max-width: 174px;
     margin: 0 auto;
     /* Centrowanie logo w karuzeli */
 }

 /* --- Sekcja "Why Choose Us" --- */
 .bx-why-choose__widget.two {
     margin-left: 126px;
 }

 .bx-why-choose__widget .bx-section-head__btn {
     margin-top: 40px;
 }

 .bx-why-choose__widget .bx-section-head__btn .bx-btn {
     background: var(--bx-title-color);
     color: var(--bx-white-color);
 }

 .bx-why-choose__widget .bx-section-head__btn .bx-btn:hover {
     color: var(--bx-title-color);
     background: var(--bx-white-color);
 }

 .bx-why-choose__counter {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 132px;
     margin-top: 100px;
 }

 .bx-why-choose .counter-card {
     display: flex;
     flex-direction: column;
 }

 .bx-why-choose .counter-card .icon {
     width: 104px;
     height: 104px;
     background: var(--bx-white-color);
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .bx-why-choose .counter-card .info {
     margin-top: 80px;
 }

 .bx-why-choose .counter-card .title,
 .bx-why-choose .counter-card .odometer {
     font-size: 77px;
     font-weight: 500;
     letter-spacing: -1.54px;
     line-height: 58px;
     font-family: var(--bx-inter-font);
     margin-bottom: 0px;
     display: flex;
     color: var(--bx-title-color);
 }

 .bx-why-choose .counter-card .text {
     margin-top: 24px;
     font-size: 22px;
     font-weight: 500;
     line-height: 38px;
     color: var(--bx-title-color);
 }

 .bx-why-choose__progress {
     margin-top: 40px;
 }

 .bx-why-choose .progress-item {
     margin-bottom: 60px;
 }

 .bx-why-choose .progress-item:last-child {
     margin: 0;
 }

 .bx-why-choose .progress-item__label {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 18px;
 }

 .bx-why-choose .progress-item__title,
 .bx-why-choose .progress-item__percentage {
     margin: 0;
     font-size: 20px;
     font-weight: 500;
     line-height: 120%;
     color: var(--bx-title-color);
 }

 .bx-why-choose .progress-item__percentage {
     font-weight: 700;
 }

 .bx-why-choose .progress-container {
     border-radius: 12px;
     position: relative;
     height: 6px;
     width: 100%;
     border: 1px solid var(--bx-title-color);
 }

 .bx-why-choose .progress {
     background-color: var(--bx-title-color);
     width: 0;
     transition: width 0.3s linear;
     height: 6px;
     position: absolute;
     top: -1px;
     left: 0;
     border-radius: 12px;
 }

 /* --- Sekcja "Text Move" --- */
 .bx-text-move {
     overflow: hidden;
     background: var(--bx-white-color);
     padding: 48px 0px;
 }

 .bx-text-move .swiper-slide {
     width: auto !important;
 }

 .bx-text-move .swiper-wrapper {
     transition-timing-function: linear;
 }

 .bx-text-slide__item {
     display: flex;
     gap: 40px;
     justify-content: center;
     align-items: center;
 }

 .bx-text-slide__item .text {
     font-size: 48px;
     font-weight: 600;
     color: #0b0b0b;
     line-height: 64px;
     letter-spacing: -0.48px;
     white-space: nowrap;
 }

 .bx-text-slide__item .arrow-img {
     max-width: 46px;
     flex-shrink: 0;
 }

 /* --- Sekcja "Video" --- */
 .bx-video__bg {
     width: 100%;
     height: 748px;
     border-radius: 8px;
     background-size: cover;
     background-position: center;
 }

 .bx-video__btn {
     width: 140px;
     height: 140px;
     border-radius: 100%;
     line-height: 150px;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 30px;
     background: #93ff7c;
     backdrop-filter: blur(4px);
     color: var(--bx-primary-color);
     border: 1px solid #93ff7c;
     z-index: 2;
     transition: all 0.3s ease;
 }

 .bx-video__btn:hover {
     background: var(--bx-white-color);
     border: 1px solid transparent;
     color: var(--bx-title-color);
 }

 /* --- Style responsywne --- */
 @media only screen and (max-width: 1199px) {
     .section-gap {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .bx-about__inner {
         flex-direction: column;
         gap: 60px;
     }

     .bx-about__image {
         max-width: 100%;
         margin: 0 auto;
     }

     .bx-about__badge {
         width: 160px;
         height: 160px;
         right: 20px;
         bottom: -50px;
         top: auto;
         transform: none;
     }

     .bx-about__content {
         max-width: 100%;
         text-align: center;
     }

     .bx-about__big-title {
         font-size: 40px;
         line-height: 54px;
         margin-top: 80px;
         text-align: center;
     }

     .bx-why-choose__widget.two {
         margin-left: 0;
         margin-top: 60px;
     }

     .bx-why-choose__counter {
         gap: 40px;
         margin-top: 50px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-gap {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .bx-about__inner {
         gap: 40px;
     }

     .bx-about__badge {
         width: 120px;
         height: 120px;
         right: 10px;
         bottom: -40px;
     }

     .bx-about__badge img {
         max-width: 60px;
     }

     .bx-about__content .title {
         font-size: 20px;
         line-height: 30px;
     }

     .bx-about__content .text {
         font-size: 16px;
         line-height: 26px;
     }

     .bx-about__btn {
         margin-top: 30px;
     }

     .bx-about__big-title {
         font-size: 28px;
         line-height: 38px;
         margin-top: 60px;
     }

     .bx-partner__section-head .title {
         font-size: 18px;
     }

     .bx-why-choose__counter {
         grid-template-columns: 1fr;
         gap: 50px;
     }

     .bx-text-slide__item .text {
         font-size: 28px;
     }

     .bx-video__bg {
         height: 320px;
     }

     .bx-video__btn {
         width: 80px;
         height: 80px;
         line-height: 87px;
         font-size: 24px;
     }
 }

 .bx-about__big-title {
     font-family: sans-serif;
     font-size: 48px;
     font-weight: 600;
     line-height: 1.3;
     color: #2c3e50;
     margin: 0 0 20px 0;
     max-width: 700px;
 }

 .indented-paragraph {
     font-family: sans-serif;
     font-size: 18px;
     line-height: 1.7;
     color: #555;
 }

 .indented-paragraph2 {
     font-family: sans-serif;
     font-size: 18px;
     line-height: 1.7;
     color: #555;
     margin: 0;
     width: 100%;
     margin-left: 0%;
 }


 @media (max-width: 992px) {
     .indented-paragraph {
         width: 70%;
     }
 }

 @media (max-width: 768px) {
     .bx-about__big-title {
         font-size: 32px;
         max-width: 100%;
     }

     .indented-paragraph {
         width: 100%;
         margin-left: 0;
         font-size: 16px;
     }
 }

 .pt-0 {
     padding-top: 0;
 }

 .m-0 {
     margin: 0;
 }

 .bg-secondary-color {
     background-color: var(--bx-secondary-color);
 }

 .bg-overlay::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 17, 17, 0.9);
 }

 .position-relative {
     position: relative;
 }

 .container.bx-container,
 .container.bx-container-xxl {
     max-width: 1476px;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

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

 @media (min-width: 768px) {
     .col-md-10 {
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }
 }

 @media (min-width: 992px) {
     .col-lg-8 {
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

     .col-lg-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 @media (min-width: 1200px) {
     .col-xl-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 .justify-content-center {
     justify-content: center;
 }

 .align-items-center {
     align-items: center;
 }

 .text-center {
     text-align: center;
 }

 .text-white {
     color: var(--bx-white-color) !important;
 }

 .bx-section-head__label {
     display: inline-block;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     border-radius: 6px;
     margin-bottom: 16px;
     background: #f9f3eb;
     color: var(--bx-title-color);
 }

 .bx-section-head__title {
     font-size: 42px;
     font-weight: 600;
     line-height: 1.3;
 }

 .bx-section-head__title .bx-literata {
     font-family: var(--bx-literata-font);
     font-style: italic;
 }


 .section-bg-img {
     position: absolute;
     top: 0;
     width: 100%;
     height: 1550px;
     z-index: -1;
 }

 .section-bg-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .bx-about__inner {
     gap: 224px;
 }

 .bx-about__image {
     max-width: 884px;
     position: relative;
 }

 .bx-about__image img {
     max-width: 100%;
 }

 .bx-about__badge {
     position: absolute;
     background: var(--bx-white-color);
     border: 1px solid rgba(0, 17, 17, 0.15);
     width: 238px;
     height: 238px;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     top: 50%;
     right: -119px;
     transform: translateY(-50%);
 }

 .bx-about__badge img {
     max-width: 112px;
 }

 .bx-about__content {
     max-width: 460px;
 }

 .bx-about__content .title {
     font-size: 26px;
     font-weight: 600;
     line-height: 38px;
     color: var(--bx-title-color);
 }

 .bx-about__content .text {
     font-size: 20px;
     line-height: 34px;
     color: var(--bx-paragraph-color);
 }

 .bx-about__btn {
     margin-top: 56px;
 }

 .bx-about__big-title {
     font-size: 65px;
     font-weight: 700;
     line-height: 76px;
     color: #223035;
     max-width: 1332px;
 }

 .bx-about__big-title span {
     color: var(--bx-title-color);
 }

 .bx-partner__section-head {
     border-bottom: 1px solid rgba(34, 48, 53, 0.17);
     padding-bottom: 40px;
     text-align: center;
 }

 .bx-partner__section-head .title {
     color: var(--bx-paragraph-color);
     font-size: 20px;
     font-weight: 400;
     letter-spacing: -0.4px;
     margin: 0;
 }

 .owl-carousel.bx-partner__slider {
     margin-top: 40px;
 }

 .bx-partner__item img {
     max-width: 174px;
     margin: 0 auto;
 }

 .bx-why-choose__widget {
     position: relative;
 }

 .bx-why-choose__widget.two {
     margin-left: 126px;
 }

 .bx-why-choose__widget .bx-section-head__text {
     color: var(--bx-title-color);
 }

 .bx-why-choose__widget .bx-section-head__btn {
     margin-top: 40px;
 }

 .bx-why-choose__widget .bx-section-head__btn .bx-btn {
     background: var(--bx-title-color);
     color: var(--bx-white-color);
 }

 .bx-why-choose__widget .bx-section-head__btn .bx-btn:hover {
     color: var(--bx-title-color);
     background: var(--bx-white-color);
 }

 .bx-why-choose__counter {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 132px;
     margin-top: 100px;
 }

 .bx-why-choose .counter-card {
     display: flex;
     flex-direction: column;
 }

 .bx-why-choose .counter-card .icon {
     width: 104px;
     height: 104px;
     background: var(--bx-white-color);
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .bx-why-choose .counter-card .info {
     margin-top: 80px;
 }

 .bx-why-choose .counter-card .title,
 .bx-why-choose .counter-card .odometer {
     font-size: 77px;
     font-weight: 500;
     letter-spacing: -1.54px;
     line-height: 58px;
     font-family: var(--bx-inter-font);
     margin-bottom: 0px;
     display: flex;
     color: var(--bx-title-color);
 }

 .bx-why-choose .counter-card .text {
     margin-top: 24px;
     font-size: 22px;
     font-weight: 500;
     line-height: 38px;
     color: var(--bx-title-color);
 }


 .bx-why-choose .progress-item {
     margin-bottom: 60px;
 }

 .bx-why-choose .progress-item:last-child {
     margin: 0;
 }

 .bx-why-choose .progress-item__label {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 18px;
 }

 .bx-why-choose .progress-item__title,
 .bx-why-choose .progress-item__percentage {
     margin: 0;
     font-size: 20px;
     font-weight: 500;
     line-height: 120%;
     color: var(--bx-title-color);
 }

 .bx-why-choose .progress-item__percentage {
     font-weight: 700;
 }

 .bx-why-choose .progress-container {
     border-radius: 12px;
     position: relative;
     height: 6px;
     width: 100%;
     border: 1px solid var(--bx-title-color);
 }

 .bx-why-choose .progress {
     background-color: var(--bx-title-color);
     width: 0;
     transition: width 0.3s linear;
     height: 6px;
     position: absolute;
     top: -1px;
     left: 0;
     border-radius: 12px;
 }

 .bx-why-choose__slider {
     margin-top: 40px;
 }

 .bx-why-choose__card .card-icon {
     height: 107px;
     /* Ensure consistent height for alignment */
     display: flex;
     align-items: center;
 }

 .bx-why-choose__card .card-content {
     margin-top: 55px;
 }

 .bx-why-choose__card .title {
     color: var(--bx-white-color);
     font-size: 26px;
     margin-bottom: 30px;
     line-height: 100%;
 }

 .bx-why-choose__card .text {
     color: rgba(255, 255, 255, 0.75);
     font-size: 20px;
     letter-spacing: -0.4px;
     line-height: 34px;
 }

 .bx-text-move {
     overflow: hidden;
     background: var(--bx-white-color);
     padding: 48px 0px;
 }

 .bx-text-move__style2 {
     background-color: transparent;
 }

 .bx-text-move .swiper-slide {
     width: auto !important;
 }

 .bx-text-move .swiper-wrapper {
     transition-timing-function: linear;
 }

 .bx-text-slide__item {
     display: flex;
     gap: 40px;
     justify-content: center;
     align-items: center;
 }

 .bx-text-slide__item .text {
     font-size: 48px;
     font-weight: 600;
     color: #0b0b0b;
     line-height: 64px;
     letter-spacing: -0.48px;
     white-space: nowrap;
 }

 .bx-text-slide__item .arrow-img {
     max-width: 46px;
     flex-shrink: 0;
 }

 .bx-video {
     position: relative;
 }

 .bx-video__bg {
     width: 100%;
     height: 748px;
     border-radius: 8px;
     background-size: cover;
     background-position: center;
 }


 @media only screen and (max-width: 1199px) {
     .section-gap {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .bx-about__inner {
         flex-direction: column;
         gap: 60px;
     }

     .bx-about__badge {
         width: 160px;
         height: 160px;
         right: 20px;
         bottom: -50px;
         top: auto;
         transform: none;
     }

     .bx-about__content {
         max-width: 100%;
         text-align: center;
     }

     .bx-about__big-title {
         font-size: 40px;
         line-height: 54px;
         margin-top: 80px;
         text-align: center;
     }

     .bx-why-choose__widget.two {
         margin-left: 0;
         margin-top: 60px;
     }

     .bx-why-choose__counter {
         gap: 40px;
         margin-top: 50px;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-gap {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .bx-about__inner {
         gap: 40px;
     }

     .bx-about__badge {
         width: 120px;
         height: 120px;
         right: 10px;
         bottom: -40px;
     }

     .bx-about__badge img {
         max-width: 60px;
     }

     .bx-about__content .title {
         font-size: 20px;
         line-height: 30px;
     }

     .bx-about__content .text {
         font-size: 16px;
         line-height: 26px;
     }

     .bx-about__btn {
         margin-top: 30px;
         display: flex;
         justify-content: center;
     }

     .bx-about__big-title {
         font-size: 28px;
         line-height: 38px;
         margin-top: 60px;
     }

     .bx-partner__section-head .title {
         font-size: 18px;
     }

     .bx-why-choose__slider {
         margin-top: 40px;
     }

     .bx-why-choose__card .card-content {
         margin-top: 24px;
     }

     .bx-why-choose__card .title {
         font-size: 18px;
         margin-bottom: 16px;
     }

     .bx-why-choose__card .text {
         line-height: 160%;
         font-size: 16px;
     }

     .bx-why-choose .counter-card {
         text-align: center;
     }

     .bx-why-choose .counter-card .icon {
         margin: 0 auto;
     }

     .bx-why-choose__counter {
         grid-template-columns: 1fr;
         gap: 50px;
     }

     .bx-text-slide__item .text {
         font-size: 28px;
     }

     .bx-video__bg {
         height: 320px;
     }

     .bx-video__btn {
         width: 80px;
         height: 80px;
         line-height: 87px;
         font-size: 24px;
     }

     .bx-why-choose__widget .bx-section-head__text {
         color: var(--bx-title-color);
         margin-top: 20px;

     }
 }



 .bx-why-choose__widget .bx-section-head {
     margin-bottom: 30px;
 }

 .bx-why-img img {
     max-width: 125%;
     height: auto;
     display: block;
     margin-left: -150px;
 }


 .section-header {
     margin-bottom: 50px;
 }

 .section-header h2 {
     font-size: 36px;
     font-weight: 600;
     color: #2c3e50;
     margin: 0;
 }

 .steps-list ol {
     list-style: none;
     padding-left: 0;
     margin: 0;
     counter-reset: steps-counter;
 }

 .steps-list li {
     display: flex;
     align-items: flex-start;
     counter-increment: steps-counter;
 }

 .steps-list li:not(:last-child) {
     margin-bottom: 25px;
 }

 .steps-list li::before {
     content: '0' counter(steps-counter);
     font-size: 16px;
     font-weight: 600;
     background-color: #001111;
     /* Czarne tło kółka */
     color: #ffffff;
     /* Biały numer */
     border-radius: 50%;
     /* Tworzy kółko */
     width: 40px;
     height: 40px;
     min-width: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
 }

 .steps-list .step-content h3 {
     font-size: 20px;
     font-weight: 600;
     color: #2c3e50;
     margin-top: 0;
     margin-bottom: 8px;
 }

 .steps-list .step-content p {
     font-size: 16px;
     color: #011;
     /* Zmiana koloru tekstu */
     line-height: 1.6;
     margin: 0;
 }

 .steps-list .step-content strong {
     color: #27ae60;
     font-weight: 600;
 }

 .video-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }

 .bx-video__bg {
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     background-size: cover;
     background-position: center;
     aspect-ratio: 16 / 9;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
 }

 .bx-video__btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 80px;
     height: 80px;
     background-color: rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(5px);
     border: 1px solid #93ff7c;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     color: white;

     text-decoration: none;
     transition: all 0.3s ease;
     z-index: 2;
 }

 .bx-video__btn:hover {
     transform: translate(-50%, -50%) scale(1.1);
     background-color: rgba(147, 196, 62, 0.8);
 }

 @media (max-width: 992px) {
     .video-grid {
         grid-template-columns: 1fr;
     }
 }

 .bx-about__progress canvas {
     display: none;
 }

 .calculator-header {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px;
     align-items: center;
     margin-bottom: 50px;
 }

 .section-head .section-head__label {
     display: inline-block;
     padding: 6px 14px;
     font-size: 14px;
     font-weight: 500;
     color: #60726C;
     background-color: #F0F2F2;
     border-radius: 6px;
     margin-bottom: 16px;
 }

 .section-head .section-head__title {
     font-size: 36px;
     font-weight: 600;
     color: #2c3e50;
     margin-top: 0;
     margin-bottom: 10px;
 }

 .section-head p {
     font-size: 16px;
     line-height: 1.6;
     color: #555;
     margin: 0;
 }

 .sliders-wrapper {
     display: flex;
     flex-direction: column;
     gap: 25px;
 }

 .slider-group label {
     display: block;
     margin-bottom: 10px;
     font-weight: 500;
     color: #555;
 }

 .input-wrapper {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 input[type="number"] {
     width: 100px;
     padding: 8px;
     border: 1px solid #ced4da;
     border-radius: 6px;
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     color: #27ae60;
 }

 input[type="range"] {
     flex-grow: 1;
     -webkit-appearance: none;
     appearance: none;
     height: 8px;
     background: #e9ecef;
     border-radius: 5px;
     outline: none;
 }

 input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 22px;
     height: 22px;
     background: #d6d7de;
     border-radius: 50%;
     cursor: pointer;
 }

 input[type="range"]::-moz-range-thumb {
     width: 22px;
     height: 22px;
     background: #27ae60;
     border-radius: 50%;
     cursor: pointer;
     border: none;
 }

 .charts-grid {
     display: grid;
     grid-template-columns: 70% 1fr;
     gap: 40px;
     align-items: center;
 }

 .main-chart-container {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .chart-wrapper {
     position: relative;
     width: 100%;
 }

 .chart-wrapper-top {
     height: 200px;
 }

 .chart-wrapper-middle {
     height: 140px;
 }

 .chart-wrapper-bottom {
     height: 140px;
 }

 .circular-charts-container {
     display: flex;
     flex-direction: column;
     gap: 30px;
     align-items: center;
     justify-content: center;
 }

 .progress-item {
     text-align: center;
 }

 .progress-item__title {
     margin-top: 15px;
     font-weight: 500;
     color: #555;
 }

 .progress-container {
     position: relative;
     width: 178px;
     height: 178px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .progress-circle {
     transform: rotate(-90deg);
 }

 .progress-bg,
 .progress {
     fill: none;
     stroke-width: 8;
 }

 .progress-bg {
     stroke: #F0F2F2;
 }

 .progress {
     stroke: #93ff7c;
     stroke-linecap: round;
     stroke-dasharray: 314;
     stroke-dashoffset: 314;
     transition: stroke-dashoffset 0.3s ease-out;
 }

 .progress-text {
     position: absolute;
     font-size: 26px;
     font-weight: 600;
     color: #223035;
 }


 .summary-text {
     text-align: center;
     font-size: 19px;
     line-height: 1.6;
     font-weight: 500;
     color: #001010;
     background-color: #93ff7c;
     padding: 25px 20px;
     border-radius: 20px;
     margin-top: 50px;
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
 }

 .summary-text strong {
     color: #001010;
     font-weight: 700;
 }

 @media (max-width: 768px) {
     .summary-text {
         font-size: 18px;
         padding: 20px;
     }
 }


 @media (max-width: 992px) {

     .calculator-header,
     .charts-grid {
         grid-template-columns: 1fr;
     }

     .charts-grid {
         gap: 50px;
     }

     .circular-charts-container {
         flex-direction: row;
         justify-content: space-around;
     }

     .summary-text {
         text-align: center;
     }
 }



 .sliders-wrapper {
     position: relative;
     top: 60px;
 }

 @media (max-width: 576px) {
     .section-head .section-head__title {
         font-size: 28px;
     }


     .sliders-wrapper {
         top: 0px;
     }

     .circular-charts-container {
         flex-direction: column;
     }
 }


 /* Styl dla tytułów mobilnych */
 .mobile-chart-title {
     display: none;
     /* Domyślnie ukryty na desktopie */
     font-size: 14px;
     font-weight: 600;
     color: #34495e;
     text-align: center;
     margin-bottom: 10px;
 }

 /* Zmiany dla urządzeń mobilnych (poniżej 1000px) */
 @media (max-width: 999px) {
     .charts-grid {
         grid-template-columns: 1fr;
     }

     /* --- POCZĄTEK ZMIAN --- */

     /* Ukrywamy oryginalne etykiety osi Y na canvasie */
     .main-chart-container canvas {
         /* Przesuwamy canvas w lewo, aby schować oś */
         position: relative;
         left: -170px;
         /* Ustawiamy szerokość na większą, aby wypełnić przestrzeń po przesunięciu */
         width: calc(100% + 170px) !important;
     }

     /* Ograniczamy widoczny obszar, aby ukryć to, co wyszło poza kontener */
     .chart-wrapper {
         overflow: hidden;
     }

     /* --- KONIEC ZMIAN --- */

     .chart-wrapper-top,
     .chart-wrapper-middle,
     .chart-wrapper-bottom {
         height: 150px;
         min-height: auto;
     }

     .chart-wrapper-top {
         height: 200px;
     }

     .mobile-chart-title {
         display: block;
         /* Pokazujemy tytuły na mobile */
     }

     .summary-text {
         padding-left: 0;
         text-align: center;
     }
 }

 :root {
     --bx-primary-color: #93ff7d;
     --bx-secondary-color: #011;
     --bx-title-color: #011;
     --bx-white-color: #ffffff;
     --bx-paragraph-color: #555;
 }

 .section-gap {
     padding-top: 120px;
     padding-bottom: 120px;
 }

 .section-gap2 {
     padding-top: 40px !important;
     padding-bottom: 120px;
 }

 .background-image {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .container,
 .bx-container {
     max-width: 1320px;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 .row {
     display: flex;
     flex-wrap: wrap;
     margin-left: -15px;
     margin-right: -15px;
 }

 .justify-content-center {
     justify-content: center;
 }

 .col-12 {
     position: relative;
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
 }

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

 .bx-section-head__label {
     display: inline-block;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     border-radius: 6px;
     margin-bottom: 16px;
     background: #f6f6f6;
     color: var(--bx-title-color);
 }

 .bx-section-head__title {
     font-size: 42px;
     font-weight: 600;
     line-height: 1.3;
     color: var(--bx-title-color);
     margin: 0;
 }

 .bx-section-head__text {
     font-size: 18px;
     line-height: 1.6;
     color: var(--bx-paragraph-color);
     margin: 0;
 }

 .bx-section-head__btn {
     margin-top: 20px;
 }


 .bx-blog .bx-section-head {
     align-items: flex-end;
 }

 .bx-blog .bx-section-head__info.two {
     max-width: 700px;
 }

 .bx-blog__wrapper {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     margin-top: 40px;
 }

 .bx-blog__card {
     background: var(--bx-white-color);
     transition: all 0.3s ease;
 }

 .bx-blog__cover {
     overflow: hidden;
     position: relative;
 }

 .bx-blog__cover img {
     width: 100%;
     transition: transform 0.3s ease;
 }

 .bx-blog__card:hover .bx-blog__cover img {
     transform: scale(1.04);
 }

 .bx-blog__content {
     padding: 30px;
     /* border: 1px solid #e9ecef; */
     border-top: none;
 }

 .bx-blog__meta {
     display: flex;
     align-items: center;
     gap: 18px;
     margin-bottom: 20px;
 }

 .bx-blog__meta .category {
     padding: 8px 16px;
     border-radius: 57px;
     font-size: 14px;
     font-weight: 500;
     line-height: 1;
     color: var(--bx-title-color);
     display: inline-block;
     border: 1px solid rgba(34, 48, 53, 0.25);
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .bx-blog__meta .category:hover {
     background: var(--bx-primary-color);
     border-color: var(--bx-primary-color);
 }

 .bx-blog__meta .date {
     color: #555;
     font-size: 14px;
     font-weight: 500;
     line-height: 1;
 }

 .bx-blog__content .title {
     margin-bottom: 16px;
     font-size: 22px;
     font-weight: 600;
     line-height: 1.4;
 }

 .bx-blog__content .title a {
     color: var(--bx-title-color);
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .bx-blog__content .title a:hover {
     color: var(--bx-primary-color);
 }

 .bx-blog__content .text {
     font-size: 16px;
     font-weight: 400;
     line-height: 1.6;
     color: var(--bx-paragraph-color);
 }

 @media (max-width: 1199px) {
     .bx-blog__wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .bx-section-head {
         flex-direction: column;
         align-items: flex-start;
         gap: 20px;
     }
 }

 @media (max-width: 767px) {
     .section-gap {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .bx-section-head__title {
         font-size: 32px;
     }

     .bx-blog__wrapper {
         grid-template-columns: 1fr;
     }
 }



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

 /* --- Style dla sekcji Blog --- */
 .bx-blog {
     position: relative;
     overflow: hidden;
 }

 .bx-blog .bx-section-head {
     align-items: flex-end;
     gap: 30px;
     position: relative;
     z-index: 2;
     /* Nagłówek nad tłem */
 }

 .bx-blog .bx-section-head__label {
     display: inline-block;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     border-radius: 6px;
     margin-bottom: 16px;
     background-color: rgba(255, 255, 255, 0.1);
     color: var(--bx-title-color);
     border: 1px solid rgba(0, 0, 0, 0.05);
 }

 .bx-blog .bx-section-head__title {
     font-size: 50px;
     font-weight: 700;
     line-height: 1.3;
     color: var(--bx-title-color);
     margin: 0;
     letter-spacing: -1.5px;
 }

 /* --- Dekoracyjne tło --- */
 .bx-section-head__info.two {
     position: absolute;
     top: -65px;
     right: 0px;
     width: 700px;
     height: 650px;
     z-index: 1;
     background-image: url('spoldzielnia-oze/bacground-3.png');
     background-size: cover;
     background-position: left;
     border-radius: 12px;
     opacity: 0.9;
 }

 .bx-section-head__info.two::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 12px;
 }

 /* --- Karty bloga (nad tłem) --- */
 .bx-blog__wrapper {
     position: relative;
     z-index: 2;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     margin-top: 50px;
 }

 .bx-blog__card {
     background: var(--bx-white-color);
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .bx-blog__card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .bx-blog__cover {
     overflow: hidden;
 }

 .bx-blog__cover img {
     width: 100%;
     display: block;
     transition: transform 0.4s ease;
 }

 .bx-blog__card:hover .bx-blog__cover img {
     transform: scale(1.05);
 }

 .bx-blog__content {
     padding: 25px 30px 30px;
 }

 .bx-blog__meta {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 15px;
 }

 .bx-blog__meta .category {
     padding: 6px 14px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: 500;
     color: var(--bx-title-color);
     border: 1px solid #eee;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .bx-blog__meta .category:hover {
     background-color: var(--bx-primary-color);
     border-color: var(--bx-primary-color);
 }

 .bx-blog__meta .date {
     color: #888;
     font-size: 12px;
     font-weight: 500;
 }

 .bx-blog__content .title {
     margin: 0 0 15px 0;
     font-size: 20px;
     font-weight: 600;
     line-height: 1.4;
 }

 .bx-blog__content .title a {
     color: var(--bx-title-color);
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .bx-blog__content .title a:hover {
     color: var(--bx-primary-color);
 }

 .bx-blog__content .text {
     font-size: 16px;
     line-height: 1.6;
     color: var(--bx-paragraph-color);
     margin: 0;
 }


 /* --- Responsywność --- */
 @media (max-width: 992px) {
     .bx-blog__wrapper {
         grid-template-columns: 1fr;
     }

     .bx-section-head__info.two {
         display: none;
         /* Ukrycie tła na mniejszych ekranach */
     }

     .bx-blog .d-flex-between {
         flex-direction: column;
         align-items: flex-start;
         text-align: center;
         width: 100%;
     }
 }

 @media (max-width: 768px) {
     .section-gap {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .bx-section-head__title {
         font-size: 32px;
     }
 }

 .z-index2 {
     position: relative;
     z-index: 2;
 }

 .container,
 .bx-container {
     width: 100%;
     max-width: 1320px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
 }

 .row {
     display: flex;
     flex-wrap: wrap;
     margin-left: -15px;
     margin-right: -15px;
 }

 .justify-content-center {
     justify-content: center;
 }

 .col-lg-7,
 .col-lg-6,
 .col-12 {
     position: relative;
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
 }

 @media (min-width: 992px) {
     .col-lg-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .col-lg-7 {
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }
 }

 .text-center {
     text-align: center;
 }

 .bx-section-head__label {
     display: inline-block;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     color: #60726C;
     background-color: #F9F3EB;
     border-radius: 6px;
     margin-bottom: 16px;
 }

 .bx-section-head__title {
     font-size: 48px;
     font-weight: 600;
     line-height: 1.3;
     color: #223035;
     margin-bottom: 16px;
 }

 .bx-section-head__text {
     font-size: 18px;
     line-height: 1.6;
     color: #60726C;
     max-width: 600px;
     margin: 0 auto;
 }

 .bx-work-process {
     overflow: hidden;
     position: relative;
 }

 .bx-work-process__wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 116px;
     padding-left: 85px;
     margin-top: 60px;
 }

 .w-process-card {
     position: relative;
 }

 .w-process-card.card-1 {
     margin-top: 150px;
 }

 .w-process-card.card-2 {
     margin-top: 75px;
 }

 .w-process-card.card-3 {
     margin-top: 0;
 }

 .w-process-card.process-icon::before {
     position: absolute;
     content: "";
     background-image: url('spoldzielnia-oze/process-line.svg');
     width: 312px;
     height: 70px;
     background-size: contain;
     background-repeat: no-repeat;
     right: -75px;
     background-position: center;
     top: -35px;
     z-index: -1;
 }

 .w-process-card .process-number {
     width: 90px;
     height: 90px;
     line-height: 90px;
     border: 1px solid rgba(34, 48, 53, 0.2);
     border-radius: 100%;
     text-align: center;
     font-size: 26px;
     font-weight: 600;
     color: #223035;
     transition: all 0.3s ease;
     background-color: #fff;
 }

 .w-process-card:hover .process-number {
     background: #93ff7c;
     color: #fff;
     border-color: #93ff7c;
 }

 .w-process-card .process-content {
     margin-top: 32px;
 }

 .w-process-card .process-content .title {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.2;
     margin-bottom: 16px;
     color: #223035;
 }

 .w-process-card .process-content .text {
     font-size: 18px;
     font-weight: 400;
     line-height: 1.6;
     letter-spacing: -0.36px;
     color: #60726C;
 }

 .bx-work-process__shape {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: -1;
     pointer-events: none;
 }

 .bx-work-process__arrow {
     position: absolute;
     left: 0;
     top: 250px;
     z-index: -2;
 }

 .bx-work-process__shape .shape-1 {
     position: absolute;
     right: 115px;
     top: 140px;
 }

 @media (max-width: 1199px) {
     .bx-work-process__wrapper {
         grid-template-columns: repeat(1, 1fr);
         padding-left: 0;
         gap: 60px;
         margin-top: 60px;
         max-width: 450px;
         margin-left: auto;
         margin-right: auto;
     }

     .w-process-card.card-1,
     .w-process-card.card-2,
     .w-process-card.card-3 {
         margin-top: 0;
         display: flex;
         align-items: center;
         gap: 30px;
     }

     .w-process-card.process-icon::before {
         display: none;
     }

     .bx-work-process__arrow,
     .bx-work-process__shape {
         display: none;
     }

     .w-process-card .process-content {
         margin-top: 0;
         text-align: left;
     }
 }

 @media (max-width: 767px) {
     .section-gap {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .bx-section-head__title {
         font-size: 32px;
     }

     .w-process-card {
         flex-direction: column;
         text-align: center;
     }

     .w-process-card .process-content {
         margin-top: 20px;
     }
 }

 .image-interlude {
     padding: 0 0 80px 0;
 }

 .image-interlude .container {
     margin: 0 auto;
     padding: 0 15px;
 }

 .image-showcase {
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
 }

 .image-showcase img {
     display: block;
     width: 100%;
     height: auto;
 }

 @media (max-width: 768px) {
     .image-interlude {
         padding: 40px 0;
     }
 }

 .block-style-twentyTwo h4 {
     padding: 36px 0 1px 0 !important;
 }

 .bg-default-2222 {
     background-color: #f6f6f6;
 }

 .accordion {
     background-color: #f8f6f6 !important;
 }

 :root {
     --tp-common-white: #ffffff;
     --tp-border-1: #E8ECF2;
 }

 .tp-custom-accordio .accordion-items {
     margin-bottom: 20px;
 }

 .tp-custom-accordio .accordion-buttons {
     position: relative;
     width: 100%;
     text-align: left;
     font-size: 16px;
     font-weight: 500;
     padding: 40px 45px;
     background-color: var(--tp-common-white);
     color: #212121;
     border-radius: 10px 10px 0 0;
 }

 @media (max-width: 767px) {
     .tp-custom-accordio .accordion-buttons {
         font-size: 17px;
         padding: 28px 20px;
     }
 }

 .tp-custom-accordio .accordion-buttons::after {
     position: absolute;
     content: "Zwiń";
     background-image: none;
     top: 45px;
     right: 45px;
     color: #101010;

     width: auto;
     height: auto;
     font-weight: 500;
     font-size: 14px;
 }

 @media (max-width: 767px) {
     .tp-custom-accordio .accordion-buttons::after {
         top: 33px;
         right: 18px;
     }
 }

 .tp-custom-accordio .accordion-buttons.collapsed::after {
     content: "Rozwiń";
     color: #93ff7c;
 }

 .tp-custom-accordio .collapsed {
     border-radius: 10px 10px 10px 10px;
 }

 .tp-custom-accordio .accordion-body {
     background-color: var(--tp-common-white);
     padding: 20px 45px;
     box-shadow: 0px 25px 32px 0px rgba(0, 0, 0, 0.06);
     position: relative;
     z-index: 1;
     border-radius: 0 0px 10px 10px;
     font-size: 16px;
 }

 @media (max-width: 767px) {
     .tp-custom-accordio .accordion-body {
         padding: 20px 25px;
     }
 }

 .tp-custom-accordio .accordion-body::before {
     position: absolute;
     content: "";
     height: 2px;
     background-color: #F5F5F5;
     top: 0;
     left: 45px;
     right: 45px;
 }

 .faq-accordio-border .accordion-items {
     background-color: var(--tp-common-white);
     border: 1px solid #F5F5F5;
     border-radius: 10px;
 }

 .tp-subtitle {
     font-size: 18px;
     font-weight: 500;
     color: #8A90A2;
     margin-bottom: 20px;
 }

 .tp-subtitle::before {
     height: 12px;
     width: 12px;
     background-color: var(--tp-theme-primary);
     content: "";
     display: inline-block;
     border-radius: 50%;
     margin-right: 10px;
 }

 a,
 button {
     color: inherit;
     outline: none;
     border: none;
     background: transparent;
 }

 button:hover {
     cursor: pointer;
 }

 .accordion {
     background: #fff;
     width: 100%;
     border: 0px solid #e0e0e0;
 }

 .sd-accordio-area {
     padding-top: 100px;
     padding-bottom: 100px;
 }

 @media (max-width: 992px) {
     .sd-accordio-area {
         padding-top: 30px;
         padding-bottom: 50px;
     }
 }

 .container,
 .bx-container {
     max-width: 1320px;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 .m-0 {
     margin: 0 !important;
 }

 .row {
     display: flex;
     flex-wrap: wrap;
     margin-left: -15px;
     margin-right: -15px;
 }

 .col-lg-6,
 .col-12 {
     position: relative;
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
 }

 @media (min-width: 992px) {
     .col-lg-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }
 }

 .justify-content-center {
     justify-content: center;
 }

 .bx-btn {
     justify-content: center;
     gap: 10px;

     background-color: var(--bx-primary-color);
     color: var(--bx-title-color);
     text-decoration: none;
     font-weight: 600;
     border: none;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .bx-btn:hover {
     background-color: var(--bx-title-color);
     color: var(--bx-white-color);
 }

 .bx-section-head__label {
     display: inline-block;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     border-radius: 6px;
     margin-bottom: 16px;
     background-color: #f0f0f0;
     color: var(--bx-title-color);
 }

 .bx-section-head__title {
     font-size: 50px;
     font-weight: 700;
     line-height: 1.3;
     letter-spacing: -1.5px;
     color: var(--bx-title-color);
 }

 /* --- Style dla sekcji Kontakt --- */
 .bx-contact .bx-section-head__text {
     color: var(--bx-paragraph-color);
     font-size: 20px;
     font-weight: 400;
     line-height: 34px;
     letter-spacing: -0.4px;
     margin-top: 24px;
 }

 .bx-contact__inner {
     display: flex;
     align-items: center;
     gap: 136px;
 }

 .bx-contact__content {
     max-width: 696px;
     margin-top: -150px;
 }

 .bx-contact__main {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     padding-top: 30px;
     margin-top: 30px;
 }

 .bx-contact__info {
     margin-bottom: 32px;
 }

 .bx-contact__info:last-child {
     margin: 0;
 }

 .bx-contact__info .title {
     font-size: 26px;
     font-weight: 400;
     line-height: 120%;
     color: var(--bx-paragraph-color);
     display: block;
     margin-bottom: 22px;
 }

 .bx-contact__info .info-list li {
     display: inline-block;
     margin-right: 24px;
     padding-right: 24px;
     position: relative;
     color: var(--bx-title-color);
     font-size: 18px;
     font-weight: 400;
     line-height: 30px;
     letter-spacing: -0.36px;
 }

 .bx-contact__info .info-list li a {
     color: var(--bx-title-color);
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .bx-contact__info .info-list li a:hover {
     color: var(--bx-primary-color);
 }

 .bx-contact__info .info-list li::before {
     position: absolute;
     content: "";
     width: 1px;
     height: 14px;
     background: rgba(0, 0, 0, 0.15);
     right: 0;
     top: 8px;
 }

 .bx-contact__info .info-list li:last-child {
     padding: 0;
     margin: 0;
 }

 .bx-contact__info .info-list li:last-child::before {
     display: none;
 }

 .bx-contact__widget {
     width: 100%;
     border-radius: 8px;
     background: #f0f0f0;
     padding: 75px;
 }

 .bx-contact__widget h3 {
     font-size: 40px;
     font-weight: 500;
     line-height: 1.2;
     letter-spacing: -0.4px;
     margin: 0;
     color: var(--bx-title-color);
 }

 .bx-contact__form {
     margin-top: 48px;
 }

 .bx-contact__form .form-group {
     margin-bottom: 24px;
 }

 .bx-contact__form .form-group input,
 .bx-contact__form .form-group textarea,
 .bx-contact__form .form-group select {
     width: 100%;
     height: 52px;
     padding: 10px 15px;
     border: 1px solid rgba(34, 48, 53, 0.17);
     background-color: transparent;
     color: var(--bx-title-color);
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     border-radius: 8px;
     transition: border-color 0.3s ease;
 }

 .bx-contact__form .form-group input:focus,
 .bx-contact__form .form-group textarea:focus,
 .bx-contact__form .form-group select:focus {
     border-color: var(--bx-primary-color);
     outline: none;
 }

 .bx-contact__form .form-group textarea {
     height: 180px;
     padding-top: 15px;
     resize: vertical;
 }

 .bx-contact__form .form-group select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23223035'%3E%3Cpath d='M6 9.5L.5 4h11L6 9.5z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 15px center;
     background-size: 12px;
 }

 /* --- Style responsywne --- */
 @media only screen and (max-width: 1199px) {
     .bx-contact__inner {
         flex-direction: column;
         gap: 60px;
     }

     .bx-contact__content {
         max-width: 100%;
     }

     .bx-contact__widget {
         padding: 50px;
     }
 }

 @media only screen and (max-width: 767px) {
     .bx-contact__inner {
         gap: 40px;
     }

     .bx-contact__widget {
         padding: 30px;
     }

     .bx-contact__widget h3 {
         font-size: 28px;
     }

     .bx-contact__form {
         margin-top: 30px;
     }

     .bx-contact__info .title {
         font-size: 22px;
         margin-bottom: 15px;
     }

     .bx-contact__info .info-list li {
         display: block;
         margin-right: 0;
         padding-right: 0;
     }

     .bx-contact__info .info-list li::before {
         display: none;
     }

     .bx-contact__form .row>div {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .bx-why-img img {
         max-width: 100%;
         height: auto;
         display: block;
         margin-left: 0px;
     }


     .bx-why-choose__widget .bx-section-head__text {
         color: var(--bx-title-color);
         margin-top: 0px;
     }


     .bx-section-head__title {
         font-size: 30px;
         font-weight: 700;
         line-height: 1.3;
         letter-spacing: -1.5px;
         color: var(--bx-title-color);
     }

     .bx-blog .bx-section-head__title {
         font-size: 30px;
         font-weight: 700;
         line-height: 1.3;
         letter-spacing: -1.5px;
         color: var(--bx-title-color);
     }

     .bx-section-head {
         text-align: left !important;
     }

 }

 @media (max-width: 999px) {
     .summary-text {
         padding-left: 0;
         text-align: center;
         padding: 20px 20px;
     }
 }


 @media only screen and (max-width: 767px) {
     .bx-about__big-title {
         font-size: 30px;
         font-weight: 700;
         line-height: 1.3;
         letter-spacing: -1.5px;
         color: var(--bx-title-color);
         margin-top: 0px;
         text-align: left;
     }
 }

 .naglowek {
     text-align: center;
     margin-bottom: 60px;
 }

 @media (max-width: 767px) {
     .section-gap {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .naglowek {
         text-align: center;
         margin-bottom: 60px;
         margin-top: 60px;
     }

 }

 .background-image2 {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 @media only screen and (max-width: 767px) {
     .bx-video__bg {
         height: 295px;
     }

     .background-image2 {
         background-size: cover;
         background-position: 0px -110px;
         background-repeat: no-repeat;
     }

     .bx-contact__content {
         max-width: 696px;
         margin-top: 0px;
     }

     .image-interlude {
         padding: 0px 0px 40px 0px;
     }

 }


 /* --- Responsywność --- */
 @media only screen and (max-width: 1199px) {
     .bx-work-process__wrapper {
         padding-left: 0;
         gap: 40px;
         grid-template-columns: repeat(2, 1fr);
     }

     .w-process-card.card-1,
     .w-process-card.card-2,
     .w-process-card.card-3 {
         margin-top: 0;
     }

     .bx-work-process__arrow,
     .w-process-card.process-icon::before {
         display: none;
     }
 }

 @media only screen and (max-width: 767px) {
     .section-gap {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .bx-section-head__title {
         font-size: 32px;
     }

     .bx-work-process__wrapper {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .w-process-card {
         display: flex;
         gap: 20px;
         align-items: center;
         text-align: left;
     }

     .w-process-card .process-number {
         flex-shrink: 0;
     }

     .w-process-card .process-content {
         margin-top: 0;
     }

     .bx-work-process__shape {
         display: none;
     }
 }

 @media only screen and (max-width: 767px) {
     .w-process-card .process-content .title {
         font-size: 18px;
         margin-bottom: 10px;
     }
 }

 @media only screen and (max-width: 767px) {
     .w-process-card .process-number {
         width: 70px;
         height: 70px;
         line-height: 70px;
         font-size: 20px;
     }
 }

 @media only screen and (max-width: 767px) {
     .w-process-card .process-content .text {
         font-size: 15px;
         line-height: 24px;
     }
 }


 @media only screen and (max-width: 767px) {
     .w-process-card .process-content {
         margin-top: 20px;
     }
 }

 @media only screen and (max-width: 767px) {
     .w-process-card {
         text-align: center;
     }

     .process-content {
         text-align: center !important
     }
 }


 @media (max-width: 1199px) {
     .bx-work-process__wrapper {
         margin-top: 30px;
     }
 }


 .w-process-card:hover .process-number {
     background: #93ff7c;
     color: #fff;
     border-color: #93ff7c;
 }

 .w-process-card .process-number img {
     width: 40px;
     height: 40px;
     transition: filter 0.3s ease;
 }

 .w-process-card:hover .process-number img {
     filter: brightness(0) invert(1);
 }

 @media only screen and (max-width: 767px) {
     .w-process-card .process-number img {
         width: 40px;
         height: 40px;
         transition: filter 0.3s ease;
     }
 }


 .form-output {
     position: fixed;
     bottom: 20px;
     left: 20px;
     z-index: 9999;
     background: #333;
     color: #fff;
     padding: 15px 20px;
     border-radius: 6px;
     font-size: 16px;
 }

 .form-output.success {
     background: #2ecc71;
 }

 .form-output.error {
     background: #e74c3c;
 }

 .form-wrap {
     position: relative;
     margin-bottom: 15px;
 }

 .form-wrap.has-error .form-input {
     border-color: #e74c3c;
 }

 .form-wrap.has-error .form-label,
 .form-wrap.has-error .form-validation {
     color: #e74c3c;
     opacity: 1;
 }

 .form-validation {
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 12px;
     color: transparent;
     opacity: 0;
     transition: 0.3s;
 }


 


/* --- Główny kontener cytatu --- */
.blog-2025-quote-2025 {
    background-color: #f6f6f6; /* Jasne tło, często używane w Twoim CSS */
    border-left: 5px solid var(--bx-primary-color); /* Akcent kolorystyczny z lewej strony */
    padding: 40px 45px;
    margin: 40px 0; /* Margines dla odstępu od innych elementów */
    position: relative;
    border-radius: 8px;
}

/* --- Wewnętrzny kontener na treść cytatu --- */
.blog-2025-quote-2025__content {
    position: relative;
    z-index: 2; /* Upewnia się, że treść jest nad ewentualnymi pseudo-elementami */
}

/* --- Ikona cudzysłowu --- */
.quote-2025-icon {
    margin-bottom: 20px; /* Odstęp między ikoną a tekstem */
}

.quote-2025-icon img {
    max-width: 45px; /* Maksymalna szerokość ikony */
    height: auto;
    opacity: 0.8;
}

/* --- Tekst cytatu (tytuł) --- */
.blog-2025-quote-2025 .title {
    font-family: var(--bx-inter-font);
    font-size: 22px; /* Rozmiar czcionki dla czytelności */
    font-weight: 500;
    line-height: 1.6; /* Interlinia dla lepszego wyglądu tekstu */
    color: var(--bx-title-color);
    margin: 0; /* Usunięcie domyślnego marginesu nagłówka */
    font-style: italic; /* Dodanie kursywy dla podkreślenia, że to cytat */
}


/*
==============================================
  Wersja mobilna (responsywność)
==============================================
*/
@media only screen and (max-width: 767px) {

    /* --- Główny kontener cytatu na mobile --- */
    .blog-2025-quote-2025 {
        padding: 30px 25px; /* Mniejszy padding na mniejszych ekranach */
    }
    
    /* --- Ikona cudzysłowu na mobile --- */
    .quote-2025-icon img {
        max-width: 35px; /* Lekko mniejsza ikona */
    }

    /* --- Tekst cytatu na mobile --- */
    .blog-2025-quote-2025 .title {
        font-size: 18px; /* Mniejsza czcionka dla lepszego dopasowania */
        line-height: 1.5;
    }
}


.content-wrapper {
                background-color: #f0f2f5;
                border-radius: 20px;
                padding: 60px;
                margin-top: 40px;

                position: relative;
                width: calc(100% + 100px);
                left: -50px;
            }

            .indented-paragraph {
                max-width: 1100px;
                font-size: 18px;
                line-height: 1.7;
            }

            .info-tiles-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 30px;
            }

            .info-tile {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                background-color: #ffffff;
                padding: 40px 20px;
                border: 1px solid #e9ecef;
                border-radius: 12px;
                transition: transform 0.3s ease, border-color 0.3s ease;
            }

            .info-tile:hover {
                transform: translateY(-5px);
                border-color: #93ff7c;
            }

            .info-tile img {
                width: 120px;
                height: 120px;
                margin-bottom: 25px;
            }

            .info-tile h4 {
                font-size: 22px;
                font-weight: 600;
                color: #2c3e50;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .info-tile p {
                font-size: 16px;
                color: #555;
                line-height: 1.6;
                margin: 0;
            }

            /* --- Responsywność --- */
            @media (max-width: 992px) {
                .info-tiles-grid {
                    grid-template-columns: 1fr;
                    gap: 20px;
                }

                .content-wrapper {
                    width: 100%;
                    /* Na mobile wracamy do 100% szerokości */
                    left: 0;
                    padding: 40px 20px;
                }
            }