﻿*{
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;

  font-family: "Red Rose", serif;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #000000;

}

body {
}

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_img {
  width: 140px;
  display: block;
  margin: 10px 0 100px;
}
.menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.menu_item_link {
  font-weight: 400;
  font-size: 36px;
  line-height: 43px;
  text-align: right;
  text-transform: lowercase;
  color: #FFFFFF;
  text-decoration: none;
}





.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;
  padding-bottom: 100px;
}
.main_content {
  min-height: calc(100vh - 200px);
}
.title {
  max-width: 960px;
  width: 100%;
  margin: 0 0 20px;

font-weight: 300;
font-size: 64px;
line-height: 80px;
color: #FFFFFF;
text-shadow: 0px 0px 33.1394px #FFFFFF, 0px 0px 18.9368px #FFFFFF, 0px 0px 11.0465px #FFFFFF, 0px 0px 5.52323px #FFFFFF, 0px 0px 1.57807px #FFFFFF, 0px 0px 0.789033px #FFFFFF;


  text-transform: uppercase;
  text-align: left;
}

.title span {
  font-weight: 400;
}



.text {
  position: relative;
  margin-bottom: 40px;

font-weight: 300;
font-size: 20px;
line-height: 25px;
text-transform: uppercase;

  color: #FFFFFF;
  text-align: left;
}
.text span {
  font-weight: 400;
}
.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 {
  position: relative;
  z-index: 11111;
  padding: 10px 20px;
  border-radius: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 47px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;



background: #F93B3E;
border: 1px solid #FFFFFF;
box-shadow: 0px 0px 82.4948px #F93B3E, 0px 0px 47.1399px #F93B3E, 0px 0px 27.4983px #F93B3E, 0px 0px 13.7491px #F93B3E, 0px 0px 3.92832px #F93B3E, 0px 0px 1.96416px #F93B3E;
border-radius: 20px;

}
.link::before {
  display: none !important;
}
.link {
  margin-right: auto;
  display: block;
  width: fit-content;
}
#sendButton {
  display: block;
  width: fit-content;
  margin-left: auto;
}
picture {
  display: flex;
}
.main_img {
  position: absolute;
  top: -20px;
  right: 0;
  max-width: 700px;
  width: 100%;
}

@media(max-width: 1250px) {
  .main_img {
    max-width: 600px;
  }
}

@media(max-width: 1024px) {
  .main_content {
    min-height: 100%;
  }
  .title {
    font-size: 20px;
    line-height: 26px;
  }
  .text {
    font-size: 14px;
    line-height: 18px;
  }

  .link,
  #sendButton {
    padding: 10px 15px;
    font-size: 30px;
    line-height: 37px;
  }
  .main_img {
    max-width: 300px;
  }

}

@media(max-width: 767px) {
  .logo_img {
    margin: 5px 0 100px;
    width: 60px;
  }
  .main_img {
    max-width: 70%;
  }
  .link,
  #sendButton {
    display: block;
    max-width: 450px;
    width: 100%;
  }
}







.services {
  position: relative;
  padding-bottom: 150px;
}
.list {
  padding: 0;
  text-align: left;
}
.list_right {
  margin-top: 75px;
  text-align: right;
}
.list li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.list li::before {
  content: '';
  display: block;
  position: relative;
  width: 92px;
  height: 80px;
  margin-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='92' height='80' viewBox='0 0 92 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_109_62)'%3e%3cpath d='M68.9875 0C58.079 18.95 52.052 28.4 45.9751 28.4C39.8982 28.4 33.8711 18.95 23.0125 0C33.8711 18.95 39.0514 28.95 36.013 34.2C32.9746 39.45 21.7672 40 0 40C22.5642 40 33.7715 40.55 36.3119 46.35C38.7028 51.75 33.5225 61.7 23.0125 80C33.921 61.05 39.948 51.6 46.0249 51.6C52.1018 51.6 58.1289 61.05 69.0374 80C57.4813 59.85 52.4007 49.85 56.6844 44.85C60.47 40.45 71.6275 40 92.0498 40C69.0374 40 57.83 39.4 55.5885 33.25C53.5463 27.75 58.7266 17.85 68.9875 0Z' fill='%23F93B3E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_109_62'%3e%3crect width='92' height='80' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.list_right li::before {
  display: none;
}

.list_right li {
  justify-content: end;
}
.list_right li::after {
  content: '';
  display: block;
  position: relative;
  width: 92px;
  height: 80px;
  margin: 0 0 0 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='92' height='80' viewBox='0 0 92 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_109_62)'%3e%3cpath d='M68.9875 0C58.079 18.95 52.052 28.4 45.9751 28.4C39.8982 28.4 33.8711 18.95 23.0125 0C33.8711 18.95 39.0514 28.95 36.013 34.2C32.9746 39.45 21.7672 40 0 40C22.5642 40 33.7715 40.55 36.3119 46.35C38.7028 51.75 33.5225 61.7 23.0125 80C33.921 61.05 39.948 51.6 46.0249 51.6C52.1018 51.6 58.1289 61.05 69.0374 80C57.4813 59.85 52.4007 49.85 56.6844 44.85C60.47 40.45 71.6275 40 92.0498 40C69.0374 40 57.83 39.4 55.5885 33.25C53.5463 27.75 58.7266 17.85 68.9875 0Z' fill='%23F93B3E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_109_62'%3e%3crect width='92' height='80' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.services_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.services_img {
  position: absolute;
  top: -300px;
  right: 0;
  max-width: 800px;
  width: 100%;
}


@media(max-width: 1024px) {
  .services {
    padding-bottom: 50px;
  }
  .services_img {
    width: 500px;
    top: -200px;
  }
  .list li {
    font-size: 16px;
    line-height: 20px;
  }
  .list li::before {
    width: 23px;
    height: 20px;
    margin-right: 10px;
  }
  .list_right li::after {
    width: 23px;
    height: 20px;
    margin-left: 10px;
  }
}
@media(max-width: 767px) {
  .services_img {
    width: 100%;
    top: -125px;
  }
}




.about {
  position: relative;
  padding-bottom: 70px;
}
.about_img {
  position: absolute;
  top: -200px;
  left: 0;
  max-width: 1000px;
  width: 100%;
}
.text_right {
  max-width: 600px;
  text-transform: uppercase;
  text-align: right;
  margin-left: auto;

text-shadow: 0px 0px 250px #FFFFFF, 0px 0px 250px #FFFFFF, 0px 0px 183.368px #FFFFFF, 0px 0px 91.6838px #FFFFFF, 0px 0px 26.1954px #FFFFFF, 0px 0px 13.0977px #FFFFFF;
}
.about .text {
  max-width: 700px;
  width: 100%;
  margin: 0 !important;
}
@media(max-width: 1024px) {
  .about_img {
    max-width: 500px;
  }
}
@media(max-width: 767px) {
  .about {
    padding-bottom: 20px;
  }
  .about_img {
    max-width: 60%;
    top: 150px;
  }
  .about .text br {
    display: none;
  }
}



.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 {
  padding-bottom: 0;
  background: url(../img/contacts.png);
  background-repeat: no-repeat;
  background-position: top 100px center;
  background-size: 1200px;
}
.contacts_content {
  display: flex;
  align-items: start;
}
.contacts_info {
  max-width: 100%;
  width: 100%;
}
.form_field {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 10px;
}
.form_field label {
  display: block;
  margin-bottom: 5px;
  font-weight: 300;
  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: 300;
  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: 100%;
}
.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 {
    background: transparent;
  }
  .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 {
  padding: 30px 0 30px;
  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;
}
.logo_footer {
  width: 100px;
  margin: 0 auto 20px;
}