*{
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;

  font-family: "Jura", sans-serif;
  font-size: 32px;
  color: #fff;
  text-align: center;
  background: #000000;

}

body {
  overflow-x: hidden;
}

h1, p {
  margin: 0;
}
section {
  padding: 30px 0;
}

/*.container */

.container {
  position: relative;
  padding: 0px 15px;
  margin: 0 auto;
  max-width: 1430px;
  width: 100%;
}

header {
  min-height: 125px;
}
.header_main {
  padding: 10px 0;
}
.header_main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: 0.3s;
  padding: 15px 0;
  background: #000;
}
.header_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  width: 60px;
}
.menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
.menu_item_link {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  text-transform: lowercase;
  color: #FFFFFF;
  text-decoration: none;
}


.lang-switcher {
  display: flex;
  gap: 10px;
  align-items: center;
}

.lang-btn {
  padding: 4px 8px;
  font-size: 16px;
  background: transparent;
  border: 1px solid #87E672;
  color: #fff;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  text-decoration: none;
}

.lang-btn.active {
  background: #87E672;
  color: #fff;
}

.lang-btn:hover {
  background: #87E672;
  color: #fff;
}



.hide_desk {
  display: none;
}
@media(max-width: 1024px) {
  header {
    min-height: 95px;
  }
  .hide_desk {
    display: block;
  }
  .logo {
    width: 40px;
  }
  .burger {
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.00001 27C5.57501 27 5.21901 26.856 4.93201 26.568C4.64501 26.28 4.50101 25.924 4.50001 25.5C4.49901 25.076 4.64301 24.72 4.93201 24.432C5.22101 24.144 5.57701 24 6.00001 24H30C30.425 24 30.7815 24.144 31.0695 24.432C31.3575 24.72 31.501 25.076 31.5 25.5C31.499 25.924 31.355 26.2805 31.068 26.5695C30.781 26.8585 30.425 27.002 30 27H6.00001ZM6.00001 19.5C5.57501 19.5 5.21901 19.356 4.93201 19.068C4.64501 18.78 4.50101 18.424 4.50001 18C4.49901 17.576 4.64301 17.22 4.93201 16.932C5.22101 16.644 5.57701 16.5 6.00001 16.5H30C30.425 16.5 30.7815 16.644 31.0695 16.932C31.3575 17.22 31.501 17.576 31.5 18C31.499 18.424 31.355 18.7805 31.068 19.0695C30.781 19.3585 30.425 19.502 30 19.5H6.00001ZM6.00001 12C5.57501 12 5.21901 11.856 4.93201 11.568C4.64501 11.28 4.50101 10.924 4.50001 10.5C4.49901 10.076 4.64301 9.72 4.93201 9.432C5.22101 9.144 5.57701 9 6.00001 9H30C30.425 9 30.7815 9.144 31.0695 9.432C31.3575 9.72 31.501 10.076 31.5 10.5C31.499 10.924 31.355 11.2805 31.068 11.5695C30.781 11.8585 30.425 12.002 30 12H6.00001Z' fill='white'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .menu {
    display: none;
  }
  .menu.show {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0;
    right: 0;
    padding: 0px 15px 15px;
    gap: 0;
    background: #000;
    z-index: 11;
  }
  .menu_item_link {
    position: relative;
    width: 100%;
    text-align: left;
  }
  .menu_item_link::before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 12L20 12M20 12L14 18M20 12L14 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .menu_item_link:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
  }
}


.main {
  position: relative;
  padding-top: 0;
}
.main_content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  min-height: calc(100vh - 125px);
}
.main .link {
  max-width: 450px;
  margin:  0 auto;
}
.title {
  margin: 0 0 40px;
  font-weight: 600;
  font-size: 92px;
  line-height: 109px;
  text-transform: uppercase;
  color: #87E672;
  text-align: left;
}
.title b {
  font-weight: 600;
}
.title small {
  display: block;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
      text-transform: lowercase;
}
.main .title small {
  padding-left: 100px;
}
.title span {
  display: block;
  color: #fff;
}
.main .title span {
  padding-left: 100px;
}
.text {
  position: relative;
  max-width: 400px;
  width: 100%;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  text-transform: lowercase;
  color: #FFFFFF;
  text-align: left;
}
.text span {
  color: #87E672;
}
.text_2 {
  margin-top: 40px;
  margin-left: 125px;
  margin-bottom: 40px;
}
.text_2::before {
  content: '&';
  display: block;
  position: absolute;
  top: -30px;
  left: -60px;

  font-weight: 600;
  font-size: 64px;
  line-height: 76px;
  color: #87E672;
}
.link,
#sendButton {
  padding: 10px 20px;
  border: 2px solid #87E672;
  border-radius: 40px;
  font-weight: 600;
  font-size: 40px;
  line-height: 47px;
  color: #FFFFFF;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
.link::before {
  display: none !important;
}
#sendButton {
  display: block;
  width: 100%;
}

.main_img {
  position: absolute;
  top: 0px;
  right: 0;
  max-width: 500px;
  width: 100%;
}

@media(max-width: 1250px) {
  .main_img {
    max-width: 300px;
    top: 150px;
  }
}

@media(max-width: 1024px) {
  .main {
    padding-top: 30px;
  }
  .main_content {
    min-height: 100%;
  }
  .title {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 47px;
  }
  .title b {
    border-bottom: 1px solid #87E672;
    margin-bottom: 10px;
    display: block;
    width: max-content;
  }
  .title small {
    font-size: 16px;
  }
  .main .title small,
  .main .title span {
    padding-left: 100px;
  }
  .text {
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
  }
  .text_2 {
    margin-top: 50px;
    margin-left: 50px;
    margin-bottom: 50px;
  }
  .text_2::before {
    top: -30px;
    left: -60px;
  }
  .link,
  #sendButton {
    padding: 10px 15px;
    font-size: 30px;
    line-height: 37px;
  }
  .main_img {
    max-width: 200px;
    top: 0px;
  }

}

@media(max-width: 767px) {
  .main_img {
    max-width: 140px;
    top: 130px;
  }
  .text {
    max-width: 180px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
  }
  .text_2 {
    margin-top: 50px;
    margin-left: 75px;
    margin-bottom: 50px;
  }
  .text_2::before {
    top: -45px;
    left: -45px;
  }
  .link,
  #sendButton {
    display: block;
    max-width: 450px;
    width: 100%;
  }
  .main .title {
    margin-bottom: 60px;
  }
  .main .title small,
  .main .title span {
    padding-left: 20px;
  }
}
@media(max-width: 374px) {
  .title {
    font-size: 30px;
    line-height: 36px;
  }
  .main_img {
    max-width: 100px;
    top: 120px;
  }
}








.services {

}
.services .title b {
  border-bottom: 1px solid #87E672;
}
.services .title span {
  padding-left: 450px;
}

.services_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.services_img {
  max-width: 700px;
  width: 100%;
  margin-top: -200px;
}

@media(max-width: 1250px) {
  .services_img {
    max-width: 550px;
    width: 100%;
    margin-top: -100px;
  }
}
@media(max-width: 1024px) {
  .services .title span {
    padding-left: 30px;
  }
  .services_img {
    max-width: 450px;
    margin-top: -50px;
  }
  .services .text {
    max-width: 300px;
    margin-left: auto;
  }
}
@media(max-width: 767px) {
  .services_content {
    flex-direction: column;
  }
  .services_img {
    max-width: 75%;
    margin-right: auto;
    margin-top: 0px;
  }
  .services .text {
    max-width: 200px;
  }
}




.about {
  position: relative;
}
.about_img {
  position: absolute;
  top: -200px;
  right: 0;
  max-width: 500px;
  width: 100%;
}
.about .title b {
  border-bottom: 1px solid #87E672;
}
.about .title span {
  padding-left: 100px;
}
.about .text {
  max-width: 1100px;
  text-transform: uppercase;
}

@media(max-width: 1600px) {
  .about_img {
    max-width: 350px;
    top: -100px;
  }
}
@media(max-width: 767px) {
  .about_img {
    display: block;
    position: relative;
    top: 0;
    margin-left: auto;
    margin-bottom: -50px;
    max-width: 75%;
  }
  .about .title span {
    padding-left: 50px;
  }
}



.partners {

}
.partners .title b {
  border-bottom: 1px solid #87E672;
}
.partners .title span {
  padding-left: 100px;
}
.partners_img {
  display: block;
  width: 100%;
}

@media(max-width: 767px) {
  .partners .title {
    font-size: 36px;
  }
  .partners .title span {
    padding-left: 10px;
  }
}
@media(max-width: 390px) {
  .partners .title {
    font-size: 26px;
    line-height: 30px;
  }
}


.contacts {

}
.contacts_content {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.contacts_info {
  max-width: 600px;
  width: 100%;
}
.contacts .title b {
  border-bottom: 1px solid #87E672;
}
.form_field {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 10px;
}
.form_field label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.form_field input,
.form_field textarea {
  width: 100%;
  padding: 10px 20px;
  background: #FFFFFF;
  border: 1px solid #EEEEEF;
  box-shadow: inset -1px 2px 5.8px rgba(0, 0, 0, 0.2);
  border-radius: 9px;

  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  color: #000000;
}
.form_field textarea {
  margin-bottom: 20px;
  max-height: 200px;
}

.contacts_media {
  max-width: 50%;
  width: 100%;
}
.contacts_img {
  width: 90%;
}
.contacts .text {
  display: block;
  max-width: 100%;
  text-align: center;
  text-transform: math-auto;
}

#formStatus.success {
  color: #4CAF50; /* Зелёный цвет для успешной отправки */
  font-weight: bold;
}

#formStatus.error {
  color: #F44336; /* Красный цвет для ошибки */
  font-weight: bold;
}

@media(max-width: 1024px) {
  .contacts_content {
    flex-direction: column;
  }
  .contacts_info {
    margin: 0 auto 20px;
  }
  .contacts_media {
    margin: 0 auto;
  }
  .contacts .text {
    display: none;
  }
  .form_field label {
    font-size: 14px;
    line-height: 18px;
  }
  .form_field input, .form_field textarea {
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
  }
  .form_field textarea {
    margin-bottom: 10px;
  }
}
@media(max-width: 767px) {
  .contacts_media {
    max-width: 80%;
  }
}


.modal {
  display: none;
  padding: 20px 15px;
  max-height: 0;
  transition: .5s;
}
.modal.show {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  max-height: 100%;
}
.modal_wrapper {
  max-width: 94%;
  width: 100%;
  margin: 0 auto;
}
.modal .title span {
  text-align: right;
}
.modal .title b {
  border-bottom: 1px solid #87E672;
}
.modal_item {
  display: flex;
  align-items: start;
}
.modal_item:not(:last-child) {
  margin-bottom: 15px;
}
.modal_item svg {
  max-width: 65px;
  width: 100%;
  margin-right: 15px;
}
.modal_item .text {
  max-width: 100%;
}
.modal .text span {
  display: block;
  text-transform: uppercase;
  text-align: left;
}

@media(max-width: 767px) {
  .modal_item svg {
    max-width: 25px;
    height: 25px;
    width: 100%;
    margin-right: 10px;
  }
}





.footer_blue_decor {
  margin-top: 50px;
  padding: 10px 0;
  width: 100%;
  max-width: 100%;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.logoMobFooter {
  display: none;
}
.imgMobFooter {
  display: none;
}
.logoPc {
  width: 50%;
}
.mobile_logo {
  display: none;
}
.imgMob {
  display: none;
}
.logoMob {
  display: none;
}

.footer_new {
  display: flex;
  justify-content: space-around;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}
.policy_link {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.policy_link:hover {
  color: #fff;
}
.img_height_wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.left_img {
  flex: 1;
  max-height: 80%;
  width: 100%;
  height: auto;
}

.footer__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .white-popup {
      padding: 20px;
  }
}
.footer_blue_decor p {
    font-size: 14px;
    color: #fff;
}
.footer__item {
  list-style: none;
}
.footer__link {
  margin: 0 5px;
  color: #fff;
  border: none;
  background: transparent;
  cursor: pointer;
  max-width: 300px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}