::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  -moz-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  background-color: #f9f9fd;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(138deg, rgb(93 127 222 / 10%), #ff5c00);
  -moz-background: linear-gradient(138deg, rgb(93 127 222 / 10%), #ff5c00);
}

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

h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
figure {
  display: block;
  font-size: 0em;
  font-weight: normal;
  margin: 0;
  border-width: 0;
  opacity: 1;
}

ul {
  display: block;
  margin: 0;
  padding: 0;
}

li {
  display: block;
}

button {
  background-color: transparent;
  border: none;
  display: block;
  padding: 0;
  margin: 0;
  align-items: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Gilroy", "GilroyLight";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: "Gilroy", "GilroyLight";
}

a {
  color: inherit; /* Убирает цвет ссылки, наследует цвет родительского элемента */
  text-decoration: none; /* Убирает подчеркивание */
}

.untitled-page.main {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  /* gap: 3vw; */
  align-items: center;
}

.untitled-page .mainContentSection {
  display: flex;
  flex-direction: column;
  /* min-height: 82px; */
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  top: 0;
  position: fixed;
  width: 80vw;
  z-index: 9;
  background-color: #ffffffd6;
  border-radius: 2vw;
  transition: margin-top 0.3s; /* Добавим плавный переход */
}

.untitled-page .mainContentSection.scrolled {
  margin-top: 0; /* Убираем отступ при прокрутке */
}

.mainContentSection-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  width: 34vw;
  gap: 1vw;
}

.mainContentSection-right {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 10px;
}

.mainContentSection-right-contact {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.mainContentSection-contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  gap: 0.4vw;
}

.untitled-page .flex_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  padding: 0.5vw 1vw;
}

.untitled-page .image55 {
  width: 9vw;
  height: 3vw;
  /* margin: 0 0 7px; */
}

.nav-link {
  /* width: 66px; */
  /* height: 17px; */
  font: 700 1vw/ 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  /* margin: 19px 0 16px; */
}

.nav-link.active {
  color: #ff5c00;
}

.untitled-page .image58 {
  width: 1.5vw;
  /* width: 23px;
  height: 23px;
  margin: 16px 0 13px; */
}

.untitled-page .highlight7 {
  /* width: 139px; */
  /* height: 27px; */
  font: 700 1vw/ 1.2 Gilroy, Helvetica, Arial, serif;
  color: #3f3c3b;
  /* margin: 14px 0 11px; */
}

.untitled-page .image60 {
  width: 1.5vw;
  /* width: 26px;
  height: 21px;
  margin: 17px 0 14px; */
}

.untitled-page .highlight4 {
  /* width: 84px; */
  /* height: 20px; */
  font: 700 1vw/ 1.2 Gilroy, Helvetica, Arial, serif;
  color: #2b3551;
  /* margin: 18px 0 14px; */
}

.untitled-page .btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  width: 13vw;
  height: 3vw;
  font: 700 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  text-align: center;
  background: var(--src) center center / 100% 100% no-repeat;
  border-radius: 24px;
  /* margin: 4px 0 0; */
  /* padding: 15.5px 38px; */
  align-items: center;
  position: relative; /* Добавляем для абсолютного позиционирования псевдоэлемента */
}

.untitled-page .btn:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); /* Черная тень */
  border-radius: 24px; /* Обеспечиваем соответствие радиусу кнопки */
  z-index: 1; /* Убедимся, что фон выше других элементов */
}

.untitled-page .btn:hover {
  z-index: 2; /* Поднимаем кнопку выше фона */
}

.untitled-page .humanResourceManagementSection {
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  align-items: center;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  margin-top: 6vw;
}

.untitled-page .cover5 {
  position: relative;
  border-radius: 20px;
  height: 27.4vw;
}

.untitled-page .flex_col {
  position: absolute;
  /* inset: 94px 435px 102px 59px; */
  margin: 6vw 4vw;
  display: flex;
  flex-direction: column;
  gap: 1vw 0;
  /* width: 615px; */
  /* height: 188px; */
}

.untitled-page .title {
  /* width: 615px; */
  /* height: 116px; */
  font: 600 2.1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
}

.untitled-page .subtitle2 {
  width: 100%;
  height: 100%;
  font: 500 1.55vw/1.19 Gilroy, Helvetica, Arial, serif;
  color: #fff;
}

.untitled-page .image64 {
  position: absolute;
  /* inset: 0 937px 118px 0; */
  width: 11.5vw;
  height: 17.3vw;
  border-radius: 20px 0 0 0;
}

.untitled-page .image65 {
  position: absolute;
  inset: 0 0 0 50%;
  width: 50%;
  border-radius: 0 20px 20px 0;
}

.untitled-page .rect {
  position: relative;
  background-color: #fffbf9;
  border-radius: 20px;
}

.untitled-page .flex_col1 {
  /* inset: 46px 48px 20px 27px; */
  display: flex;
  flex-direction: column;
  gap: 3vw 0;
}

.untitled-page .medium_title_box {
  /* width: 458px;
  height: 60px;
  margin: 0 576px 0 0; */
  font-size: 0em;
}

.untitled-page .flex_row1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.untitled-page .flex_col2 {
  display: flex;
  flex-direction: column;
  width: 23vw;
  /* width: 309px;
  height: 153px;
  margin: 0 0 34px; */
}

.untitled-page .image1 {
  width: 2.4vw;
  height: 2.4vw;
  border-radius: 2vw;
  /* margin: 0 273px 0 0; */
}
.untitled-page .highlight1 {
  /* width: 309px; */
  /* height: 39px; */
  font: 600 1.1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  margin: 2vw 0 0;
}

.untitled-page .paragraph {
  /* width: 20vw; */
  /* height: 34px; */
  font: 500 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
  margin: 1vw 0 0;
}

.untitled-page .flex_col3 {
  display: flex;
  flex-direction: column;
  width: 312px;
  height: 187px;
}

.untitled-page .image11 {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  margin: 0 276px 0 0;
}

.untitled-page .highlight11 {
  width: 293px;
  height: 39px;
  font: 500 16px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  margin: 25px 19px 0 0;
}

.untitled-page .paragraph1 {
  width: 312px;
  height: 68px;
  font: 500 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
  margin: 19px 0 0;
}

.untitled-page .flex_col4 {
  display: flex;
  flex-direction: column;
  width: 312px;
  height: 153px;
  margin: 0 0 34px;
}

.untitled-page .highlight12 {
  width: 288px;
  height: 39px;
  font: 500 16px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  margin: 25px 24px 0 0;
}

.untitled-page .paragraph2 {
  width: 312px;
  height: 34px;
  font: 500 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
  margin: 19px 0 0;
}

.untitled-page .image {
  position: absolute;
  inset: 119px 0 0 869px;
  width: 240px;
  height: 232px;
}

.untitled-page .cover {
  position: relative;
  border-radius: 20px;
  outline: 2px solid #ff5c00;
  width: 100%;
}

.untitled-page .flex_col5 {
  position: absolute;
  /* inset: 28px 159px 56px 20px; */
  display: flex;
  flex-direction: column;
  margin: 2vw;
}

.untitled-page .contactFormGroup {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 80vw;
}

.untitled-page .contactDetailsGroup {
  /* position: absolute; */
  /* top: 33px;
  left: 27px; */
  display: flex;
  flex-direction: column;
  /* width: 492px;
  height: 219px; */
}

.untitled-page .contactFormGroupImg {
  width: 37vw;
  border-radius: 0 1vw 1vw 0;
}

.untitled-page .flexColumnLayout {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: center;
}

.untitled-page .contactSectionTitle_box {
  /* width: 492px;
  height: 60px; */
}

.untitled-page .phoneLabel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 128px;
  height: 17px;
  font: 700 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #2b3551;
  text-align: right;
  margin: 20px 182px 0;
}

.buttonContainer {
  display: flex;
  /* gap: 0 21px; */
  width: 30vw;
  /* height: 110px; */
  margin: 1vw 0 0;
}

.buttonContainer .form-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1.5vw;
  /* width: 70%; */
}

.headerToInpit {
  font: 700 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  margin-bottom: 1vw;
}

.buttonColumnLeft {
  display: flex;
  flex-direction: column;
  gap: 14px 0;
  width: 218px;
  height: 110px;
}

.userNameButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 3vw;
  font: 400 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(43, 53, 81, 0.498);
  text-align: left;
  background-color: #fff;
  border-radius: 24px;
  outline: 1px solid #2b3551;
  outline-offset: -1px;
  padding: 1vw;
  margin-top: 0.4vw;
}

.contactButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 3vw;
  font: 400 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  text-align: left;
  background-color: #333;
  border-radius: 24px;
  outline: 1px solid #333;
  outline-offset: -1px;
  padding: 1vw;
  cursor: pointer;
  position: relative; /* Добавляем для абсолютного позиционирования псевдоэлемента */
}

.contactButton:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); /* Черная тень */
  border-radius: 24px; /* Обеспечиваем соответствие радиусу кнопки */
  z-index: 1; /* Убедимся, что фон выше других элементов */
}

.contactButton:hover {
  z-index: 2; /* Поднимаем кнопку выше фона */
}

.buttonColumnRight {
  display: flex;
  flex-direction: column;
  gap: 19px 0;
  width: 219px;
  height: 106px;
  margin: 0 0 4px;
}

.phoneNumberButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 3vw;
  font: 400 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(43, 53, 81, 0.498);
  text-align: left;
  background-color: #fff;
  border-radius: 24px;
  outline: 1px solid #2b3551;
  outline-offset: -1px;
  padding: 1vw 0.5vw;
  margin-top: 0.4vw;
}

.callbackNotification {
  width: 14vw;
  height: 3vw;
  font: 500 1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .imageContactUs1 {
  position: absolute;
  top: 23px;
  left: 520px;
  width: 414px;
  height: 262px;
}

.untitled-page .imageContactUs2 {
  position: absolute;
  bottom: 0;
  left: 567px;
  width: 106px;
  height: 136px;
}

.untitled-page .galleryImageGroup {
  position: absolute;
  top: 0;
  right: 0;
  width: 516px;
  height: 285px;
}

.untitled-page .galleryImageCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 516px;
  height: 285px;
}

.untitled-page .galleryImage2 {
  position: absolute;
  top: 149px;
  left: 171px;
  width: 119px;
  height: 67px;
}

.untitled-page .flex_col6 {
  display: flex;
  flex-direction: column;
  gap: 3vw 0;
  width: 80vw;
}

.untitled-page .medium_title_box2 {
  /* width: 625px; */
}

.untitled-page .grid {
  display: flex;
  gap: 2vw 2vw;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

.untitled-page .item {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  width: 38vw;
  height: 15vw;
  background-color: #fffbf9;
  border-radius: 2vw;
}

.untitled-page .rect6 {
  position: relative;
  min-height: 235px;
  background-color: #fffbf9;
  border-radius: 10px;
}

.untitled-page .image12,
.untitled-page .cover2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19.5vw;
  border-radius: 0 0 2vw 0;
}

.untitled-page .flex_col7 {
  position: absolute;
  top: 2vw;
  left: 2vw;
  display: flex;
  flex-direction: column;
  gap: 2vw 0;
  /* width: 241px; */
  /* height: 109px; */
}

.untitled-page .image13 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24.5vw;
  z-index: 2;
  border-radius: 2vw;
}

.untitled-page .image14 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19.5vw;
  z-index: 2;
  border-radius: 0 0 2vw 0;
}

.untitled-page .flex_col8 {
  position: absolute;
  top: 2vw;
  left: 2vw;
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  width: 247px;
  height: 109px;
}

.untitled-page .image15 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 19.5vw;
}

.untitled-page .image16 {
  width: 2.4vw;
  height: 2.4vw;
  border-radius: 2vw;
}

.untitled-page .rect8 {
  position: relative;
  min-height: 202px;
  background-color: #fffbf9;
}

.untitled-page .flex_col9 {
  display: flex;
  flex-direction: column;
  gap: 26px 0;
}

.untitled-page .flex_row2 {
  display: flex;
  justify-content: space-between;
  /* gap: 0 1vw; */
  width: 80vw;
  flex-wrap: wrap;
  margin-top: 2vw;
}

.untitled-page .content_box1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 24vw;
  /* min-width: 300px; */
  background-color: #fffbf9;
}

.untitled-page .rect10 {
  position: relative;
  height: 5vw;
  background-color: #333;
  border-radius: 20px 20px 0 0;
}

.untitled-page .subtitle1 {
  /* text-align: center; */
  /* position: absolute; */
  top: 30%;
  left: 5vw;
  font: 700 1.2vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  height: 5vw;
  background-color: #333;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.untitled-page .flex_col10 {
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  padding: 8%;
}

.untitled-page .highlight2 {
  /* width: 164px; */
  /* min-width: 0; */
  font: 700 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
}

.untitled-page .image18 {
  width: 28px;
  min-width: 0;
  height: 27px;
  border-radius: 15px;
  margin: 0 0 12px;
}

.untitled-page .image181 {
  border-radius: 2vw;
  width: 2vw;
  height: 2vw;
  object-fit: cover;
}

.untitled-page .subtitle11 {
  position: absolute;
  top: 28px;
  left: 72px;
  width: 180px;
  height: 24px;
  font: 700 20px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
}

.untitled-page .flex_col11 {
  position: absolute;
  top: 111px;
  left: 23px;
  display: flex;
  flex-direction: column;
  width: 294px;
  height: 569px;
}

.untitled-page .placeholder1 {
  position: absolute;
  bottom: -4px;
  left: 23px;
  width: 254px;
  height: 84px;
}

.untitled-page .group5 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 337px;
  height: 79px;
  margin: 0 0 759px;
}

.untitled-page .subtitle12 {
  position: absolute;
  top: 28px;
  left: 61px;
  width: 207px;
  height: 24px;
  font: 700 20px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
}

.untitled-page .flex_col12 {
  position: absolute;
  top: 111px;
  left: 23px;
  display: flex;
  flex-direction: column;
  gap: 29px 0;
  width: 305px;
  height: 618px;
}

.untitled-page .dashboardCoverImage {
  position: relative;
  width: 100%;
  border-radius: 20px;
  outline: 2px solid #ff5c00;
}

.untitled-page .dashboardFlexRowDiv {
  position: absolute;
  /* top: 31px; */
  /* left: 20px; */
  display: flex;
  align-items: center;
  gap: 0 1vw;
  /* width: 752px; */
  /* height: 58px; */
  margin: 2vw;
}

.untitled-page .highlightTitleH2 {
  /* width: 693px; */
  min-width: 0;
  font: 700 1.6vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .groupDiv {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 80vw;
  /* margin: 56px 56px 16px; */
  justify-content: space-between;
}

.untitled-page .titleContentDiv {
  /* position: absolute; */
  /* top: 33px; */
  /* left: 27px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1vw 0;
  /* width: 549px; */
  /* height: 219px; */
}

.untitled-page .leanManagementTitle {
  font: 700 1.56vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .contactInfoRow {
  display: flex;
  gap: 0 21px;
}

.untitled-page .nameContactCol {
  display: flex;
  flex-direction: column;
  width: 218px;
  min-width: 0;
}

.untitled-page .fullNameButton {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(43, 53, 81, 0.498);
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  outline: 1px solid #2b3551;
  outline-offset: -1px;
  margin: 12px 0 0;
  padding: 15.5px 16px;
}

.untitled-page .contactButton1 {
  display: flex;
  justify-content: center;
  font: 700 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  text-align: center;
  background-color: #333;
  border-radius: 24px;
  outline: 1px solid #333;
  outline-offset: -1px;
  margin: 14px 0 0;
  padding: 15.5px 8px;
}

.untitled-page .phoneContactCol {
  display: flex;
  flex-direction: column;
  width: 219px;
  min-width: 0;
  margin: 0 0 4px;
}

.untitled-page .phoneButton {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(43, 53, 81, 0.498);
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  outline: 1px solid #2b3551;
  outline-offset: -1px;
  margin: 12px 1px 0 0;
  padding: 15.5px 16px;
}

.untitled-page .contactNotice {
  font: 500 16px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  margin: 19px 0 0;
}

.untitled-page .managementImage1 {
  position: absolute;
  top: 88px;
  left: 601px;
  width: 111px;
  height: 131px;
}

.untitled-page .managementImage2 {
  position: absolute;
  top: 0;
  left: 601px;
  width: 224px;
  height: 128px;
}

.untitled-page .managementImage3 {
  position: absolute;
  top: 30px;
  left: 646px;
  width: 344px;
  height: 255px;
}

.untitled-page .managementImage4 {
  position: absolute;
  top: 0;
  right: 117px;
  width: 99px;
  height: 116px;
}

.untitled-page .managementImage5 {
  position: absolute;
  top: 75px;
  right: 0;
  width: 216px;
  height: 210px;
}

.untitled-page .gridContainer {
  display: flex;
  align-content: space-between;
  gap: 2vw;
  width: 80vw;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.untitled-page .clientRelationDescription {
  font: 500 1.1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
  margin: 1vw 0 0;
}

.untitled-page .image43 {
  position: absolute;
  top: 8%;
  left: 45%;
}

.untitled-page .responseImageContainer {
  position: relative;
  min-height: 231px;
  background-color: #fffbf9;
  border-radius: 20px;
  outline: 2px solid #ff5c00;
}

.untitled-page .group6 {
  position: absolute;
  top: 18px;
  left: 265px;
  display: flex;
  flex-direction: column;
  width: 273px;
  height: 213px;
}

.untitled-page .responseImage {
  position: relative;
  width: 100%;
}

.untitled-page .mainImage {
  position: relative;
  width: 18px;
  height: 2px;
  margin: 402px 0 19px 37.57%;
}

.untitled-page .flexColumnContainer {
  display: flex;
  flex-direction: column;
  width: 80vw;
  padding-top: 6vw;
}

.untitled-page .columnImage {
  width: 448px;
}

.untitled-page .flexRowContainer {
  display: flex;
  gap: 0 12px;
  margin: 2px 0 0 1px;
}

.untitled-page .rowImage1 {
  border-radius: 1vw;
  outline: 1.595px solid rgba(255, 92, 0, 0.298);
  /* max-width: 100px; */
  /* max-height: 100px; */
  width: 15vw;
  height: 6vw;
  object-fit: contain;
}

.untitled-page .contentRowContainer {
  display: flex;
  gap: 0 11px;
  margin: 58px 0 0;
}

.untitled-page .contentImage1 {
  width: 24px;
  height: 24px;
  margin: 8px;
}

.untitled-page .contentBox2 {
  display: flex;
  flex-direction: column;
  width: 40px;
  min-width: 0;
  background-color: #ff5c00;
  border-radius: 20px;
}

.untitled-page .textBlock1 {
  display: flex;
  justify-content: center;
  font: 400 14px/1.42 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  text-align: center;
  margin: 10px 11.5px;
}

.untitled-page .sliderImage {
  width: 24px;
  height: 24px;
  transform: scaleX(-1);
  margin: 8px;
}

.untitled-page .rect24 {
  position: relative;
  min-height: 327px;
  background-color: #fffbf9;
  border-radius: 20px;
}

.untitled-page .imageGroup {
  position: absolute;
  top: 0;
  right: 10%;
  width: 518px;
}

.untitled-page .consultationImage1 {
  position: absolute;
  top: 140px;
  right: -6px;
  width: 240px;
  height: 187px;
}

.untitled-page .consultationImage2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 518px;
  height: 327px;
}

.untitled-page .consultationImage3 {
  position: absolute;
  right: -6px;
  bottom: 0;
  width: 87px;
  height: 45px;
}

.untitled-page .formGroup {
  display: flex;
  flex-direction: row;
  width: 80vw;
}

.untitled-page .flex_col16 {
  /* top: 39px; */
  /* left: 27px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* width: 647px; */
  /* height: 255px; */
}

.untitled-page .consultationTitle_box {
  /* width: 83.93%; */
}

.untitled-page .flex_row8 {
  display: flex;
  gap: 0 21px;
  margin: 45px 0 0;
}

.untitled-page .flex_col17 {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  width: 313px;
  min-width: 0;
}

.untitled-page .fullNameButton1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(43, 53, 81, 0.498);
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  outline: 1px solid #2b3551;
  outline-offset: -1px;
  padding: 15.5px 16px;
}

.untitled-page .rect25 {
  position: relative;
  min-height: 48px;
  background-color: #fff;
  border-radius: 24px;
  outline: 1px solid #2b3551;
  outline-offset: -1px;
}

.untitled-page .phoneValue {
  position: absolute;
  top: 15.5px;
  left: 16px;
  display: flex;
  align-items: center;
  width: 281px;
  height: 17px;
  font: 400 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(43, 53, 81, 0.498);
}

.untitled-page .flex_row9 {
  display: flex;
  align-items: center;
  gap: 0 21px;
  margin: 25px 0 0;
}

.untitled-page .rect4 {
  width: 218px;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  background-color: #333;
  border-radius: 24px;
  outline: 1px solid #333;
  outline-offset: -1px;
}

.untitled-page .contactMessage {
  width: 219px;
  min-width: 0;
  font: 500 16px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .getConsultationButton {
  position: relative;
  width: 72px;
  font: 700 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  margin: 398px 0 85px 18.47%;
}

.untitled-page .rectangularBackground {
  position: relative;
  min-height: 187px;
  background-color: #fffbf9;
  border-radius: 10px;
}

.untitled-page .flexColumnLayout1 {
  /* top: 34px; */
  /* left: 32px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 2vw 0; */
  /* width: 546px; */
  /* height: 113px; */
}

.untitled-page .flexRowContacts {
  display: flex;
  align-items: center;
  gap: 0 1vw;
  width: 100%;
}

.untitled-page .departmentLabel {
  min-width: 0;
  font: 700 1.3vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .flexRowDetails {
  display: flex;
  align-items: center;
  gap: 0 2vw;
  width: 100%;
  justify-content: flex-start;
  padding: 1vw;
}

.flexRowDetails_Block {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.5vw;
}

.untitled-page .phoneNumberLabel {
  min-width: 0;
  font: 700 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #2b3551;
}

.untitled-page .socialMediaImage {
  width: 2.5vw;
  height: 2.5vw;
  aspect-ratio: 1;
}

.untitled-page .genericImage {
  position: relative;
  width: 80vw;
  border-radius: 0 0 1vw 1vw;
}

.untitled-page .rectangleElement {
  position: relative;
  min-height: 10vw;
  background-color: #ff5c00;
  border-radius: 1vw 1vw 0 0;
}

.untitled-page .flexColumn {
  position: absolute;
  top: 2vw;
  left: 1vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2vw 0;
  width: 80vw;
  /* height: 100px; */
}

.untitled-page .flexRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 0 10px; */
  width: 95%;
}

.untitled-page .mainImage1 {
  width: 9vw;
}

.untitled-page .secondaryImage {
  width: 1.5vw;
  height: 1.5vw;
}

.untitled-page .emailImage1 {
  width: 1.5vw;
  height: 1.5vw;
}

.untitled-page .emailHighlight {
  min-width: 0;
  font: 700 1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  text-decoration: underline;
}

.untitled-page .socialMediaImage1 {
  width: 1.5vw;
  height: 1.5vw;
}

.untitled-page .copyrightNotice {
  font: 700 1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: rgba(255, 255, 255, 0.698);
  width: 97%;
  display: flex;
  justify-content: center;
}

.untitled-page .content_box,
.untitled-page .contactGroup {
  display: flex;
  flex-direction: column;
  width: 80vw;
}

.untitled-page .group,
.untitled-page .group4,
.untitled-page .group7 {
  position: relative;
  display: flex;
  flex-direction: column;
}

.untitled-page .humanResourceManagementSection_1,
.untitled-page .serviceOverviewSection,
.untitled-page .contactUsSection,
.untitled-page .employeeManagementSection,
.untitled-page .solutionsSection,
.untitled-page .payrollManagementSection,
.untitled-page .employeeDashboardSection,
.untitled-page .leanManagementSection,
.untitled-page .clientRelationsSection,
.untitled-page .mainPageSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6vw;
}

.untitled-page .group1,
.untitled-page .group2,
.untitled-page .group3,
.untitled-page .dashboardGroupDiv,
.untitled-page .contentGroup {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 80vw;
}

.untitled-page .medium_title,
.untitled-page .contactSectionTitle,
.untitled-page .clientRelationTitle,
.untitled-page .consultationTitle {
  font: 700 1.6vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #000;
}

.untitled-page .medium_title_span0,
.untitled-page .medium_title_span11,
.untitled-page .contactSectionTitle_span0,
.untitled-page .clientRelationTitle_span0,
.untitled-page .consultationTitle_span0 {
  font: 600 1em/1.2 Gilroy, Helvetica, Arial, serif;
  color: #ff5b00;
}

.untitled-page .medium_title_span1,
.untitled-page .medium_title_span01,
.untitled-page .medium_title_span2,
.untitled-page .contactSectionTitle_span1,
.untitled-page .clientRelationTitle_span1,
.untitled-page .consultationTitle_span1 {
  font: 600 1em/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .image4,
.untitled-page .clientImage,
.untitled-page .individualApproachImage,
.untitled-page .specialistImage,
.untitled-page .image41 {
  width: 3vw;
  height: 3vw;
}

.untitled-page .medium_title_box1,
.untitled-page .clientRelationTitle_box {
  margin: 1vw 0 0;
}

.untitled-page .highlight13 {
  font: 500 1.1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
  margin: 1vw;
}

.untitled-page .highlight14 {
  font: 500 1.1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
}

.untitled-page .rect3,
.untitled-page .rectangleDiv {
  position: relative;
  min-height: 285px;
  background-color: #fffbf9;
  border-radius: 20px;
}

.untitled-page .galleryImage1,
.untitled-page .managementImage6 {
  position: absolute;
  top: 119px;
  right: 0;
  width: 240px;
  height: 166px;
}

.untitled-page .image77,
.untitled-page .image78,
.untitled-page .image79 {
  width: 2.4vw;
  height: 2.4vw;
  aspect-ratio: 1;
}

.untitled-page .subtitle,
.untitled-page .individualApproachSubtitle,
.untitled-page .specialistSubtitle,
.untitled-page .promptResponseSubtitle {
  font: 700 1.3vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
}

.untitled-page .flex_row5 {
  display: flex;
  align-items: center;
  gap: 0 1vw;
}

.untitled-page .content_box2,
.untitled-page .content_box3 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 337px;
  min-width: 0;
  background-color: #fffbf9;
}

.untitled-page .employeeHighlightImage,
.untitled-page .departmentImage {
  width: 3vw;
  min-width: 0;
  height: 3vw;
}

.untitled-page .fullNameLabel1,
.untitled-page .phoneLabel1 {
  display: flex;
  align-items: center;
  font: 700 14px/1.2 Gilroy, Helvetica, Arial, serif;
  color: #2b3551;
}

.untitled-page .individualApproachItem,
.untitled-page .expertSpecialistsItem,
.untitled-page .promptResponseItem,
.untitled-page .clientRelationItem,
.untitled-page .clientRelationItemcarusel {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  width: 39vw;
}

.untitled-page .approachImageContainer,
.untitled-page .specialistImageContainer {
  position: relative;
  height: 17vw;
  width: 39vw;
  background-color: #fffbf9;
  border-radius: 20px;
  outline: 2px solid #ff5c00;
}

.untitled-page .flex_col13,
.untitled-page .flex_col14,
.untitled-page .flex_col15 {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 18px 0;
  height: 13vw;
  width: 36vw;
  margin: 1vw 2vw;
}

.untitled-page .individualApproachDescription,
.untitled-page .specialistDescription,
.untitled-page .promptResponseDescription {
  font: 500 1.1vw / 1.2 Gilroy, Helvetica, Arial, serif;
  color: #333;
  opacity: 0.8;
}

.untitled-page .gallerySection,
.untitled-page .consultationRequestSection,
.untitled-page .commercialDepartmentSection {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.untitled-page .consultationRequestSection {
  margin: 6vw;
}

.untitled-page .contentBox1,
.untitled-page .contentBoxSlider,
.untitled-page .sliderImageContainer {
  display: flex;
  flex-direction: column;
  width: 40px;
  min-width: 0;
  border-radius: 20px;
  outline: 1.5px solid #333;
  outline-offset: -1.5px;
}

.untitled-page .contentBox3,
.untitled-page .contentBox4,
.untitled-page .contentBox5 {
  display: flex;
  flex-direction: column;
  width: 40px;
  min-width: 0;
  background-color: #fff;
  border-radius: 20px;
  outline: 1px solid #e4e7e9;
  outline-offset: -1px;
}

.untitled-page .textBlock2,
.untitled-page .textBlock3,
.untitled-page .textBlock4 {
  display: flex;
  justify-content: center;
  font: 400 14px/1.42 Gilroy, Helvetica, Arial, serif;
  color: #333;
  text-align: center;
  margin: 10px 11.5px;
}

.untitled-page .primaryButton1,
.untitled-page .primaryButton2 {
  display: flex;
  justify-content: center;
  width: 40px;
  min-width: 0;
  font: 400 14px/1.42 Gilroy, Helvetica, Arial, serif;
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  outline: 1px solid #e4e7e9;
  outline-offset: -1px;
  padding: 10px;
}

.untitled-page .phoneImage,
.untitled-page .emailImage {
  width: 2.5vw;
  height: 2.5vw;
  box-shadow: -1px 3px 6px rgb(0 0 0 / 25%);
  border-radius: 2vw;
}

.untitled-page .emailLabel,
.untitled-page .socialMediaHandleLabel {
  min-width: 0;
  font: 700 1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #2b3551;
  text-decoration: underline;
}

.untitled-page .homeText,
.untitled-page .clientsText,
.untitled-page .valuesText {
  min-width: 0;
  font: 700 1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
  cursor: pointer;
}

.untitled-page .phoneHighlight,
.untitled-page .socialMediaHighlight {
  min-width: 0;
  font: 700 1vw/1.2 Gilroy, Helvetica, Arial, serif;
  color: #fff;
}

.carousel-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: calc(
    100% * 18 / 5
  ); /* Ширина обёртки зависит от количества изображений */
}

.carousel-images {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 3vw 0.5vw 0vw 0.5vw;
}

.carousel-images img {
  flex: 0 0 auto;
  margin-right: 10px; /* Разделитель между изображениями */
}

.carousel-controls {
  padding: 0.2vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2vw;
  font-size: 1vw;
}
/* Кнопки стрелок (влево и вправо) */
.carousel-controls button {
  width: 3vw;
  height: 3vw;
  /* background-color: white; */
  /* border: 1px solid #ccc0; */
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  align-content: center;
  flex-direction: row;
}

/* Стрелка влево */
#prevBtn:before {
  border-width: 6px 8px 6px 0;
  border-color: transparent black transparent transparent;
}

/* Стрелка вправо */
#nextBtn:before {
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent black;
}

/* Цвет фона и границы при наведении */
.carousel-controls button:hover {
  background-color: #ddd;
  border-color: #888;
}

/* Активные кнопки (при необходимости) */
.carousel-controls button:disabled {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}

/* Стиль для контейнера пагинации */
#pagination {
  display: flex;
  justify-content: center;
  /* margin-top: 20px; */
}

/* Стиль для кнопок-кружков */
.page-number {
  display: inline-block;
  width: 3vw;
  height: 3vw;
  margin: 0 5px;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #ccc;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center;
  padding: 0.8vw;
}

/* Стиль для активной страницы */
.page-number.active {
  background-color: #ff5b00;
  border-color: #ff5b00;
  color: white; /* Белый цвет текста */
}

/* Дополнительный стиль для эффекта при наведении */
.page-number:hover {
  background-color: #ddd;
  border-color: #888;
}

.mobile-menu {
  display: none;
}

.desktop_view {
  display: unset;
}

.mobile_view {
  display: none;
}

.futterToLogo {
  display: unset;
  width: unset;
}

.futterUpButton {
  display: none;
}