@charset "UTF-8";
/* VARIABLES */
html {
  font-size: 16px;
  padding: 0;
  margin: 0;
}

header {
  height: 70px;
  background-color: #056689;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 500;
}
header nav {
  max-width: 1280px;
  min-width: 1280px;
  margin: auto;
}
@media (max-width: 1280px) {
  header nav {
    max-width: 100%;
    min-width: 100%;
  }
}
header nav .mobile {
  display: none;
}
@media (max-width: 767px) {
  header nav .mobile {
    display: flex;
  }
}
header nav .mobile .m-logo {
  margin-left: 20px;
}
header nav .mobile .mobile-menu-btn {
  display: none;
}
@media (max-width: 767px) {
  header nav .mobile .mobile-menu-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  header nav {
    position: relative;
  }
}
.BUTTON_kup {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  height: 0;
  line-height: 0;
  color: #056689;
  font-family: Exo;
  width: 243px;
  font-size: 25px;
  font-weight: 600;
  padding: 20px;
  background-color: #F6B939;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
header nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  header nav ul {
    display: none;
  }
}
@media (max-width: 767px) {
  header nav ul.open {
    display: flex;
    flex-direction: column;
    background-color: #056689;
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px;
  }
}
header nav ul li {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
header nav ul li:nth-child(1) {
  flex-grow: 2;
}
@media (max-width: 1280px) {
  header nav ul li:nth-child(1) {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  header nav ul li img {
    display: none;
  }
}
header nav ul li a {
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #fff;
  font-family: "Exo", sans-serif;
}
header nav ul li a:hover {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1024px) {
  header nav ul li a {
    font-size: 0.75rem;
  }
}

main section#section-1 {
  height: 694px;
  background-image: url(../images/img_1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  display: flex;
  justify-content: center;
}
main section#section-1 #section-1-content-wrapper {
  min-width: 1280px;
  position: relative;
}
@media (max-width: 1280px) {
  main section#section-1 #section-1-content-wrapper {
    max-width: 100%;
    min-width: 100%;
  }
}
main section#section-1 #section-1-content-wrapper #section-1-content {
  position: absolute;
  left: 0;
  top: 130px;
  text-align: left;
}
main section#section-1 #section-1-content-wrapper #section-1-content h2 {
  font-family: "Exo", sans-serif;
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: 400;
  color: #fff;
  margin: 0;
  margin-top: 3.875rem;
  margin-bottom: 1.9rem;
}
@media (max-width: 767px) {
  main section#section-1 #section-1-content-wrapper #section-1-content h2 {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
main section#section-1 #section-1-content-wrapper #section-1-content h2 .orange {
  color: #F8BA23;
}
main section#section-2 {
  min-height: 175px;
  background-color: #FAFAFA;
  display: flex;
  justify-content: center;
  align-items: center;
}
main section#section-2 #section-2-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  main section#section-2 #section-2-content-wrapper {
    flex-wrap: wrap;
  }
}
@media (max-width: 1280px) {
  main section#section-2 #section-2-content-wrapper {
    max-width: 100%;
    min-width: 100%;
  }
}
main section#section-2 #section-2-content-wrapper .col-left {
  flex: 1 0 50%;
}
@media (max-width: 767px) {
  main section#section-2 #section-2-content-wrapper .col-left {
    flex: 1 0 100%;
    text-align: center;
  }
}
main section#section-2 #section-2-content-wrapper .col-left h3 {
  color: #056689;
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-family: "Gelasio", serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  main section#section-2 #section-2-content-wrapper .col-left h3 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
main section#section-2 #section-2-content-wrapper .col-right {
  flex: 1 0 50%;
}
@media (max-width: 767px) {
  main section#section-2 #section-2-content-wrapper .col-right {
    flex: 1 0 100%;
    text-align: center;
  }
}
main section#section-2 #section-2-content-wrapper .col-right img {
  margin-left: 6.25rem;
}
@media (max-width: 767px) {
  main section#section-2 #section-2-content-wrapper .col-right img {
    margin-left: 0px;
    margin-top: 20px;
  }
}
main section#section-3 {
  min-height: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  main section#section-3 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-3 #section-3-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  main section#section-3 #section-3-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-3 #section-3-content-wrapper .col-1a {
  flex: 1 0 33%;
  width: 33%;
  padding-right: 2.5rem;
}
@media (max-width: 767px) {
  main section#section-3 #section-3-content-wrapper .col-1a {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
main section#section-3 #section-3-content-wrapper .col-1a h4 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: 400;
  color: #056689;
}
@media (max-width: 1024px) {
  main section#section-3 #section-3-content-wrapper .col-1a h4 {
    font-size: 2rem;
  }
}
main section#section-3 #section-3-content-wrapper .col-1a p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  color: #505050;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
main section#section-3 #section-3-content-wrapper .col-1a p strong {
  font-family: "Gelasio", serif;
  color: #056689;
  font-weight: 400;
  font-size: 20px;
}
main section#section-3 #section-3-content-wrapper .col-1a img {
  margin-top: 2.5rem;
  width: 100%;
}
main section#section-3 #section-3-content-wrapper .col-2a {
  flex: 1 0 33%;
  width: 33%;
  padding-right: 2.5rem;
}
@media (max-width: 767px) {
  main section#section-3 #section-3-content-wrapper .col-2a {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
main section#section-3 #section-3-content-wrapper .col-2a p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  color: #505050;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
main section#section-3 #section-3-content-wrapper .col-2a p strong {
  font-family: "Gelasio", serif;
  color: #056689;
  font-weight: 400;
  font-size: 20px;
}
main section#section-3 #section-3-content-wrapper .col-3a {
  flex: 1 0 33%;
  width: 33%;
}
@media (max-width: 767px) {
  main section#section-3 #section-3-content-wrapper .col-3a {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
main section#section-3 #section-3-content-wrapper .col-3a img {
  width: 100%;
}
main section#section-4 {
  min-height: 175px;
  background-color: #FAFAFA;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  main section#section-4 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-4 #section-4-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  main section#section-4 #section-4-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-4 #section-4-content-wrapper .row-4 {
  width: 1280px;
  min-width: 1280px;
  display: flex;
}
@media (max-width: 1280px) {
  main section#section-4 #section-4-content-wrapper .row-4 {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-4 #section-4-content-wrapper .row-4 .col-left {
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  main section#section-4 #section-4-content-wrapper .row-4 .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    order: 2;
  }
}
main section#section-4 #section-4-content-wrapper .row-4 .col-left .r1, main section#section-4 #section-4-content-wrapper .row-4 .col-left .r3 {
  display: flex;
  flex-direction: row;
}
main section#section-4 #section-4-content-wrapper .row-4 .col-left .r1 div, main section#section-4 #section-4-content-wrapper .row-4 .col-left .r3 div {
  flex: 1 0 33%;
  padding: 0.625rem;
}
main section#section-4 #section-4-content-wrapper .row-4 .col-left .r1 div img, main section#section-4 #section-4-content-wrapper .row-4 .col-left .r3 div img {
  width: 100%;
}
main section#section-4 #section-4-content-wrapper .row-4 .col-left .r2 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
}
main section#section-4 #section-4-content-wrapper .row-4 .col-left .r2 h5 {
  margin: 0;
  padding: 0;
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 2.5rem;
}
main section#section-4 #section-4-content-wrapper .row-4 .col-right {
  flex: 1 0 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  main section#section-4 #section-4-content-wrapper .row-4 .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    order: 1;
  }
}
main section#section-4 #section-4-content-wrapper .row-4 .col-right div {
  padding-left: 7.8125rem;
}
@media (max-width: 767px) {
  main section#section-4 #section-4-content-wrapper .row-4 .col-right div {
    padding-left: 0px;
  }
}
main section#section-4 #section-4-content-wrapper .row-4 .col-right div h5 {
  margin: 0;
  padding: 0;
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 2.5rem;
}
main section#section-4 #section-4-content-wrapper .row-4 .col-right div p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  color: #505050;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}
main section#section-5 {
  min-height: 175px;
  background-color: #FAFAFA;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  main section#section-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-5 #section-5-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  main section#section-5 #section-5-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 {
  width: 1280px;
  min-width: 1280px;
  display: flex;
}
@media (max-width: 1280px) {
  main section#section-5 #section-5-content-wrapper .row-4 {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 .col-left {
  flex: 1 0 50%;
  display: flex;
  justify-content: left;
  align-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  main section#section-5 #section-5-content-wrapper .row-4 .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 .col-left div h5 {
  margin: 0;
  padding: 0;
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 2.5rem;
}
main section#section-5 #section-5-content-wrapper .row-4 .col-left div p {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  color: #505050;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}
main section#section-5 #section-5-content-wrapper .row-4 .col-right {
  flex: 1 0 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  main section#section-5 #section-5-content-wrapper .row-4 .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    padding-top: 20px;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 .col-right .content {
  padding-left: 7.8125rem;
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  main section#section-5 #section-5-content-wrapper .row-4 .col-right .content {
    padding: 0;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-5 #section-5-content-wrapper .row-4 .col-right .content {
    padding-left: 0.5rem;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 .col-right .content div {
  flex: 1 0 auto;
  padding: 0.625rem;
}
@media (max-width: 767px) {
  main section#section-5 #section-5-content-wrapper .row-4 .col-right .content div {
    flex: 1 0 45%;
    padding: 0;
  }
  main section#section-5 #section-5-content-wrapper .row-4 .col-right .content div.arr {
    flex: 1 0 10%;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    align-self: center;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 .col-right .content div.arr {
  align-self: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-5 #section-5-content-wrapper .row-4 .col-right .content div {
    flex: 0 1 auto;
  }
}
main section#section-5 #section-5-content-wrapper .row-4 .col-right .content div img {
  width: 100%;
}
main section#section-6 {
  min-height: 175px;
  background-color: #FAFAFA;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  main section#section-6 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-6 #section-6-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  main section#section-6 #section-6-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-6 #section-6-content-wrapper .col-left {
  flex: 1 0 50%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  main section#section-6 #section-6-content-wrapper .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    order: 2;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
main section#section-6 #section-6-content-wrapper .col-left div {
  flex: 1 0 20%;
  padding: 0.625rem;
}
@media (max-width: 767px) {
  main section#section-6 #section-6-content-wrapper .col-left div {
    flex: 1 0 50%;
  }
}
main section#section-6 #section-6-content-wrapper .col-left div img {
  width: 100%;
}
main section#section-6 #section-6-content-wrapper .col-right {
  flex: 1 0 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  main section#section-6 #section-6-content-wrapper .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    order: 1;
  }
}
main section#section-6 #section-6-content-wrapper .col-right div {
  padding-left: 7.8125rem;
}
@media (max-width: 767px) {
  main section#section-6 #section-6-content-wrapper .col-right div {
    padding-left: 0rem;
  }
}
main section#section-6 #section-6-content-wrapper .col-right div h5 {
  margin: 0;
  padding: 0;
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 3.75rem;
}
@media (max-width: 767px) {
  main section#section-6 #section-6-content-wrapper .col-right div h5 {
    font-size: 2.75rem;
  }
}
main section#section-6 #section-6-content-wrapper .col-right div h6 {
  margin: 0;
  padding: 0;
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 2.5rem;
  line-height: 2.8125rem;
}
@media (max-width: 767px) {
  main section#section-6 #section-6-content-wrapper .col-right div h6 {
    font-size: 1.75rem;
  }
}
main section#section-7 {
  height: 711px;
  background-image: url(../images/bg_1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-7 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    height: auto;
  }
}
main section#section-7 #section-7-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  main section#section-7 #section-7-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-7 #section-7-content-wrapper .col-left {
  flex: 1 0 50%;
}
@media (max-width: 767px) {
  main section#section-7 #section-7-content-wrapper .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-7 #section-7-content-wrapper .col-left div {
  text-align: left;
}
main section#section-7 #section-7-content-wrapper .col-left div h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #fff;
  line-height: 3.125rem;
}
main section#section-7 #section-7-content-wrapper .col-left div ul {
  list-style: none; /* Usuwa domyślne bullety z listy */
  padding: 0; /* Usuwa domyślne wcięcie listy */
}
main section#section-7 #section-7-content-wrapper .col-left div ul li {
  position: relative; /* Umożliwia pozycjonowanie pseudoelementu względem elementu li */
  padding-left: 1.5em; /* Dodaje wcięcie dla tekstu, aby zostawić miejsce na niestandardowy bullet */
  font-family: "Gelasio", serif;
  font-size: 1.5625rem;
  color: #F8BA23;
  font-weight: 500;
}
main section#section-7 #section-7-content-wrapper .col-left div ul li:before {
  content: ""; /* Wymagane dla pseudoelementu */
  position: absolute;
  left: 0; /* Ustawia położenie SVG względem elementu li */
  top: 0.2em; /* Dostosuj tę wartość, aby umieścić SVG w odpowiednim miejscu względem tekstu */
  width: 1em; /* Dostosuj szerokość SVG */
  height: 1em; /* Dostosuj wysokość SVG */
  background-image: url("../images/bullet.svg"); /* Wstaw ścieżkę do pliku SVG */
  background-size: contain;
  background-repeat: no-repeat;
}
main section#section-7 #section-7-content-wrapper .col-left div p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #fff;
  line-height: 1.375rem;
  font-weight: 300;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
main section#section-7 #section-7-content-wrapper .col-left div .o {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #F8BA23;
  text-transform: uppercase;
  font-weight: 400;
}
main section#section-7 #section-7-content-wrapper .col-right {
  flex: 1 0 50%;
}
@media (max-width: 767px) {
  main section#section-7 #section-7-content-wrapper .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  main section#section-7 #section-7-content-wrapper .col-right img {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-7 #section-7-content-wrapper .col-right img {
    height: 200px;
  }
}
main section#section-8 {
  height: 585px;
  overflow: hidden;
  display: flex;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  main section#section-8 {
    height: auto;
    flex-wrap: wrap;
  }
}
main section#section-8 .col-left {
  flex: 1 0 50%;
  background-image: url(../images/bg_l.jpg);
  background-size: contain;
  height: 595px;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  main section#section-8 .col-left {
    flex: 1 0 100%;
    height: auto;
    width: 100%;
    padding: 0px;
    padding-bottom: 72.31%;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-8 .col-left {
    background-size: cover;
    background-position: right;
  }
}
main section#section-8 .col-right {
  flex: 1 0 50%;
  background-image: url(../images/bg_r.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 595px;
}
@media (max-width: 767px) {
  main section#section-8 .col-right {
    flex: 1 0 100%;
    height: auto;
    width: 100%;
    padding: 0px;
    padding-bottom: 72.31%;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-8 .col-right {
    background-size: cover;
    background-position: left;
  }
}
main section#section-9 {
  height: 671px;
  background-color: #EDEDED;
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  main section#section-9 {
    height: auto;
    flex-wrap: wrap;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-9 .col-left {
  flex: 1 0 50%;
  display: flex;
  justify-content: right;
}
@media (max-width: 1200px) {
  main section#section-9 .col-left {
    flex: 1 0 100%;
    height: auto;
    width: 100%;
    justify-content: center;
  }
}
main section#section-9 .col-left .oval {
  background-image: url(../images/oval1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 570px;
  height: 386px;
  transition: transform 0.3s, background-image 0.3s;
  transform-origin: 50% 50%;
}
@media (max-width: 1200px) {
  main section#section-9 .col-left .oval {
    transform: scale(0.9);
  }
}
main section#section-9 .col-left .oval h4 {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  color: #F8BA23;
  text-align: center;
  transition: opacity 0.3s;
  opacity: 1;
  display: block;
}
@media (max-width: 1200px) {
  main section#section-9 .col-left .oval h4 {
    font-size: 1.25rem;
  }
}
main section#section-9 .col-left .oval p {
  width: 75%;
  opacity: 0;
  color: #25375E;
  display: none;
  color: #25375E;
  font-family: "Manrope", sans-serif;
  font-size: 0.7375rem;
  font-weight: 300;
}
main section#section-9 .col-left .oval p .b {
  font-weight: 600;
  font-size: 1.175rem;
}
@media (max-width: 1200px) {
  main section#section-9 .col-left .oval p .b {
    font-size: 0.8rem;
  }
}
main section#section-9 .col-left .oval p .s {
  font-size: 0.55rem;
}
@media (max-width: 1200px) {
  main section#section-9 .col-left .oval p {
    font-size: 0.5rem;
  }
}
main section#section-9 .col-left .oval:hover {
  transform: scale(1.1);
  background-image: url(../images/oval1_fill.svg);
}
@media (max-width: 1200px) {
  main section#section-9 .col-left .oval:hover {
    transform: scale(1);
  }
}
main section#section-9 .col-left .oval:hover h4 {
  opacity: 0;
  display: none;
}
main section#section-9 .col-left .oval:hover p {
  opacity: 1;
  display: block;
}
main section#section-9 .col-right {
  flex: 1 0 50%;
  display: flex;
}
@media (max-width: 1200px) {
  main section#section-9 .col-right {
    flex: 1 0 100%;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
main section#section-9 .col-right .oval {
  background-image: url(../images/oval2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 570px;
  height: 386px;
  transition: transform 0.3s, background-image 0.3s;
  transform-origin: 50% 50%;
}
@media (max-width: 1200px) {
  main section#section-9 .col-right .oval {
    transform: scale(0.9);
    /* width: 100%;
    height: auto; */
  }
  main section#section-9 .col-right .oval::before {
    content: "";
    display: block;
    padding-top: 66%; /* Wysokość to 66% szerokości */
  }
}
main section#section-9 .col-right .oval h4 {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  color: #25375E;
  text-align: center;
  transition: opacity 0.3s;
  opacity: 1;
  display: block;
}
@media (max-width: 1200px) {
  main section#section-9 .col-right .oval h4 {
    font-size: 1.25rem;
  }
}
main section#section-9 .col-right .oval p {
  width: 75%;
  opacity: 0;
  color: #fff;
  display: none;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 0.7375rem;
  font-weight: 300;
}
main section#section-9 .col-right .oval p .b {
  font-weight: 600;
  font-size: 1.175rem;
}
@media (max-width: 1200px) {
  main section#section-9 .col-right .oval p .b {
    font-size: 0.8rem;
  }
}
main section#section-9 .col-right .oval p .s {
  font-size: 0.55rem;
}
@media (max-width: 1200px) {
  main section#section-9 .col-right .oval p {
    font-size: 0.5rem;
  }
}
main section#section-9 .col-right .oval:hover {
  transform: scale(1.1);
  background-image: url(../images/oval2_fill.svg);
}
@media (max-width: 1200px) {
  main section#section-9 .col-right .oval:hover {
    transform: scale(1);
  }
}
main section#section-9 .col-right .oval:hover h4 {
  opacity: 0;
  display: none;
}
main section#section-9 .col-right .oval:hover p {
  opacity: 1;
  display: block;
}
main section#section-10 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  main section#section-10 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
main section#section-10 #section-10-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1280px) {
  main section#section-10 #section-10-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-10 #section-10-content-wrapper .r {
  display: flex;
}
@media (max-width: 1280px) {
  main section#section-10 #section-10-content-wrapper .r {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-1 {
  /* flex: 1 0 45%; */
  flex: 1 0 45%;
  /* @media (min-width: 768px) and (max-width: 1360px) {

      flex: 0 1 40%;
  } */
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-1 {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-1.col-c-1 {
  display: flex;
  justify-content: right;
}
main section#section-10 #section-10-content-wrapper .r .col-r-1.col-c-1 img {
  margin-right: 12px;
  max-width: 172px;
}
main section#section-10 #section-10-content-wrapper .r .col-r-1 h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1024px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-1 h5 {
    font-size: 1.5rem;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-1 div p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #505050;
  line-height: 1.375rem;
  font-weight: 300;
}
main section#section-10 #section-10-content-wrapper .r .col-r-1.col-d-1 {
  padding-right: 8.4375rem;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-1.col-d-1 {
    padding-right: 1rem;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-1.col-d-1 div p {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-1 img.circle {
    max-width: 100px;
    width: auto;
    height: auto;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-2 {
  /*  flex: 0 0 10%; */
  flex: 0 1 100px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  background-image: linear-gradient(to right, #056689 0%, #056689 100%);
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: center center;
  /* @media (min-width: 768px) and (max-width: 1360px) {

      flex: 0 1 20%;
  } */
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-2 {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-2.jc {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-2 img.circle {
    max-width: 100px;
    width: auto;
    height: auto;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-3 {
  /* flex: 1 0 45%; */
  flex: 1 0 45%;
  padding-left: 8.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-3 {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-3 {
    /* flex: 0 1 40%; */
    padding-left: 1rem;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-3 img {
  margin-left: 12px;
  max-width: 172px;
}
main section#section-10 #section-10-content-wrapper .r .col-r-3.col-d-3 {
  padding-left: 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-3.col-d-3 {
    justify-content: left;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-3 h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1024px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-3 h5 {
    font-size: 1.5rem;
  }
}
main section#section-10 #section-10-content-wrapper .r .col-r-3 div p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #505050;
  line-height: 1.375rem;
  font-weight: 300;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-10 #section-10-content-wrapper .r .col-r-3 img.circle {
    max-width: 100px;
    width: auto;
    height: auto;
  }
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r.r1 .col-r-3 {
    order: 1;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  main section#section-10 #section-10-content-wrapper .r.r1 .col-r-2 {
    order: 2;
  }
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r.r2 .col-r-3 {
    order: 1;
    padding-top: 2.25rem;
    padding-bottom: 1.25rem;
  }
  main section#section-10 #section-10-content-wrapper .r.r2 .col-r-2 {
    order: 2;
    background-image: none;
    min-height: auto;
  }
  main section#section-10 #section-10-content-wrapper .r.r2 .col-r-1 {
    order: 3;
  }
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r.r3 .col-r-1 {
    order: 1;
    padding-top: 2.25rem;
    padding-bottom: 1.25rem;
    padding-right: 0.625rem;
  }
  main section#section-10 #section-10-content-wrapper .r.r3 .col-r-2 {
    order: 2;
    background-image: none;
    min-height: auto;
  }
  main section#section-10 #section-10-content-wrapper .r.r3 .col-r-3 {
    order: 3;
    flex-wrap: wrap;
    flex-direction: row;
  }
  main section#section-10 #section-10-content-wrapper .r.r3 .col-r-3 img {
    width: 50%;
    flex: 1 0 50%;
  }
}
@media (max-width: 767px) {
  main section#section-10 #section-10-content-wrapper .r.r4 .col-r-3 {
    order: 1;
    padding-top: 2.25rem;
    padding-bottom: 1.25rem;
  }
  main section#section-10 #section-10-content-wrapper .r.r4 .col-r-2 {
    order: 2;
    background-image: none;
    min-height: auto;
  }
  main section#section-10 #section-10-content-wrapper .r.r4 .col-r-1 {
    order: 3;
    justify-content: center;
    padding-top: 0.625rem;
  }
}
main section#section-11 {
  height: 585px;
  overflow: hidden;
  display: flex;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  main section#section-11 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    height: auto;
    overflow: auto;
    flex-direction: column;
  }
}
main section#section-11 .col-left {
  flex: 1 0 50%;
  background-color: #FAFAFA;
  height: 595px;
  display: flex;
  justify-content: right;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-11 .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-11 .col-left {
    padding-left: 15px;
  }
}
main section#section-11 .col-left .box {
  max-width: 640px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  main section#section-11 .col-left .box {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 1.575rem;
  }
}
main section#section-11 .col-left .box h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-11 .col-left .box h5 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    width: 80%;
  }
}
main section#section-11 .col-left .box p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #505050;
  line-height: 1.375rem;
  font-weight: 300;
}
main section#section-11 .col-right {
  flex: 1 0 50%;
  background-image: url(../images/bg_r2.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 595px;
}
@media (max-width: 767px) {
  main section#section-11 .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-11 .col-right {
    background-size: cover;
    background-position: left;
  }
}
main section#section-11 .col-right img {
  margin: 100px;
  margin-top: 45px;
}
main section#section-12 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-12 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    height: auto;
  }
}
main section#section-12 #section-12-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  justify-content: left;
  padding-top: 3.15rem;
  padding-bottom: 3.15rem;
}
@media (max-width: 1280px) {
  main section#section-12 #section-12-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }
}
main section#section-12 #section-12-content-wrapper h6 {
  font-size: 1.0625rem;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  margin-bottom: 0.9375rem;
}
main section#section-12 #section-12-content-wrapper p {
  font-size: 0.625rem;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
}
main section#section-13 {
  height: 1080px;
  background-image: url(../images/bg_23.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1280px) {
  main section#section-13 {
    height: auto;
  }
}
main section#section-13 #section-13-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  main section#section-13 #section-13-content-wrapper {
    max-width: 100%;
    min-width: 100%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    min-height: 1000px;
  }
}
main section#section-13 #section-13-content-wrapper .card-holder {
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
}
@media (max-width: 767px) {
  main section#section-13 #section-13-content-wrapper .card-holder {
    flex-direction: column;
    min-height: 1000px;
    justify-content: flex-start;
    overflow: hidden;
  }
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left {
  flex: 1 0 50%;
}
@media (max-width: 767px) {
  main section#section-13 #section-13-content-wrapper .card-holder .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    max-height: 500px;
    position: relative;
    padding-top: 0;
  }
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel {
  position: relative;
  width: 100%;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards {
  display: flex;
  align-items: center;
  height: 450px;
  position: relative;
  justify-content: center;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card {
  padding: 10px;
  background-color: #FAFAFA;
  border: 0;
  border-radius: 5px;
  position: absolute;
  transition: transform 0.3s, opacity 0.3s, z-index 0.3s;
  opacity: 0;
  width: 318px;
  height: 392px;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  justify-content: start;
  align-items: center;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card.active {
  transform: translateY(0);
  opacity: 1;
  z-index: 2;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card[data-side=left] {
  transform: translateX(-20%) translateY(10px);
  z-index: 1;
  opacity: 0.8;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card[data-side=right] {
  transform: translateX(20%) translateY(10px);
  z-index: 1;
  opacity: 0.8;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card .card-content img {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.9375rem;
  margin-top: 3.125rem;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card .card-content h5 {
  color: #505050;
  font-size: 0.9375rem;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .cards .card .card-content p {
  color: #505050;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 300;
  font-family: "Gelasio", serif;
  line-height: 1.875rem;
  margin-top: 1.5625rem;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .dots {
  display: flex;
  justify-content: center;
  padding: 10px;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-left .carousel .dots .dot.active {
  background-color: #333;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right {
  flex: 1 0 50%;
  justify-content: start;
  display: flex;
}
@media (max-width: 767px) {
  main section#section-13 #section-13-content-wrapper .card-holder .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    height: auto;
    position: relative;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content {
  width: 100%;
  padding: 10px;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item {
  display: none;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item.active {
  display: flex;
  justify-content: start;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item .content-content {
  text-align: left;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item .content-content h4 {
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 2.5rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item .content-content h4 {
    font-size: 1.8rem;
  }
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item .content-content img {
  margin-top: 2rem;
}
main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item .content-content p {
  margin-top: 1rem;
  font-family: "Gelasio", serif;
  color: #056689;
  font-size: 1.25rem;
  font-weight: 300;
}
@media (max-width: 767px) {
  main section#section-13 #section-13-content-wrapper .card-holder .col-right .content .content-item .content-content p {
    font-size: 1rem;
  }
}
main section#section-14 {
  height: 585px;
  overflow: hidden;
  display: flex;
  padding: 0;
  margin: 0;
}
@media (max-width: 1280px) {
  main section#section-14 {
    height: auto;
    flex-wrap: wrap;
  }
}
main section#section-14 .col-left {
  flex: 1 0 50%;
  background-image: url(../images/bg_r22.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 595px;
}
@media (max-width: 767px) {
  main section#section-14 .col-left {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    height: auto;
    min-height: 300px;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-14 .col-left {
    background-size: cover;
    background-position: right;
  }
}
main section#section-14 .col-left img {
  margin: 100px;
  margin-top: 45px;
}
main section#section-14 .col-right {
  flex: 1 0 50%;
  height: 595px;
  display: flex;
  justify-content: left;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-14 .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding: 0px;
    align-items: flex-start;
    height: auto;
  }
}
main section#section-14 .col-right .box {
  max-width: 640px;
  padding-left: 100px;
}
@media (max-width: 767px) {
  main section#section-14 .col-right .box {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-14 .col-right .box {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
main section#section-14 .col-right .box h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
main section#section-14 .col-right .box p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #505050;
  line-height: 1.375rem;
  font-weight: 300;
}
main section#section-15 {
  height: 711px;
  background-color: #FAFAFA;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-15 {
    height: -moz-fit-content;
    height: fit-content;
  }
}
main section#section-15 #section-15-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 1280px) {
  main section#section-15 #section-15-content-wrapper {
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  main section#section-15 #section-15-content-wrapper {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
  }
}
main section#section-15 #section-15-content-wrapper .col-left {
  flex: 1 0 50%;
  display: flex;
  justify-content: left;
}
@media (max-width: 767px) {
  main section#section-15 #section-15-content-wrapper .col-left {
    flex: 1 0 100%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-15 #section-15-content-wrapper .col-left {
    flex: 0 1 50%;
    max-width: 384px;
  }
}
main section#section-15 #section-15-content-wrapper .col-left .box {
  text-align: left;
}
main section#section-15 #section-15-content-wrapper .col-left .box h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
main section#section-15 #section-15-content-wrapper .col-left .box h6 {
  font-family: "Gelasio", serif;
  font-size: 1.25rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
main section#section-15 #section-15-content-wrapper .col-left .box p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #505050;
  line-height: 1.375rem;
  font-weight: 300;
  background-repeat: no-repeat;
  padding-left: 2rem;
}
main section#section-15 #section-15-content-wrapper .col-left .box p.p1 {
  background-image: url(../images/k1.svg);
}
main section#section-15 #section-15-content-wrapper .col-left .box p.p2 {
  background-image: url(../images/k2.svg);
  padding-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-15 #section-15-content-wrapper .col-left .box .hr {
    margin: 0;
  }
}
main section#section-15 #section-15-content-wrapper .col-right {
  flex: 1 0 50%;
  display: flex;
  justify-content: left;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-15 #section-15-content-wrapper .col-right {
    flex: 0 1 50%;
    max-width: 384px;
  }
}
@media (max-width: 767px) {
  main section#section-15 #section-15-content-wrapper .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding-top: 2rem;
  }
}
main section#section-15 #section-15-content-wrapper .col-right .box {
  text-align: left;
}
@media (max-width: 767px) {
  main section#section-15 #section-15-content-wrapper .col-right .box {
    width: 100%;
  }
}
main section#section-15 #section-15-content-wrapper .col-right .box p {
  font-family: "Manrope", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  color: #505050;
}
main section#section-15 #section-15-content-wrapper .col-right .box textarea {
  border: 1px solid #F8BA23;
  border-radius: 5px;
  opacity: 1;
  background-color: #FAFAFA;
  width: 524px;
  height: 124px;
  margin-bottom: 1.875rem;
  padding: 10px;
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
}
@media (max-width: 1360px) {
  main section#section-15 #section-15-content-wrapper .col-right .box textarea {
    width: 100%;
  }
}
main section#section-15 #section-15-content-wrapper .col-right .box textarea.error {
  border: 1px solid #ff0000;
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email {
  border: 1px solid #F8BA23;
  background-color: #FAFAFA;
  border-radius: 25px;
  opacity: 1;
  width: 308px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Manrope", sans-serif;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  main section#section-15 #section-15-content-wrapper .col-right .box input.email {
    width: 100%;
  }
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email::-moz-placeholder {
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email::placeholder {
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email::-webkit-input-placeholder { /* Chrome, Edge, Safari */
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email::-moz-placeholder { /* Firefox */
  color: #505050;
  font-size: 0.9375rem;
  opacity: 1; /* Firefox domyślnie stosuje nieco przezroczysty kolor dla placeholdera */
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email:-ms-input-placeholder { /* Internet Explorer */
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-15 #section-15-content-wrapper .col-right .box input.email.error {
  border: 1px solid #ff0000;
}
main section#section-15 #section-15-content-wrapper .col-right .box input.submit {
  border: 0;
  background: #F8BA23 0% 0% no-repeat padding-box;
  border-radius: 32px;
  width: 308px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  color: #056689;
  font-size: 0.9375rem;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  main section#section-15 #section-15-content-wrapper .col-right .box input.submit {
    width: 100%;
  }
}


/* Apteki */

main section#section-16 {
  height: 800px;
  margin-bottom: 80px;
  background-color: #FAFAFA;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-16 {
    height: -moz-fit-content;
    height: fit-content;
  }
}
main section#section-16 #section-16-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 1280px) {
  main section#section-16 #section-16-content-wrapper {
    max-width: 100%;
    min-width: 100%;
  }
}
/* HEADER aptek */
main section#section-17 {
  padding-top: 170px;
  height: 300px;
  padding-bottom: 150px;
  background-color: #FAFAFA;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  main section#section-17 {
    height: -moz-fit-content;
    height: fit-content;
  }
}
main section#section-17 #section-17-content-wrapper {
  width: 1280px;
  min-width: 1280px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 1280px) {
  main section#section-17 #section-17-content-wrapper {
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  main section#section-17 #section-17-content-wrapper {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
  }
}
main section#section-17 #section-17-content-wrapper .col-left {
  flex: 1 0 50%;
  display: flex;
  justify-content: left;
}
@media (max-width: 767px) {
  main section#section-17 #section-17-content-wrapper .col-left {
    flex: 1 0 100%;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-17 #section-17-content-wrapper .col-left {
    flex: 0 1 50%;
    max-width: 384px;
  }
}
main section#section-17 #section-17-content-wrapper .col-left .box {
  text-align: left;
}
main section#section-17 #section-17-content-wrapper .col-left .box h5 {
  font-family: "Gelasio", serif;
  font-size: 2.5rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
main section#section-17 #section-17-content-wrapper .col-left .box h6 {
  font-family: "Gelasio", serif;
  font-size: 1.25rem;
  color: #056689;
  line-height: 3.125rem;
  font-weight: 400;
}
main section#section-17 #section-17-content-wrapper .col-left .box p {
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  color: #505050;
  line-height: 1.375rem;
  font-weight: 300;
  background-repeat: no-repeat;
  padding-left: 2rem;
}
main section#section-17 #section-17-content-wrapper .col-left .box p.p1 {
  background-image: url(../images/k1.svg);
}
main section#section-17 #section-17-content-wrapper .col-left .box p.p2 {
  background-image: url(../images/k2.svg);
  padding-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-17 #section-17-content-wrapper .col-left .box .hr {
    margin: 0;
  }
}
main section#section-17 #section-17-content-wrapper .col-right {
  flex: 1 0 50%;
  display: flex;
  justify-content: left;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  main section#section-17 #section-17-content-wrapper .col-right {
    flex: 0 1 50%;
    max-width: 384px;
  }
}
@media (max-width: 767px) {
  main section#section-17 #section-17-content-wrapper .col-right {
    flex: 1 0 100%;
    width: 100%;
    padding-top: 2rem;
  }
}
main section#section-17 #section-17-content-wrapper .col-right .box {
  text-align: left;
}
@media (max-width: 767px) {
  main section#section-17 #section-17-content-wrapper .col-right .box {
    width: 100%;
  }
}
main section#section-17 #section-17-content-wrapper .col-right .box p {
  font-family: "Manrope", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  color: #505050;
}
main section#section-17 #section-17-content-wrapper .col-right .box textarea {
  border: 1px solid #F8BA23;
  border-radius: 5px;
  opacity: 1;
  background-color:#FAFAFA;
  width: 524px;
  height: 124px;
  margin-bottom: 1.875rem;
  padding: 10px;
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
}
@media (max-width: 1360px) {
  main section#section-17 #section-17-content-wrapper .col-right .box textarea {
    width: 100%;
  }
}
main section#section-17 #section-17-content-wrapper .col-right .box textarea.error {
  border: 1px solid #ff0000;
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email {
  border: 1px solid #F8BA23;
  background-color: #FAFAFA;
  border-radius: 25px;
  opacity: 1;
  width: 308px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Manrope", sans-serif;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  main section#section-17 #section-17-content-wrapper .col-right .box input.email {
    width: 100%;
  }
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email::-moz-placeholder {
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email::placeholder {
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email::-webkit-input-placeholder { /* Chrome, Edge, Safari */
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email::-moz-placeholder { /* Firefox */
  color: #505050;
  font-size: 0.9375rem;
  opacity: 1; /* Firefox domyślnie stosuje nieco przezroczysty kolor dla placeholdera */
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email:-ms-input-placeholder { /* Internet Explorer */
  color: #505050;
  font-size: 0.9375rem;
}
main section#section-17 #section-17-content-wrapper .col-right .box input.email.error {
  border: 1px solid #ff0000;
}
main section#section-17 #section-17-content-wrapper .col-right .box input.submit {
  border: 0;
  background: #F8BA23 0% 0% no-repeat padding-box;
  border-radius: 32px;
  width: 308px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  color: #056689;
  font-size: 0.9375rem;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  main section#section-17 #section-17-content-wrapper .col-right .box input.submit {
    width: 100%;
  }
}

footer {
  min-height: 379px;
  background-color: #056689;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
footer nav {
  max-width: 1280px;
  min-width: 1280px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* ul{
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0;

      li{
          flex-grow: 1;
          display: flex;
          align-items: center;

          &:nth-child(1){

              flex-grow: 2;
          }

          a{
              text-transform: uppercase;
              font-size: 0.875rem;
              color: $color-white;
              @include Neosans();

              &:hover{
                  color: $color-white;
                  text-decoration: none;
              }
          }
      }
  } */
}
@media (max-width: 1280px) {
  footer nav {
    max-width: 100%;
    min-width: 100%;
  }
}
footer nav .row {
  display: flex;
  flex: 1 0 100%;
  flex-direction: row;
  min-width: 100%;
}
@media (max-width: 767px) {
  footer nav .row {
    margin-left: 0;
    margin-right: 0;
  }
  footer nav .row.rowa {
    padding-top: 1.875rem;
  }
}
footer nav .row .col-f {
  flex: 1 0 22%;
  justify-content: left;
  display: flex;
}
@media (max-width: 767px) {
  footer nav .row .col-f {
    flex: 1 0 100%;
    width: 100%;
  }
  footer nav .row .col-f:nth-child(1) {
    padding-left: 1.5625rem;
  }
  footer nav .row .col-f:nth-child(4) {
    padding-right: 1.5625rem;
  }
}
footer nav .row .col-f .f-logo {
  margin-bottom: 1.875rem;
}
footer nav .row .col-f .sm {
  margin-right: 0.875rem;
}
footer nav .row .col-f address {
  font-family: "Manrope", sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 0.75rem;
  text-align: left;
}
footer nav .row .col-f p {
  padding: 0;
  margin: 0;
  font-family: "Manrope", sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 0.75rem;
  text-align: left;
}
footer nav .row .col-f p .b {
  font-size: 0.9375rem;
  font-weight: 600;
}
footer nav .row .col-f p a {
  color: #fff;
  text-decoration: none;
}
footer nav .row .col-f.col-m {
  justify-content: center;
}
@media (max-width: 767px) {
  footer nav .row .col-f.col-m {
    justify-content: left;
    padding-left: 1.5625rem;
    padding-top: 1.5625rem;
  }
}
footer nav .row .col-f.col-p {
  flex: 1 0 34%;
  justify-content: center;
  align-items: start;
}
@media (max-width: 767px) {
  footer nav .row .col-f.col-p {
    justify-content: left;
  }
}
footer nav .row .col-f.col-p .nn {
  display: flex;
  flex-direction: column;
}
footer nav .row .col-f.col-p .nn p, footer nav .row .col-f.col-p .nn div {
  min-width: 366px;
}
footer nav .row .col-f.col-p .nn div {
  border-bottom: 1px solid #F8BA23;
  display: flex;
}
footer nav .row .col-f.col-p .nn div input {
  border: 0;
  background-color: #FAFAFA;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 0.9375rem;
  width: 95%;
  flex: 1 0 auto;
}
footer nav .row .col-f.col-p .nn div input:focus {
  outline: none;
}
footer nav .row .col-f.col-p .nn div .arrow {
  transform: rotate(-90deg);
  flex: 1 0 auto;
  cursor: pointer;
}
footer nav .row .col-f.col-n {
  justify-content: end;
}
footer nav .row .col-f .n {
  font-size: 0.625rem;
  font-weight: 300;
  font-family: "Manrope", sans-serif;
  color: #fff;
}
footer nav .row.rowb .col-f {
  align-items: start;
}
footer nav .row.rowb .col-f:nth-child(1), footer nav .row.rowb .col-f:nth-child(2), footer nav .row.rowb .col-f:nth-child(3) {
  border-right: 1px solid #fff;
}
@media (max-width: 767px) {
  footer nav .row.rowb .col-f:nth-child(1), footer nav .row.rowb .col-f:nth-child(2), footer nav .row.rowb .col-f:nth-child(3) {
    border: 0;
  }
}
@media (max-width: 767px) {
  footer nav .row.rowc {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
  footer nav .row.rowc .col-f {
    flex: 1 1 22%;
  }
  footer nav .row.rowc .col-f:nth-child(2), footer nav .row.rowc .col-f:nth-child(3) {
    flex: 1 0 10%;
  }
}

.hr {
  width: 12.5rem;
  height: 2px;
  background-color: #F8BA23;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}/*# sourceMappingURL=style.css.map */