html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  height: 100%;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

.element {
  background-color: #1e2f15;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.element .div {
  background-color: #1e2f15;
  overflow: hidden;
  width: 1728px;
  height: 11000px;
  position: relative;
}

.element .overlap {
  position: absolute;
  width: 1728px;
  height: 959px;
  top: 0;
  left: 0;
  background-image: url(./img/m1.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.element .overlap-group {
  position: absolute;
  width: 361px;
  height: 83px;
  top: 165px;
  left: 319px;
  background-color: #e1ca03;
  border-radius: 40px;
  box-shadow: 0px 0px 4px #000000c7;
}

.element .text-wrapper {
  position: absolute;
  top: 17px;
  left: 84px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #1e2f15;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 48.2px;
  white-space: nowrap;
}

.element .div-wrapper {
  position: absolute;
  width: 375px;
  height: 83px;
  top: 165px;
  left: 1048px;
  background-color: #e1ca03;
  border-radius: 40px;
  box-shadow: 0px 0px 4px #000000c7;
}

.element .text-wrapper-2 {
  position: absolute;
  top: 18px;
  left: 21px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #1e2f15;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.element .vector {
  position: absolute;
  width: 271px;
  height: 291px;
  top: 38px;
  left: 728px;
}

.element .COMFORT-CLASS {
  position: absolute;
  width: 1172px;
  height: 105px;
  top: 788px;
  left: 279px;
}

.element .image {
  position: absolute;
  width: 985px;
  height: 90px;
  top: 697px;
  left: 397px;
}

.element .text-wrapper-3 {
  position: absolute;
  top: 2020px;
  left: 755px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0;
  line-height: 46.9px;
  white-space: nowrap;
}

.element .img {
  position: absolute;
  width: 721px;
  height: 271px;
  top: 2060px;
  left: 503px;
}

.element .FOREST {
  position: absolute;
  width: 1457px;
  top: 2418px;
  left: 149px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 45px;
  text-align: center;
  line-height: normal;
}

.element .span {
  letter-spacing: -0.21px;
}

.element .text-wrapper-4 {
  letter-spacing: -0.21px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
}

.element .text-wrapper-5 {
  letter-spacing: -1.69px;
}

.element .image-2 {
  position: absolute;

  top: 2784px;
  left: 741px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 46px;
  text-align: center;
  line-height: normal;
}

.element .overlap-2 {
  position: absolute;
  width: 961px;
  height: 235px;
  top: 2819px;
  left: 377px;
}

.element .text-wrapper-6 {
  position: absolute;
  top: 141px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 93.8px;
  white-space: nowrap;
}

.element .text-wrapper-7 {
  position: absolute;
  top: 0;
  left: 220px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 125px;
  letter-spacing: 0;
  line-height: 167.5px;
  white-space: nowrap;
}

.element .img-2 {
  position: absolute;
  width: 727px;
  height: 689px;
  top: 3083px;
  left: 891px;
}

.element .img-3 {
  width: 728px;
  height: 689px;
  top: 3083px;
  left: 110px;
  position: absolute;
  object-fit: cover;
}

.element .view {
  position: absolute;
  width: 450px;
  height: 83px;
  top: 3814px;
  left: 1153px;
}

.element .overlap-group-2 {
  position: relative;
  width: 448px;
  height: 83px;
  background-color: #e1ca03;
  border-radius: 40px;
  box-shadow: 0px 4px 4px #00000040, 0px 0px 7.2px #ffffff;
}

.element .text-wrapper-8 {
  position: absolute;
  top: 8px;
  left: 86px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #15282f;
  font-size: 49px;
  letter-spacing: 0;
  line-height: 65.7px;
  white-space: nowrap;
}

.element .overlap-wrapper {
  position: absolute;
  width: 532px;
  height: 83px;
  top: 9436px;
  left: 1071px;
}

.element .overlap-3 {
  position: relative;
  width: 530px;
  height: 83px;
  background-color: #ffffff;
  border-radius: 40px;
  box-shadow: 0px 4px 4px #00000040, 0px 0px 7.2px #ffffff;
}

.element .text-wrapper-9 {
  top: 10px;
  left: 29px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #1e2f15;
  font-size: 47px;
  line-height: 63px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-10 {
  position: absolute;
  top: 3799px;
  left: 126px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 82px;
  letter-spacing: 0;
  line-height: 109.9px;
  white-space: nowrap;
}

.element .overlap-4 {
  position: absolute;
  width: 1514px;
  height: 1058px;
  top: 4079px;
  left: 110px;
}

.element .p {
  width: 1417px;
  top: 158px;
  left: 0;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 46px;
  text-align: center;
  line-height: 52px;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-11 {
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 46px;
  letter-spacing: 0;
  line-height: 52px;
}

.element .text-wrapper-12 {
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
}

.element .text-wrapper-13 {
  top: 0;
  left: 387px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 125px;
  line-height: 167.5px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .img-4 {
  position: absolute;
  width: 1514px;
  height: 766px;
  top: 332px;
  left: 0;
  object-fit: cover;
  border-radius: 50px;
}

.element .view-2 {
  position: absolute;
  width: 507px;
  height: 202px;
  top: 505px;
  left: 949px;
}

.element .image-3 {
  position: absolute;
  width: 159px;
  height: 214px;
  top: 0;
  left: 0;
}

.element .overlap-5 {
  position: absolute;
  width: 362px;
  height: 211px;
  top: 0;
  left: 160px;
}

.element .image-4 {
  position: absolute;
  width: 183px;
  height: 211px;
  top: 0;
  left: 0;
}

.element .image-5 {
  position: absolute;
  width: 188px;
  height: 211px;
  top: 0;
  left: 175px;
}

.element .text-wrapper-14 {
  top: 376px;
  left: 947px;
  text-shadow: 0px 4px 13.7px #000000e8;
  font-family: "Montserrat", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 46px;
  text-align: center;
  line-height: 52px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .KASHTAN {
  position: absolute;
  top: 408px;
  left: 945px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 80px;
  text-align: center;
  letter-spacing: 0;
  line-height: 90.4px;
  white-space: nowrap;
}

.element .overlap-group-wrapper {
  position: absolute;
  width: 450px;
  height: 83px;
  top: 628px;
  left: 1007px;
}

.element .text-wrapper-15 {
  top: 9px;
  left: 104px;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #15282f;
  font-size: 49px;
  line-height: 65.7px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-16 {
  top: 4032px;
  left: 695px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 35px;
  text-align: center;
  line-height: 46.9px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .element-x {
  position: absolute;
  width: 1505px;
  height: 761px;
  top: 43161px;
  left: 92177px;
}

.element .overlap-6 {
  position: absolute;
  width: 412px;
  height: 84px;
  top: 5191px;
  left: 658px;
}

.element .rectangle {
  position: absolute;
  width: 84px;
  height: 84px;
  top: 0;
  left: 0;
}

.element .rectangle-2 {
  position: absolute;
  width: 84px;
  height: 84px;
  top: 0;
  left: 82px;
}

.element .rectangle-3 {
  position: absolute;
  width: 84px;
  height: 84px;
  top: 0;
  left: 164px;
}

.element .rectangle-4 {
  position: absolute;
  width: 84px;
  height: 84px;
  top: 0;
  left: 246px;
}

.element .rectangle-5 {
  position: absolute;
  width: 84px;
  height: 84px;
  top: 0;
  left: 328px;
}

.element .overlap-7 {
  position: absolute;
  width: 100%;
  height: 208px;
  top: 5329px;

  text-align: center;
}

.element .text-wrapper-17 {
  top: 0;
  left: 368px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 35px;
  text-align: center;
  line-height: 46.9px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-18 {
  top: 40px;
  left: 0;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 125px;
  line-height: 167.5px;
  white-space: nowrap;
  letter-spacing: 0;
}

.element .overlap-8 {
  position: absolute;
  width: 2745px;
  height: 1180px;
  top: 6603px;
  left: -465px;
}

.element .text-wrapper-19 {
  top: 16px;
  left: 686px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 125px;
  text-align: center;
  line-height: 167.5px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .group {
  position: absolute;
  width: 2745px;
  height: 2029px;
  top: 0;
  left: 0;
}

.element .overlap-9 {
  position: relative;
  width: 1728px;
  height: 1018px;
  top: 193px;
  left: 465px;
}

.element .img-5 {
  position: absolute;
  width: 1728px;
  height: 996px;
  top: 0;
  left: 0;
}

.element .line {
  position: absolute;
  width: 1175px;
  height: 557px;
  top: 218px;
  left: 0;
}

.element .rectangle-6 {
  position: absolute;
  width: 189px;
  height: 207px;
  top: 94px;
  left: 855px;
}

.element .view-3 {
  position: absolute;
  width: 160px;
  height: 56px;
  top: 162px;
  left: 83px;
}

.element .image-wrapper {
  position: relative;
  width: 200px;
  height: 98px;
  top: -17px;
  left: -21px;
  background-image: url(./img/rectangle-453.svg);
  background-size: 100% 100%;
}

.element .image-6 {
  position: absolute;
  width: 93px;
  height: 23px;
  top: 38px;
  left: 75px;
}

.element .view-4 {
  position: absolute;
  width: 156px;
  height: 54px;
  top: 162px;
  left: 254px;
}

.element .img-wrapper {
  position: relative;
  width: 196px;
  height: 96px;
  top: -17px;
  left: -21px;
  background-image: url(./img/rectangle-454.svg);
  background-size: 100% 100%;
}

.element .img-6 {
  position: absolute;
  width: 80px;
  height: 25px;
  top: 36px;
  left: 76px;
}

.element .view-5 {
  position: absolute;
  width: 172px;
  height: 54px;
  top: 162px;
  left: 419px;
}

.element .overlap-10 {
  position: relative;
  width: 212px;
  height: 96px;
  top: -17px;
  left: -21px;
  background-image: url(./img/rectangle-455-2.svg);
  background-size: 100% 100%;
}

.element .image-7 {
  position: absolute;
  width: 99px;
  height: 22px;
  top: 37px;
  left: 78px;
}

.element .view-6 {
  position: absolute;
  width: 173px;
  height: 53px;
  top: 162px;
  left: 597px;
}

.element .overlap-11 {
  position: relative;
  width: 213px;
  height: 95px;
  top: -17px;
  left: -21px;
  background-image: url(./img/rectangle-455.svg);
  background-size: 100% 100%;
}

.element .image-8 {
  position: absolute;
  width: 114px;
  height: 23px;
  top: 36px;
  left: 68px;
}

.element .view-7 {
  position: absolute;
  width: 828px;
  height: 943px;
  top: 75px;
  left: 85px;
}

.element .overlap-12 {
  position: absolute;
  width: 683px;
  height: 74px;
  top: 0;
  left: 0;
  background-color: #494949db;
  border-radius: 30px;
}

.element .FOREST-2 {
  position: absolute;
  width: 152px;
  height: 46px;
  top: 17px;
  left: 9px;
}

.element .image-9 {
  position: absolute;
  width: 153px;
  height: 44px;
  top: 19px;
  left: 520px;
}

.element .line-2 {
  position: absolute;
  width: 369px;
  height: 45px;
  top: 19px;
  left: 159px;
}

.element .text-wrapper-20 {
  top: 16px;
  left: 218px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 31px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-21 {
  top: 15px;
  left: 372px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 31px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .arrow {
  position: absolute;
  width: 59px;
  height: 20px;
  top: 28px;
  left: 303px;
}

.element .mask-group {
  position: absolute;
  width: 47px;
  height: 57px;
  top: 886px;
  left: 773px;
}

.element .vector-2 {
  position: absolute;
  width: 62px;
  height: 75px;
  top: 670px;
  left: 726px;
}

.element .vector-3 {
  position: absolute;
  width: 62px;
  height: 75px;
  top: 334px;
  left: 1502px;
}

.element .vector-4 {
  position: absolute;
  width: 43px;
  height: 50px;
  top: 165px;
  left: 427px;
}

.element .vector-5 {
  position: absolute;
  width: 62px;
  height: 73px;
  top: 524px;
  left: 1349px;
}

.element .vector-6 {
  position: absolute;
  width: 62px;
  height: 75px;
  top: 435px;
  left: 1152px;
}

.element .vector-7 {
  position: absolute;
  width: 52px;
  height: 60px;
  top: 159px;
  left: 598px;
}

.element .vector-8 {
  position: absolute;
  width: 71px;
  height: 84px;
  top: 454px;
  left: 1077px;
}

.element .vector-9 {
  position: absolute;
  width: 72px;
  height: 82px;
  top: 413px;
  left: 1200px;
}

.element .vector-10 {
  position: absolute;
  width: 72px;
  height: 84px;
  top: 380px;
  left: 1285px;
}

.element .vector-11 {
  position: absolute;
  width: 72px;
  height: 84px;
  top: 349px;
  left: 1395px;
}

.element .vector-12 {
  position: absolute;
  width: 70px;
  height: 84px;
  top: 591px;
  left: 1362px;
}

.element .vector-13 {
  position: absolute;
  width: 71px;
  height: 84px;
  top: 471px;
  left: 1143px;
}

.element .vector-14 {
  position: absolute;
  width: 71px;
  height: 83px;
  top: 784px;
  left: 772px;
}

.element .vector-15 {
  position: absolute;
  width: 71px;
  height: 83px;
  top: 688px;
  left: 623px;
}

.element .img-7 {
  width: 162px;
  height: 180px;
  top: 103px;
  left: 869px;
  position: absolute;
  object-fit: cover;
}

.element .image-10 {
  position: absolute;
  width: 308px;
  height: 64px;
  top: 478px;
  left: 570px;
}

.element .image-11 {
  position: absolute;
  width: 237px;
  height: 66px;
  top: 296px;
  left: 772px;
}

.element .image-12 {
  position: absolute;
  width: 198px;
  height: 64px;
  top: 787px;
  left: 591px;
}

.element .image-13 {
  position: absolute;
  width: 151px;
  height: 62px;
  top: 474px;
  left: 256px;
}

.element .image-14 {
  position: absolute;
  width: 151px;
  height: 69px;
  top: 611px;
  left: 1136px;
}

.element .image-15 {
  position: absolute;
  width: 300px;
  height: 61px;
  top: 409px;
  left: 1333px;
}

.element .text-wrapper-22 {
  top: 599px;
  left: 676px;
  transform: rotate(-3.35deg);
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-23 {
  top: 523px;
  left: 907px;
  transform: rotate(-24.9deg);
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-24 {
  top: 720px;
  left: 366px;
  transform: rotate(-18.35deg);
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-25 {
  width: 147px;
  top: 765px;
  left: 104px;
  transform: rotate(3.19deg);
  text-shadow: 0px 4px 6.6px #00000066;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 31px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .arrow-2 {
  position: absolute;
  width: 99px;
  height: 45px;
  top: 692px;
  left: 124px;
}

.element .image-16 {
  position: absolute;
  width: 123px;
  height: 73px;
  top: 343px;
  left: 887px;
}

.element .image-17 {
  position: absolute;
  width: 466px;
  height: 188px;
  top: 261px;
  left: 1579px;
}

.element .image-18 {
  position: absolute;
  width: 52px;
  height: 60px;
  top: 352px;
  left: 554px;
}

.element .image-19 {
  position: absolute;
  width: 71px;
  height: 84px;
  top: 913px;
  left: 1145px;
}

.element .image-20 {
  position: absolute;
  width: 71px;
  height: 84px;
  top: 655px;
  left: 1721px;
}

.element .vector-16 {
  position: absolute;
  width: 51px;
  height: 59px;
  top: 353px;
  left: 725px;
}

.element .vector-17 {
  position: absolute;
  width: 70px;
  height: 83px;
  top: 906px;
  left: 1231px;
}

.element .vector-18 {
  position: absolute;
  width: 70px;
  height: 83px;
  top: 665px;
  left: 1677px;
}

.element .vector-19 {
  position: absolute;
  width: 70px;
  height: 83px;
  top: 700px;
  left: 1755px;
}

.element .vector-20 {
  position: absolute;
  width: 70px;
  height: 83px;
  top: 784px;
  left: 1784px;
}

.element .vector-21 {
  position: absolute;
  width: 70px;
  height: 83px;
  top: 669px;
  left: 1866px;
}

.element .view-8 {
  position: absolute;
  width: 450px;
  height: 83px;
  top: 1023px;
  left: 1617px;
}

.element .overlap-13 {
  position: relative;
  width: 448px;
  height: 83px;
  background-color: #ffffff;
  border-radius: 40px;
  box-shadow: 0px 4px 4px #00000040, 0px 0px 7.2px #ffffff;
}

.element .overlap-14 {
  position: absolute;
  width: 1507px;
  height: 960px;
  top: 5553px;
  left: 113px;
}

.element .overlap-15 {
  position: absolute;
  width: 1507px;
  height: 960px;
  top: 0;
  left: 0;
}

.element .img-8 {
  width: 1507px;
  height: 845px;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
  border-radius: 50px;
}

.element .rectangle-7 {
  position: absolute;
  width: 763px;
  height: 232px;
  top: 728px;
  left: 718px;
  background-color: #ffffff;
  border-radius: 50px;
  padding: 30px;
}

.element .text-wrapper-26 {
  width: 724px;
  top: 764px;
  left: 754px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #15282f;
  font-size: 36px;
  line-height: 1;

  letter-spacing: 0;
}

.element .rectangle-8 {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 894px;
  left: 479px;
}

.element .rectangle-9 {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 894px;
  left: 389px;
}

.element .rectangle-10 {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 894px;
  left: 298px;
}

.element .rectangle-11 {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 893px;
  left: 207px;
}

.element .overlap-16 {
  position: absolute;
  width: 605px;
  height: 531px;
  top: 9768px;
  left: 1031px;
}

.element .view-9 {
  position: absolute;
  width: 605px;
  height: 531px;
  top: 0;
  left: 0;
}

.element .overlap-17 {
  position: relative;
  width: 595px;
  height: 531px;
  background-color: #d9d9d9;
  border-radius: 46px;
}

.element .overlap-group-3 {
  position: absolute;
  width: 283px;
  height: 73px;
  top: 437px;
  left: 243px;
  background-color: #15282f;
  border-radius: 28px;

  cursor: pointer;
}

.element .text-wrapper-27 {
  position: absolute;
  top: 19px;
  left: 29px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.element .mask-group-2 {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 7px;
  left: 213px;
}

.element .text-wrapper-28 {
  top: 51px;
  left: 80px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 27px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-29 {
  top: 148px;
  left: 79px;

  font-family: "Montserrat", Helvetica;
  font-weight: 200;
  color: #000000;

  line-height: normal;
  position: absolute;
  letter-spacing: 0;
  background: transparent;
  border: none;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.element .text-wrapper-29 input {
  font-family: "Montserrat", Helvetica;
  font-weight: 200;
  color: #000000;
  width: 450px;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0;
  background: transparent;
  border-color: #00000023;
  border-top: none;
  border-right: none;
  border-left: none;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.element .text-wrapper-30 {
  top: 245px;
  left: 79px;
  font-family: "Montserrat", Helvetica;
  font-weight: 200;
  color: #000000;

  line-height: normal;
  position: absolute;
  letter-spacing: 0;
  background: transparent;
  border: none;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.element .text-wrapper-30 input {
  font-family: "Montserrat", Helvetica;
  font-weight: 200;
  color: #000000;
  font-size: 34px;
  width: 450px;
  line-height: normal;
  letter-spacing: 0;
  background: transparent;
  border-color: #00000023;
  border-top: none;
  border-right: none;
  border-left: none;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.element .div-2 {
  width: 444px;
  height: 70px;
  top: 321px;
  left: 79px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 22px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-31 {
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 22px;
  letter-spacing: 0;
}

.element .text-wrapper-32 {
  text-decoration: underline;
}

.element .line-3 {
  position: absolute;
  width: 444px;
  height: 2px;
  top: 197px;
  left: 79px;
  object-fit: cover;
}

.element .line-4 {
  position: absolute;
  width: 444px;
  height: 1px;
  top: 291px;
  left: 79px;
  object-fit: cover;
}

.element .ellipse-wrapper {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 344px;
  left: 85px;
  background-color: #ffffff;
  border-radius: 14px;
}

.element .ellipse {
  position: relative;
  width: 18px;
  height: 18px;
  top: 5px;
  left: 5px;
  background-color: #15282f;
  border-radius: 9px;
}

.element .text-wrapper-33 {
  top: 9547px;
  left: 114px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #f2f1f1;
  font-size: 62px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-34 {
  top: 10448px;
  left: 111px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #f2f1f1;
  font-size: 46px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-35 {
  width: 714px;
  top: 10526px;
  left: 111px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #f2f1f1;
  font-size: 42px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-36 {
  position: absolute;
  width: 625px;
  top: 10662px;
  left: 111px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #f2f1f1;
  font-size: 42px;
  letter-spacing: 0;
  line-height: normal;
}

.element .text-wrapper-37 {
  top: 9787px;
  left: 114px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 800;
  color: #e18703;
  font-size: 34px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-38 {
  top: 9998px;
  left: 114px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #e18703;
  font-size: 34px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-39 {
  top: 10170px;
  left: 114px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #e18703;
  font-size: 34px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-40 {
  top: 9852px;
  left: 110px;
  width: 524px;
height: 61px;
flex-shrink: 0;
border-radius: 40px;
background: #E1CB03;

  position: absolute;
 
}

.prolo{
    color: #1F2F15;
  position: absolute;
    top: 9862px;
  left: 139px;
  width: 456px;
height: 41px;
font-family: Montserrat;
font-size: 34px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
}

.element .text-wrapper-41 {
  position: absolute;
  top: 10053px;
  left: 111px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #f2f1f1;
  font-size: 46px;
  letter-spacing: 0;
  line-height: normal;
}

.element .text-wrapper-42 {
  width: 587px;
  top: 9547px;
  left: 1046px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #f2f1f1;
  font-size: 30px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.element .line-5 {
  position: absolute;
  width: 1508px;
  height: 4px;
  top: 10822px;
  left: 114px;
}

.element .mask-group-3 {
  position: absolute;
  width: 117px;
  height: 117px;
  top: 8852px;
  left: 1341px;
}

.element .text-wrapper-43 {
  top: 5414px;
  left: -337px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 58px;
  line-height: 77.7px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .text-wrapper-44 {
  top: 5414px;
  left: 1511px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 58px;
  line-height: 77.7px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.element .polygon {
  top: 5943px;
  left: 1660px;

  width: 34px;
  height: 66px;
}

.element .polygon-2 {
  top: 4757px;
  left: 1662px;
  position: absolute;
  width: 34px;
  height: 66px;
}

.element .polygon-3 {
  top: 5929px;
  left: 39px;

  width: 34px;
  height: 66px;
}

.element .polygon-4 {
  top: 4757px;
  left: 41px;
  position: absolute;
  width: 34px;
  height: 66px;
}

.social {
  display: flex;
  gap: 30px;
  position: absolute;
  top: 10226px;
  left: 114px;
  text-shadow: 1px 4px 10px #00000040;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #f2f1f1;
  font-size: 34px;
  letter-spacing: 0;
  line-height: normal;
}

.instagram-YOUTUBE {
  color: white;
}

.instagram-YOUTUBE:hover {
  color: #e18703;
  cursor: pointer;
}

.clbck {
  cursor: pointer;
}

#slider1 .img-8 {
  height: auto;
}

#slider1 {
  top: 280px;
}

#slider1 .splide__arrow {
  top: 385px;
}

.modal-window-background {
  background-color: rgba(35, 35, 35, 0.9);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
  backdrop-filter: blur(2px);
  overflow: hidden;
  pointer-events: all;
}

.road_modal {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.road {
  cursor: pointer;
}

.error_container {
  z-index: 30;
  position: relative;
}

.btn-close-road-modal {
  z-index: 30;
  position: absolute;
  top: -25px;
  right: -25px;
  cursor: pointer;
}

.modal-catalog-background {
  background-color: rgba(35, 35, 35, 0.9);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
  backdrop-filter: blur(2px);
  overflow: hidden;
  pointer-events: all;
}

.catalog_modal {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.booking_modal {
        overflow-y: scroll;
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
      padding-top: 30px;
}

.error_container1 {
  z-index: 30;
  position: relative;
  width: 635px;
    margin-bottom: 30px;
  background-color: #d9d9d9;
  border-radius: 40px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.error_container1 form {
  gap: 20px;
  display: flex;
  flex-direction: column;

  align-items: center;
}

.btn-close-catalog-modal {
  z-index: 30;
  position: absolute;
  top: -25px;
  right: -25px;
  cursor: pointer;
}

.slider_btn {
  cursor: pointer;
}

.catalog_input {
  width: 500px;
  height: 60px;
  font-weight: 200;
  color: #000000;
  font-size: 32px;
  border-color: #00000023;
  background-color: transparent;
  font-family: "Montserrat", Helvetica;

  border-top: none;
  border-right: none;
  border-left: none;
}

.modal_button {
  width: 370px;
  border: none;
  height: 60px;
  border-radius: 40px;
  cursor: pointer;
  color: #15282f;

  font-family: "Montserrat";
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
}

.catalog_input:focus-visible {
  outline: none;
}

.btn {
  position: absolute;
  width: 450px;
  height: 83px;
  border-radius: 40px;
  box-shadow: 0px 4px 4px #00000040, 0px 0px 7.2px #ffffff;
  background-color: white;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #15282f;
  font-size: 49px;
  border: none;
  bottom: 102px;
  right: 127px;
}

input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
  display: inline-block;
  position: relative;
  padding-left: 44px;

  cursor: pointer;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0px;
  background-color: #ffffff;
  width: 32px;
  height: 32px;
  top: 4px;
  left: 0;
  border-radius: 800px;
  border: 2px solid;
  border-color: #a1a1a1;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
  width: 18px;
  height: 18px;
  top: 13px;
  left: 9px;
  border-radius: 100%;
  background-color: #15282f;
}

input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
}

input[type="radio"]:checked + label:after {
  opacity: 1;
}

input[type="radio"].invalid + label:before {
  border-color: red;
}

input[name="name"].invalid::placeholder {
  color: red;
}

input[name="phone"].invalid::placeholder {
  color: red;
}

.modal-radio {
  width: 500px;
  height: 60px;
}

.radio-title {
  line-height: 25px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
}

.genplan_button {
  position: absolute;
  padding: 10px 25px;
  height: 83px;
  border-radius: 40px;
  box-shadow: 0px 4px 4px #00000040, 0px 0px 7.2px #ffffff;
  background-color: white;
  font-family: "Montserrat", Helvetica;
  font-weight: 900;
  color: #15282f;
  font-size: 49px;
  border: none;
  bottom: 70px;
  right: -70px;
  cursor: pointer;
}

small {
  color: #dc3545;
  display: block;
  width: 100%;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
}

.form-field.error input {
  border-bottom: 2px solid #dc3545;
  margin-bottom: 9px;
  transition: all 0.5s;
}

.form-field.success input {
  border-bottom: 2px solid #28a745;
  transition: all 0.5s;
}

.thankyou_modal {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;

  & .error_container1 {
    padding: 30px;
    width: 680px;
    height: 260px;
    justify-content: space-around;
  }
}

.thankyou_text {
  line-height: normal;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #15282f;
  font-size: 26px;
  text-align: center;
}

.thankyou_text1 {
  font-size: 36px;
}

.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #1e2f15;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001;
}

.loader {
  width: 100px;
  height: 100px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  fill: white;
  animation: rotate-loader 3s infinite cubic-bezier(0.65, 0.5, 0, 1);
}

@keyframes rotate-loader {
  50% {
    opacity: 0.25;
    transform: rotate(1turn) scale(0.6);
  }

  100% {
    transform: rotate(1turn);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

.menu_btn {
  position: absolute;
  top: 30px;
  right: 80px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  font-family: "Montserrat", Helvetica;
  & span {
    font-weight: 700;
    color: white;
  }
}

.burger {
  display: inline-block;
  cursor: pointer;
  z-index: 1000;
}

.burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #e1cb03;
  margin: 6px 0;
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    opacity 0.3s ease;
}

.burger.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.burger.active span:nth-child(2) {
  opacity: 0;
  transform: translateX(-20px);
}

.burger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.menu_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100dvh;
  background: #1f2f15;
  z-index: 100;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  font-family: "Montserrat", Helvetica;
}

.menu_wrapper.activeMenu {
  transform: translateY(0);
}

.menu_container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 160px;
  padding-right: 160px;
}

.menu-back {
  position: absolute;
  left: 115px;
  font-size: 300px;
  font-weight: 900;
  opacity: 0.3;
  color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.menu_item {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  & a {
    color: #fff;
    font-size: 63px;
  }

  & span {
    font-size: 33px;
    font-weight: 800;
    color: #e1cb03;
  }
}

.str {
  color: #e1cb03;
  font-size: 29px;
  font-weight: 800;
}

.srr {
  color: #f2f2f1;
  font-size: 29px;
  font-weight: 500;
}

.social2 {
  color: #f2f2f1;
  font-size: 29px;
  font-weight: 700;
}

.mobile_soc {
  display: none;
}

@media (max-width: 1600px) {
  .menu_container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .menu_wrapper {
    height: 120dvh;
  }
}

.imgmap{
    margin-top: 20px;
    width: 635px;
}