@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
sup {
  vertical-align: super;
  font-size: small;
}
body {
  font-family: "Roboto", sans-serif;
  background-color: #dbd8d8;
  overflow-x: hidden;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 15px;
  width: 100%;
}
.main {
  display: flex;
  width: 100%;
  height: 100vh;
  background-image: url(../img/BG.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
}
.main__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: 200px;
}
.main__wrapper h1 {
  max-width: 670px;
  font-size: 39px;
  font-weight: 500;
  line-height: 1.5;
  color: #556012;
  margin-top: 35px;
}
.contact_us_links_block {
	margin-top: 35px;
	  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
}
.main__wrapper a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 40px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  background-color: #556012;
  width: fit-content;
  text-decoration: none;
  transition: 0.2s;
}
.main__wrapper a:hover {
  background-color: #75831a;
}

.contact_us_links_block div {
  margin-top: 20px;
  margin-bottom: 20px;
}
.sec-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 135px;
  padding-bottom: 90px;
}
.sec-2 h1 {
  position: relative;
  margin-bottom: 40px;
  font-size: 42px;
  line-height: 1.23;
  font-weight: 600;
  text-align: center;
}
.sec-2 p {
  position: relative;
  max-width: 560px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
.sec-3 {
  position: relative;
  display: flex;
}
.sec-3 img {
  object-fit: cover;
  width: 100%;
}
.sec-3__col {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 35%;
}
.sec-3__row {
  position: relative;
  display: flex;
  width: 65%;
}
.sec-4 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 90px;
}
.sec-4 h2 {
  position: relative;
  max-width: 960px;
  margin-bottom: 40px;
  font-size: 82px;
  line-height: 1.17;
  font-weight: 600;
  text-align: center;
}
.sec-4 p {
  position: relative;
  max-width: 960px;
  font-size: 26px;
  line-height: 1.45;
  font-weight: 300;
  text-align: center;
}
.sec-5 {
  position: relative;
  display: flex;
  flex-direction: column;
  background-image: url(../img/bg-sec-5.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0;
}
.sec-5__wrapper {
  display: flex;
  flex-direction: column;
  max-width: 770px;
  margin: 0 auto;
  z-index: 1;
}
.sec-5__wrapper h3 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}
.sec-5__wrapper p {
  font-size: 30px;
  line-height: 1.55;
  font-weight: 300;
  color: #fff;
}
.cover__filter {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.7)
  );
  z-index: 0;
}
.sec-6 {
  position: relative;
  display: flex;
  background-color: #f0f0f0;
}
.sec-6__left {
  width: 50%;
  padding: 80px;
}
.sec-6__left h4 {
  font-size: 30px;
  line-height: 1.45;
  font-weight: 300;
  margin-bottom: 30px;
}
.sec-6__left h5 {
  font-size: 24px;
  line-height: 1.45;
  font-weight: 300;
  margin-bottom: 20px;
}
.sec-6__left p {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 300;
  margin-bottom: 15px;
}
.sec-6__right {
  width: 50%;
  background-image: url(../img/bg-sec-6.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sec-6__right img {
  object-fit: cover;
  width: 100%;
}
.sec-7 {
  position: relative;
  display: flex;
  padding: 100px 0;
}
.sec-7__wrapper {
  position: relative;
  display: flex;
  gap: 30px;
}
.sec-7__item {
  width: 33%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}
.sec-7__item span {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}
.sec-7__item p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
  text-align: center;
}
.sec-7__item img {
  width: 70px;
}
.sec-8 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/bg-sec-8.jpg);
}
.parallax {
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-bottom: 1px solid #fff;
}
.sec-8__item {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 760px;
  background-color: #fff;
  padding: 75px 60px;
  z-index: 1;
}
.sec-8__item span {
  font-size: 42px;
  line-height: 1.23;
  font-weight: 600;
  padding-bottom: 20px;
}
.sec-8__item p {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 300;
}
.sec-9 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/bg-sec-9.jpg);
}
.sec-10 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/bg-sec-10.jpg);
}
.price-cover__filter {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #0c1c03d1;
  z-index: 0;
}
.sec-11 {
  position: relative;
  display: flex;
  padding: 120px 0;
  background-color: #ededed;
}
.sec-11__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.sec-11__wrapper h3 {
  margin-bottom: 50px;
  font-size: 45px;
  font-weight: 500;
  text-align: center;
}
.sec-11__item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 60px 75px;
  background-color: #478b23;
  margin-bottom: 45px;
  color: #fff;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}
.sec-11__item span {
  margin-bottom: 25px;
  font-size: 32px;
  font-weight: 500;
  background-color: #fff;
  color: #111;
  width: max-content;
  padding: 15px 20px;
}
.sec-11__item h5 {
  margin-bottom: 25px;
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  max-width: 500px;
}
.sec-11__item a {
  margin-bottom: 25px;
  font-size: 32px;
  font-weight: 500;
  color: #111;
  text-decoration: underline;
}
.sec-11__item ul {
  max-width: 540px;
}
.sec-11__item ul li {
  list-style-type: disc;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}
.sec-11__item-ol {
  position: relative;
  display: block;
  z-index: 1;
}
.sec-11__item-ol p {
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 15px;
}
.sec-11__item-ol ol {
  list-style: auto;
  border-bottom: 1px solid #fff;
  width: fit-content;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.sec-11__item-ol ol li {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}
.sec-11__bg1 {
  background-image: url(../img/price/price-1.png);
}
.sec-11__bg2 {
  background-image: url(../img/price/price-2.png);
}
.sec-11__bg3 {
  background-image: url(../img/price/price-3.png);
}
.sec-11__bg4 {
  background-image: url(../img/price/price-4.png);
}
.sec-11__bg5 {
  background-image: url(../img/price/price-5.png);
}
.sec-11__bg6 {
  background-image: url(../img/price/price-6.png);
}
.sec-11__bg7 {
  background-image: url(../img/price/price-7.png);
}
.sec-11__bg8 {
  background-image: url(../img/price/price-8.png);
}
.sec-11__bg9 {
  background-image: url(../img/price/price-9.png);
}
.sec-11__bg10 {
  background-image: url(../img/price/price-10.png);
}
.sec-11__bg11 {
  background-image: url(../img/price/price-11.png);
}
.sec-11__bg12 {
  background-image: url(../img/price/price-12.png);
}
.sec-11__bg13 {
  background-image: url(../img/price/price-13.png);
  background-color: #fff;
  color: #111;
}
.slider {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 60px 40px;
  background-color: #f4f5e3;
}
.slider h6 {
  text-align: center;
  font-size: 19px;
  line-height: 1.55;
  margin-bottom: 30px;
}
.slider h4 {
  text-align: center;
  font-size: 42px;
  line-height: 1.23;
  font-weight: 600;
  margin-bottom: 70px;
}
.slider__wrapper {
  position: relative;
  display: block;
}
.slider-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.slider-item img {
  border-radius: 50%;
  margin-bottom: 40px;
  object-fit: contain;
  width: 150px;
  height: 150px;
}
.slider-item p {
  max-width: 760px;
  text-align: center;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 300;
  margin-bottom: 30px;
}
.slider-item span {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
  margin-bottom: 50px;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  color: #878787;
}
.swiper-button-next,
.swiper-button-prev {
  color: #878787;
}
.swiper-pagination-bullet-active {
  background-color: #111;
}
.contact {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 90px 20px;
  background-color: #f3f3f3;
}
.contact h4 {
  text-align: center;
  font-size: 42px;
  line-height: 1.23;
  font-weight: 600;
  margin-bottom: 70px;
}

/* //////////////////  FORM  //////////////////// */

.contact-form {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 560px;
}

.contact-form__input {
  height: 60px;
  border: none;
  width: 100%;
  margin-bottom: 30px;
  font-size: 16px;
  color: #000;
  -webkit-appearance: initial;
  background-color: transparent;
  border-bottom: 1px solid #b9b9b9;
}
.contact-form__input:focus {
  transition: 0.3s;
}
.contact-form__file-button {
  display: flex;
  align-items: center;
  height: 50px;
  border: none;
  border-radius: 15px;
  width: 100%;
  background: url("../img/file.svg") center left 15px no-repeat, #ffffff;
  background-size: 30px;
  margin-bottom: 20px;
  padding: 0 15px 0 59px;
  font: 16px "Montserrat", sans-serif;
  color: #757575;
  cursor: pointer;
}
.contact-form__button {
  background: #2fc556;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px 41px;
  border-radius: 51px;
  border: none;
  margin: 0 auto;
  font-size: 18px;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-form__button:hover {
  transition: 0.3s;
  background: #30b340;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0 5px 25px rgb(0 0 0 / 8%);
}
.contact-form__button:disabled,
.contact-form__button[disabled] {
  background-color: #82cd94;
}
@media (max-width: 768px) {
  .form-wrapper {
    padding: 15px;
  }
}
@media (max-width: 480px) {
  .contact-form {
    padding: 35px;
    border: none;
  }
}
.success-send {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px;
  background-color: #fff;
  text-align: center;
  z-index: 999;
}
.success-send-active {
  display: flex;
}
.success-send h4 {
  font-size: 30px;
  color: #111;
  margin-bottom: 19px;
}
.success-send p {
  font-size: 19px;
  color: #000;
  line-height: 1.3;
  max-width: 426px;
  margin-bottom: 13px;
}
/* //////////////////  FORM  //////////////////// */
.link {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 30px 0;
  width: 100%;
}
.link__wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .main__wrapper {
    margin: 0 20px;
    align-items: center;
  }
  .main__wrapper h1 {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
  }
  .main__wrapper img {
    width: 260px;
  }
  .sec-2 {
    padding: 90px 20px;
  }
  .sec-2 h1 {
    font-size: 30px;
  }
  .sec-2 p {
    font-size: 20px;
    line-height: 1.4;
  }
  .sec-3 {
    flex-direction: column-reverse;
  }
  .sec-3__col {
    width: 100%;
    flex-direction: row;
  }
  .sec-3__col img {
    width: 50%;
  }
  .sec-3__row {
    width: 100%;
  }
  .sec-4 {
    padding: 90px 20px;
  }
  .sec-4 h2 {
    font-size: 30px;
  }
  .sec-4 p {
    font-size: 20px;
    line-height: 1.4;
  }
  .sec-5 {
    padding: 200px 0;
  }
  .sec-5__wrapper {
    padding: 0 20px;
    text-align: center;
  }
  .sec-5__wrapper p {
    font-size: 18px;
    line-height: 1.4;
  }
  .sec-6 {
    flex-direction: column-reverse;
  }
  .sec-6__left {
    width: 100%;
    padding: 20px;
  }
  .sec-6__right {
    width: 100%;
    height: 415px;
  }
  .sec-7__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .sec-7__item {
    width: 100%;
  }
  .sec-7__item p {
    max-width: 80%;
  }
  .parallax {
    height: 60vh;
    border-bottom: 1px solid #fff;
  }
  .sec-8__item {
    max-width: 80%;
    padding: 25px 30px;
  }
  .sec-8__item span {
    font-size: 24px;
  }
  .sec-8__item p {
    font-size: 16px;
  }
  .price-cover__filter {
    display: block;
  }
  .sec-11 {
    padding: 90px 0;
  }
  .sec-11__wrapper h3 {
    font-size: 28px;
  }
  .sec-11__item {
    padding: 25px;
  }
  .sec-11__item span {
    font-size: 21px;
    padding: 12px 20px;
    z-index: 1;
    width: 100%;
  }
  .sec-11__item ul {
    margin-left: 20px;
    z-index: 1;
  }
  .sec-11__item ul li {
    font-size: 16px;
    margin-bottom: 13px;
    line-height: 20px;
  }
  .sec-11__item-ol p {
    font-size: 18px;
  }
  .sec-11__item-ol ol {
    margin-left: 20px;
  }
  .sec-11__item-ol ol li {
    font-size: 16px;
    margin-bottom: 13px;
    line-height: 20px;
  }
  .sec-11__item h5 {
    font-size: 19px;
    line-height: 22px;
  }
  .sec-11__item a {
    font-size: 29px;
  }
  .sec-11__bg13 {
    background-position-x: 55%;
    padding: 40px;
  }
  .slider {
    padding: 60px 20px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: 83px;
  }
  .contact h4 {
    font-size: 28px;
    margin-bottom: 0px;
  }
}