.elementor-133 .elementor-element.elementor-element-9e4a2bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:65px;--padding-bottom:65px;--padding-left:25px;--padding-right:25px;}.elementor-133 .elementor-element.elementor-element-445d98c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#89C5E836;--border-color:#89C5E836;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-9e4a2bf *//* 1. Główny kontener z płynniejszym gradientem na dole */
.footer-main-con {
position: relative;
overflow: hidden;
background-color: #1577af !important;

/* Czysty kod bez komentarzy w środku + wymuszenie !important */
background-image:
linear-gradient(to top, rgba(248, 250, 252, 1) 0%, rgba(248, 250, 252, 0.95) 15%, rgba(248, 250, 252, 0.75) 40%, rgba(248, 250, 252, 0.4) 65%, rgba(248, 250, 252, 0.1) 85%, rgba(248, 250, 252, 0) 100%),
radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.12) 1px, transparent 0) !important;

background-size: 0% 150px, 30px 30px !important;
background-position: bottom left, top left !important;
background-repeat: no-repeat, repeat !important;
}

/* 2. Jasnoniebieska, rozmyta poświata w prawym górnym rogu */
.footer-main-con::before {
content: "";
position: absolute;
top: -150px;
right: -150px;
width: 400px;
height: 400px;
background-color: #4fb4ee;
border-radius: 50%;
filter: blur(80px);
opacity: 0.3;
pointer-events: none;
z-index: 0;
}

/* 3. Subtelna, biała poświata z lewej strony */
.footer-main-con::after {
content: "";
position: absolute;
top: 150px;
left: -100px;
width: 300px;
height: 300px;
background-color: #ffffff;
border-radius: 50%;
filter: blur(80px);
opacity: 0.1;
pointer-events: none;
z-index: 0;
}

/* 4. Bezpieczeństwo warstw (Z-index) */
.footer-main-con > * {
position: relative;
z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-445d98c *//* 1. Główny kontener z płynniejszym gradientem na dole */
.footer-main-con-2 {
position: relative;
overflow: hidden;
background-color: #1577af !important;

/* Czysty kod bez komentarzy w środku + wymuszenie !important */
background-image:
linear-gradient(to top, rgba(248, 250, 252, 1) 0%, rgba(248, 250, 252, 0.95) 15%, rgba(248, 250, 252, 0.75) 40%, rgba(248, 250, 252, 0.4) 65%, rgba(248, 250, 252, 0.1) 85%, rgba(248, 250, 252, 0) 100%);

background-size: 0% 50px, 20px 20px !important;
background-position: bottom left, top left !important;
background-repeat: no-repeat, repeat !important;
}

/* 2. Jasnoniebieska, rozmyta poświata w prawym górnym rogu */
.footer-main-con-2::before {
content: "";
position: absolute;
top: -150px;
right: -150px;
width: 400px;
height: 400px;
background-color: #4fb4ee;
border-radius: 50%;
filter: blur(80px);
opacity: 0.3;
pointer-events: none;
z-index: 0;
}

/* 3. Subtelna, biała poświata z lewej strony */
.footer-main-con-2::after {
content: "";
position: absolute;
top: 150px;
left: -100px;
width: 300px;
height: 300px;
background-color: #ffffff;
border-radius: 50%;
filter: blur(80px);
opacity: 0.1;
pointer-events: none;
z-index: 0;
}

/* 4. Bezpieczeństwo warstw (Z-index) */
.footer-main-con-2 > * {
position: relative;
z-index: 1;
}/* End custom CSS */