@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Unbounded:wght@200..900&display=swap');

/*
font-family: "Alexandria", sans-serif;
font-family: "Unbounded", sans-serif;
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*{
	box-sizing: border-box;
}
html,
body{
	overflow-x: hidden !important;
}
html {
	scroll-behavior: auto;
}
p, h1, h2, h3, h4, h5, h6{
	cursor: default !important;
}
p, h1, h2, h3, h4, h5, h6, a{
	margin-block-end: 0 !important;
	margin-block-start: 0 !important;
}
/* inne */
.elementor-icon-wrapper{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	border-image-width: 0 !important;
}
.elementor-icon{
	border-image-width: 0 !important;
}
em{
    font-style: italic !important;
}
.gradient-text {
    background: linear-gradient(135deg, #111E61 0%, #4E51D1 90%, #55C8FD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.gradient-text-half{
    background: linear-gradient(180deg, rgba(70, 90, 243, 0.1) 0%,  #0E0A0F00 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.nowrap-text{
    white-space: nowrap !important;
}
@media (max-width:768px){
    .nowrap-text{
        white-space: wrap !important;
    }
}
button, a{
    color: inherit !important;
    font-weight: 400 !important;
}
.btn-color-text{
    color: #FFF !important;
}
.btn-color-pink{
    color: #F1D2FC !important;
    background-color: transparent !important;
}
.btn-color-pink .elementor-button-text{
    color: #F1D2FC !important;
}
.btn-color-pink .elementor-button-icon svg{
    font-size: 24px !important;
}
.btn-grow{
    transition: 200ms;
}
.btn-grow:hover{
    transform: scale(1.1);
}
.btn-calosc {
    position: relative;
    padding: 13px 26px;
    font-size: 16px;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    background-image: linear-gradient(135deg, #111E61 0%, #4E51D1 90%, #55C8FD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
/* Gradientowy border */
.btn-calosc::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    padding: 1px; /* grubość ramki */
    background: linear-gradient(135deg, #111E61 0%, #4E51D1 90%, #55C8FD 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}



/* HEADER */
.header-pomoc{
    color: #4B6BED !important;
}
.pc-header .elementor-nav-menu a{
    color: #111E61 !important;
}
.pc-header .elementor-nav-menu a:after{
    background-color: #4B6BED !important;
}
.pc-header{
    transition: 0.2s !important;
}
.pc-header.shrink{
  min-height: 60px;
  height: 60px;
}
.pc-header .menu-item a{
    transition: 0.2s !important;
}
@media (max-width:1025px){
    .pc-header.shrink{
        min-height: 60px;
        height: 60px;
    }
    .pc-header .elementor-widget-theme-site-logo img{
        transition: 0.2s !important;
    }
}

/* migająca stopka w logo */
.logo-dot img {
    animation: logoBlink 1s steps(1, end) infinite;
}

@keyframes logoBlink {
    0%, 60% { opacity: 1; }
    61%, 100% { opacity: 0; }
}




/* INTRO */
.triple-gradient{
    background: linear-gradient(135deg, #38D276, #06D0C8, #1C7DD9);;
}


/* kroki */
.krok-item{
    padding: 1px;
    background: linear-gradient(200deg, #38D276, #06D0C8, #1C7DD9);
    transition: 200ms;
}
.krok-item:hover{
    transform: scale(1.05);
}

.krok-item-inner{
    background: linear-gradient(150deg, #f2fbff, #f2fbff) !important;
    z-index: 10 !important;
    overflow: hidden !important;
}
.krok-item.active .krok-item-inner{
    background: linear-gradient(150deg, #d4f2fc, #cff4f5) !important;
}
.krok-item .btn-krok {
    position: relative;
    padding: 13px 26px;
    font-size: 16px;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    background-image: linear-gradient(135deg, #111E61 0%, #4E51D1 80%, #55C8FD 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;

}
/* Gradientowy border */
.krok-item .btn-krok::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    padding: 1px; /* grubość ramki */
    background: linear-gradient(135deg, #111E61 0%, #4E51D1 70%, #55C8FD 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.krok-item.active .btn-krok {
    position: relative;
    padding: 13px 26px;
    font-size: 16px;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    background-image: linear-gradient(135deg, #FFF 0%, #FFF 70%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
/* Gradientowy border */
.krok-item.active .btn-krok::before {
    background: linear-gradient(90deg, #fff 0%, #fff 30%, #159FD2 100%);
}
.krok-item.active .btn-krok svg path{
    stroke: #FFF !important;
}

.krok-item .btn-krok::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    background: transparent; /* domyślnie brak tła */
    z-index: -1; /* tło pod tekstem */
}
.krok-item.active .btn-krok::after {
    background: linear-gradient(230deg, #38D276 0%, #06D0C8 50%, #1C7DD9 100%);
}
.krok-item .elementor-image-box-wrapper{
    display: flex !important;
    flex-direction: row !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 10px;
}


.opinie-item{
    padding: 1px;
    background: linear-gradient(200deg, #38D276, #06D0C8, #1C7DD9);
}
.opinie-item-inner{
    background: linear-gradient(150deg, #c4effb, #99e8ec) !important;
    z-index: 10 !important;
    overflow: hidden !important;
}
.dzialanie-item{
    padding: 1px;
    background: linear-gradient(200deg, #38D276, #06D0C8, #1C7DD9);
}
.dzialanie-item-inner{
    background: linear-gradient(150deg, #d4f2fc, #cff4f5) !important;
    z-index: 10 !important;
    overflow: hidden !important;
}
.dzialanie-item,
.opinie-item{
    padding: 1px;
    background: linear-gradient(200deg, #38D276, #06D0C8, #1C7DD9);
    transition: 200ms;
}
.dzialanie-item:hover,
.opinie-item:hover{
    transform: scale(1.05);
}


/* AKORDEON */
.akordeon .e-n-accordion-item-title-text{
    background: linear-gradient(170deg, #111E61 0%, #4E51D1 98%, #55C8FD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.akordeon .e-n-accordion-item {
    position: relative;
    border-radius: 12px;
    overflow: visible;
    background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

    cursor: pointer !important;
}
/* gradientowy border */
.akordeon .e-n-accordion-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(200deg, #38D276, #06D0C8, #1C7DD9);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

}
.akordeon .e-n-accordion-item.active,
.akordeon .e-n-accordion-item:hover {
    background: linear-gradient(150deg, rgba(37, 184, 251, 0.2), rgba(13, 209, 191, 0.2));
}
.e-n-accordion-inner {
    display: block !important;
    overflow: hidden !important;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease !important;
}
.e-n-accordion-item.active .e-n-accordion-inner {
    max-height: 1000px;
    opacity: 1;
}
.e-n-accordion-item {
    transition: background 0.3s ease;
}

/* karuzela */
.partnerzy {
    position: relative;
    overflow: hidden;
}
.partnerzy .swiper-wrapper{
    transition-timing-function: linear !important;
    max-height: 68px !important;
    height: auto !important;
}
.partnerzy .swiper-slide-inner{
    height: 100% !important;
}
.partnerzy .swiper-slide-inner img{
    height: 100% !important;
    object-fit: contain;
}
/* LEWY GRADIENT */
.partnerzy::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;      /* szerokość fade'a – możesz zmienić */
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgba(242,251,255,1) 0%, rgba(242,251,255,0) 100%);
    z-index: 10;
}
/* PRAWY GRADIENT */
.partnerzy::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to left, rgba(242,251,255,1) 0%, rgba(242,251,255,0) 100%);
    z-index: 10;
}