.elementor-4749 .elementor-element.elementor-element-e01a047{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:65px;--padding-bottom:65px;--padding-left:25px;--padding-right:25px;}.elementor-4749 .elementor-element.elementor-element-c2638f1{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-34e04c8 );--border-color:var( --e-global-color-34e04c8 );--border-radius:45px 45px 45px 45px;--padding-top:65px;--padding-bottom:65px;--padding-left:65px;--padding-right:65px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4749 .elementor-element.elementor-element-fc4413d{background-color:#E3F0F8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;padding:6px 12px 6px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#AACDE242;border-radius:5rem 5rem 5rem 5rem;}.elementor-4749 .elementor-element.elementor-element-fc4413d.elementor-element{--align-self:center;}.elementor-4749 .elementor-element.elementor-element-fc4413d .elementor-heading-title{font-family:"Para", Sans-serif;font-size:0.7rem;font-weight:600;text-transform:uppercase;line-height:1.6em;letter-spacing:0.7px;color:#0E5D8A;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4749 .elementor-element.elementor-element-e674716{--grid-columns:3;--grid-row-gap:20px;--load-more-spinner-color:var( --e-global-color-primary );--auto-scroll-offset:0px;--grid-column-gap:20px;}@media(max-width:1024px){.elementor-4749 .elementor-element.elementor-element-e674716{--grid-columns:2;}}@media(max-width:767px){.elementor-4749 .elementor-element.elementor-element-e674716{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-c2638f1 *//* 1. Główny kontener z płynniejszym gradientem na dole */
.hero-main-con {
position: relative;
overflow: hidden;
background-color: #2B9ADA2B !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) 30%, rgba(248, 250, 252, 0.4) 85%, rgba(248, 250, 252, 0.1) 95%, rgba(248, 250, 252, 0) 90%),
radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.58) 1px, transparent 0) !important;

background-size: 100% 650px, 40px 40px !important;
background-position: bottom left, top left !important;
background-repeat: no-repeat, repeat !important;
   box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.03), 0 8px 5px -10px rgba(0, 0, 0, 0.1);
}

/* 2. Jasnoniebieska, rozmyta poświata w prawym górnym rogu */
.hero-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 */
.hero-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) */
.hero-main-con > * {
position: relative;
z-index: 1;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e674716 *//* =========================================================
   STYLOWANIE PAGINACJI (Wzór NeuroExpert - Subtelny i Profesjonalny)
   ========================================================= */

/* 1. Główny kontener paginacji */
.elementor-pagination {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px !important; /* Delikatne odstępy między elementami zamiast zbijania ich w jeden blok */
    margin-top: 48px !important;
    padding: 0 !important;
}

/* 2. Pojedynczy element (link, bieżąca strona, wyłączone strzałki) */
.elementor-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 38px; /* Subtelniejszy, nieco mniejszy rozmiar bazowy */
    height: 38px;
    padding: 0 12px;
    margin: 0 !important;
    
    background-color: transparent !important; /* Brak tła domyślnie, dla "czystszego" wyglądu */
    color: #64748b !important; /* Ciemnoszary (slate-500) */
    border: 1px solid transparent !important; /* Niewidoczna ramka, by element nie "skakał" po hoverze */
    border-radius: 8px !important; /* Zaokrąglone rogi dla każdego przycisku z osobna */
    
    font-family: 'Para', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important; /* Lżejsza, mniej krzycząca grubość fontu */
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Bardziej płynna animacja */
    
    box-sizing: border-box !important;
}

/* 3. Efekt Hover dla klikalnych linków */
a.page-numbers:hover {
    background-color: #f8fafc !important; /* Bardzo jasne, perłowe tło (slate-50) */
    border-color: #e2e8f0 !important; /* Delikatnie zarysowana ramka pojawia się po najechaniu */
    color: #0f172a !important; /* Ciemniejszy tekst dla lepszego kontrastu */
    transform: translateY(-1px); /* Subtelne, eleganckie uniesienie przycisku */
}

/* 4. Aktywna strona (bieżąca) */
.elementor-pagination .page-numbers.current {
    background-color: #1577af !important; /* Główny firmowy niebieski */
    color: #ffffff !important;
    border-color: #1577af !important;
    font-weight: 600 !important; /* Aktywna cyfra odrobinę pogrubiona */
    box-shadow: 0 4px 12px rgba(21, 119, 175, 0.25) !important; /* Miękki, "świecący" cień w kolorze przycisku */
    transform: translateY(-1px); /* Podtrzymanie uniesienia dla aktywnego */
}

/* 5. Wyłączone przyciski (np. span "Poprzednia" na 1. stronie) */
span.page-numbers:not(.current) {
    color: #cbd5e1 !important; /* Bardzo jasny szary (slate-300), wygląda na wyblakły/nieaktywny */
    cursor: not-allowed !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* 6. Wyróżnienie strzałek słownych ("Poprzedni", "Następny") */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-weight: 600 !important;
    padding: 0 16px !important;
}

/* 7. Ukrycie słowa "Strona" (screen-reader text), które psuje domyślny układ Elementora */
.elementor-pagination .page-numbers .elementor-screen-only {
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Para';
	font-display: auto;
	src: url('https://noomedica.pl/wp-content/uploads/2026/05/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */