@charset "UTF-8";
/* Regular */
@font-face {
  font-display: swap;
  font-family: "Gotham";
  src: url("../../../assets/fonts/montserrat-v29-latin_latin-ext-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
/* Bold */
@font-face {
  font-display: swap;
  font-family: "Gotham";
  src: url("../../../assets/fonts/montserrat-v29-latin_latin-ext-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
/* libre-baskerville-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  src: url("../../../assets/fonts/libre-baskerville-v14-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-baskerville-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  src: url("../../../assets/fonts/libre-baskerville-v14-latin_latin-ext-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../../../assets/fonts/roboto-v47-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.hero {
  width: 100%;
  display: flex;
  min-height: 713px;
  background-position: center center;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 103px;
}
@media (max-width: 1211px) {
  .hero {
    padding-inline: 24px;
    padding-block: 32px;
  }
}
.hero:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.hero__logo {
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.hero__logo:visited {
  color: white;
}
.hero__logo img {
  width: 130px;
  height: 116px;
}
.hero__logo-title {
  font-size: 34px;
  text-shadow: 0 0 13px rgb(66, 68, 90);
  color: white;
  font-family: "Libre Baskerville";
  font-weight: 700;
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .hero__logo-title {
    font-size: 20px;
  }
}
.hero__subtitle {
  text-shadow: 0 0 13px rgb(66, 68, 90);
  font-size: 16.6px;
  font-weight: 700;
  color: white;
  font-family: "Gotham";
  letter-spacing: 6px;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .hero__subtitle {
    font-size: 12px;
  }
}
.hero__button {
  transition: all ease-in-out 0.3s;
  margin-top: 90px;
  z-index: 1;
  text-decoration: none;
  display: flex;
  font-size: 21px;
  color: white;
  border: 2px solid #82a4c0;
  font-family: "Roboto";
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50px;
  height: 50px;
  width: 280px;
  text-shadow: 0 0 13px rgb(66, 68, 90);
}
@media (max-width: 1211px) {
  .hero__button {
    margin-top: 45px;
  }
}
.hero__button:visited {
  color: white;
}
.hero__button:hover {
  background-color: #82a4c0;
  color: #cae0e4;
}
.hero__arrows {
  display: block;
  margin-top: 31px;
  z-index: 1;
}
.hero .nav-container {
  display: flex;
  width: 100%;
  max-width: 1500px;
  padding-inline: 10px;
  justify-content: center;
  color: white;
  z-index: 1;
  margin-bottom: 104px;
}
.hero .nav-container.sticky {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw !important;
  max-width: unset;
  height: 50px;
  background-color: #204d38;
  z-index: 3;
  padding: 10px;
}
.hero .nav-container__contact {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hero .nav-container__contact--mail img {
  height: 19.35px;
}
.hero .nav-container__contact--phone {
  display: flex;
  align-items: center;
  font-family: "Gotham";
  text-decoration: none;
  gap: 10px;
  font-size: 19.35px;
  font-weight: 700;
  color: #b3dbe1;
}
.hero .nav-container__contact--phone img {
  height: 19.35px;
}
.hero .nav-container .main-navigation {
  width: 100%;
  max-width: 65%;
}
.hero .nav-container ul {
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-right: 70px;
}
.hero .nav-container ul li a {
  transition: color 0.4s ease-in-out;
  font-family: "Gotham";
  font-size: 18px;
  text-shadow: 0 0 13px rgb(66, 68, 90);
  color: white;
  text-decoration: none;
}
.hero .nav-container ul li a:hover {
  color: #b3dbe1;
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 100vh;
  background: white;
  z-index: 99999;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  padding-top: 55px;
}
.mobile-menu .hero__logo {
  padding: 20px;
  color: #204D38;
  text-shadow: none;
  text-align: center;
}
.mobile-menu .hero__logo__title {
  margin-top: 10px;
}
.mobile-menu .hero__logo img {
  max-width: 100px;
}
.mobile-menu .hero__logo h1, .mobile-menu .hero__logo span {
  color: #204D38;
  text-shadow: none;
}
.mobile-menu.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
.mobile-menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.mobile-menu .menu li {
  margin: 10px 0;
}
.mobile-menu .menu li:last-child:after {
  display: none;
}
.mobile-menu .menu li:after {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  background-color: #f4f4f4;
  margin: 10px auto;
}
.mobile-menu .menu li a {
  font-family: "Gotham";
  font-size: 17px;
  color: black;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.mobile-menu .menu li a:hover {
  color: #82a4c0;
}

.close-menu-container {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #5B7C6C;
  padding: 0;
  cursor: pointer;
  z-index: 1000;
  width: 70px;
  height: 66px;
}

.close-menu {
  position: relative;
  width: 100%; /* Maksymalna szerokość "X" */
  height: 100%;
  cursor: pointer;
  display: block;
}
.close-menu span {
  position: absolute;
  width: 39px;
  height: 4px;
  background-color: white;
  top: 50%;
  left: 50%;
  transform-origin: center;
}
.close-menu span:first-child {
  transform: rotate(45deg) translate(-50%);
}
.close-menu span:last-child {
  transform: rotate(-45deg) translate(-50%);
}

.hamburger-menu {
  display: none;
  flex-direction: column;
  gap: 7px;
  cursor: pointer;
  z-index: 1000;
  background-color: #5B7C6C;
  padding: 20px;
}
.hamburger-menu span {
  display: block;
  width: 30px;
  height: 4px;
  background: white;
  transition: all 0.3s ease-in-out;
}
.hamburger-menu.sticky {
  -webkit-box-shadow: 0px 14px 39px -27px rgb(66, 68, 90);
  -moz-box-shadow: 0px 14px 39px -27px rgb(66, 68, 90);
  box-shadow: 0px 14px 39px -27px rgb(66, 68, 90);
  position: fixed;
  top: 0;
  right: 0;
}

.desktop-menu {
  display: flex;
}

@media (max-width: 1211px) {
  .desktop-menu {
    display: none;
  }
  .hamburger-menu {
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .nav-container {
    justify-content: flex-start;
  }
}
.about {
  padding-top: 118px;
  padding-bottom: 113px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1211px) {
  .about {
    padding-block: 0px;
  }
}
.about__container {
  display: flex;
  align-items: flex-end;
  max-width: 1211px;
  justify-content: center;
  width: 100%;
  gap: 136px;
}
@media (max-width: 1211px) {
  .about__container {
    padding-inline: 24px;
    padding-block: 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.about__decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 317.33px;
  max-height: 505.33px;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.14;
}
.about-block--text {
  max-width: 562.8px;
}
@media (max-width: 1211px) {
  .about-block--text {
    max-width: 100%;
  }
}
.about-block__portait {
  width: 100%;
  height: 100%;
  max-width: 439.8px;
  max-height: 659.7px;
}
.about-block__label {
  font-family: "Gotham";
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 15.4px;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
  color: #292929;
}
@media (max-width: 1211px) {
  .about-block__label {
    font-size: 11px;
  }
}
.about-block__title {
  font-family: "Libre Baskerville";
  font-weight: 700;
  letter-spacing: 0.1px;
  font-size: 30px;
  line-height: 32px;
  color: #204d38;
  margin-bottom: 39px;
}
@media (max-width: 1211px) {
  .about-block__title {
    font-size: 22px;
    line-height: 26px;
  }
}
.about-block__content {
  font-family: "Gotham";
  font-size: 20px;
  line-height: 28px;
  color: #292929;
}
.about-block__content p {
  padding-bottom: 30px;
  text-align: justify;
}
.about-block__content p:last-child {
  padding-bottom: 0;
}
@media (max-width: 1211px) {
  .about-block__content p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}

.business-service, .range-of-cases {
  background-color: #F4F4F4;
  text-align: center;
  padding-top: 84px;
  padding-bottom: 66px;
  padding-inline: 24px;
}
@media (max-width: 1211px) {
  .business-service, .range-of-cases {
    padding-inline: 24px;
    padding-block: 32px;
  }
}
.business-service__container, .range-of-cases__container {
  margin: 0 auto;
  max-width: 1138.6px;
  width: 100%;
}
.business-service__title, .range-of-cases__title {
  font-family: "Libre Baskerville";
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 48px;
  padding-bottom: 45px;
}
@media (max-width: 1211px) {
  .business-service__title, .range-of-cases__title {
    font-size: 25px;
  }
}
.business-service__content p, .range-of-cases__content p {
  font-family: "Gotham";
  font-size: 18px;
  line-height: 28px;
  color: #292929;
  padding-bottom: 30px;
  text-align: center;
}
.business-service__content p mark, .range-of-cases__content p mark {
  background: none;
  color: #5A7C95;
}
.business-service__content p:last-child, .range-of-cases__content p:last-child {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .business-service__content p, .range-of-cases__content p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
.business-service__arrows, .range-of-cases__arrows {
  display: block;
  max-width: fit-content;
  margin: 0 auto;
}
.business-service__arrows img, .range-of-cases__arrows img {
  padding-top: 52px;
  margin: 0 auto;
}
.business-service__btns-row, .range-of-cases__btns-row {
  width: 100%;
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-block: 30px;
}
@media (max-width: 1211px) {
  .business-service__btns-row, .range-of-cases__btns-row {
    gap: 20px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.business-service__btns-row a, .range-of-cases__btns-row a {
  display: block;
  font-weight: 700;
  color: white;
  text-decoration: none;
  font-size: 21px;
  font-family: "Gotham", SansSerif;
  background-color: #3a576c;
  border: 3px solid #82a4c0;
  padding: 14px 0;
  width: 100%;
  max-width: 350px;
  border-radius: 50px;
  line-height: 22px;
  transition: opacity 0.3s ease-in-out;
}
.business-service__btns-row a:hover, .range-of-cases__btns-row a:hover {
  opacity: 0.7;
}
.business-service__btns-row a:first-child, .range-of-cases__btns-row a:first-child {
  background-color: #5b7c6c;
  border-color: #204d38;
}
.business-service__btns-row a:last-child, .range-of-cases__btns-row a:last-child {
  background-color: #204d38;
  border-color: #5b7c6c;
}

.areas {
  background-color: white;
  padding-top: 100px;
  padding-bottom: 123px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.areas--light-green {
  -webkit-box-shadow: inset 0px 0px 70px -60px rgb(66, 68, 90);
  -moz-box-shadow: inset 0px 0px 70px -60px rgb(66, 68, 90);
  box-shadow: inset 0px 0px 70px -60px rgb(66, 68, 90);
}
.areas--light-green .areas__info-box-link {
  background-color: #5b7c6c;
}
.areas--dark-green {
  -webkit-box-shadow: inset 0px 0px 70px -60px rgb(66, 68, 90);
  -moz-box-shadow: inset 0px 0px 70px -60px rgb(66, 68, 90);
  box-shadow: inset 0px 0px 70px -60px rgb(66, 68, 90);
}
.areas--dark-green .areas__info-box-link {
  background-color: #204d38;
}
.areas--dark-green .areas__info-box {
  min-height: 450px;
}
@media (max-width: 1211px) {
  .areas {
    padding-inline: 24px;
    padding-block: 32px;
  }
}
.areas__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.areas__title {
  font-family: "Libre Baskerville";
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 48px;
  padding-bottom: 37px;
}
@media (max-width: 1211px) {
  .areas__title {
    font-size: 25px;
  }
}
.areas__content p {
  font-family: "Gotham";
  font-size: 18px;
  line-height: 28px;
  color: #292929;
  padding-bottom: 30px;
  text-align: justify;
}
@media (max-width: 1211px) {
  .areas__content p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
.areas__content p:last-child {
  padding-bottom: 0;
}
.areas__info-box-row {
  display: flex;
  margin-top: 160px;
  width: 100%;
  max-width: 1211px;
  justify-content: space-between;
}
@media (max-width: 1211px) {
  .areas__info-box-row {
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-top: 80px;
  }
}
.areas__info-box {
  background-color: #F4F4F4;
  min-height: 410px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 361px;
  padding-inline: 20px;
  position: relative;
  padding-top: 70px;
}
@media (max-width: 1211px) {
  .areas__info-box {
    max-width: 100%;
    padding-block: 32px;
  }
}
.areas__info-box-title {
  font-family: "Gotham";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 24px;
}
.areas__info-box-image {
  max-height: 100px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -60%);
}
@media (max-width: 1211px) {
  .areas__info-box-image {
    transform: translate(0, 0);
    position: static;
    margin: 15px auto;
  }
}
.areas__info-box-description {
  font-family: "Gotham";
  font-size: 14px;
}
.areas__info-box-link {
  position: absolute;
  font-family: "Gotham";
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  background-color: #3A576C;
  text-decoration: none;
  border-radius: 50px;
  padding: 14px 27px;
  bottom: 0;
  transform: translateY(50%);
  font-size: 15px;
}
@media (max-width: 1211px) {
  .areas__info-box-link {
    transform: translateY(0);
    margin-top: 15px;
    position: static;
  }
}

.business-service-two {
  padding-top: 118px;
  padding-bottom: 113px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1211px) {
  .business-service-two {
    padding-inline: 0;
    padding-block: 0;
  }
}
.business-service-two__container {
  display: flex;
  align-items: flex-end;
  max-width: 1211px;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
}
@media (max-width: 1211px) {
  .business-service-two__container {
    padding-inline: 24px;
    padding-block: 32px;
    flex-direction: column-reverse;
    align-items: center;
    gap: 32px;
  }
}
.business-service-two__decoration {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 317.33px;
  max-height: 505.33px;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.14;
}
.business-service-two-block--text {
  max-width: 562.8px;
}
@media (max-width: 1080px) {
  .business-service-two-block--text {
    max-width: 100%;
  }
}
.business-service-two-block__button-row {
  display: flex;
  justify-content: flex-end;
}
.business-service-two-block__button {
  text-decoration: none;
  color: white;
  font-family: "Gotham";
  background-color: #204D38;
  font-weight: 700;
  padding: 16px 34px;
  border-radius: 50px;
  font-size: 14px;
  margin-top: 20px;
}
.business-service-two-block__portait {
  width: 100%;
  height: 100%;
  max-width: 476.8px;
  max-height: 679.7px;
}
.business-service-two-block__label {
  font-family: "Gotham";
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 15.4px;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
  color: #292929;
}
.business-service-two-block__title {
  font-family: "Libre Baskerville";
  font-weight: 700;
  letter-spacing: 0.1px;
  font-size: 30px;
  line-height: 32px;
  color: #204d38;
  margin-bottom: 39px;
}
@media (max-width: 1211px) {
  .business-service-two-block__title {
    font-size: 25px;
  }
}
.business-service-two-block__content {
  font-family: "Gotham";
  font-size: 18px;
  line-height: 28px;
  color: #292929;
}
.business-service-two-block__content ul {
  padding-left: 30px;
}
@media (max-width: 1211px) {
  .business-service-two-block__content ul {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
.business-service-two-block__content p {
  padding-bottom: 30px;
}
.business-service-two-block__content p:last-child {
  padding-bottom: 0;
}
@media (max-width: 1211px) {
  .business-service-two-block__content p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}

.custom-contact-form {
  width: 100%;
  background-size: cover;
  background-position: -200px center;
  display: flex;
  background-color: #f4f4f4;
  position: relative;
}
.custom-contact-form .container {
  justify-content: flex-end;
}
.custom-contact-form--second {
  background-size: contain;
  background-position: 25% 55px;
  background-repeat: no-repeat;
}
.custom-contact-form--second .custom-contact-form__box {
  padding-bottom: 66px;
}
.custom-contact-form__box {
  background-color: #fff;
  padding: 108px 103px 175px 77px;
  max-width: 689px;
  width: 100%;
}
@media (max-width: 1211px) {
  .custom-contact-form__box {
    padding-inline: 24px;
    padding-block: 32px;
    max-width: 100%;
  }
}
.custom-contact-form__title {
  font-family: "Libre Baskerville";
  font-weight: 700;
  letter-spacing: 0.1px;
  font-size: 30px;
  line-height: 32px;
  color: #000;
  margin-bottom: 24px;
}
.custom-contact-form__subtitle {
  font-family: "Gotham";
  font-size: 15px;
  margin-bottom: 43px;
}
.custom-contact-form .registration-form {
  font-family: "Gotham";
  width: 100%;
}
.custom-contact-form .registration-form p {
  margin-bottom: 10px;
  width: 100%;
  max-width: 523px;
}
@media (max-width: 1211px) {
  .custom-contact-form .registration-form p {
    max-width: 100%;
  }
}
.custom-contact-form .registration-form label {
  padding-left: 12px;
}
.custom-contact-form .registration-form input,
.custom-contact-form .registration-form textarea {
  width: 100%;
  border: none;
  background-color: #f0ebe1;
  border-radius: 12px;
  padding-left: 12px;
}
.custom-contact-form .registration-form input:focus-visible,
.custom-contact-form .registration-form textarea:focus-visible {
  outline: none;
}
.custom-contact-form .registration-form input[type=text],
.custom-contact-form .registration-form input[type=email],
.custom-contact-form .registration-form input[type=tel] {
  height: 32px;
  margin-bottom: 9px;
}
.custom-contact-form .registration-form textarea {
  resize: none;
  max-height: 126px;
}
.custom-contact-form .registration-form .wpcf7-not-valid-tip {
  padding-left: 12px;
}
.custom-contact-form .registration-form .wpcf7-list-item {
  margin-top: 29px;
  position: relative;
  display: flex;
  align-items: center;
  /* Ukrywamy checkboxa */
  /* Stylowanie label */
  /* Pseudoelement przed (ramka checkboxa) */
  /* Pseudoelement po (ptaszek) */
  /* Kiedy checkbox jest zaznaczony (po kliknięciu) */
}
.custom-contact-form .registration-form .wpcf7-list-item .from-checkbox {
  display: none;
}
.custom-contact-form .registration-form .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 17px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  padding-left: 30px; /* Miejsce na checkboxa */
  transition: all 0.3s ease;
}
.custom-contact-form .registration-form .wpcf7-list-item label::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 2px solid #000;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s, border-color 0.3s;
}
.custom-contact-form .registration-form .wpcf7-list-item label::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.80208 1.5625L8.41667 0.171875L5.31771 3.27083L2.21875 0.171875L0.828125 1.5625L3.92708 4.66146L0.828125 7.76042L2.21875 9.15104L5.31771 6.05208L8.41667 9.15104L9.80208 7.76042L6.70833 4.66146L9.80208 1.5625Z' fill='black'/%3E%3C/svg%3E");
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 3.5px;
  transform: translateY(-50%) scale(0); /* Ukryty na początku */
  transition: transform 0.3s ease;
  border-radius: 2px;
}
.custom-contact-form .registration-form .wpcf7-list-item label.selected::before {
  background-color: transparent;
  border-color: black;
}
.custom-contact-form .registration-form .wpcf7-list-item label.selected::after {
  transform: translateY(-50%) scale(1);
}
.custom-contact-form .registration-form p:has(input[type=submit]) {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
.custom-contact-form .registration-form p:has(input[type=submit]) .wpcf7-spinner {
  position: absolute;
  left: 0;
  top: 50%;
}
.custom-contact-form .registration-form p:has(input[type=submit]) .wpcf7-form-control.wpcf7-submit {
  display: block;
  max-width: 167px;
  width: 100%;
  text-decoration: none;
  color: white;
  font-family: "Gotham";
  background-color: #82A4C0;
  font-weight: 700;
  padding: 14px 34px;
  border-radius: 50px;
  font-size: 14px;
  margin-top: 20px;
  text-transform: uppercase;
  cursor: pointer;
  right: 0;
}
.custom-contact-form form.wpcf7 .wpcf7-response-output {
  margin-top: 10px;
  padding-left: 0;
}
.custom-contact-form form.invalid .wpcf7-response-output {
  font-family: "Gotham";
  outline: none;
  border-color: transparent;
  color: red;
}

.reviews {
  width: 100%;
  background-color: #f4f4f4;
  padding-bottom: 129px;
  overflow: hidden;
}
.reviews__colors {
  display: flex;
  width: 100%;
  margin-bottom: 106px;
}
.reviews__colors div {
  display: block;
  max-width: 20%;
  width: 100%;
  height: 30px;
}
.reviews__colors div:nth-child(1) {
  background-color: #F4F4F4;
}
.reviews__colors div:nth-child(2) {
  background-color: #82A4C0;
}
.reviews__colors div:nth-child(3) {
  background-color: #CAE0E4;
}
.reviews__colors div:nth-child(4) {
  background-color: #5B7C6C;
}
.reviews__colors div:nth-child(5) {
  background-color: #204D38;
}
.reviews .container {
  text-align: center;
  flex-direction: column;
}
.reviews__title {
  margin: 0 auto;
  font-size: 30px;
  font-family: "Libre Baskerville";
  color: #204D38;
  padding-bottom: 57px;
}
@media (max-width: 1211px) {
  .reviews__title {
    font-size: 25px;
  }
}
.reviews .slider-container {
  margin: 0 auto;
  max-width: 875px;
}
@media (max-width: 1211px) {
  .reviews .slider-container {
    max-width: 90vw;
  }
}
.reviews .slide {
  width: 90%;
  max-width: 875px;
  font-size: 18px;
  font-family: "Gotham";
  color: #204D38;
  margin: 0 auto;
}
.reviews .slider-row {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.reviews .customPrevBtn, .reviews .customNextBtn {
  cursor: pointer;
}
@media (max-width: 1211px) {
  .reviews .customPrevBtn, .reviews .customNextBtn {
    display: none;
  }
}

.contact {
  background-image: url("../../../assets/img/inkubator.jpg");
  background-position: center center;
  padding-top: 58px;
  padding-bottom: 90px;
  background-size: cover;
  position: relative;
  padding-inline: 24px;
}
@media (max-width: 1211px) {
  .contact {
    padding-inline: 24px;
    padding-block: 32px;
  }
}
.contact .container {
  display: flex;
  align-items: center;
  gap: 59px;
}
@media (max-width: 780px) {
  .contact .container {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.contact__title {
  margin-bottom: 20px;
  font-size: 30px;
  font-family: "Libre Baskerville";
  color: #fff;
  font-weight: 700;
}
.contact:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  opacity: 0.6;
  top: 0;
  left: 0;
  z-index: 0;
}
.contact__left-block, .contact__right-block {
  z-index: 1;
}
@media (max-width: 780px) {
  .contact__left-block, .contact__right-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
.contact__right-block {
  width: 100%;
  max-width: 796px;
  height: 592px;
}
@media (max-width: 780px) {
  .contact__right-block {
    max-width: 100%;
    width: 100%;
    height: fit-content;
  }
}
.contact__right-block p {
  height: 100%;
}
@media (max-width: 780px) {
  .contact__right-block p {
    max-width: 100%;
    width: 100%;
    height: 300px;
  }
}
.contact__left-block-logo {
  max-height: 90px;
  height: 100%;
  margin-bottom: 40px;
}
@media (max-width: 780px) {
  .contact__left-block-logo {
    margin-bottom: 20px;
  }
}
.contact__data {
  font-size: 18px;
  color: white;
  font-family: "Gotham";
  margin-bottom: 22px;
}
@media (max-width: 780px) {
  .contact__data {
    text-align: center;
    margin-bottom: 11px;
  }
}
.contact__address {
  font-size: 16px;
  color: white;
  font-family: "Gotham";
  margin-bottom: 25px;
}
@media (max-width: 780px) {
  .contact__address {
    text-align: center;
    margin-top: 12.5px;
  }
}
.contact__link {
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-family: "Gotham";
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
}
@media (max-width: 780px) {
  .contact__link {
    margin-bottom: 11px;
  }
}
.contact__socials {
  margin-top: 76px;
  margin-bottom: 25px;
  display: flex;
  gap: 16px;
}
@media (max-width: 780px) {
  .contact__socials {
    margin-top: 11px;
    margin-bottom: 25px;
  }
}
.contact__map-link {
  display: block;
  margin-bottom: 25px;
}
.contact__privacy {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-family: "Gotham";
  display: block;
}

/* 1. Use a more-intuitive box-sizing model */
*, html {
  scroll-behavior: smooth !important;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

body {
  /* 3. Add accessible line-height */
  line-height: 1.5;
  /* 4. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 5. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 6. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}

/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 8. Improve line wrapping */
p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/*
  9. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

.container {
  max-width: 1211px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

body {
  max-width: 100vw;
}

/*# sourceMappingURL=style.css.map */