/*
Theme Name: Połącz kropki
*/

body {
  font-family: "Poppins", sans-serif;
  font-size:16px;
  line-height:26px
}

:root {
	--blue: #2780c2;
	--green: #a4d5b0;
	--yellow: #ffde59;
	--szary: #575757
}

.green {
	color:var(--green);
}

.blue {
	color:var(--blue);	
}

.yellow {
		color:var(--yellow);
}

.wow {
	visibility:hidden
}

/* Styl dla listy */
  ol.steps-list {
    list-style: none;          /* Usuwamy domyślne cyferki */
    counter-reset: step-counter; /* Inicjujemy własny licznik */
    padding: 0;
	margin-top:20px
  }

  /* Styl dla każdego punktu */
  ol.steps-list li {
    position: relative;
    counter-increment: step-counter;
    margin-bottom: 10px;
    display: flex;
  }

ol.steps-list li::before {
    content: counter(step-counter);
    background-color: white;
    color: #007bff;
    font-weight: 500;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    flex-shrink: 0;
    border: 0px !important;
    font-size: 15px;
    line-height: 27px;
}

.navbar.bg-light {
  background-color: #fff !important;
}

.navbar.bg-light.scrolled  {
	background:#fff !Important;
	box-shadow:2px 2px 30px #0000001f
}

.nav-logo {
	max-width:420px;
	transition:.3s;
	padding-top:20px
}

.social-icon {
	font-size:44px;
	line-height:44px;
	color:var(--green)
}

.scrolled .nav-logo {
	max-width:320px;
	padding-top:0px
}

section {
	padding-top:120px;
	padding-bottom:120px
}

#home {
	padding-top:220px
}

.home-lead-txt {
	
	margin-bottom:50px
}

.line-bord {
	height:1px;
	background-color:#efefef;
	margin-top:8px;
	margin-bottom:8px
}

.polaczkropki-left {
	padding-right:50px
}

.polaczkropki-right {
	padding-left:50px
}

h1 {
	color:var(--szary);
	font-size:56px;
	line-height:61px;
	margin-bottom:30px;
	font-weight:700
}

.section-bg {
	background-color:#f9f2e8
}

.home-more-txt {
	color:var(--blue);
	font-weight:400;
	font-size:26px;
	line-height:37px;
	max-width:500px
}

.home-button-wrapper {
	margin-top:40px
}

.button {
	display:inline-block;
	padding:12px 45px;
	border-radius:25px;
	background-color:var(--green);
	color:#fff;
	font-weight:700;
	text-align:center;
	letter-spacing:.4px
}

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

.button-white {
	background-color:#fff;
	color:#111;
	border:2px solid #fff
}

.button-white:hover {
	background:none !important;
	border:2px solid #fff;
	color:#fff;
}

.button-sm {
		padding:9px 35px;
		font-size:14px
}

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

.home-left {
	
}

.home-right {
	padding-left:150px
}

.nav-link {
	color:var(--szary);
	font-weight:700;
	letter-spacing:.3px;
	font-size:17px;
	padding-left:15px !important;
	padding-right:15px !important;
}

.o-nas-left {
	padding-right:50px
}

.o-nas-right {
	padding-left:50px
}

h2 {
	margin-bottom:40px;
	color:var(--blue);
	font-size:46px;
	line-height:54px;
	font-weight:bold
}

h3 {
	margin-bottom:28px;
	color:var(--szary);
	font-size:28px;
	line-height:37px;
	font-weight:bold
}

.video-section {
  height: 100vh;
  overflow: hidden;
  padding-top:0px;
  padding-bottom:0px
}

video {
  object-fit: cover;
}

.video-lewa {
	padding-left:0px;
	padding-right:50px
}

.video-prawa {
	padding-left:60px
}

.video-prawa img {
	max-width:180px
}

.video-prawa h1 {
	margin-top:40px;
	max-width:500px
}

.h2-subtitle {
	margin-top:-10px
}

.polacz-kropki-second-row {
	margin-top:60px
}

.polacz-kropki-col {
	padding-right:60px
}

#polacz-kropki .container{
	position:relative
}

.shape-1 {
	position:absolute;
	top:-50px;
	right:30px;
	width:200px
}

.galeria-second-row {
	margin-top:40px
}

.galler-img-box {
	padding-bottom:25px
}

.galeria-img-wrapper {
	border-radius:20px;
	position:relative;
	overflow:hidden
}

.galeria-img-wrapper img{
	border-radius:20px;
	  transition: transform 0.5s ease;

}

.galeria-img-wrapper img:hover {
  transform: scale(1.15);
}

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

.zajecia-oferta-box {
	border-radius:25px;
	padding:25px;
	color:#fff
}

.zajecia-title {
	font-weight:700
}

.zajecia-oferta-header {
    display: flex; /* ustawia elementy w linii */
    align-items: center; /* wyśrodkowanie w pionie */
    gap: 15px; /* odstęp między kółkiem a tekstem */
}

.circle {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #ccc; /* kolor tła kółka – zmień wg potrzeb */
    flex-shrink: 0; /* zapobiega zmniejszaniu się kółka */
}

.zajecia-oferta-header-wrap {
    display: flex;
    flex-direction: column; /* tytuł nad czasem */
}

.zajecia-oferta-main {
	margin-top:20px;
	font-weight:500;
	font-size:16px;
	line-height:24px
}

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

.dokument-box-col {
	padding-bottom:20px
}

.dokument-box {
		border-radius:25px;
	padding:30px 25px;
	color:#fff
}

.dokument-header {
	font-weight:700;
	font-size:21px;
	line-height:27px
}

.dokument-main {
	margin-top:20px;
	color:#fff
}

.dokument-button {
	margin-top:20px
}

.contact-details {
	margin-top:35px
}

.kontakt-right {
	padding-left:100px
}

footer {
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	color:#999;
}

#kontakt {
	padding-bottom:70px
}

/* pierwszy */
.oferta-box-col:nth-of-type(4n + 1) .zajecia-oferta-box {
    background-color: #ffde59;
}

/* drugi */
.oferta-box-col:nth-of-type(4n + 2) .zajecia-oferta-box {
    background-color: #a4d5b0;
}

/* trzeci */
.oferta-box-col:nth-of-type(4n + 3) .zajecia-oferta-box {
    background-color: #2780c2;
}

/* czwarty */
.oferta-box-col:nth-of-type(4n + 4) .zajecia-oferta-box {
    background-color: #575757;
}


/* pierwszy */
.oferta-box-col:nth-of-type(4n + 1) .zajecia-oferta-box .circle{
    background-color: #a4d5b0;
}

/* drugi */
.oferta-box-col:nth-of-type(4n + 2) .zajecia-oferta-box .circle {
    background-color: #2780c2;
}

/* trzeci */
.oferta-box-col:nth-of-type(4n + 3) .zajecia-oferta-box .circle {
    background-color: #ffde59;
}

/* czwarty */
.oferta-box-col:nth-of-type(4n + 4) .zajecia-oferta-box .circle {
    background-color: #efefef;
}


/* pierwszy */
.dokument-box-col:nth-of-type(4n + 1) .dokument-box {
    background-color: #2780c2;
}

/* drugi */
.dokument-box-col:nth-of-type(4n + 2) .dokument-box {
    background-color: #ffde59;
}

/* trzeci */
.dokument-box-col:nth-of-type(4n + 3) .dokument-box {
    background-color: #a4d5b0;
}

/* czwarty */
.dokument-box-col:nth-of-type(4n + 4) .dokument-box {
    background-color: #575757;
}




/* Responsywność */



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

section {
	padding-top:110px;
	padding-bottom:110px
}

.nav-logo {
  max-width: 360px;
}

}

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

section {
	padding-top:100px;
	padding-bottom:100px
}

.home-right {
  padding-left: 110px;
}

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


}


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

section {
	padding-top:90px;
	padding-bottom:90px
}

.nav-logo {
  max-width: 310px;
}


.o-nas-left {
  padding-right: 35px;
}

.o-nas-right {
  padding-left: 35px;
}

.video-prawa {
  padding-left: 45px;
}

.polacz-kropki-col {
  padding-right: 35px;
}

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

.home-more-txt {
  font-size: 23px;
  line-height: 33px;
}



}

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

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

  section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

.nav-logo {
	max-width:270px;
	padding-top:0px;
	transition:.3s
}

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

#home {
  padding-top: 120px;
}

  .home-right {
    padding-left: 13px;
    padding-top: 35px;
  }
  
  .home-lead-txt {
  margin-bottom: 25px;
}

  h1 {
    font-size: 35px;
    line-height: 42px;
  }
  
    .home-more-txt {
    font-size: 20px;
    line-height: 30px;
  }
  
  h2 {
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 25px;
}

  .o-nas-left {
    padding-right: 15px;
  }
  
    .o-nas-right {
    padding-left: 10px;
    padding-top: 15px;
  }
  
  .video-lewa {
  padding-left: 0px;
  padding-right: 0px;
}

  .video-prawa {
    padding-left: 12px;
  }

.shape-1 {
  position: absolute;
  top: -70px;
  right: 10px;
  width: 90px;
}

.video-section {
  height: auto;
}

.video-prawa {
	padding-top:40px
}

.vh-100 {
	height:auto !important
}

.polacz-kropki-second-row {
	margin-top:35px
}

.polacz-kropki-col {
	padding-bottom:30px;
	padding-right:10px
}

#polacz-kropki {
	padding-bottom:20px
}

.galeria-second-row {
		margin-top:10px
}

#polaczkropki   .polacz-kropki-second-row {
    margin-top: 0px;
  }
  
  .polaczkropki-left {
  padding-right: 10px;
}

.polaczkropki-right {
  padding-left: 13px;
  padding-top:35px
}

#polaczkropki h4 {
	margin-bottom:0px
}

.line-bord {
  margin-top: 15px;
  margin-bottom: 15px;
}

.kontakt-right {
  padding-left: 10px;
}

#kontakt {
	padding-bottom:35px
}

}