@import url('../fonts/fonts.css');
:root {
  --main-font: 'Barlow', sans-serif;
  --button-font: 'Space Grotesk', sans-serif;
  --black: #000;
  --gray-800: #323232;
  --gray-700: #646464;
  --gray-600: #969696;
  --gray-500: #AFAFAF;
  --gray-400: #C8C8C8;
  --gray-300: #E1E1E1;
  --gray-200: #FAFAFA;
  --white: #fff;
  --yellow-700: #CC9300;
  --yellow-600: #FFB800;
  --yellow-500: #FFC633;
  --yellow-400: #FFD466;
  --yellow-300: #FFE399;
  --yellow-200: #FFEAB3;
  --yellow-100: #FFF1CC;
  --red-700: #A70029;
  --red-600: #D30034;
  --red-500: #FF003F;
  --red-400: #FF2C60;
  --red-300: #FF5881;
  --red-200: #FF83A2;
  --red-100: #FF99B3;
  --blue-700: #102E64;
  --blue-600: #153D86;
  --blue-500: #1A4CA7;
  --blue-400: #456EB8;
  --blue-300: #7090C9;
  --blue-200: #9BB1DB;
  --blue-100: #C6D3EC;
}
body {
  color: var(--black);
  font-family: var(--main-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  background: #FBF9F6;
  margin: 0;
  padding: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
q,
cite {
  display: block;
}
q::after,
cite::after,
q::before,
cite::before {
  content: none;
}
a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
.linesBackground {
  background-image: url("../assets/tlo.svg");
  background-size: 71%;
  background-position: 50% 0;
  background-repeat: repeat-y;
}
.heading1 {
  font-size: 3em;
  line-height: 105%;
  font-weight: 600;
  letter-spacing: -0.12rem;
}
.heading2,
.editArea h1,
.editArea h2 {
  font-size: 3.125em;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
}
.heading3,
.editArea h3 {
  font-size: 2.125em;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: -0.06375rem;
}
.heading4,
.editArea h4,
.imageDescription h4,
.trainingItem h2 {
  font-size: 1.813em;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.03625rem;
  text-transform: uppercase;
}
.heading5,
.editArea h5 {
  font-size: 2.125em;
  font-style: italic;
  font-weight: 600;
  line-height: 105%;
}
.heading6,
.editArea h6,
.introduction__text p,
.imageDescription p {
  font-size: 1.3125em;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.imageSmallTitle {
  color: var(--gray-700);
  text-align: right;
  font-size: 0.625em;
  line-height: 150%;
  /* 15px */
  text-transform: uppercase;
}
.body {
  line-height: 125%;
}
.body.-l {
  font-size: 1.125em;
  letter-spacing: -0.03375rem;
}
.body.-m {
  line-height: 150%;
  font-size: 1em;
}
.body.-s {
  font-size: 0.875em;
  letter-spacing: 0.0175rem;
  text-transform: uppercase;
}
.paragraph {
  font-size: 1.125em;
  line-height: 150%;
  font-weight: 400;
  padding-bottom: 1em;
}
.module {
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, #F3F1ED 0%, rgba(238, 234, 228, 0) 100%);
}
.module .heading6 {
  margin-top: 1rem;
  font-weight: 500;
}
.module ul {
  list-style: disc;
}
.hidden {
  display: none !important;
}
.button {
  font-family: var(--button-font);
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 6.25rem;
  border: none;
}
.button.-primary {
  color: var(--white);
  background: var(--red-500);
}
.button.-primary:hover {
  background: var(--red-600);
}
.button.-primary:active {
  background: var(--red-700);
}
.button.-primaryYellow {
  background: var(--yellow-600);
}
.button.-primaryYellow:hover {
  background: var(--yellow-400);
}
.button.-primaryYellow:active {
  background: var(--yellow-200);
}
.button.-secondary {
  background: var(--white);
  border: 2px solid var(--yellow-600);
}
.button.-secondary:hover {
  border-color: var(--yellow-400);
}
.button.-secondary:active {
  border-color: var(--yellow-200);
}
.button.-large {
  padding: 1.25rem 1.875rem;
}
.button.-medium {
  padding: 0.75rem 1.375rem;
}
.button.-small {
  padding: 0.75rem 1.375rem;
  font-size: 0.813em;
  letter-spacing: 0.01625em;
}
a.link,
.link {
  font-family: var(--button-font);
  font-size: 0.813em;
  font-style: normal;
  font-weight: 700;
  line-height: 92%;
  letter-spacing: 0.0325em;
  text-transform: uppercase;
  color: var(--yellow-600);
  display: inline-flex;
  align-items: center;
}
a.link svg,
.link svg {
  margin-right: 0.5em;
}
a.link svg path,
.link svg path {
  stroke: var(--yellow-600);
}
a.link:hover,
.link:hover {
  color: var(--yellow-400);
}
a.link:hover svg path,
.link:hover svg path {
  stroke: var(--yellow-400);
}
a.link:active,
.link:active {
  color: var(--yellow-200);
}
a.link:active svg path,
.link:active svg path {
  stroke: var(--yellow-200);
}
a.link svg,
.link svg {
  width: 1.25em;
  height: 1.25em;
}
a.link svg path,
.link svg path {
  stroke: var(--yellow-600);
}
.container,
.introduction__container,
.careerSummary__container {
  max-width: 1440px;
  margin: 0 auto;
}
.narrowContainer {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 3rem;
}
.centerHeading {
  padding: 4rem 3rem 0 3rem;
  text-align: center;
}
.centerHeading .heading6 {
  padding-top: 2rem;
}
.leftBackgroundImage {
  position: absolute;
  z-index: -10;
  top: 36rem;
  left: 0;
}
.rightBackgroundImage {
  position: absolute;
  z-index: -10;
  top: 21rem;
  right: 0;
}
.logo {
  width: 148px;
  display: inline-block;
}
.logo img {
  display: inline-block;
  max-width: 100%;
  min-width: 3.125rem;
}
.navItem {
  padding: 0.25rem;
  font-family: var(--button-font);
  font-size: 0.813em;
  font-weight: 700;
  line-height: 92%;
  /* 11.96px */
  letter-spacing: 0.0325em;
  text-transform: uppercase;
}
.navItem:hover {
  color: var(--yellow-600);
}
.navbar {
  padding: 1.25rem 3rem 0 3rem;
  display: flex;
  justify-content: space-between;
}
.navbar nav {
  display: flex;
  flex-grow: 1;
}
.navbar__items {
  display: flex;
  justify-content: space-between;
  align-self: start;
  align-items: center;
  flex-grow: 1;
  padding-left: 5%;
  white-space: nowrap;
}
@media (max-width: 1220px) {
  .navbar__items {
    display: none;
  }
}
@media (max-width: 1220px) {
  .navbar .logo {
    width: 6.5rem;
  }
}
.navbar__toggle {
  background-color: inherit;
  border: none;
  display: none;
  background: url("../assets/icons/bars.svg") no-repeat;
  width: 2rem;
  height: 2rem;
  margin: auto 0;
  transition: 100ms ease-in-out;
}
.navbar__toggle.-active {
  background: url("../assets/icons/xmark.svg") no-repeat !important;
}
@media (max-width: 1220px) {
  .navbar__toggle {
    display: inline-block;
  }
}
.navbarMobileOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 200ms ease-in-out;
  z-index: 2000;
}
.navbarMobileOverlay.-active {
  visibility: visible;
  opacity: 1;
}
.navbarMobile {
  position: fixed;
  top: 0;
  left: -20rem;
  height: 100vh;
  width: 100%;
  max-width: 20rem;
  background-color: var(--white);
  transition: 200ms ease-in-out;
  overflow-y: auto;
  text-align: center;
  z-index: 2001;
  box-shadow: 0.25rem 0 2rem rgba(0, 0, 0, 0.3);
}
.navbarMobile .logo {
  margin: 2rem;
}
.navbarMobile__items {
  margin: 1rem;
  padding: 0;
}
.navbarMobile__items li a {
  display: block;
  padding: 1rem 0;
}
.navbarMobile__items li .button {
  margin: 1rem 0;
}
.navbarMobile.-active {
  left: 0;
}
.overflow {
  overflow: hidden;
}
.mainHeading {
  padding: 1.25rem 3rem 0 3rem;
  width: 100%;
  height: auto;
  position: relative;
  z-index: -100;
}
.mainHeading__heading {
  width: 90%;
  color: var(--red-500);
  font-family: Rift, sans-serif;
  font-size: clamp(4rem, 23vw, 20.7rem);
  font-style: normal;
  font-weight: 700;
  line-height: 81%;
  /* 261.63px */
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.mainHeading__photo {
  position: absolute;
  top: 0;
  transform: translateY(-18%);
  right: -17%;
  width: 60%;
}
.quote {
  padding: 7.5rem 7.5rem 0 7.5rem;
  text-align: center;
}
@media (max-width: 992px) {
  .quote {
    padding-left: 12vw;
    padding-right: 12vw;
  }
}
.quote__author {
  text-align: right;
  font-size: 2.125em;
  font-style: italic;
  color: var(--yellow-600);
  font-weight: 500;
  line-height: 125%;
  /* 42.5px */
  letter-spacing: -0.06375rem;
}
.quote q,
.quote cite {
  padding-bottom: 0.6875rem;
}
.introduction {
  border-top: 1px dashed #C5C5C5;
  background: var(--white);
}
.introduction__container {
  padding: 7.5rem 3rem 7.5rem 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.625rem;
}
@media (max-width: 992px) {
  .introduction__container {
    grid-template-columns: 1fr;
  }
  .introduction__container__image img {
    width: 100%;
  }
}
.introduction__text h2 {
  padding-bottom: 1.5rem;
}
.introduction__text p {
  padding-bottom: 1em;
}
.introduction__text .button {
  margin-top: 1.875rem;
}
.introduction__image {
  text-align: right;
}
.introduction__image img {
  max-width: 100%;
}
.offer {
  padding: 0 3rem;
  width: 100%;
  background: linear-gradient(0deg, rgba(18, 50, 109, 0.8) 0%, rgba(18, 50, 109, 0.8) 100%), url("../assets/photos/offerSectionImg.png") no-repeat 25% 0;
  background-size: cover;
  background-blend-mode: color, normal;
}
.offer__content {
  padding: 7.5rem 0;
  height: 100%;
  width: 55%;
  margin-left: auto;
}
.offer__content > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 4rem;
}
@media (max-width: 992px) {
  .offer__content {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .offer__content > div {
    grid-template-columns: 1fr;
  }
}
.offer__items {
  grid-row-gap: 4.75rem;
}
.offer__items > div {
  color: var(--white);
}
.offer__items > div h4 {
  padding-bottom: 1rem;
}
.offer__items > div .body {
  padding-bottom: 2rem;
}
.offer__footer {
  margin-top: 5.875rem;
}
.quote2nd {
  padding: 11rem 3rem 0 3rem;
  text-align: center;
}
.quote2nd__icons {
  display: flex;
  justify-content: space-between;
}
.quote2nd .heading3 {
  max-width: 1083px;
  padding: 0 2rem;
  margin: 0 auto 2rem auto;
}
@media (max-width: 1200px) {
  .quote2nd .heading3 {
    padding: 0 2.6vw;
  }
}
.quote2nd .body {
  color: var(--red-500);
}
.logos {
  padding: 5.875rem 3rem 4rem 3rem;
  text-align: center;
}
.logos__heading {
  padding-bottom: 2rem;
}
.logos__items {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.logos__items img {
  min-width: 4.375rem;
  width: 7rem;
  height: auto;
  object-fit: contain;
}
.gallery {
  overflow: hidden;
  padding: 5.875rem 0;
  background-color: var(--yellow-600);
}
.footer {
  padding: 5.25rem 3rem 1rem 3rem;
  background-image: url("../assets/tlo-stopki.svg"), linear-gradient(180deg, #1A4CA7 0%, #102E64 100%);
  background-repeat: no-repeat;
  color: var(--white);
}
.footer__container {
  margin-bottom: 5.875rem;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 768px) {
  .footer__container {
    flex-direction: column;
  }
}
.footer__left {
  width: 20rem;
}
.footer__left .logo {
  margin-bottom: 2rem;
}
.footer__left .body span {
  color: var(--yellow-600);
}
@media (max-width: 768px) {
  .footer__left {
    width: auto;
  }
}
.footer__right {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4rem;
}
@media (min-width: 576px) and (max-width: 992px), (min-width: 1200px) {
  .footer__right > div:has(.button) {
    grid-column: 1 / 3;
  }
}
@media (max-width: 1200px) {
  .footer__right {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 992px) {
  .footer__right {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
@media (max-width: 576px) {
  .footer__right {
    grid-template-columns: 1fr;
  }
}
.footer .link {
  color: var(--white);
  display: block;
  margin-bottom: 1rem;
}
.footer__heading {
  color: var(--yellow-400);
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px var(--yellow-700) solid;
  flex-wrap: wrap;
}
.footer__bottom .producedBy {
  padding-top: 0.5625rem;
  color: var(--gray-500);
  font-size: 0.75em;
  line-height: 125%;
  letter-spacing: 0.015em;
}
.footer__bottom .socials {
  padding-top: 0.5625rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer__bottom .socials svg:hover path {
  fill: var(--yellow-600);
}
.imageDescription {
  padding: 7.5rem 3rem 0 3rem;
  display: grid;
  grid-template-columns: 1fr 45%;
  column-gap: 7.5rem;
}
.imageDescription p {
  padding-bottom: 1em;
}
.imageDescription h4 {
  padding-bottom: 1.5rem;
}
.imageDescription > div {
  margin: auto 0;
}
.imageDescription__image {
  text-align: right;
  margin-right: auto;
}
.imageDescription__image img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .imageDescription {
    grid-template-columns: 1fr;
  }
  .imageDescription__image {
    margin-right: 0;
    width: 100%;
    order: 2;
  }
  .imageDescription__image img {
    width: 100%;
    height: auto;
  }
}
.careerSummary {
  margin-top: 10rem;
  background-color: var(--red-500);
  overflow-x: clip;
}
.careerSummary__container > div {
  padding: 3.9rem 22.5rem 3.9rem 3.6rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 768px) {
  .careerSummary__container > div {
    flex-direction: column;
    padding-right: 15rem;
  }
}
.careerSummary img {
  width: 15rem;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
.careerSummary .paragraph {
  letter-spacing: -0.03375rem;
  padding: 0;
}
.personalInfo {
  padding: 6.25rem 3rem 7.31rem 3rem;
  width: auto;
  height: auto;
  margin: 0 auto;
  max-width: 45rem;
  text-align: center;
}
.personalInfo .heading6 {
  padding-bottom: 2.5rem;
}
.personalInfo p {
  padding-bottom: 1rem;
}
.trainingItem {
  display: flex;
  align-items: center;
  column-gap: 4rem;
  margin: 4rem 3rem 0 3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.trainingItem .body {
  color: var(--gray-600);
  margin-bottom: 0.25rem;
}
.trainingItem h2 {
  margin-bottom: 1.5rem;
}
.trainingItem p {
  margin-bottom: 1rem;
}
.trainingItem > div {
  padding: 2.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
@media (max-width: 992px) {
  .trainingItem {
    flex-direction: column;
  }
  .trainingItem > img {
    width: 100%;
  }
}
.trainingItem.-right {
  background: linear-gradient(270deg, #F3F1ED 0%, rgba(238, 234, 228, 0) 53.68%);
}
@media (min-width: 992px) {
  .trainingItem.-right > div {
    padding-left: 0;
  }
}
.trainingItem.-left {
  background: linear-gradient(90deg, #F3F1ED 0%, rgba(238, 234, 228, 0) 53.68%);
}
@media (min-width: 992px) {
  .trainingItem.-left {
    flex-direction: row-reverse;
  }
  .trainingItem.-left > div {
    padding-right: 0;
  }
}
.redirectToNextPage {
  margin: 7.5rem 0;
  text-align: center;
  color: var(--white);
  background: #152541 url("/assets/photos/szkolenia/pilka.png") center no-repeat;
}
.redirectToNextPage__container {
  padding: 5.75rem 3rem;
  max-width: 30rem;
  margin: 0 auto;
}
.redirectToNextPage span {
  color: var(--yellow-600);
  text-transform: uppercase;
}
.redirectToNextPage .heading4 {
  padding-bottom: 1rem;
}
.redirectToNextPage .link {
  padding-top: 2rem;
}
.centralPhoto {
  margin: 3.5rem auto 4rem auto;
}
.centralPhoto.-vertical {
  height: auto;
  max-width: 30rem;
}
.centralPhoto.-horizontal {
  height: auto;
  max-width: 45rem;
}
.centralPhoto img {
  width: 100%;
}
.individualHeading {
  text-align: center;
  padding-top: 4rem;
}
.individualHeading div {
  padding-bottom: 2rem;
}
.individualDescription {
  padding-bottom: 5rem;
}
.reviews {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(0deg, #F3F1ED 0%, rgba(238, 234, 228, 0) 100%);
  padding-bottom: 3rem;
}
.reviews .heading4 {
  text-align: center;
  padding-bottom: 3rem;
}
.reviews .container {
  padding: 0 3rem;
  max-width: 85rem;
}
.reviews__icons {
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
}
.reviews__items .splide__pagination__page.is-active {
  background: #aaa;
}
.reviews__items .splide__arrow {
  display: none;
}
.reviews__item {
  gap: 2.5rem;
  padding: 2.5rem 6rem;
  display: flex;
}
.reviews__item img {
  height: auto;
  width: 15rem;
  object-fit: contain;
}
@media (max-width: 768px) {
  .reviews__item {
    flex-direction: column;
    padding: 2.5rem;
  }
  .reviews__item img {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .reviews__item {
    padding: 2.5rem 0;
  }
  .reviews__item img {
    width: 100%;
  }
}
.reviews__item .cite {
  letter-spacing: 0;
  padding-bottom: 1rem;
}
.reviews__item .author {
  color: var(--yellow-700);
  padding-bottom: 0.25rem;
}
.reviews__item .description {
  color: var(--gray-700);
  font-size: 0.875rem;
  line-height: 140%;
  letter-spacing: -0.00875rem;
}
.reviews__item.-hasNoImage > div {
  text-align: center;
}
.gap1_5 {
  margin-bottom: 1.5rem;
}
.gap3 {
  margin-bottom: 3rem;
}
.textSeparator {
  padding: 0.5rem 0.625rem;
  margin-bottom: 2.5rem;
  justify-content: center;
  background: var(--yellow-600-main, #FFB800);
  text-align: center;
  font-weight: 700;
}
.mentalTrainingAuthor {
  display: flex;
  align-items: flex-start;
  column-gap: 1.5rem;
  margin-bottom: 3rem;
}
.mentalTrainingAuthor .heading6 {
  font-weight: 600;
  margin-bottom: 1rem;
}
.mentalTrainingAuthor__text {
  padding-top: 0.5rem;
  align-self: stretch;
}
@media (max-width: 768px) {
  .mentalTrainingAuthor {
    flex-direction: column;
  }
  .mentalTrainingAuthor__image,
  .mentalTrainingAuthor img {
    width: 100%;
  }
}
.contactSection {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 3.5rem auto;
  gap: 2rem;
}
.contactSection h1 {
  margin-bottom: 1.5rem;
}
.contactItem {
  font-size: 2.125rem;
  height: 2.7em;
  display: inline-flex;
  padding: 0 1.56em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: none;
}
/*# sourceMappingURL=style.css.map */