@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.1.1769619084
Updated: 2026-01-28 17:51:24

*/

.hero_h1{
	  background: linear-gradient(#F1532C, #F1532C, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.gradient_img{
	background: radial-gradient(circle at center,
    rgba(241, 83, 44, 0.35) 0%,
    rgba(241, 83, 44, 0.15) 25%,
    rgba(241, 83, 44, 0.1) 45%,
    #010101 70%
  );
}
/* 1. Kontener główny - powiększony padding dla wystających elementów */
.opinie-slider {
    width: 100%;
    padding: 80px 20px !important; 
    overflow: hidden !important; /* Ważne dla płynnej pętli */
    position: relative;
}

/* 2. Logika równej wysokości */
.opinie-slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
}

.opinie-slider .swiper-slide {
    height: auto !important;
    display: flex !important;
}

/* 3. Karta opinii */
.card-opinia {
    background-color: #0A0E10;
    border: 1px solid rgba(241, 83, 44, 0.4);
    padding: 50px 35px;
    border-radius: 12px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    /* Dodatkowy margines, żeby cudzysłowy miały miejsce obok siebie w rzędzie */
    margin: 10px 0; 
}

/* 4. Tekst i Autor */
.tresc-opinii {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 25px;
    font-style: italic;
    font-weight: 300;
}
/* 5. GRUBE CUDZYSŁOWY (EFEKT 50/50 - NOWA CZCIONKA) */
.quote-icon {
    position: absolute;
    /* Georgia lub Times mają te ładne, okrągłe "łezki" */
    font-family: "Arimo", serif; 
    font-size: 180px; /* Zwiększony, by nadać im masę */
    font-weight: 900; 
    color: #F1532C;
    line-height: 1;
    /* Kluczowe dla wyświetlania NAD opinią */
    z-index: 9999 !important; 
    opacity: 1;
    pointer-events: none;
    /* Zbliżenie dwóch przecinków do siebie */
    letter-spacing: -12px; 
}

.quote-icon.top {
    /* Pozycjonowanie 50/50 - połowa wystaje poza górną ramkę */
    top: -50px; 
    left: 20px;
}

.card-opinia {
    overflow: visible !important; 
    z-index: 1; 
}
.autor-opinii {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(90deg, #F1532C 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Hover efekt dla kafelka */
.card-opinia:hover {
    border-color: #F1532C;
    box-shadow: 0 0 25px rgba(241, 83, 44, 0.25);
}

	/* Główny kontener slidera */
	.realizacje-homepage-slider {
		overflow: hidden !important;
		position: relative;
		padding-bottom: 50px; 
		
	}

	/* Twoja klasa dla kontenera przechowującego slajdy */
	.swiper-wrapper-homepage {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		transition-property: transform !important; /* Ważne dla płynności ruchu */
	}

	/* Twoja klasa dla pojedynczego slajdu */
	.swiper-slide-homepage {
		flex-shrink: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}



	.realizacje-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		display: inline-block;
		border-radius: 50%;
		background: #000; 
		opacity: 0.2;
		margin: 0 6px;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.realizacje-pagination .swiper-pagination-bullet-active {
		opacity: 1;
		background: #111;
		transform: scale(1.3);
	}
	/**************************** Skalowanie do duzych ekranów ****************************/

@media (min-width: 3000px) {
  /* Astra podstawowe kontenery */
  .ast-container,
  .site-content .ast-container,
  .site-header .ast-container,
  .site-footer .ast-container,
  .ast-builder-grid-row,
  .ast-builder-layout-element,
  .ast-footer-copyright,
  .ast-footer-widgets,
  .ast-col-sm-12,
  /* Header / Navigation (Astra Header Builder) */
  .main-header-bar .ast-container,
  .main-navigation,
  .site-navigation,
  .ast-primary-header-bar,
  .ast-builder-menu,
  /* Elementor containers & stretched sections */
  .elementor-section > .elementor-container,
  .elementor-section.elementor-section-stretched > .elementor-container,
  .elementor-section.elementor-section-full_width > .elementor-container,
  .elementor-section .elementor-container,
  .elementor .elementor-inner,
  .elementor-widget-wrap,
  /* WooCommerce / other wide wrappers */
  .woocommerce .woocommerce-notices-wrapper,
  /* safety: site root wrappers */
  .site, 
  .site-main {
    max-width: 2600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Dodatkowo: jeśli Astra w header/stopce wyrównuje elementy do krawędzi
     wymuśmy padding wewnętrzny, by kontener robił centrowanie */
  header.site-header,
  footer.site-footer,
  .ast-header-break-point,
  .ast-footer {
    box-sizing: border-box;
  }

  /* Elementy, które wcześniej mogły być "stretched" - ograniczamy ich szerokość */
  .elementor-section.elementor-section-stretched,
  .elementor-section.elementor-section-full_width {
    overflow: visible;
  }
}


	</style>