/*
Theme Name: Los Gatos
*/

@font-face {
  font-family: 'gazpacho';
  src: url('fonts/gazpacho-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'gazpacho-700';
  src: url('fonts/gazpacho-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'gazpacho-900';
  src: url('fonts/gazpacho-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}



body {
	background-color:#f9f2e8;
	font-size:16px;
	line-height:26px;
	color:var(--black);
	font-family: "Poppins", sans-serif;
	font-weight:500;
	  transition: background-color 0.8s ease-in-out;
    /* FIX DLA IPHONE / SAFARI */
    will-change: background-color; 
    min-height: 100vh;
    /* Poniższe wymusza utworzenie nowej warstwy kompozycji, co naprawia błędy renderowania */

}

.cmbutton {
	border:1px solid #f99450!important
}

.fupi_buttons button {
		border:1px solid #f99450!important
}

#fupi_main_descr a{
	color:#f99450 !important
}

html.bg-slomkowy, body.bg-slomkowy {
  background-color: var(--slomkowy);
}

.animated {
  animation-duration: 1.2s; /* ← GLOBALNE spowolnienie */
}

:root {
	--black: #2A2727;
	--light-black: #946453;
	--pink: #f7bbba;
	--orange: #F99450;
	--barbie: #E96780;
	--winko: #59192C;
	--slomkowy: #FBC893;
	--czekoladka: #673A1C;
	--bialy: #F9F2E8;
	--puder: #F7BBBA;
	--fiolek: #ABBFFC;
	--green: #C2D5A7
}

.light-black {
	color:#2a272785;
}

.navbar {
	padding-top:50px;
	transition:.3s
}

.navbar.scrolled {
	padding-top:10px
}

.wow {
	visibility:hidden
}

.pl-pr {
	padding-left:100px;
	padding-right:100px
}

.navbar {
  background:none !important;
  transition:.3s
}

/* Dropdown "Oferta" */
.navbar .dropdown-oferta .dropdown-menu {
  background: transparent;
  min-width: 0;
  left: 50%;
  transform: translateX(-50%);
}


.oferta-panel {
  background: #d78788;
  border-radius: 10px;
  padding: 20px;
  width: 320px;
  margin: 0 auto;
  transform-origin: top center;
  transform: translateY(-10px) scale(0.98);
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
  z-index:99
}
.dropdown-oferta.show .oferta-panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.oferta-panel-inner { padding: 0px }

.oferta-heading {
  letter-spacing: .2px;
  text-align: center;
  color: #F9F2E8;
  font-weight: 700;
  font-size: 20px;
  margin: 0px;
  margin-top:8px
}

.dropdown-toggle::after {
  vertical-align: .155em;
}

.oferta-list { margin: 0; padding: 0; }

.submenu-oferta-class {
padding:0px 30px;
margin:0px;  
}

#menu-menu-rozwijane-oferta a {
    display: block;
  text-align: left;
  padding: 7px 0px;
  color: #F9F2E8;
  text-decoration: none;
  font-weight: 600;
  font-size:14px;
  line-height:20px
}

#menu-menu-rozwijane-oferta a:hover {
  color: #FBC893;
}

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 999;
    }

#menu-menu-rozwijane-oferta {
list-style: none;
    padding: 0px;
    margin: 0px;
}

#menu-menu-rozwijane-oferta .sub-menu {
list-style: initial;
    padding: 0px;
    margin: 0px;
    padding-left: 25px;
    color: #f9ebcf;
}

.oferta-item {
  display: block;
  text-align: left;
  padding: 8px 25px;
  color: #F9F2E8;
  text-decoration: none;
  font-weight: 600;
  font-size:14px;
  line-height:20px
}
.oferta-item:hover { text-decoration: underline; }

.oferta-divider {
  border: 0;
  height: 1px;
  width: 92%;
  background: rgba(255, 255, 255, .45);
  margin: 14px auto 10px;
}

.oferta-cta {
  display: block;
  text-align: center;
  color: #F9F2E8;
  font-weight: 600;
  font-size:14px;
  line-height:20px;
  padding-top:15px;
  padding-bottom:10px
}
.oferta-cta:hover { text-decoration: underline; }

@media (max-width: 991.98px) {
  .navbar .dropdown-oferta .dropdown-menu {
    position: static;
    transform: none;
  }
  .oferta-panel {
    width: 100%;
  }
}


.nav-logo {
	transition:.3s
}

.scrolled .nav-logo {
	max-width:110px;
}

.nav-link {
	border:2px solid var(--slomkowy);
	border-radius:25px;
	color:var(--czekoladka);
	font-size:16px;
	line-height:16px;
	font-weight:500;
	display:inline-block;
	padding:16px 40px !important;
	margin-left:12px;
	margin-right:12px;
	transition:.3s
}

.nav-link:hover {
	background-color:var(--orange);
	border:2px solid var(--orange);
	color:var(--bialy)
}

h1, h2, h3, h4, h5 {
	font-family: 'gazpacho-900', sans-serif;
	font-weight:900;
}

h1 {
	font-size:120px;
	line-height:120px
}

h2 {
	font-size:86px;
	line-height:86px
}

#home {
	position:relative
}

#home h1, #home h2 {
	text-align:center
}

#home.contact-page h1, #home.contact-page h2 {
	text-align:left
}

#home h2 {
	margin-top:20px
}

.home-second-row {
	margin-top:70px
}

.home-txt-left {
	font-weight:500
}

.hola-circle {
	width:300px;
	height:300px;
	background-color:#C4B0E3;
	color:var(--bialy);
	border-radius:300px;
	display:inline-block;
	text-align:center;
	padding-top:90px
}

.hola-circle img {
	width:200px
}

.home-txt-right {
	text-align:right;
	padding-right:50px
}

.star-1 {
	width:330px;
	position:absolute;
	bottom:-100px;
	right:calc(50% - 250px);
	  will-change: transform;
  transition: transform 0.05s linear;
}

.star-2 {
	width:350px;
	position:absolute;
	top:20px;
	right:0px;
	  will-change: transform;
  transition: transform 0.05s linear;
  z-index:-1
}

.star-2g {
	width:350px;
	position:absolute;
	top:190px;
	right:0px;
	  will-change: transform;
  transition: transform 0.05s linear;
  z-index:-1
}

.star-3 {
	width:350px;
	position:absolute;
	top:130px;
	right:0px;
	  will-change: transform;
  transition: transform 0.05s linear;
  z-index:-1
}

.shape-pink {
	position:absolute;
	bottom:50px;
	right:30px
}

.shape-pink-2 {
	position:absolute;
	top:280px;
	left:-50px;
	width:350px;
	z-index:-1
}

.shape-circle {
	position:absolute;
	top:-10px;
	left:calc(50% + 100px);
	width:380px;
	z-index:-1
}

.shape-circle-2 {
	position:absolute;
	bottom:-70px;
	left:-70px;
	width:380px;
	z-index:-1
}

.oferta-voucher-cta-box {
text-align:center;
padding-top:5px
}

.oferta-voucher-cta {
      color: #FBC893;
    display: inline-block;
    text-align: center;
    border-radius:50px;
    border:2px solid #FBC893;
    padding:8px 40px;
    font-size:15px;
    font-weight:500;
}

#home {
	padding-top:110px;
	padding-bottom:150px
}

#voucher {
	padding-top:110px;
	padding-bottom:150px
}

#voucher-boxes {
padding-top:10px;
padding-bottom:100px
}

#voucher-form {
  padding-bottom:120px
}

.voucher-title {
  padding-top:90px
}

.contact-subtitle-second {
  text-align:center;
  padding-left:300px;
  padding-right:300px
}

#voucher-form h3 {
  font-size:35px;
  font-family:'gazpacho-700', sans-serif
}

.pl-pr {
	padding-left:120px;
	padding-right:120px
}

#dlaczego-los-gatos .container{
	border-radius:35px;
	background-color:var(--pink);
	padding:150px 30px
}

#dlaczego-los-gatos .container-fluid .fluid-col{
	border-radius:35px;
	background-color:var(--pink);
	padding:150px 30px;
}

section {
	position:relative;
	z-index:1
}

a {
	text-decoration:none;
	color:var(--black);
	transition:.3s
}

.button {
	background-color:var(--orange);
	display:inline-block;
	text-align:center;
	font-size:16px;
	line-height:16px;
	font-weight:600;
	color:var(--bialy);
	padding: 27px 50px;
	border-radius:40px;
	margin-right:20px
}

.button:hover {
	background-color:#fff;
	color:var(--orange)
}

  .star-1-mobile {
	  display:none
  }

.contact-form-col .wpcf7-submit {
	background:none;
	background-color:var(--orange) !important;
	display:inline-block !important;
	text-align:center !important;
	font-size:16px !important;
	line-height:16px !important;
	font-weight:600 !important;
	color:var(--bialy) !important;
	padding: 27px 60px !important;
	border-radius:40px !important;
	margin-right:20px !important;
	border:0px  !important;
	width:auto !important;
	transition:.3s !important;
	margin-top:25px
}

.contact-form-col .wpcf7-submit:hover {
		background-color:#fff !important;
	color:var(--orange) !important
}

.wpcf7-not-valid-tip {
  color: #f99450;
  font-size: 13px;
  font-weight: normal;
  display: block;
  padding-left: 20px;
}

.wpcf7 .contact-form-row select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1.1rem center !important; /* odsunięcie */
  background-size: 16px auto !important;
  padding-right: 3rem !important; /* miejsce na ikonę */
}

.oferta-page-nasze-kursy {
	padding-top:0px !important
}

.oferta-page-nasze-kursy .nasze-kursy-home-row {
  margin-top: 0px;
}

.page-oferta-kursy-section {
	padding-bottom:40px !important
}

.wpcf7-list-item input {
	width:auto !important;
	margin-right:10px;
	margin-top:20px
}

.button-pink {
	background-color:var(--pink);
	color:var(--barbie);
}

.button-pink:hover {
	color:#d96f81;
		background-color:#fff;
}

.button-white {
		background-color:var(--bialy);
	color:var(--barbie);
}

.button-white:hover {
	
}

.button-winko {
		background-color:var(--winko);
}

.white-empty-bordered {
	background:none;
	border:2px solid var(--bialy);
	color:var(--bialy)
}

.home-txt-left-buttons {
	margin-top:60px
}

#dlaczego-los-gatos h2 {
	color:var(--winko);
}

.dlaczego-los-gatos-txt {
	display:inline-block;
	max-width:900px;
	color:var(--winko);
	margin-top:80px;
}

.dlaczego-los-gatos-button {
	margin-top:50px
}

#nasze-kursy {
	padding-top:120px;
	padding-bottom:70px;
	
}

#nasze-kursy h2 {
	margin-bottom:65px
}

.nasze-kursy-home-row {
	margin-top:65px
}

/* cykl 1→4, potem od nowa */
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 1) .nasze-kursy-kurs { background-color: #ffa17f; }
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 2) .nasze-kursy-kurs { background-color: #c4b0e3; }
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 3) .nasze-kursy-kurs { background-color: #c2d5a7; }
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 4) .nasze-kursy-kurs { background-color: #f7bbba; }

/* cykl 1→4, potem od nowa */
#oferta-kursy .nasze-kursy-col:nth-of-type(6n + 1) .nasze-kursy-kurs { background-color: #FFA17F; }
#oferta-kursy .nasze-kursy-col:nth-of-type(6n + 2) .nasze-kursy-kurs { background-color: #C4B0E3; }
#oferta-kursy .nasze-kursy-col:nth-of-type(6n + 3) .nasze-kursy-kurs { background-color: #F7BBBA; }
#oferta-kursy .nasze-kursy-col:nth-of-type(6n + 4) .nasze-kursy-kurs { background-color: #FBC893; }
#oferta-kursy .nasze-kursy-col:nth-of-type(6n + 5) .nasze-kursy-kurs { background-color: #C2D5A7; }
#oferta-kursy .nasze-kursy-col:nth-of-type(6n + 6) .nasze-kursy-kurs { background-color: #ABBFFC; }


/* cykl 1→4, potem od nowa */
.kursy-slider-wrapper > .nasze-kursy-col:nth-of-type(4n + 1) .nasze-kursy-kurs { background-color: #ffa17f; }
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 2) .nasze-kursy-kurs { background-color: #c4b0e3; }
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 3) .nasze-kursy-kurs { background-color: #c2d5a7; }
.nasze-kursy-home-row > .nasze-kursy-col:nth-of-type(4n + 4) .nasze-kursy-kurs { background-color: #f7bbba; }

.nasze-kursy-txt-left, .nasze-kursy-txt-right {
	padding-right:40px
}

.nasze-kursy-col {
	padding-bottom:25px
}

.nasze-kursy-kurs {
	padding:40px 30px;
	color:var(--bialy);
	border-radius:15px;
	height:100%;
	min-height:470px
}

.kurs-title-line-1 {
		font-family: 'gazpacho-900', sans-serif;
		font-size:32px;
		line-height:36px
}

.kurs-title-line-2 {
		font-family: 'gazpacho-900', sans-serif;
		font-size:46px;
		line-height:50px
}

.nasze-kursy-kurs-counters {
	
}

.nasze-kursy-kurs-counters {
  display: flex;
  flex-wrap: wrap; /* pozwala zawijać jeśli nie zmieszczą się w jednej linii */
  margin-top:25px
}

.nasze-kursy-kurs-counter-item {
  margin-right: 25px;
}

/* usuwa margines z ostatniego elementu */
.nasze-kursy-kurs-counter-item:last-child {
  margin-right: 0;
}

.nasze-kursy-kurs-counter-item-title {
	font-weight:900;
	font-size:56px;
	line-height:56px
}

.nasze-kursy-kurs-counter-item-title-small {
	font-weight:700;
	font-size:26px;
	line-height:31px;
		font-family: "Poppins", sans-serif;
}

.nasze-kursy-kurs-counter-item-desc {
	font-weight:700;
	font-size:14px;
	line-height:22px;
	margin-top:7px
}

.nasze-kursy-lead {
	font-weight:700;
	font-size:22px;
	line-height:27px;
	margin-top:30px
}

.nasze-kursy-txt-more {
	margin-top:30px
}

.nasze-kursy-kurs-desc {
	padding-top:30px;
}

.nasze-kursy-kurs-buttons {
	padding-top:25px
}

/* Responsywność */

#home-blog {
padding-bottom:80px
}

.kursy-section {
padding-bottom:100px
}

.kursy-section h2 {
  font-size: 32px;
  line-height:40px;
  font-weight: 700;
  color: var(--winko);
  margin-bottom:65px
}

.kursy-slider-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: 0;
  max-width: 100%;
  overflow: hidden;
  padding-right: 0;
}

.home-blog-next {
  text-align:right
}

.home-blog-next a{
  color:#F99450
}

.grupowe-more .oferta-faq-row {
	margin-top:40px !important;
}

.home-blog-next .blog-next {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: none;
    background-color: var(--slomkowy);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: inline-block;
    margin-left: 15px;
    padding: 20px 17px;
}

.home-blog-next .blog-next:hover {
      background-color: #FFD2B6;
}

.home-blog-next .blog-next img {
  width:36px
}

#home-blog .row.gx-4 {
  margin-top:40px
}

.kursy-slider {
  padding-left: calc((100vw - 1320px) / 2); /* dla container-xl */
}

.container-fluid .kursy-slider {
  padding-left: 100px; /* dla container-xl */
}

.kurs-box {
  background: #eee;
  padding: 30px 25px;
  border-radius: 16px;
  text-align: left;
  color: #fff;
  height: 100%;
  min-height: 400px;

}

.kurs-box-wrapper {
  padding-right: 25px; /* <-- to dodaje odstęp */	
}

.kurs-box h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.kurs-box .count {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}

.kurs-box .count span {
  font-size: 36px;
  display: block;
}

.kurs-box p {
  font-size: 14px;
  margin: 20px 0;
  color: #fff;
}

.kurs-box .btn {
  border: 2px solid #fff;
  padding: 10px 20px;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
}


.home-kursy-button-sec {
	margin-top:60px
}

.kursy-arrows {
  display: flex;
  gap: 26px;
  margin-bottom:65px
}

.kursy-arrows button {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: none;
  background-color: var(--slomkowy);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}


.arrow-prev {
  background-image: url('img/arrow_back.svg');
}

.arrow-next {
  background-image: url('img/arrow_forward.svg');
}

.kursy-arrows button:hover {
  background-color: var(--puder);
}

.kursy-arrows button.disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* Stylizacja paska sticky */
#mobile-cta-bar {
    /* Ukryty domyślnie - przesunięty w dół poza ekran */
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
    z-index: 9999; /* Zawsze na wierzchu */
    
    /* Wygląd Glassmorphism */
    background-color: rgba(255, 255, 255, 0.5); /* Biały z 50% przezroczystości */
    backdrop-filter: blur(10px); /* Rozmycie tła pod spodem */
    -webkit-backdrop-filter: blur(10px); /* Dla Safari */
    padding:10px 25px 10px 70px
}

/* Klasa dodawana przez JS, aby pokazać pasek */
#mobile-cta-bar.visible {
    transform: translateY(0);
}



/* Stylizacja kółeczka "X" */
.btn-close-custom {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background-color: #fbc893;
    color: #f99450;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    transition: background 0.3s;
    flex-shrink: 0; /* Zapobiega zgniataniu kółka */
}

.btn-close-custom:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

#intro-slider {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.intro-slider .slide {
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.intro-slider .slick-slide {
  transition: opacity 0.5s ease-in-out;
}

.slider-text {
  position: absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 10;
}

.slider-text h1 {
  font-size: 80px;
  font-weight: 800;
  color: var(--slomkowy); /* np. #FFD2A4 */
  margin-bottom: 20px;
}

.slider-text h2 {
  font-size: 80px;
  font-weight: 800;
  color: var(--slomkowy); /* np. #FFD2A4 */
  margin-bottom: 20px;
}

.slider-text p {
  max-width: 580px;
}

/* Strzałki po bokach */
.side-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  z-index: 20;
  transform: translateY(-50%);
}

.kursy-arrows button {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: none;
  background-color: var(--slomkowy);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.arrow-prev {
  background-image: url('img/arrow_back.svg');
}

.arrow-next {
  background-image: url('img/arrow_forward.svg');
}

.kursy-arrows button:hover {
  background-color: var(--puder);
}

.kursy-arrows button.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.oferta-grupowa {
  padding-bottom:0px !important
}

.arrow-prev-intro {
  background-image: url('img/arrow_back.svg');
}

.arrow-next-intro {
  background-image: url('img/arrow_forward.svg');
}

#intro-slider h1 {
	font-size:196px;
	line-height:196px
}

#intro-slider h2 {
	font-size:196px;
	line-height:196px
}

#intro-slider p {
	font-weight:500;
	font-size:16px;
	line-height:27px;
	color:var(--slomkowy)
}

#copyright {
	background-color:var(--bialy);
	color:var(--winko);
	padding-top:30px;
	padding-bottom:30px
}

.copyright-right {
text-align:right	
}

.copyright-right a{
color:var(--winko);
display:inline-block;
margin-left:25px
}

.copyright-right a:hover{
color:var(--black);
}

footer {
	padding-top:110px;
	background-color:var(--puder);
	position:relative;
	z-index:2;
}

.kot {
	position:absolute;
	bottom:0px;
	left:0px;
	width:395px;
	height:530px;
}

.star3 {
		position:absolute;
	top:-164px;
	right:0px
}

.footer-second-container {
	padding-top:30px;
	padding-bottom:80px;
	margin-top: 10px;
	color:#F9F2E8
}

.footer-second-container .col-md-12 {
	text-align:right
}

.footer-second-container a {
	display:inline-block;
	margin-left:105px;
	color:var(--bialy);
}

.footer-second-container a:hover {
	color:var(--winko);
}


footer span {
	color:var(--czekoladka);
	font-size:21px;
	line-height:30px
}

.footer-col-inner {
	padding-top:70px;
	color:#2A2727;
	font-weight:400;
}

.footer-menu ul{
	padding-left:0px;
	list-style:none
}

.footer-menu li{
	padding-bottom:25px
}

.footer-menu li a{
	color:#2A2727
}

.footer-menu li a:hover{
	color:var(--winko)
}

.footer-col-inner a:hover {
	color:var(--winko)
}

.footer-first-row a{
	color:#F9F2E8;
		font-family: 'gazpacho-900', sans-serif;
	font-size:35px;
	line-height:40px
}

.footer-first-row a:hover{
	color:var(--winko)
}

.losgatos-subtitle {
	text-align:center;
	padding-left:100px;
	padding-right:100px;
	font-size:20px;
	line-height:30px
}

.los-gatos-intro {
	padding-bottom:200px;
	padding-top:100px;
	position:relative
}

.los-gatos-intro h1 {
	text-align:center
}

.los-gatos-intro h2 {
	text-align:center
}

#ania {
	padding-top:0px;
	padding-bottom:100px;
}


.ania-left img {
	border-radius:20px
}

.ania-right {
	padding-left:80px
}

.ania-title {
	font-family: 'gazpacho-900', sans-serif;
	font-size:86px;
	line-height:96px
}

.ania-desc {
	margin-top:50px;
	font-family: 'gazpacho-700', sans-serif;
	font-size:21px;
	line-height:32px
}

.section-small-title {
	font-family: 'gazpacho-900', sans-serif;
	font-size:60px;
	line-height:66px;
	text-align:center
}

#fajne-slowa {
	padding-top:0px;
	padding-bottom:120px
}

#fajne-slowa .section-small-title{
	margin-bottom:100px
}

.opinie-row {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.opinie-track {
  display: inline-flex;
  gap: 1rem;
}

.opinia {
  flex: 0 0 auto;
  min-width: 450px;
  max-width: 450px;
  padding: 35px;
  border-radius: 25px;
  color: #fff;
}

.bg-orange { background-color: #f28c28; }
.bg-pink { background-color: #f27bbd; }
.bg-blue { background-color: #5aa2e3; }
.bg-green { background-color: #64c27b; }

.opinia p {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
}
.opinia small {
  opacity: 0.8;
}

#oferta-wszystkie {
	padding-top:120px;
	padding-bottom:140px;
	position:relative
}

#oferta-wszystkie .col-md-12 {
text-align:center;
color:var(--winko);
font-size:32px;
line-height:42px;
font-family: 'gazpacho-900', sans-serif;
text-transform:uppercase;
padding-left:140px;
padding-right:140px
}

#oferta-kursy-online {
position:relative	
}


#voucher .voucher-subtitle {
text-align:center;
color:var(--winko);
font-size:20px;
line-height:36px;
font-family: 'gazpacho-700', sans-serif;
text-transform:uppercase;
padding-left:180px;
padding-right:180px
}

.voucher-gallery-row {
  background-color:#fff
}

#voucher-gallery .col-md-9 {
  background-color:#fff;
  padding:20px 80px
}

#voucher-gallery .col-md-3 {
  padding:0px
}

.lp-ramki-title {
		font-size:22px;
	line-height:30px;
	font-family: 'gazpacho-900', sans-serif;
  font-weight: 900;
  padding-top:13px;
  padding-bottom:15px;
  color:#fff
}

.lp-ramki-desc {
	color:#fff;
	font-size:16px;
	line-height:24px;
	font-weight:500
}

.lp-oferta-ramka-col-inner {
	border-radius:20px;
	margin-bottom:10px;
	padding:25px;
	height:100%
}

.cards-strip{
  display: flex;
  gap: 1rem;
}



.pill-card {
  flex: 1;                         /* dzieli dostępną szerokość po równo */
  background: var(--pink);
  color: var(--winko);
  border-radius: 15px;
  padding: 45px 40px;
  text-align: center;
  display: flex;                   /* uruchamiamy flex wewnątrz karty */
  align-items: center;             /* wyśrodkowanie pionowe */
  justify-content: center;         /* wyśrodkowanie poziome */
}

.pill-card-slomkowy .pill-card{
	background: var(--slomkowy);
	color: var(--czekoladka)
}

.pill-card-fiolek .pill-card{
	background: var(--fiolek);
		color: var(--black)
}

.oferta-next-row {
	margin-top:80px
}

.oferta-next-row  h3 {
margin-bottom:80px	
}

h3 {
font-size:46px;
line-height:52px;
font-family: 'gazpacho-900', sans-serif;
}

#oferta-kursy-online .home-second-row {
	padding-bottom:40px
}

#oferta-grafik {
	padding-top:150px;
	padding-bottom:150px;
	position:relative
}

.grafik-zglos-sie-button-col {
	padding-top:70px;
	text-align:center
}

#oferta-poziom {
	position:relative;
	background-color:#F7BBBA;
	padding-top:150px;
	padding-bottom:80px;
	border-bottom:1px solid #907171;
}

#oferta-poziom h3 {
	color:var(--winko);
	margin-bottom:60px
}

.shape-blue-star {
	width:450px;
	position:absolute;
	top:-225px;
	right:0px;
z-index:3
}

.rozwiaz-test-col {
	padding-top:60px
}

#oferta-poziom h3 {
	font-size:74px;
	line-height:82px
}

.opinia-autor-box{
  display: flex;
  align-items: center;   /* pionowe wyrównanie */
  gap: 12px;             /* odstęp między zdjęciem a nazwiskiem */
}

.opinia-img{
  flex: 0 0 auto;
  width: 56px;           /* rozmiar avatara */
  height: 56px;
  border-radius: 50%;
  overflow: hidden;      /* przycięcie do koła */
}

.opinia-img .img-fluid{
  width: 100%;
  height: 100%;          /* nadpisuje height:auto z .img-fluid */
  object-fit: cover;     /* wypełnia kwadrat bez zniekształceń */
  display: block;
}

.opinia-autor-name{
  font-weight: 600;
  line-height: 1.2;
  /* opcjonalnie: white-space: nowrap; */
}

.contact-subtitle-second {
	font-size:20px;
	line-height:29px;
	padding-top:50px
}

.contact-form {
	padding-top:50px
}

.contact-form-row {
	
}

.contact-form-row input {
	border:1px solid #FBC893;
	padding:20px;
	width:100%;
	background:none !important
}

.contact-form-row select {
	border:1px solid #FBC893;
	padding:20px;
	width:100%;
		background:none !important
}

.contact-form-row label {
	width:100%
}

.oferta-label {
	display:inline-block;
	font-size:16px;
	line-height:28px;
	padding:18px 30px;
	color:#fff;
	font-weight:700;
	margin-bottom:45px;
	border-radius:0px 20px 0px 20px
}

.half-star {
  position: absolute;
  top: 0px;
  right: 0px;
  will-change: transform;
  transition: transform 0.05s linear;
}

.grupowe-more {
  padding-top:50px
}

.oferta-title {
	font-size:60px;
	line-height:66px;
	text-align:left !important;
	margin-bottom:45px
}

#voucher .oferta-title {
text-align:center !important
}

#oferta-page-cennik {
	position:relative
}

#oferta-page-cennik  .star-23 {
  position: absolute;
  top: 80px;
  left: 0px;
}


#oferta-page-cennik  .star-24 {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.oferta-oferta-page {
	padding-top:60px;
	position:relative
}

.oferta-cechy .nasze-kursy-kurs-counter-item-title{
	color:#f7bbba
}

.oferta-cechy .nasze-kursy-kurs-counter-item-desc{
color:#2A2727
}

.oferta-cechy .nasze-kursy-kurs-counter-item {
  margin-right: 40px;
}

.oferta-cechy {
	margin-bottom:40px
}

.oferta-page-opis {
	max-width:1050px;
	margin-bottom:50px
}

.oferta-blocks-col {
	padding-bottom:20px
}

.oferta-blocks-inner {
	height:100%;
	border-radius:10px;
	color:#fff;
	padding:24px
}

.oferta.blocks-inner-title {
	font-size:28px;
	line-height:36px;
	color:#fff;
	margin-bottom:30px;
			font-family: 'gazpacho-900', sans-serif;
	font-weight:900;
}

.oferta.blocks-inner-desc {
		font-size:16px;
	line-height:26px;
	color:#fff;
	font-weight:500
}

.oferta.blocks-inner-desc ul li {
	margin-bottom:20px
}

.oferta-oferta-page {
	padding-bottom:120px !important
}

.oferta-cennik-terminy-desc ul {
  list-style-position: inside;
  padding-left: 0;
  margin: 0; /* opcjonalnie, żeby wyrównać */
  display: inline-block; /* żeby lista nie rozciągała się na całą szerokość */
  text-align: center; /* żeby punkty i tekst były wyrównane do siebie */
}

.oferta-cennik-terminy-desc {
	text-align:center
}

.oferta-cennik-terminy-desc ul li {
	padding-bottom:20px
}

.oferta-cennik-button {
	text-align:center;
	padding-top:20px

}

.oferta-faq-row {
	margin-top:130px;
	padding-bottom:100px
}



.faq-box {
	border-bottom:1px solid #d7d7d7;
	padding-bottom:35px;
	margin-bottom:35px
}

.faq-question {
	font-size:24px;
	line-height:32px;
	padding-bottom:20px
}

.faq-answer {
	
}

.oferta-bottom .dlaczego-los-gatos-txt {
  color: #F9F2E8;
  font-size: 35px;
  line-height: 42px;
  margin-top: 30px;
  font-family: 'gazpacho-900', sans-serif;
  font-weight: 900;
  max-width:1070px
}

#dlaczego-los-gatos.oferta-bottom .container {
  padding: 90px 30px;
}

.oferta-bottom {
	padding-bottom:150px
}

/* (opcjonalnie) mniejsze avatary na bardzo wąskich ekranach */
@media (max-width: 420px){
  .opinia-img{ width: 44px; height: 44px; }
}

.cudzyslow {
	margin-bottom:20px
}

.opinia p {
	margin-bottom:30px;
	color:#2A2727;
	font-size:16px;
	line-height:24px
}

.nav-link-home:hover {
	border:2px solid #f99450 !important;
	color:#f99450 	;
	background:none 
}

.nav-link-oferta:hover {
	border:2px solid #C4B0E3 !important;
	color:#C4B0E3 	;
	background:none 
}

.nav-link-los-gatos:hover {
	border:2px solid #F7BBBA !important;
	color:#F7BBBA 	;
	background:none 
}

.nav-link-kontakt:hover {
	border:2px solid #C2D5A7 !important;
	color:#C2D5A7 	;
	background:none 
}

.nav-link-blog:hover {
	border:2px solid #E96780 !important;
	color:#E96780 	;
	background:none 
}

.active-home {
	background-color:#f99450 !important;
	border:2px solid #f99450 !important;
	color:#fff !important
}

.active-los-gatos {
	background-color:#f7bbba !important;
	border:2px solid #f7bbba !important;
	color:#673A1C !important
}

.active-oferta {
	background-color:#c4b0e3 !important;
	border:2px solid #c4b0e3 !important;
	color:#673A1C !important
}

.active-kontakt {
	background-color:#c2d5a7 !important;
	border:2px solid #c2d5a7 !important;
	color:#673A1C !important
}

.active-blog {
	background-color:#E96780 !important;
	border:2px solid #E96780 !important;
	color:#F9F2E8 !important
}



.cennik-row {
		font-family: 'gazpacho-900', sans-serif;
	font-weight:900;
	font-size:25px;
	line-height:32px;
	margin-bottom:40px
}

.cennik-row-single {
	border-bottom:1px dotted #000;
	font-weight:500;
	padding-top:20px;
	padding-bottom:20px
}

.cennik-row-single:last-child {
    border-bottom: none;
}

.cennik-rodzaj-kursu {
	font-weight:bold;
	padding-left:0px
}

.title-rodzaj-kursu {
	padding-left:0px
}

#oferta-cennik {
	margin-top:140px
}

.blog-post-author {
  display: flex;
  align-items: center; /* Wyśrodkowanie w pionie */
  gap: 15px; /* Odstęp między zdjęciem a tekstem */
}

.user-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%; /* Tworzy koło */
  object-fit: cover; /* Zapobiega zniekształceniu zdjęcia */
  display: block;
}

.user-info {
  display: flex;
  flex-direction: column; /* Układa imię i datę pod sobą */
  gap: 2px; /* Mały odstęp między imieniem a datą */
}

.user-name {
  color: #2A2727;
  font-weight: 600;
  font-size: 16px;
  line-height:16px;
}

.user-date {
  color: #C4B0E3; /* Jasny fiolet pobrany z obrazka */
  font-weight: 500;
  font-size: 12px;
}

.blog-post-main-img img {
  border-radius:20px
}

.blog-post-left {
  padding-right:60px
}

.blog-post-right {
  padding-left:60px
}

#blog-post {
  padding-top: 45px;
  padding-bottom:100px
}

.blog-post-breadcrumbs span{
  color:#F7BBBA;
  margin-left:5px;
  margin-right:5px;
    font-size:12px;
  font-weight:500;
      line-height:20px;
}

.blog-post-breadcrumbs a {
  display:inline-block;
  border-radius:60px;
  background-color:#fbf7f1;
  color:#F7BBBA;
  padding:10px 30px;
    font-size:12px;
    line-height:20px;
  font-weight:500
}

.blog-post-breadcrumbs a:hover {
    background-color:#fff;
  color:#F99450;
}

.breadcrumbs-current {
    display:inline-block;
  border-radius:60px;
  background-color:#fff;
  color:#F99450;
  padding:10px 30px;
  font-size:12px;
  font-weight:500;
      line-height:20px;
}

.blog-post-title {
  color:#F99450;
  font-size: 35px;
  font-weight:900;
  line-height: 46px;
  font-family:'gazpacho-900', sans-serif;
  margin-top:42px;
  margin-bottom:42px;
  max-width:990px
}

.blog-post-lead {
font-weight: 700;
font-size: 16px;
  max-width:990px
}

.blog-post-author {
  padding-top:35px;
  padding-bottom: 45px;
}

.blog-post-main-img {
  margin-bottom:50px
}

.blog-post-right h1 {
  font-size:27px;
  color:#E96780;
  line-height:35px;
  font-weight:700;
  margin-bottom:32px;
  padding-top:15px
}

.blog-post-right h2 {
  font-size:25px;
  color:#E96780;
  line-height:35px;
  font-weight:700;
    margin-bottom:32px;
  padding-top:15px
}

.blog-post-right h3 {
  font-size:23px;
  color:#E96780;
  line-height:35px;
  font-weight:700;
    margin-bottom:32px;
  padding-top:15px
}

.blog-post-right h4 {
  font-size:21px;
  color:#E96780;
  line-height:35px;
  font-weight:700;
    margin-bottom:32px;
  padding-top:15px
}

.blog-post-right h5 {
  font-size:19px;
  color:#E96780;
  line-height:35px;
  font-weight:700;
    margin-bottom:32px;
  padding-top:15px
}

.blog-post-right #ez-toc-container {
  display:none !important
}

.blog-post-right .wp-block-table td, .blog-post-right .wp-block-table th {
    border: 0px;
    padding:8px 30px 8px 15px
}

.blog-post-right .wp-block-table .has-fixed-layout {
    width: auto;
}

.blog-post-right .wp-block-table  {
margin-bottom:35px
}

.blog-post-right .wp-block-table td {
background-color:#fbc893
}

.blog-post-right .wp-block-table table {
    border-collapse: initial;
}

#ez-toc-container {
    border: 0px solid #aaa;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    display: table;
    margin-bottom: 0px;
    padding: 0px !important;
}

.ez-toc-counter nav ul li a::before {
    color: #fff;
}


/* 2. Zaokrąglenie lewej strony (pierwsza kolumna) */
.blog-post-right .wp-block-table tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
    /* Opcjonalnie: jeśli masz obramowanie po lewej, dodaj: */
    /* border-left: 1px solid #ccc; */
}

/* 3. Zaokrąglenie prawej strony (ostatnia kolumna) */
.blog-post-right .wp-block-table tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    
    /* Opcjonalnie: jeśli masz obramowanie po prawej, dodaj: */
    /* border-right: 1px solid #ccc; */
}

.blog-post-right th strong {
  font-weight:700
}


.blog-post-left .lp-cennik-col-inner {
	border-radius:10px;
	padding:43px 30px
}

.blog-post-left .lp-cennik-title {
	font-family:'gazpacho-900', sans-serif;
	font-size:28px;
	line-height:38px;
	color:#F9F2E8;
	text-align:center;	
}

.blog-post-left .lp-cennik-desc {
	font-size:24px;
	text-align:center;
	line-height:32px;
	color:#F9F2E8
}

.blog-post-left .lp-cennik-label {
	padding-top:30px;
	padding-bottom:30px;
	text-align:center
}

.blog-post-left .lp-cennik-star-1 {
	width:188px;
	height:187px;
	text-align:center;
		font-family:'gazpacho-900', sans-serif;
	font-size:15px;
		color:#F9F2E8;
	line-height:24px;
	display:inline-block;
	padding-top:46px
}

.blog-post-left .lp-cennik-star-1 span{
	text-align:center;
		font-family:'gazpacho-900', sans-serif;
	font-size:40px;
	line-height:46px;
	display:block;
	color:#F9F2E8
}

.blog-post-left .lp-cennik-row {
	margin-top:70px
}


.blog-post-spis-tresci {
  margin-bottom:30px;
  border-radius:10px;
	padding:43px 30px;
  padding-bottom:15px;
    background-color:#d78788

}

.blog-post-spis-tresci .lp-cennik-title {
  padding-bottom:25px;
  border-bottom:1px solid #F5ABAC
}

.spis-tresci-box {
  padding-top:25px;
}

.spis-tresci-box a {
  color:#fff;
  display:block;
  margin-bottom: 15px;
  font-size:13px;
  line-height:19px
}

.blog-featured-left {
  background-color:#fbc893;
  padding:60px 40px 50px
}

.blog-featured-title {
  margin-bottom:25px;
  font-family:'gazpacho-900', sans-serif;
  font-size:25px;
  line-height:39px;
text-transform:uppercase
}

.blog-other-posts {
  margin-top:50px
}

.blog-other-post-box {
  padding-bottom:45px
}

.blog-other-post-img img{
  border-radius:10px;

}

.blog-other-post-title {
  margin-top:25px;
  margin-bottom:23px;
  font-size:18px;
  line-height:28px
}

.blog-featured-row {
  margin:0px;
  margin-top:-29px;
}

.blog-featured-left {
    border-radius:10px 0px 0px 10px
}

.blog-featured-right {
    border-radius:0px 10px 10px 0px
}

#blog {
  padding-top:30px;
  padding-bottom:100px
}

#blog h1 {
  position:relative;
  z-index:9
}

.blog-other-post-desc {
  font-size:14px;
  padding-right:20px
}

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

.kot {
  left: -110px;
}

#voucher .voucher-subtitle {
    padding-left: 160px;
    padding-right: 160px;
}

}

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

.footer-one {
	padding-left:12px
}

.kot {
  left: -100px;
  height:510px
}

.slider-text {
  left: 140px;
}

.blog-post-left {
  padding-right:50px
}

.blog-post-right {
  padding-left:50px
}

#voucher .voucher-subtitle {
    padding-left: 150px;
    padding-right: 150px;
}

}


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

.kot {
  left: -140px;
}

.blog-post-left .lp-cennik-col-inner {
  padding: 53px 30px;
}

#voucher .voucher-subtitle {
    padding-left: 120px;
    padding-right: 120px;
}

.blog-post-left {
  padding-right:40px
}

.blog-post-right {
  padding-left:40px
}

}

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


h1 {
  font-size: 102px;
  line-height: 102px;
}

#home {
  padding-top: 100px;
  padding-bottom: 190px;
}

.contact-subtitle-second {
    text-align: center;
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 30px !important;
}

#voucher {
	padding-top:100px;
	padding-bottom:140px
}

#dlaczego-los-gatos .container {
  padding: 130px 30px;
}

.slider-text {
  left: 160px;
}

footer {
  padding-top: 100px;
}

.footer-second-container {
  margin-top: 20px;
}

.footer-second-container a {
  margin-left: 46px;
}

.kot {
  width:432px;
  left:-150px
}

footer .container {
	padding-left:60px
}

.losgatos-subtitle {
  font-size: 19px;
  line-height: 30px;
}

.page-template-page-losgatos #home {
	padding-bottom:150px
}

.los-gatos-intro {
  padding-bottom: 150px;
}

.pill-card {
  padding: 35px 25px;
}

#oferta-poziom h3 {
  font-size: 64px;
  line-height: 72px;
}

}

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

.kot {
  left: -170px;
}

.blog-post-left {
  padding-right:30px
}

.blog-post-right {
  padding-left:30px
}

}



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

body {
  font-size: 15px;
  line-height: 25px;
}

.blog-post-left {
  padding-right:20px
}

.blog-post-right {
  padding-left:20px
}

.kot {
  left: -170px;
}

.kurs-title-line-1 {
  font-size: 28px;
  line-height: 34px;
}

.nasze-kursy-kurs-counter-item-title {
  font-weight: 900;
  font-size: 42px;
  line-height: 42px;
}

.slider-text {
  left: 160px;
}

.shape-blue-star {
  width: 350px;
  top: -175px;
}

  h1 {
    font-size: 95px;
    line-height: 95px;
  }

h2 {
  font-size: 70px;
  line-height: 70px;
}

.button {
  font-size: 15px;
  line-height: 15px;
  padding: 22px 40px;
  margin-right: 10px;
}

.ania-right {
  padding-left: 50px;
}

.ania-desc {
  margin-top: 35px;
  font-size: 18px;
  line-height: 28px;
}

}

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

  h1 {
    font-size: 46px;
    line-height: 52px;
  }
  
  h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .contact-subtitle-second {
    text-align: center;
    padding-left: 20px;
    font-size:15px;
    padding-right: 20px;
    padding-top: 15px !important;
}
  
#voucher .voucher-subtitle {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 32px;
}

#voucher-form {
    padding-bottom: 70px;
}

  .nav-logo {
  transition: .3s;
  max-width: 100px;
}

.navbar {
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
}

  #home {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  #voucher {
	padding-top:60px;
	padding-bottom:50px
}

#voucher-gallery .col-md-9 {
    background-color: #fff;
    padding: 10px;
}

  #mobile-cta-bar     .button {
        padding: 15px 40px;
    }


.home-second-row {
  margin-top: 25px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.home-txt-left-buttons {
  margin-top: 35px;
}

.voucher-title {
    padding-top: 30px;
    padding-bottom: 20px;
}

.lp-oferta-ramka-col-inner {
    padding: 20px;
}

#voucher-boxes {
    padding-top: 10px;
    padding-bottom: 30px;
}

#voucher-boxes .lp-oferta-ramka-col {
  padding-bottom:20px
}

.voucher-gallery-imgs {
  display: flex;           /* Ustawia elementy w rzędzie */
  gap: 0px;               /* Dodaje odstęp między zdjęciami (opcjonalne) */
  justify-content: center; /* Wyśrodkowuje zdjęcia (opcjonalne) */
}

#voucher-form h3 {
    font-size: 25px;
    font-family: 'gazpacho-900', sans-serif;
}

/* Opcjonalnie, aby zdjęcia dzieliły miejsce po równo: */
.voucher-gallery-imgs img {
  width: 50%;              /* Każde zdjęcie zajmie połowę szerokości */
  object-fit: cover;       /* Zapobiega deformacji zdjęcia przy skalowaniu */
}

.hola-circle {
	display:none !important
}

.shape-pink {
  display:none
}

  .star-1 {
    width: 330px;
    position: absolute;
    bottom: -200px;
    right: auto;
    will-change: transform;
    transition: transform 0.05s linear;
    z-index: -1;
    left: -120px;
  }
  
  .star-1-mobile {
	  bottom:auto;
	  top:-100px;
	  left:auto;
	  right:-100px;
	  position:absolute;
display:inline-block;
  }

body {
	position:relative;
	overflow-x:hidden
}

html {
	
	overflow-x:hidden
}

.blog-post-breadcrumbs {
  display:none
}

.navbar-toggler {
  background: none;
  background: url(img/chmurka.svg) no-repeat center center;
  width:62px;
  height:61px;
  border:0px !important
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(249,148,80,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.navbar-toggler {
  border-color: #f99450; /* żeby ramka przycisku też miała ten kolor */
}

  #dlaczego-los-gatos .container {
    padding: 50px 20px;
  }

.dlaczego-los-gatos-txt {
  margin-top: 28px;
}

.dlaczego-los-gatos-button {
  margin-top: 20px;
}

#nasze-kursy {
  padding-top: 50px;
  padding-bottom: 30px;
}

#nasze-kursy h2 {
  margin-bottom: 30px;
}

.nasze-kursy-txt-left, .nasze-kursy-txt-right {
  padding-right: 15px;
}

.nasze-kursy-home-row {
  margin-top: 40px;
}

.kurs-title-line-2 {
  font-family: 'gazpacho-900', sans-serif;
  font-size: 28px;
  line-height: 34px;
}

.nasze-kursy-kurs-counter-item {
  margin-right: 22px;
  padding-bottom: 15px;
}

.nasze-kursy-kurs-desc {
  padding-top: 10px;
}

.nasze-kursy-kurs {
  padding: 35px 25px;
  height: 100%;
  min-height: auto;
}

.kursy-section h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: var(--winko);
  margin-bottom: 35px;
}

.kursy-arrows {
  display: flex;
  gap: 15px;
  margin-bottom: 35px;
  padding-left: 25px;
}

.home-kursy-button-sec {
  margin-top: 40px;
  text-align: center;
}

.kursy-section {
  padding-bottom: 45px;
}

.blog-post-left .lp-cennik-row {
  margin-top: 25px;
}

.blog-post-left   .lp-cennik-col-inner {
    padding: 40px 15px;
  }
  
 .blog-post-left  .lp-cennik-title {
  font-size: 24px;
  line-height: 32px;
  }
  
 .blog-post-left  .lp-cennik-desc {
  font-size: 18px;
  line-height: 26px;
  }
  
 .blog-post-left  .lp-cennik-label {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.blog-post-left .lp-cennik-col {
	padding-bottom:20px
}

#intro-slider h1 {
  font-size: 56px;
  line-height: 56px;
}

#intro-slider h2 {
  font-size: 56px;
  line-height: 56px;
}

.side-arrows {
  padding: 0 15px;
}

.kursy-arrows button {
  width: 52px;
  height: 52px;
}

  .slider-text {
    left: 80px;
    width: auto;
    padding-right: 80px;
  }
  
  #intro-slider p {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: var(--slomkowy);
}

footer {
	padding-top:70px
}

.bajerki {
	display:none
}

  footer .kot {
    display:none
  }
  
    footer .container {
    padding-left: 25px;
  }
  
  .footer-first-row a {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 15px;
  display: block;
}

.footer-col-inner {
  padding-top: 20px;
  color: #2A2727;
  font-weight: 400;
}

.footer-second-container {
    margin-top: 0px;
  
}

.footer-second-container {
  padding-top: 0px;
  padding-bottom: 50px;
  margin-top: 0px;
}

  .footer-second-container a {
    margin-left: 15px;
    display: inline-block;
  }
  
  .footer-menu li {
  padding-bottom: 0px;
  display: inline-block;
  margin-right: 25px;
}

.nav-link {
text-align:center;
	
  border: 0px;
  font-family: 'gazpacho-900', sans-serif;
  font-size: 35px;
  line-height: 40px;
  color: #2a2727;
  width:100%;
  margin:0px;
  margin-bottom:10px;
  padding:10px 30px !important
  }
  
  .nav-link:hover {
	  border:0px !important
  }
  
   .nav-link:active {
	  border:0px !important
  }
  
  .active-home {
  border: 0px solid #f99450 !important;
}

.navbar-nav {
  margin-top: 25px;
}

.losgatos-subtitle {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

  .losgatos-subtitle {
    font-size: 16px;
    line-height: 26px;
  }
  
  .star-2 {
	  display:none !important
  }
  
  .star-2g {
	  display:none !important
  }

    .page-template-page-losgatos #home {
    padding-bottom: 50px;
  }
  
  .los-gatos-intro {
  padding-top: 0px;
}

  .los-gatos-intro {
    padding-bottom: 50px;
  }
  
  .ania-title {
  font-size: 66px;
  line-height: 76px;
}

  .ania-right {
    padding-left: 15px;
    padding-top: 40px;
  }

  .ania-desc {
    margin-top: 30px;
    font-size: 17px;
    line-height: 29px;
  }
  
  #ania {
  padding-top: 0px;
  padding-bottom: 50px;
}

#fajne-slowa .section-small-title {
  margin-bottom: 35px;
}

.section-small-title {
  font-family: 'gazpacho-900', sans-serif;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
}

#fajne-slowa {
  padding-top: 50px;
  padding-bottom: 5px;
}

.page-template-page-oferta .star-3 {
	display:none
}

.page-template-page-oferta .shape-pink-2 {
	display:none
}


#oferta-wszystkie {
  padding-top: 25px;
  padding-bottom: 35px;
}

#oferta-wszystkie .col-md-12 {
  font-size: 26px;
  line-height: 36px;
  padding-left: 10px;
  padding-right: 10px;
}

.oferta-next-row {
  margin-top: 0px;
}

.oferta-next-row h3 {
  margin-bottom: 30px;
}

h3 {
  font-size: 25px;
  line-height: 35px;
  font-family: 'gazpacho-900', sans-serif;
}

  .pill-card {
    padding: 30px 20px;
  }
  
  .cards-strip {
	  margin-bottom:35px
  }

#oferta-cennik {
  margin-top: 10px;
}

 
  
  .cennik-row-single {
  text-align: center;
  padding-top:25px;
  padding-bottom:25px
}

.cennik-rodzaj-kursu {
	  font-size: 21px;
  line-height: 31px;
  font-family: 'gazpacho-900', sans-serif;
}

.page-template-page-oferta   #home {
    padding-bottom: 60px;
  }
  
  .cennik-row {
	  display:none
  }
  
  #oferta-grafik {
  padding-top: 40px;
  padding-bottom: 50px;
  position: relative;
}

  .shape-blue-star {
    width: 350px;
    top: -175px;
	display:none
  }
  
  .grafik-zglos-sie-button-col {
  padding-top: 35px;
  text-align: center;
}

  #oferta-poziom h3 {
    font-size: 30px;
    line-height: 36px;
  }
  
  #oferta-poziom h3 {
  color: var(--winko);
  margin-bottom: 35px;
}

#oferta-poziom {
  padding-top: 60px;
  padding-bottom: 60px;
}

.rozwiaz-test-col {
  padding-top: 25px;
}

#home.contact-page h1, #home.contact-page h2 {
  text-align: center;
}

.page-template-page-contact  #home {
    padding-top: 60px;
    padding-bottom: 45px;
  }
  
  .home-txt-left-buttons .button {
	  margin-bottom:10px
  }


.half-star {
	display:none
}

.oferta-label {
  font-size: 14px;
  line-height: 25px;
  padding: 12px 25px;
  margin-bottom: 30px;
}

.oferta-title {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 25px;
}

.oferta-cechy {
  margin-bottom: 10px;
}

.oferta-page-opis {
  margin-bottom: 30px;
}

.oferta.blocks-inner-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 17px;
}

.oferta.blocks-inner-desc ul li {
  margin-bottom: 10px;
}

.oferta.blocks-inner-desc ul li:last-child {
  margin-bottom: 0;
}

.oferta.blocks-inner-desc ul {
	margin-bottom:0px
}

.oferta-oferta-page {
  padding-bottom: 40px !important;
}

#oferta-page-cennik .star-23 {
  top: 180px;
}

.blog-post-left {
  padding-right:12px
}

.blog-post-right {
  padding-left:12px
}

.star-24 {
	display:none 
}

  .faq-left {
    padding-bottom: 15px;
  }
  
    .faq-question {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 10px;
  }
  
    .faq-box {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

.oferta-faq-row {
  margin-top: 50px;
  padding-bottom: 35px;
}

  #dlaczego-los-gatos.oferta-bottom .container {
    padding: 45px 20px;
  }
  
  .oferta-bottom  .dlaczego-los-gatos-txt {
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px;
  }

.blog-post-title {
    font-size: 24px;
    line-height: 33px;
    margin-top: 0px;
    margin-bottom: 25px;
    max-width: 990px;
}

.blog-post-author {
    padding-top: 25px;
    padding-bottom: 15px;
}

.blog-post-left .lp-cennik-col-inner{
  display: none;
}

.blog-post-main-img {
    margin-bottom: 25px;
}

.blog-post-spis-tresci {
    margin-bottom: 5px;
}

.blog-post-spis-tresci {
    margin-bottom: 25px;
    padding: 30px 15px;
    padding-bottom: 1px;
}

    .blog-post-left .lp-cennik-title {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 20px;
    }

    .spis-tresci-box a {
    margin-bottom: 10px;
    }


.blog-post-right h1 {
  font-size:23px;
  line-height:32px;
  margin-bottom:22px;
  padding-top:12px
}

.blog-post-right h2 {
  font-size:21px;
  line-height:30px;
  margin-bottom:22px;
  padding-top:12px
}

.blog-post-right h3 {
  font-size:19px;
  line-height:29px;
    margin-bottom:22px;
  padding-top:12px
}

.blog-post-right h4 {
  font-size:17px;
  line-height:27px;
    margin-bottom:22px;
  padding-top:12px
}

.blog-post-right h5 {
  font-size:16px;
  line-height:26px;
    margin-bottom:22px;
  padding-top:12px
}

.blog-post-right .wp-block-table {
    margin-bottom: 20px;
}

.blog-featured-row {
    margin: 0px;
    margin-top: -19px;
}

.blog-featured-left {
    padding: 40px 25px 15px;
}

.oferta-panel-inner .oferta-heading {
  margin-bottom:10px
}

.blog-other-posts {
    margin-top: 30px;
}

.blog-other-post-box {
    padding-bottom: 35px;
}

.blog-other-post-title {
    margin-top: 25px;
    margin-bottom: 17px;
    font-size: 18px;
    line-height: 28px;
}

.blog-featured-left {
    border-radius: 10px 10px 0px 0px;
}

.blog-featured-right {
    border-radius: 0px 0px 11px 11px;
    aspect-ratio: 1 / .6
}

.home-blog-next .blog-next {
    width: 52px;
    height: 52px;
    margin-left: 10px;
    padding: 13px 10px;
}

.home-blog-next .blog-next img {
    width: 28px;
}

.home-blog-left {
  padding-top:8px
}

#home-blog {
    padding-bottom: 10px;
}

#home-blog .row.gx-4 {
    margin-top: 20px;
}

.grupowe-more {
    padding-top: 0px;
}

.grupowe-more .star-23 {
  display:none
}
.grupowe-more .oferta-faq-row {
    margin-top: 0px !important;
}

.oferta-faq-row h3 br {
  display:none
}

}