/*
Theme Name: Qi Child
Theme URI: https://qodeinteractive.com/qi-theme
Template: qi
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Description: Qi theme is the latest free offering developed by Qode Interactive, winners of multiple awards and accolades in the fields of web design and development and one of bestselling WordPress theme creators. We approached Qi the same way we do when we develop premium themes - this means that the theme features comprehensive modules for your portfolio, shop, blog, a beautiful selection of contemporary premade inner page templates great for a wide array of purposes, and all the options and functionalities you may ever need to set up a professional website the easy way. Qi theme features 100 beautifully designed starter sites for all types of modern websites. Alongside stunningly designed websites for all types of businesses including spa, beauty salon, medical, SaaS, marketing, gym, and dentist websites, just to name a few, Qi also has a huge collection of sites great for personal uses. Do you wish to create a new CV or a resume, or perhaps you are a restaurant owner, a videographer or an SEO expert? Or maybe you’re just looking for a captivating yet simple way to announce your wedding? Whatever it might be, Qi has you covered! Top all this off with the authentic design style that Qode Interactive collective is known for, and you get a true creative powerhouse that’s fast, reliable and comes with virtually limitless customization options!
Tags: food-and-drink,e-commerce,portfolio,grid-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,featured-images,custom-logo,custom-menu,footer-widgets,post-formats,full-width-template,sticky-post,threaded-comments,translation-ready,editor-style
Version: 1.3.1769114150
Updated: 2026-01-22 21:35:50

*/

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/fonnts.com-aeonik_black-webfont.woff2') format('woff2'),
         url('fonnts.com-aeonik_black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/fonnts.com-aeonik_bold-webfont.woff2') format('woff2'),
         url('fonts/fonnts.com-aeonik_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/fonnts.com-aeonik_light-webfont.woff2') format('woff2'),
         url('fonts/fonnts.com-aeonik_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/fonnts.com-aeonik_regular-webfont.woff2') format('woff2'),
         url('fonts/fonnts.com-aeonik_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-Medium.woff2') format('woff2'),
         url('fonts/Aeonik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/*------ Fades: Directional ------*/

/* FadeInDown */
@keyframes kgFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0); /* Less movement than default */
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInDown {
    animation-name: kgFadeInDown !important; /* Ensure this takes precedence */
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* FadeInLeft */
@keyframes kgFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInLeft {
    animation-name: kgFadeInLeft !important;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* FadeInRight */
@keyframes kgFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInRight {
    animation-name: kgFadeInRight !important;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}


/* FadeInUp */
@keyframes kgFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 25px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInUp {
    animation-name: kgFadeInUp !important;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.itmfox-sign {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	transition: color .2s ease-out !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 14px
}

.itmfox-sign strong {
	transition: color .2s ease-out !important;
	font-family: 'Manrope', sans-serif !important
}

.itmfox-sign:hover {
	transition: color .2s ease-out !important;
	color: #f4f4f4 !important
}

.itmfox-sign:hover strong {
	color: #63AE24 !important;
	transition: color .2s ease-out !important
}


.home-kto .qodef-parallax-img-holder {
	top: -40%
}

.home-kto .qodef-parallax-img,
.home-dolacz .qodef-parallax-img {
	object-fit: cover;
	width: 100% !important
}

.home-kto.idea .qodef-parallax-img {
	object-position: left bottom
}

.contain-bg .qodef-parallax-img {
	object-fit: contain !important
}

.home-dolacz .qodef-parallax-img-holder{
	width: 135%
}

.qodef-qi-animated-text h1,
.qodef-qi-animated-text h2,
.qodef-qi-animated-text h3,
.qodef-qi-animated-text h4,
.qodef-qi-animated-text h5,
.qodef-qi-animated-text h6 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.media-grid-links .custom-img-link {
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.media-grid-links .custom-read-more-btn {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.elementor.elementor .e-con>.elementor-widget.media-grid-links  .premium-gallery-container {
	margin-left: -10px;
	margin-right: -10px;
	width: auto !important;
	max-width: none
}

.person-carousel-description .person-custom-desc {
	margin-top: 10px;
	white-space: normal; 
	line-height: 1.52941em;
	color: #6C6C6C
}

.person-carousel-description .qodef-e-main-image,
.person-carousel-description .qodef-e-title {
	cursor: default;
	pointer-events: none; 
}

.video-with-overlay .elementor-custom-embed-image-overlay:after {
	content:'';
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	position: absolute;
	background-color: rgba(0,0,0,0.25);
	z-index: 1
}

.video-with-overlay .elementor-custom-embed-play {
	z-index: 2
}

.video-with-overlay .elementor-custom-embed-play svg {
	opacity: 1
}

.video-with-overlay .elementor-custom-embed-play svg:hover {
	transform: scale(1.1)
}

.custom-testimonials-slider .qodef-e-content {
	background-color: #F3F3F3;
	border-radius: 16px;
	padding: 40px;
	display: flex;
	flex-direction: column-reverse
}

.custom-testimonials-slider .qodef-item-layout--standard .qodef-e-text {
	margin-bottom: 0
}

.custom-testimonials-slider .qodef-e-content .qodef-e-text:after {
    content: "";
    display: block;
    width: 119px;
    height: 19px;
    margin-top: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg width="119" height="19" viewBox="0 0 119 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 0L11.6329 6.56434H18.535L12.9511 10.6213L15.084 17.1857L9.5 13.1287L3.91604 17.1857L6.04892 10.6213L0.464963 6.56434H7.36712L9.5 0Z" fill="%23FFCC65"/><path d="M59.5 0L61.6329 6.56434H68.535L62.9511 10.6213L65.084 17.1857L59.5 13.1287L53.916 17.1857L56.0489 10.6213L50.465 6.56434H57.3671L59.5 0Z" fill="%23FFCC65"/><path d="M34.5 0L36.6329 6.56434H43.535L37.9511 10.6213L40.084 17.1857L34.5 13.1287L28.916 17.1857L31.0489 10.6213L25.465 6.56434H32.3671L34.5 0Z" fill="%23FFCC65"/><path d="M84.5 0L86.6329 6.56434H93.535L87.9511 10.6213L90.084 17.1857L84.5 13.1287L78.916 17.1857L81.0489 10.6213L75.465 6.56434H82.3671L84.5 0Z" fill="%23FFCC65"/><path d="M109.5 0L111.633 6.56434H118.535L112.951 10.6213L115.084 17.1857L109.5 13.1287L103.916 17.1857L106.049 10.6213L100.465 6.56434H107.367L109.5 0Z" fill="%23FFCC65"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.pricing-toggle-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-family: sans-serif;
}

.label {
	font-weight: 600;
	font-size: 1.2rem;
	color: #000;
}

.seg-toggle {
  display: flex;
  justify-content: center; /* Gwarantuje, że pigułka jest na samym środku */
  align-items: center;
  width: 100%;
  position: relative; /* Baza dla absolutnego pozycjonowania labeli */
  font-family: sans-serif;
  min-height: 30px; /* Utrzymuje wysokość równą wysokości pigułki */
}

/* Kontenery boczne pozycjonowane absolutnie */
.seg-side {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* Idealne wyśrodkowanie w pionie */
  display: flex;
  align-items: center;
}

/* Lewy napis: odsuwamy jego prawą krawędź od środka */
/* 50% to środek ekranu. 50px to połowa szerokości pigułki + 10px odstępu = 60px */
.side-left {
  right: calc(50% + 40px); 
}

/* Prawy napis: odsuwamy jego lewą krawędź od środka */
.side-right {
  left: calc(50% + 40px);
}

/* Napisy */
.seg-option {
  background: none;
  border: none;
  font-family: 'Aeonik';
  cursor: pointer;
  color: #000;
  padding: 10px 0;
  transition: color 0.3s ease;
  white-space: nowrap;
}

.seg-option h4 {
 	 margin-top: 0;
  	margin-bottom: 0;
  	font-weight: 500;
	font-size: 1.2em
}

.seg-option.is-active {
  color: #000;
}

/* Pigułka (100x50px) */
.seg-track {
  position: relative;
  width: 60px;  
  height: 30px; 
  background: #333;
  border-radius: 30px; 
  flex-shrink: 0;
  cursor: pointer;
  z-index: 1; /* Upewniamy się, że zawsze jest klikalna na wierzchu */
}

/* Okrągły suwak */
.seg-indicator {
  position: absolute;
  top: 5px; 
  left: 5px;
  width: 20px; 
  height: 20px;
  background: #d1d1d1;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

/* Animacja przesunięcia kółka */
.seg-toggle.is-month .seg-indicator {
  transform: translateX(30px);
}

#qodef-page-footer-bottom-area-inner .textwidget {
	font-size: 0.85em
}

#qodef-page-footer-bottom-area-inner p {
	margin: 0 !important
}


#qodef-page-footer-bottom-area-inner .qodef-grid-inner {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    gap: 30px;
    position: relative;
}


#qodef-page-footer-bottom-area-inner .qodef-grid-item {
    flex: 0 1 auto;
}

/* 1. Ukrywamy oryginalną strzałkę SVG wewnątrz widgetu */
.widget_qode_essential_addons_button .qodef-theme-button .qodef-theme-button-icon {
    display: none !important;
}

/* 2. Formatujemy tekst przycisku, aby pomieścił nową ikonę obok siebie */
.widget_qode_essential_addons_button .qodef-theme-button .qodef-m-text {
    display: inline-flex;
    align-items: center;
    gap: 15px; /* Odstęp między tekstem a nową strzałką */
}

/* 3. Wstawiamy Twój nowy SVG jako pseudo-element :after */
.widget_qode_essential_addons_button .qodef-theme-button .qodef-m-text::after {
    content: "";
    display: inline-block;
    width: 15px;  /* Oryginalna szerokość z viewBox */
    height: 15px; /* Oryginalna wysokość z viewBox */
    
    /* Zakodowany SVG (stroke="blue") */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M32.8,12.7l-10.7,12M32.8,12.7L22.1.8M32.8,12.7h-13.9M11.4,12.7C7.9,12.7.8,10.4.8.7' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform 0.3s ease-out;
}

/* 4. Opcjonalna animacja - strzałka lekko drga/przesuwa się po najechaniu na przycisk */
.widget_qode_essential_addons_button .qodef-theme-button:hover .qodef-m-text::after {
    transform: translateX(4px);
}

#qodef-page-header .qodef-header-sticky .qodef-header-logo-link {
	height: 40px
}

.home #qodef-page-mobile-header {
	background-color: transparent
}

.qodef-fullscreen-menu-opener {
	background-color: #0000FF;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.qodef-fullscreen-menu-opener svg {
	width: 20px
}

.qodef-mobile-header-opener:focus {
	outline: none
}

.bg-with-paralax .qodef-parallax-row-holder {
	z-index: -1
}

.premium-gallery-cats-container,
.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation {
    display: flex !important;
    flex-wrap: nowrap;          /* Blokuje zawijanie do nowej linii */
    overflow-x: auto;           /* Włącza przewijanie poziome */
    -webkit-overflow-scrolling: touch; /* Płynne przewijanie na iOS */
    white-space: nowrap;        /* Dodatkowe zabezpieczenie dla tekstu */
    padding-bottom: 10px;       /* Miejsce na ewentualny pasek przewijania */
    scrollbar-width: none;      /* Ukrywa pasek przewijania na Firefox */
}

.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation {
	flex-direction: row
}

/* Ukrywanie paska przewijania dla Chrome, Safari i Edge */
.premium-gallery-cats-container::-webkit-scrollbar {
    display: none;
}

.premium-gallery-cats-container li {
    flex: 0 0 auto;             /* Zapobiega kurczeniu się elementów */
    list-style: none;
}

.home #qodef-fullscreen-area {
	background-color: #000
}

.home #qodef-fullscreen-area .qodef-fullscreen-menu-close svg {
	fill: #fff
}

#qodef-fullscreen-area .qodef-fullscreen-menu-close {
	top: 25px;
	right: 30px
}

.home .qodef-fullscreen-menu ul li a {
	color: #fff
}

.home .logo-black-white {
	fill: #ffffff
}

.home .qodef-header-sticky .qodef-header-navigation> ul > li > a {
	color: #fff
}

body:not(.home) header {
  /* Ustawienia tła */
  background-image: url("data:image/svg+xml,%3Csvg width='1727' height='566' viewBox='0 0 1727 566' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M568.008 566H0V387.989H568.008C595.884 387.989 623.254 380.25 646.907 365.444L1154.26 49.6344C1206.47 17.1617 1266.44 0 1327.94 0H1727V178.011H1327.94C1300.06 178.011 1272.7 185.75 1249.04 200.557L741.688 516.366C689.482 548.838 629.505 566 568.008 566Z' fill='%23ECECEC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom left; /* Wyrównanie do lewej i do dołu */
  background-size: 100% auto; /* Lub 'cover', zależnie od tego jak bardzo ma wypełniać tło */
}

.premium-image-scroll-container .premium-image-scroll-horizontal img {
    max-width: none !important;
    height: 100%;
    width: auto !important;
}

#qodef-page-header .qodef-header-logo-link.qodef-source--svg-path svg,
.qodef-mobile-header-logo-link svg {
	width: auto;
	height: 100%;
	fill: unset;
    stroke: unset;
}

.qodef-fullscreen-menu-opener svg.qodef--initial {
	stroke: #fff
}

.qodef-fullscreen-menu ul li a {
	padding: 10px 0
}

.qodef-qi-swiper-container .swiper-button-next, .qodef-qi-swiper-container .swiper-button-prev, .qodef-qi-swiper-container~.qodef-swiper-together-nav .swiper-button-next, .qodef-qi-swiper-container~.qodef-swiper-together-nav .swiper-button-prev, .qodef-qi-swiper-container~.swiper-button-next, .qodef-qi-swiper-container~.swiper-button-prev {
	border-radius: 50px
}

.bg-blur {
	backdrop-filter: blur(5px);
}

.home-misja .qodef-parallax-img {
	top: 60% 
}

strong {
	font-weight: 700 !important
}

.mt-auto {
	margin-top: auto !important
}

body:not(.qodef-content-behind-header) #qodef-page-outer {
	margin-top: 0 !important
}

#qodef-page-outer {
	min-height: calc(100vh - 190px)
}

.course-select,
.course-select-month {
    width: 100%;
    border-radius: 100px;
    border: solid 1px #d1d1d1;
    color: #333333;
    background-color: #fff;
}

.course-select option,
.course-select-month option {
	color: #333333; 
}

.logo-slider .swiper-slide {
	display: flex;
	justify-content: center
}

.logo-slider .swiper-slide .swiper-slide-inner {
	max-width: 120px;
	width: 100%;
	opacity: 0.5;
	transition: all 1s cubic-bezier(0.25, 1, 0.5, 1)
}

.logo-slider .swiper-slide .swiper-slide-inner:hover {
	opacity: 1;
	transition: all 1s cubic-bezier(0.25, 1, 0.5, 1)
}

.pum-container.custom-position {
	top: 60px !important;
	max-height: calc(100vh - 120px);
	min-height: 500px;
	overflow-y: scroll
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="search"], .wpcf7 input[type="date"], .wpcf7 textarea, .wpcf7 select {
	margin-bottom: 0
}

.gdpr-info {
	font-size: 0.85em;
	line-height: 1.2em;
	padding-top: 1em
}

/* 1. Ukrywamy stary nagłówek i pusty kontener na dole */
#order_review_heading,
form.checkout > #order_review {
    display: none !important;
}

#customer_details {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	column-gap:4%
}

.woocommerce-page div.woocommerce .col2-set {
	margin: 0 !important;
}

.woocommerce-page div.woocommerce .col2-set .col-1 {
	padding: 0 !important
}

/* LEWA KOLUMNA (Billing) */
#customer_details .col-1,
#customer_details .col-2 {
	flex: 0 1 50%; /* Szerokość ok. 58% */
	max-width: 50%;
	width: 50% !important;
	float: none !important; /* Wyłączamy floaty */
}

/* PRAWA KOLUMNA (Shipping + Review + Payment) */
#customer_details .col-2 {
	flex: 0 0 50%; /* Szerokość ok. 38% */
	max-width: 50%;
	width: 50% !important;
	float: none !important;
	display: block !important; 
	opacity: 1 !important;
	height: auto !important;
	background: #fff;
	padding: 3%;
	border: 1px solid #e5e5e5;
}

.woocommerce-shipping-fields__field-wrapper {
    display: block; /* Domyślny stan */
}

.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}

.form-row-wide {
    grid-column: span 2;
}

.woocommerce-page div.woocommerce .shop_table td, .woocommerce-page div.woocommerce .shop_table th {
    padding: 15px 0 15px 5px;
}

.shop_table.woocommerce-checkout-review-order-table .product-name {
	display: flex;
	align-items: center
}

.optional {
	display: none !important
}

#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading {
	font-size: 1.75em
}

.qi-notes-container h3 {
	margin-top: 0
}

.spis-tresci li {
	color: #000;
	line-height: 1.6em
}

.person-btn-wrapper, 
.person-btn-wrapper a {
	min-height: 20px
}

.person-btn-wrapper {
	margin-top: 1.5em
}

.person-btn-wrapper a {
	text-decoration: underline;
	text-underline-offset: 5px;
}

#qodef-woo-page.qodef--checkout {
	margin-top: -30px
}

.tubapay-checkout-select .input-radio {
	position: relative !important;
	top: 0 !important
}

li.wc_payment_method label {
	align-items: center !important;
	gap: 10px
}

.amount {
	white-space: nowrap !important
}

#qodef-woo-page.qodef--checkout .wc_payment_methods li {
	padding-right: 0 !important
}

#qodef-woo-page.qodef--checkout .wc_payment_method > .input-radio {
	display: block !important;
	top: 25px 
}

#billing_faktura_field {
	margin-bottom: 14px
}

#qodef-page-header .qodef-menu-item-text {
	background: transparent !important
}

abbr[title] {
    text-decoration: none;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.place-order input {
	position: absolute !important;
	left: 0
}

.place-order .form-row {
	position: relative
}

.place-order label {
	padding-left: 25px
}

#digital_content_consent_field .requided {
	display: none
}

.person-carousel-description .qodef-e-title span {
    display: inline-block;
    color: #fff;
    font-size: 0.85rem;
    line-height: 1rem;
    font-weight: 500;
    background-color: #0000FF;
    padding: 5px 10px;
    margin-top: 5px;
}

#billing_nazwa_firmy_field {
	display: none !important
}

.cky-btn {
	border-radius: 50px !important;
	font-weight: 400 !important
}

.cky-consent-container .cky-consent-bar,
.cky-preference-center {
	border-radius: 0 !important
}

.cky-title,
.cky-preference-header .cky-preference-title,
.cky-accordion-header .cky-accordion-btn,
.cky-accordion-header .cky-always-active {
	font-weight: 500 !important
}

.cky-notice-des,
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {
	line-height: 1.5em
}

#billing_nip_field .input-text {
	margin-bottom: 0 !important
}

#billing_nip_field a.open_gus {
	width: 100%;
	text-align: center;
	color: #ffffff;
    font-family: "Aeonik";
    font-size: 15px;
    line-height: 22px;
    font-style: normal;
    font-weight: 400;
    background: rgb(0, 0, 255) !important;
    border-color: rgb(0, 0, 255);
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    padding: 14px 42px;
}

#billing_nip_field.form-row-wide {
	margin-bottom: 10px
}

#qodef-woo-page.qodef--checkout .wc_payment_methods label {
	line-height: 2em
}

label img {
	float: right !important
}

label[for*=payment_method_tubapay2] {
	width: 100%;
	justify-content: space-between
}

#place_order {
	width: 100% !important
}

.payment_box.payment_method_stripe_googlepay,
.payment_box.payment_method_stripe_applepay {
	display: none !important
}

@media only screen and (min-width: 1700px) {
    body.qodef-content-grid-1300 div[data-element_type=container].qodef-elementor-content-grid,
	.qodef-content-grid-1300 .qodef-content-grid {
        width: 1600px;
        max-width: 1600px;
    }
	
	body.qodef-content-grid-1300 div[data-element_type=container].qodef-elementor-content-grid.qodef-extended-grid--right {
        padding-left: calc((100% - 1600px) / 2);
    }
}

@media only screen and (max-width: 1400px) {

	.qodef-header-navigation> ul > li > a, #qodef-page-header .widget_qode_essential_addons_icon_svg .qodef-m-text {
		font-size: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 1024px) {
	.bg-with-paralax .qodef-parallax-row-holder {
		display: none
	}
	
	.no-bg-lg {
		background-color: transparent !important
	}
	
	#customer_details {
        display: block
    }
	
    #customer_details .col-1,
    #customer_details .col-2 {
        width: 100% !important;
        max-width: 100%;
    }
	
	#customer_details .col-2 {
		padding: 20px
	}
	
	.form-row-first, 
	.form-row-last {
		grid-column: span 2;
	}
	
	

}

@media screen and (max-width: 767px) {
    #qodef-page-footer-bottom-area-inner .qodef-grid-inner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 15px; 
    }

    #qodef-page-footer-bottom-area-inner .qodef-grid-item {
        width: 100%;
        display: flex;
        justify-content: center;
    }
	
	body .elementor-custom-embed-play svg {
		width: 50px;
		height: 50px
	}
	
	/* Mniejszy odstęp od napisów */
    .side-left {
        padding-right: 15px;
    }
    .side-right {
        padding-left: 15px;
    }

    /* Mniejsza czcionka */
    .seg-option {
        font-size: 16px;
    }

    /* Pigułka o połowę mniejsza (70x35px zamiast 140x70px) */
    .seg-track {
        width: 70px;
        height: 35px;
        border-radius: 35px;
    }

    /* Suwak o połowę mniejszy (25px zamiast 50px) i mniejszy padding (5px) */
    .seg-indicator {
        top: 5px;
        left: 5px;
        width: 25px;
        height: 25px;
    }

    /* Nowa wartość przesunięcia: 
       70px (track) - 25px (kółko) - 10px (lewy+prawy padding) = 35px */
    .seg-toggle.is-year .seg-indicator {
        transform: translateX(35px);
    }
	
	.custom-testimonials-slider .qodef-e-content {
		padding: 20px
	}
	

	/* Lewy napis: odsuwamy jego prawą krawędź od środka */
	/* 50% to środek ekranu. 50px to połowa szerokości pigułki + 10px odstępu = 60px */
	.side-left {
	  right: calc(50% + 25px); 
	}

	/* Prawy napis: odsuwamy jego lewą krawędź od środka */
	.side-right {
	  left: calc(50% + 25px);
	}

	.seg-option h4 {
		font-size: 1em
	}

	.seg-option.is-active {
	  color: #000;
	}

	/* Pigułka (100x50px) */
	.seg-track {
	  width: 60px;  
	  height: 30px; 
	  border-radius: 30px; 
	}

	/* Okrągły suwak */
	.seg-indicator {
	  position: absolute;
	  top: 3px; 
	  left: 3px;
	  width: 24px; 
	  height: 24px;
	}
	
	/* Animacja przesunięcia kółka */
	.seg-toggle.is-year .seg-indicator {
	  transform: translateX(30px);
	}
}

@media screen and (max-width: 480px) {
	body:not(.home) header {
		background-position: bottom left -100px;
		background-size: 800px auto;
	}
}