@import url('https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css');
* {
 -webkit-font-smoothing: antialiased;
 box-sizing: border-box;
}

html,
body {
 display: flex;
 width: 100vw;
 flex-direction: column;
 scroll-behavior: smooth;
 overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0px;
}

a {
 text-decoration: none;
 color: inherit;
 cursor: default;
}

/* a blue color as a generic focus style */
@font-face {
 font-family: BG-Regular;
 src: url('../fonts/BrandonGrotesque_regular.otf') format('opentype');
 font-weight: 390;
}
@font-face {
 font-family: BG-Medium;
 src: url('../fonts/BrandonGrotesque_medium.otf') format('opentype');
 font-weight: 420;
}
@font-face {
 font-family: BG-Bold;
 src: url('../fonts/BrandonGrotesque_bold.otf') format('opentype');
 font-weight: 450;
}
@font-face {
 font-family: CG-Regular;
 src: url('../fonts/CormorantGaramond-Regular.ttf') format('truetype');
 font-weight: 400;
}
@font-face {
 font-family: CG-SemiBold;
 src: url('../fonts/CormorantGaramond-SemiBold.ttf') format('truetype');
 font-weight: 600;
}
.aStyled {
 border-bottom: 0.15em dashed #4c4a4d;
 font-size: 50%;
}
.aStyled > span {
 font-size: 200%;
 line-height: normal;
}

.aStyled > span:hover {
 font-style: normal;
 font-weight: 450;
 text-decoration-line: line-through;
 text-decoration-style: solid;
}
.dottedLine_a {
 margin: 0;
}

.dottedLine {
 margin-top: 5.2083333333vw;
}

.m_top {
 padding-top: 5.2083333333vw;
}

.text2 {
 font-size: 24px;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
 margin-top: 24px;
}

.privacy {
 display: flex;
 flex-direction: column;
 align-items: center;
 position: relative;
}
.privacy .title_box {
 width: 100%;
 height: auto;
 margin: 14.7916666667vw 0 0 0;
 border-top: 1px solid #4c4a4d;
 border-bottom: 1px solid #4c4a4d;
}
.privacy .title_box .title {
 width: 100%;
 height: 100%;
 font-family: BG-Bold, sans-serif;
 color: #4c4a4d;
 font-weight: 500;
 text-transform: upperCase;
 padding-top: 2.0833333333vw;
 line-height: 1.5;
 font-size: 1rem;
 padding-left: 10.4166666667vw;
 padding-bottom: 2.0833333333vw;
}
.privacy .privacy_main {
 width: 70.4166666667vw;
 margin: 5.4166666667vw 0;
}
.privacy .privacy_main .text1 {
 font-size: 24px;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 color: #4c4a4d;
 line-height: 1.25;
 margin-top: 10px;
}
.privacy .privacy_main .privacy_block {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 padding-top: 5.2083333333vw;
}
.privacy .privacy_main .privacy_block h3 {
 margin-bottom: 1.0416666667vw;
 font-size: 4rem;
 font-family: CG-Regular, sans-serif;
 font-weight: 600;
 color: #0e1822;
 line-height: 1.2;
}
.privacy .privacy_main .privacy_block .text_num {
 margin-top: 20px;
 padding: 0;
}
.privacy .privacy_main .privacy_block .line_a {
 position: relative;
}
.privacy .privacy_main .privacy_block .line_a::before {
 position: absolute;
 content: '';
 top: 1.0416666667vw;
 left: -6.4583333333vw;
 width: 1px;
 height: 270vh;
 background-color: #4c4a4d;
 z-index: 1;
}

.grid_parent2 {
 margin: 20px 0 0 0;
 width: 100%;
 display: grid;
 grid-template-columns: 1fr 1fr;
 -moz-column-gap: 40px;
 column-gap: 40px;
}
.grid_parent2 .data3 {
 font-size: 24px;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
}
.grid_parent2 .data2 {
 font-size: 24px;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
 grid-column: 1/2;
}
.grid_parent2 .grid_text2 {
 width: 100%;
 grid-column: 2/8;
}
.grid_parent2 .dottedLine_a {
 height: 40px;
 grid-column: 1/8;
}

.grid_parent {
 margin: 20px 0 0 0;
 width: 100%;
 display: grid;
 grid-template-columns: 20% 40%;
 -moz-column-gap: 40px;
 column-gap: 40px;
}
.grid_parent .data {
 font-size: 24px;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
 grid-column: 1/2;
}
.grid_parent .grid_text {
 width: 100%;
 grid-column: 2/8;
}
.grid_parent .dottedLine_a {
 height: 40px;
 grid-column: 1/8;
}

@media (max-width: 725px) {
 .privacy {
  padding: 0 20px;
  position: relative;
 }
 .privacy .title_box {
  position: absolute;
  margin: 154px 0 0 0;
 }
 .privacy .title_box .title {
  font-size: 2.6666666667vw;
  font-family: BG-Bold, sans-serif;
  color: #4c4a4d;
  font-weight: 500;
  text-transform: upperCase;
  padding-top: 24px;
  line-height: 1.5;
  padding-left: 24px;
  padding-bottom: 24px;
 }
 .privacy .privacy_main {
  width: 100%;
  margin: 276px 0;
 }
 .privacy .privacy_main .text1 {
  font-size: 1rem;
  margin-top: 8px;
 }
 .privacy .privacy_main .text2 {
  font-size: 1.2rem;
 }
 .privacy .privacy_main .dottedLine {
  margin-top: 40px;
 }
 .privacy .privacy_main .privacy_block {
  padding-top: 40px;
 }
 .privacy .privacy_main .privacy_block h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
 }
 .privacy .privacy_main .privacy_block .grid_parent {
  display: block;
 }
 .privacy .privacy_main .privacy_block .grid_parent .data {
  font-size: 1rem;
 }
 .privacy .privacy_main .privacy_block .grid_parent .grid_text {
  width: 100%;
  margin: 8px 0 0 0;
 }
 .privacy .privacy_main .privacy_block .grid_parent .dottedLine_a {
  margin-top: 20px;
 }
 .privacy .privacy_main .privacy_block .grid_parent2 {
  -moz-column-gap: 20px;
  column-gap: 20px;
 }
 .privacy .privacy_main .privacy_block .grid_parent2 .data3 {
  font-size: 1rem;
 }
 .privacy .privacy_main .privacy_block .grid_parent2 .data2 {
  font-size: 1rem;
 }
 .privacy .privacy_main .privacy_block .grid_parent2 .grid_text2 {
  width: 100%;
  margin: 0;
 }
 .privacy .privacy_main .privacy_block .grid_parent2 .dottedLine_a {
  margin-top: 20px;
 }
}
.terms {
 display: flex;
 flex-direction: column;
 align-items: center;
 position: relative;
}
.terms .title_box {
 width: 100%;
 margin: 14.7916666667vw 0 0 0;
 border-top: 1px solid #4c4a4d;
 border-bottom: 1px solid #4c4a4d;
}
.terms .title_box .title {
 font-family: BG-Bold, sans-serif;
 color: #4c4a4d;
 font-weight: 500;
 text-transform: upperCase;
 padding-top: 2.0833333333vw;
 line-height: 1.5;
 font-size: 1rem;
 padding-left: 10.4166666667vw;
 padding-bottom: 2.0833333333vw;
}
.terms .terms_main {
 width: 70.4166666667vw;
 margin: 5.4166666667vw 0;
}
.terms .terms_main .text1 {
 font-size: 24px;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 color: #4c4a4d;
 line-height: 1.25;
}
.terms .terms_main .dottedLine {
 margin-top: 5.2083333333vw;
}
.terms .terms_main .terms_block {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 1.0416666667vw;
 padding-top: 5.2083333333vw;
}
.terms .terms_main .terms_block h3 {
 margin-bottom: 1.0416666667vw;
 font-size: 4rem;
 font-family: CG-Regular, sans-serif;
 font-weight: 600;
 color: #0e1822;
 line-height: 1.2;
}
.terms .terms_main .terms_block .line_a {
 position: relative;
}
.terms .terms_main .terms_block .line_a::before {
 position: absolute;
 content: '';
 top: 1.0416666667vw;
 left: -6.4583333333vw;
 width: 1px;
 height: 270vh;
 background-color: #4c4a4d;
 z-index: 1;
}

.sectionSeparator {
 margin-top: 84px;
}

@media (max-width: 725px) {
 h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
  margin-top: 40px;
  line-height: 1.1;
 }
 .dottedLine {
  margin-top: 40px;
 }
 .terms {
  padding: 0 20px;
  position: relative;
 }
 .terms .title_box {
  position: absolute;
  margin: 154px 0 0 0;
 }
 .terms .title_box .title {
  font-size: 2.6666666667vw;
  font-family: BG-Bold, sans-serif;
  color: #4c4a4d;
  font-weight: 500;
  text-transform: upperCase;
  padding-top: 24px;
  line-height: 1.5;
  padding-left: 24px;
  padding-bottom: 24px;
 }
 .terms .terms_main {
  width: 100%;
  margin: 276px 0;
 }
 .terms .terms_main .text1 {
  font-size: 1rem;
  margin-top: 8px;
 }
 .terms .terms_main .terms_block {
  padding-top: 0;
 }
 .terms .terms_main .terms_block h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
  margin-top: 40px;
  line-height: 1.1;
 }
 .terms .terms_main .terms_block .line_a::before {
  left: -20px;
 }
}
@keyframes scroll {
 0% {
  transform: translateX(0);
 }
 100% {
  transform: translateX(-100%);
 } /* Adjust the number of images */
}
body {
 width: 100vw;
 margin: 0;
 line-height: normal;
 background-image: url(../img/bg_noise.png);
 background-color: #e7e6e0;
 background-repeat: repeat;
 position: relative;
 overflow-x: hidden;
}

.mb {
 display: none;
}

.wrapper {
 width: 83.3333333333vw;
 margin-inline: auto;
}

.sectionSeparator {
 width: 100vw;
 height: 1px;
 background-color: #4c4a4d;
 margin-top: 8.5416666667vw;
 z-index: 1;
}

.sectionSeparator2 {
 width: 100vw;
 height: 1px;
 background-color: #4c4a4d;
 margin-top: 2.0833333333vw;
 z-index: 1;
}

.sectionSeparator3 {
 width: 100vw;
 margin-right: 10vw;
 height: 1px;
 background-color: #4c4a4d;
 margin-top: 5.4166666667vw;
 z-index: 1;
}

.navBar {
 display: flex;
 position: fixed;
 margin: 0;
 top: 0;
 left: 0;
 right: 0;
 justify-content: center;
 width: 100%;
 height: 9.375vw;
 padding-top: 2.7083333333vw;
 background-image: linear-gradient(
  180deg,
  rgb(231, 230, 224) 0%,
  rgba(231, 230, 224, 0) 100%
 );
 background-size: auto;
 z-index: 10;
}
.navBar .navBar_list {
 display: flex;
 margin: 0;
 justify-content: space-around;
 align-items: stretch;
 gap: 3.125vw;
}
.navBar .list {
 padding-top: 0.625vw;
 width: auto;
}
.navBar .list a {
 text-decoration: none;
 font-size: 16px;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
 margin: 0;
 padding-top: 0.625vw;
 transition: 0.3s;
}
.navBar .list a:hover {
 font-style: normal;
 font-weight: 450;
 text-decoration-line: line-through;
 text-transform: uppercase;
}
.navBar .logo {
 width: 2.0833333333vw;
 height: 5.2083333333vw;
 padding-top: 0;
 margin: 0 3.125vw;
}
.navBar .logo svg {
 width: 100%;
 height: 100%;
}

.header {
 display: block;
 margin: 15.625vw auto 7.6041666667vw auto;
}
.header .circle1 {
 position: absolute;
 top: 15.8854166667vw;
 left: 47.9166666667vw;
 width: 31.25vw;
 height: 31.25vw;
 flex-shrink: 0;
 border-radius: 50%;
 background-color: #cfdae3;
 filter: blur(3.125vw);
 z-index: -1;
}
.header .ellipse1 {
 position: absolute;
 top: 7.8125vw;
 right: 0;
 width: 43.2291666667vw;
 height: 43.2291666667vw;
}
.header .header_flex {
 display: flex;
 flex-direction: column;
 width: 70.3125vw;
 margin: 0 auto;
 flex-wrap: nowrap;
 z-index: 1;
}
.header .header_flex .flex_box1 {
 display: flex;
 width: 100%;
 justify-content: space-between;
 align-items: center;
 gap: 3.5416666667vw;
}
.header .header_flex .flex_box1 .box1_text1 {
 width: 26.40625vw;
 font-size: 9.375vw;
 font-family: CG-Regular, sans-serif;
 color: #0e1822;
 font-weight: 400;
 line-height: 9.375vw;
}
.header .header_flex .flex_box1 .box1_text2 {
 width: 14.1666666667vw;
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 opacity: 0.5;
 flex-wrap: nowrap;
}
.header .header_flex .flex_box1 .box1_text3 {
 width: 19.7916666667vw;
 grid-row: 1/2;
 display: flex;
 align-items: center;
}
.header .header_flex .flex_box1 .box1_text3 .box1_line {
 content: '';
 width: 100%;
 height: 1px;
 background-color: #4c4a4d;
}
.header .header_flex .flex_box2 {
 display: flex;
 width: 100%;
 justify-content: flex-end;
 align-items: center;
 gap: 3.5416666667vw;
 flex-wrap: nowrap;
}
.header .header_flex .flex_box2 .box2_text4 {
 width: 13.1770833333vw;
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 opacity: 0.5;
}
.header .header_flex .flex_box2 .box2_text5 {
 width: 53.3854166667vw;
 font-size: 9.375vw;
 font-family: CG-Regular, sans-serif;
 color: #0e1822;
 font-weight: 400;
 line-height: 8.3333333333vw;
 flex-wrap: nowrap;
}
.header .header_flex .flex_box3 {
 display: flex;
 width: 100%;
 justify-content: flex-start;
 align-items: center;
}
.header .header_flex .flex_box3 .box3_text6 {
 width: 62.5vw;
 font-size: 9.375vw;
 font-family: CG-Regular, sans-serif;
 color: #0e1822;
 font-weight: 400;
 line-height: 8.3333333333vw;
}

.main {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 0 8.3333333333vw;
}

.work {
 width: 83.3333333333vw;
 position: relative;
}
.work .title {
 font-size: 0.8333333333vw;
 font-family: BG-Bold, sans-serif;
 color: #4c4a4d;
 font-weight: 500;
 text-transform: upperCase;
 padding-top: 2.0833333333vw;
 line-height: 1.5;
 padding-left: 2.0833333333vw;
}
.work .work_line2 {
 position: absolute;
 top: -8.2291666667vw;
 right: 50%;
 width: 1px;
 height: 11.5625vw;
 background-color: #4c4a4d;
 z-index: 1;
}
.work .work_line3 {
 position: absolute;
 top: -5.4166666667vw;
 width: 1px;
 height: 29.7916666667vw;
 background-color: #4c4a4d;
 z-index: 1;
}
.work .work_circle {
 position: absolute;
 top: -1.6145833333vw;
 left: -1.5625vw;
 width: 3.125vw;
 height: 3.125vw;
 flex-shrink: 0;
 border-radius: 50%;
 background-color: #b6c5d3;
 opacity: 0.9;
 z-index: 0;
}
.work .clientsBlock_wrapper {
 margin: 2.0833333333vw auto 0 auto;
 display: flex;
 width: 69.8958333333vw;
 height: 26.25vw;
 flex-direction: column;
 align-items: center;
 padding: 5.2083333333vw;
 background-color: rgba(76, 74, 77, 0.05);
}
.work .clientsBlock_wrapper .clientsBlock {
 display: flex;
 width: 100%;
 height: 100%;
 flex-direction: column;
 justify-content: space-around;
}
.work .clientsBlock_wrapper .clientsBlock .clientsBlock_frame {
 height: 2.7083333333vw;
 display: flex;
 white-space: nowrap;
 overflow: hidden;
}
.work .clientsBlock_wrapper .clientsBlock .clientsBlock_frame .items_wrap {
 animation: scroll 50s linear infinite;
}
.work
 .clientsBlock_wrapper
 .clientsBlock
 .clientsBlock_frame
 .items_wrap
 img.logoImg {
 flex-shrink: 0;
 height: 2.7083333333vw;
 margin-right: 3.125vw;
}
.work .clientsBlock_wrapper .clientsBlock .clientsBlock_frame .reverse {
 animation-direction: reverse;
}
.work
 .clientsBlock_wrapper
 .clientsBlock
 .clientsBlock_frame:hover
 .items_wrap {
 animation-play-state: paused;
}

.services {
 width: 100%;
 overflow: visible;
 position: relative;
 display: block;
}
.services .services_line2 {
 position: absolute;
 top: -10.625vw;
 right: 0px;
 width: 1px;
 height: 67.7083333333vw;
 background-color: #4c4a4d;
}
.services .title {
 font-size: 0.8333333333vw;
 font-family: BG-Bold, sans-serif;
 color: #4c4a4d;
 font-weight: 500;
 text-transform: upperCase;
 padding-top: 2.0833333333vw;
 line-height: 1.5;
 padding-left: 2.0833333333vw;
}

.services_line1 {
 margin-top: 2.0833333333vw;
 margin-left: -8.3333333333vw;
 width: 100vw;
 height: 1px;
 background-color: #4c4a4d;
}

.services_circle {
 position: absolute;
 top: -1.0416666667vw;
 right: -0.9895833333vw;
 width: 2.0833333333vw;
 height: 2.0833333333vw;
 border-radius: 50%;
 background-color: #4c4a4d;
 opacity: 0.3;
 z-index: 0;
}

.services_circle2 {
 position: absolute;
 top: 14.7916666667vw;
 left: 0px;
 width: 37.5vw;
 height: 37.5vw;
 border-radius: 50%;
 background-color: white;
 filter: blur(3.125vw);
 z-index: -1;
}

.services_content_grid {
 margin: 5.4166666667vw auto 0 auto;
 width: 63.0208333333vw;
 display: flex;
 flex-direction: column;
 justify-content: center;
 row-gap: 3.125vw;
 align-items: flex-start;
}
.services_content_grid .services_row {
 display: grid;
 -moz-column-gap: 3.125vw;
 column-gap: 3.125vw;
 grid-template-columns: auto auto;
}
.services_content_grid .services_row .numberImg-wrapper {
 grid-column: 1/2;
 width: 6.6666666667vw;
 height: 6.6666666667vw;
 padding: 1px;
}
.services_content_grid .services_row .numberImg-wrapper svg {
 width: 100%;
 height: 100%;
}
.services_content_grid .services_row .textWraper {
 grid-column: 2/3;
 padding-top: 1.25vw;
 height: 100%;
 display: flex;
 flex-direction: column;
 gap: 0.4166666667vw;
}
.services_content_grid .services_row .textWraper h3.services_text1 {
 font-size: 3.3333333333vw;
 font-family: CG-Regular, sans-serif;
 font-weight: 600;
 color: #0e1822;
}
.services_content_grid .services_row .textWraper .services_text2 {
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 opacity: 0.5;
}

.about {
 width: 100%;
 position: relative;
}
.about .about_line2 {
 position: absolute;
 top: -26.0416666667vw;
 left: 0;
 content: '';
 width: 1px;
 height: 48.125vw;
 background-color: #4c4a4d;
}
.about .about_background {
 position: absolute;
 top: 5.4166666667vw;
 left: 2.0833333333vw;
 width: 100%;
 height: 40.625vw;
 background-color: #4c4a4d;
 opacity: 0.05;
 border-radius: 0 0 40.625vw 40.625vw;
 z-index: -1;
}
.about .about_title {
 font-size: 0.8333333333vw;
 font-family: BG-Bold, sans-serif;
 color: #4c4a4d;
 font-weight: 500;
 text-transform: upperCase;
 padding-top: 2.0833333333vw;
 line-height: 1.5;
 padding-left: 2.0833333333vw;
}

.about_container_grid {
 display: grid;
 width: 100%;
 margin: 5.2083333333vw 0 0 0;
 padding-right: 12.5vw;
 grid-template-columns: 16.6666666667vw auto;
 -moz-column-gap: 5.2083333333vw;
 column-gap: 5.2083333333vw;
 align-items: center;
}
.about_container_grid .about_circle {
 width: 3.125vw;
 height: 3.125vw;
 border-radius: 50%;
 background-color: #4c4a4d;
 opacity: 0.1;
 justify-self: flex-end;
 align-self: center;
}
.about_container_grid .about_text {
 display: flex;
 flex-direction: column;
 align-items: center;
 margin-top: 2.5vw;
 gap: 0.4166666667vw;
 width: 50vw;
 font-size: 1.4583333333vw;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 2.0833333333vw;
 color: #0e1822;
}
.about_container_grid .about_text p {
 font-family: inherit;
 font-size: inherit;
}

.team {
 display: grid;
 width: 100%;
 margin-top: 8.5416666667vw;
 padding-right: 12.5vw;
 grid-template-columns: 1fr 4fr;
 -moz-column-gap: 5.2083333333vw;
 column-gap: 5.2083333333vw;
 align-items: center;
 position: relative;
}
.team .team_circle1 {
 position: absolute;
 top: 64.4791666667vw;
 right: 0px;
 width: 41.6666666667vw;
 height: 41.6666666667vw;
 flex-shrink: 0;
 border-radius: 50%;
 background-color: #cfdae3;
 filter: blur(4.1666666667vw);
 z-index: -1;
}
.team .about_image {
 grid-column: 1/2;
 width: 16.6666666667vw;
 overflow: hidden;
}
.team .text_wrapper {
 grid-column: 2/3;
 display: flex;
 flex-direction: column;
}
.team .text_wrapper .text7 {
 font-size: 3.3333333333vw;
 font-family: CG-Regular, sans-serif;
 font-weight: 600;
 color: #0e1822;
}
.team .text_wrapper .text8 {
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 opacity: 0.5;
 margin-top: 0.625vw;
}
.team .text_wrapper .text_main {
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 margin-top: 2.0833333333vw;
}
.team .text_wrapper .text9 {
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 margin-top: 1.0416666667vw;
}
.team .about_dottedLine {
 grid-column: 2/3;
 width: 100%;
 margin: 5.2083333333vw 0 5.2083333333vw 0;
 z-index: 1;
}

.testimonials {
 width: 83.3333333333vw;
 position: relative;
}
.testimonials .testimonials_line2 {
 position: absolute;
 top: -2.6041666667vw;
 left: 0;
 content: '';
 width: 1px;
 height: 27.5vw;
 background-color: #4c4a4d;
 z-index: 1;
}
.testimonials .testimonials_line3 {
 position: absolute;
 right: 0;
 top: -88.5416666667vw;
 width: 1px;
 height: 94.4791666667vw;
 background-color: #4c4a4d;
 z-index: 1;
}
.testimonials .testimonials_circle {
 position: absolute;
 top: -1.0416666667vw;
 right: -0.9895833333vw;
 width: 2.0833333333vw;
 height: 2.0833333333vw;
 flex-shrink: 0;
 border-radius: 50%;
 background-color: rgb(182, 197, 211);
 opacity: 0.8;
 z-index: 0;
}
.testimonials .testimonials_title {
 font-size: 0.8333333333vw;
 font-family: BG-Bold, sans-serif;
 color: #4c4a4d;
 font-weight: 500;
 text-transform: upperCase;
 padding-top: 2.0833333333vw;
 line-height: 1.5;
 padding-left: 2.0833333333vw;
}
.testimonials .testimonials_mainBlock {
 width: 69.8958333333vw;
 height: 35vw;
 margin: 2.0833333333vw auto 0 auto;
 padding: 5.2083333333vw;
 background-color: rgba(76, 74, 77, 0.05);
 position: relative;
}
.testimonials .testimonials_mainBlock .imgQoute_left {
 position: absolute;
 top: 2.0833333333vw;
 left: -1.0416666667vw;
 width: 3.125vw;
}
.testimonials .testimonials_mainBlock .imgQoute_right {
 position: absolute;
 bottom: 2.0833333333vw;
 right: -1.0416666667vw;
 width: 3.125vw;
 transform: scaleX(-1) scaleY(-1);
}
.testimonials .testimonials_mainBlock .slider {
 width: 59.4791666667vw;
 overflow: hidden;
}
.testimonials .testimonials_mainBlock .slider .slide {
 display: flex;
 align-items: flex-start;
}
.testimonials .testimonials_mainBlock .slider .slide img {
 width: 100%;
 height: 100%;
}
.testimonials .testimonials_mainBlock .slider__btn-container {
 position: absolute;
 top: 5.2083333333vw;
 right: 5.2083333333vw;
 width: 10.4166666667vw;
 height: 3.125vw;
 display: flex;
 justify-content: space-between;
}
.testimonials .testimonials_mainBlock .slider__btn {
 display: flex;
 align-items: center;
 width: 4.1666666667vw;
 background-color: #d0cfcb;
 border: 1px solid #d0cfcb;
 transition: ease 0.2s;
 z-index: 2;
 overflow: hidden;
}
.testimonials .testimonials_mainBlock .slider__btn:hover {
 background-color: transparent;
 border: 1px solid #0e1822;
}
.testimonials .testimonials_mainBlock .slider__btn:hover svg path {
 stroke: #0e1822;
}
.testimonials .testimonials_mainBlock .slider__btn:active {
 background-color: transparent;
 border: 1px solid #0e1822;
}
.testimonials .testimonials_mainBlock .slider__btn:active svg path {
 stroke: #0e1822;
}
.testimonials .testimonials_mainBlock .slider__btn--left {
 transform: scaleX(-1);
}
.testimonials .testimonials_content_grid {
 height: 100%;
 display: grid;
 grid-template-columns: 1fr 10fr;
 -moz-column-gap: 1.4583333333vw;
 column-gap: 1.4583333333vw;
 row-gap: 2.0833333333vw;
 align-items: top;
}
.testimonials .testimonials_content_grid .contentImg_1 {
 grid-column: 1/2;
 width: 4.375vw;
 height: 4.375vw;
 overflow: hidden;
}
.testimonials .testimonials_content_grid .text_wrapper {
 grid-column: 2/3;
 display: flex;
 flex-direction: column;
}
.testimonials .testimonials_content_grid .text_wrapper .text10 {
 font-size: 2.0833333333vw;
 font-family: CG-Regular, sans-serif;
 font-weight: 600;
 color: #0e1822;
 line-height: 2.5vw;
}
.testimonials .testimonials_content_grid .text_wrapper .text11 {
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 color: #4c4a4d;
 margin-top: 8px;
 line-height: 30px;
 opacity: 0.5;
}
.testimonials .testimonials_content_grid .testimonials_textMain {
 grid-column: 1/3;
 grid-row: 2/3;
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 color: #4c4a4d;
 line-height: 1.4;
}

.footer {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 0 8.3333333333vw;
}
.footer .contact {
 position: relative;
 width: 83.3333333333vw;
}
.footer .contact .line2 {
 position: absolute;
 top: -2.6041666667vw;
 right: 0;
 content: '';
 width: 1px;
 height: 17.8125vw;
 background-color: #4c4a4d;
}
.footer .contact .circle {
 position: absolute;
 top: -2.0833333333vw;
 left: -2.0833333333vw;
 width: 20.3125vw;
 height: 20.3125vw;
 border-radius: 50%;
 border: 1px solid #4c4a4d;
}
.footer .contact .textBlock {
 display: flex;
 width: 49.53125vw;
 height: 15.3125vw;
 margin: 5.4166666667vw 11.9270833333vw 0 auto;
 flex-direction: column;
 align-items: flex-start;
 gap: 3.125vw;
}
.footer .contact .textBlock .textBlock1 {
 display: flex;
 gap: 1.0416666667vw;
 width: 43.75vw;
 flex-direction: column;
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
}
.footer .contact .textBlock .textBlock2 {
 display: flex;
 width: 100%;
 justify-content: space-between;
 align-items: center;
 margin-top: 3.125vw;
}
.footer .contact .textBlock .textBlock2 .textBlock2_1 {
 font-size: 3.3333333333vw;
 font-family: CG-Regular, sans-serif;
 font-weight: 600;
 color: #0e1822;
}
.footer .contact .textBlock .textBlock2 .textBlock2_2 {
 display: flex;
 height: 3.125vw;
 align-items: center;
 gap: 2.0833333333vw;
}
.footer .contact .textBlock .textBlock2 .textBlock2_2 .email {
 display: flex;
 justify-content: center;
 align-items: center;
 border: 1px solid #0e1822;
 height: 100%;
 width: 18.0729166667vw;
 margin: auto;
 font-size: 1.25vw;
 font-family: BG-Regular, sans-serif;
 font-weight: 390;
 line-height: 1.4;
 color: #4c4a4d;
 overflow: hidden;
}
.footer .contact .textBlock .textBlock2 .textBlock2_2 .arrow_box {
 display: block;
 width: 6.25vw;
 height: 100%;
 border: 1px solid #0e1822;
 background-color: #0e1822;
 transition: ease 0.3s;
}
.footer .contact .textBlock .textBlock2 .textBlock2_2 .arrow_box:hover {
 background-color: transparent;
}
.footer
 .contact
 .textBlock
 .textBlock2
 .textBlock2_2
 .arrow_box:hover
 svg
 path {
 stroke: #0e1822;
}
.footer .contact .textBlock .textBlock2 .textBlock2_2 .arrow_box svg {
 width: 100%;
 height: 100%;
}
.footer .line3 {
 width: 100%;
 height: 1px;
 margin-top: 5.4166666667vw;
 content: '';
 background-color: #4c4a4d;
}
.footer .lastBlock {
 width: 83.3333333333vw;
 height: 1.6666666667vw;
 margin: 2.7083333333vw auto 2.9166666667vw auto;
 display: flex;
 justify-content: space-between;
}
.footer .lastBlock .lastBlock_text {
 display: flex;
 gap: 3.125vw;
}
.footer .lastBlock .lastBlock_text .lastBlock_text1 {
 font-size: 0.8333333333vw;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
 opacity: 0.5;
}
.footer .lastBlock .lastBlock_text .privacy_link,
.footer .lastBlock .lastBlock_text .terms_link {
 font-size: 0.8333333333vw;
 font-family: BG-Medium, sans-serif;
 font-weight: 500;
 line-height: 1.2;
 color: #4c4a4d;
}
.footer .lastBlock .lastBlock_text .privacy_link:hover,
.footer .lastBlock .lastBlock_text .terms_link:hover {
 font-style: normal;
 font-weight: 450;
 text-decoration-line: line-through;
 text-transform: uppercase;
}
.footer .lastBlock .lastBlock_icons {
 display: flex;
 justify-content: space-between;
 width: 6.4583333333vw;
 height: 1.6666666667vw;
}
.footer .lastBlock .lastBlock_icons .icon {
 width: 1.6666666667vw;
 height: 1.6666666667vw;
}
.footer .lastBlock .lastBlock_icons .icon:hover {
 filter: contrast(0.4);
}

._hide {
 display: none;
}

@media (max-width: 725px) {
 body {
  background-image: url(../img/noiseBgMb.png);
 }
 .dt {
  display: none;
 }
 .mb {
  display: block;
 }
 ._lock {
  overflow: hidden;
 }
 .navBar {
  display: block;
  width: 100%;
  height: 25.6vw;
  padding: 6.4vw;
  position: fixed;
 }
 .navBar .navBar_list {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: max(160px, 25vh);
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 32px);
  justify-items: center;
  gap: 0;
  row-gap: 40px;
  height: 100vh;
  opacity: 0;
  background-image: url(../img/noiseBgMb.png);
  transition: all 0.3s ease 0s;
  overflow-y: scroll;
 }
 .navBar .navBar_list .navBar_media_icons {
  display: flex;
  gap: 40px;
 }
 .navBar ._show {
  display: grid;
  opacity: 1;
  background-color: #e7e6e0;
  z-index: 8;
 }
 .navBar .list a {
  height: 100%;
  font-size: 4.2666666667vw;
  font-family: BG-Medium, sans-serif;
  font-weight: 500;
  color: #4c4a4d;
  line-height: 1;
 }
 .logoMb {
  position: absolute;
  top: 6.4vw;
  left: 0;
  right: 0;
  width: 100%;
  height: 19.2vw;
  z-index: 10;
 }
 .navBar_icon {
  float: right;
  width: 7.4666666667vw;
  height: 7.4666666667vw;
  position: relative;
  cursor: pointer;
  z-index: 10;
 }
 .navBar_icon ::before,
 .navBar_icon ::after {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  background-color: #4c4a4d;
  transition: all 0.3s ease 0s;
 }
 .navBar_icon ::before {
  top: 30%;
 }
 .navBar_icon ::after {
  bottom: 30%;
 }
 ._active ::before {
  top: 50%;
  transform: rotate(-45deg) translate(0px, -50%);
 }
 ._active ::after {
  bottom: 50%;
  transform: rotate(45deg) translate(0px, 50%);
 }
 .main {
  width: 100%;
  padding: 0;
  margin-top: 34.6666666667vw;
 }
 .header {
  width: 100%;
  margin-top: 48vw;
 }
 .header .ellipse1 {
  top: 152px;
  left: 0;
  width: 100vw;
  height: 100vw;
 }
 .header .circle1 {
  top: 60.8vw;
  right: 0;
  width: 85.3333333333vw;
  height: 85.3333333333vw;
  opacity: 0.9;
  filter: blur(60px);
 }
 .header .header_flex {
  width: 87.4666666667vw;
 }
 .header .header_flex .flex_box1 {
  justify-content: space-between;
 }
 .header .header_flex .flex_box1 .box1_text1 {
  font-size: 13.0666666667vw;
  font-family: CG-Regular, sans-serif;
  color: #0e1822;
  font-weight: 400;
  line-height: 1.2;
  width: 37.3333333333vw;
 }
 .header .header_flex .flex_box1 .box1_text3 {
  width: 42.9333333333vw;
  z-index: 3;
 }
 .header .header_flex .flex_box2 {
  width: 100%;
  z-index: 3;
 }
 .header .header_flex .flex_box2 .box2_text5 {
  font-size: 13.0666666667vw;
  font-family: CG-Regular, sans-serif;
  color: #0e1822;
  font-weight: 400;
  line-height: 1.2;
  width: 100%;
  text-align: end;
  white-space: nowrap;
  gap: 0;
 }
 .header .header_flex .flex_box3 .box3_text6 {
  font-size: 13.0666666667vw;
  font-family: CG-Regular, sans-serif;
  color: #0e1822;
  font-weight: 400;
  line-height: 1;
  z-index: 3;
 }
 .header .header_flex .flex_box4 {
  width: 100%;
  margin-top: 10.6666666667vw;
 }
 .header .header_flex .flex_box4 .box4_text1 {
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  color: #4c4a4d;
  line-height: 1.2;
 }
 .work {
  width: 100%;
 }
 .work .work_line2 {
  top: -12.8vw;
  height: 22.4vw;
 }
 .work .work_circle {
  top: -2.9333333333vw;
  left: 3.2vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
 }
 .work .title {
  margin-top: 6.4vw;
  margin-left: 6.4vw;
  font-size: 2.6666666667vw;
  font-family: BG-Bold, sans-serif;
  color: #4c4a4d;
  font-weight: 500;
  text-transform: upperCase;
  line-height: 1;
 }
 .work .clientsBlock_wrapper {
  margin: 6.4vw auto 0 auto;
  justify-content: center;
  padding: 10.6666666667vw 6.4vw;
  width: 100%;
  height: 59.7333333333vw;
 }
 .work .clientsBlock_wrapper .clientsBlock .clientsBlock_frame {
  height: 100%;
  align-items: center;
  overflow: hidden;
 }
 .work
  .clientsBlock_wrapper
  .clientsBlock
  .clientsBlock_frame
  .items_wrap
  img.logoImg {
  height: 8.5333333333vw;
  margin-right: 6.4vw;
 }
 .work .clientsBlock_wrapper .clientsBlock .clientsBlock_frame .reverse {
  align-items: center;
 }
 .sectionSeparator {
  margin: 60px 0 0 0;
 }
 .services {
  width: 100%;
 }
 .services .title {
  margin-top: 6.4vw;
  margin-left: 6.4vw;
  font-size: 2.6666666667vw;
  font-family: BG-Bold, sans-serif;
  color: #4c4a4d;
  font-weight: 500;
  text-transform: upperCase;
  line-height: 1;
 }
 .services_circle {
  top: -2.9333333333vw;
  right: 2.9333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
 }
 .services_circle2 {
  width: 80vw;
  height: 80vw;
  filter: blur(60px);
  opacity: 0.9;
 }
 .services_line1 {
  margin-left: 0;
  margin-top: 6.4vw;
 }
 .services_content_grid {
  width: 100%;
  margin: 0;
  padding-top: 16vw;
  row-gap: 10.6666666667vw;
  padding-left: 6.4vw;
 }
 .services_row {
  width: 80vw;
  gap: 6.4vw;
 }
 .services_content_grid .services_row .numberImg-wrapper {
  width: 13.8666666667vw;
  height: 13.8666666667vw;
 }
 .services_content_grid .services_row .textWraper {
  height: auto;
  gap: 2.1333333333vw;
 }
 .services_content_grid .services_row .textWraper h3.services_text1 {
  font-size: 6.4vw;
  font-family: CG-Regular, sans-serif;
  font-weight: 600;
  color: #0e1822;
  padding-top: 2.6666666667vw;
  line-height: 1.08;
 }
 .services_content_grid .services_row .textWraper .services_text2 {
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  color: #4c4a4d;
  line-height: 1.2;
 }
 .sectionSeparator3 {
  margin: 16vw 0 0 0;
 }
 .about .about_background2 {
  overflow: hidden;
  position: absolute;
  top: 16vw;
 }
 .about .about_background2 svg {
  width: 100vw;
  height: 80vw;
 }
 .about .about_title {
  margin-top: 6.4vw;
  margin-left: 6.4vw;
  font-size: 2.6666666667vw;
  font-family: BG-Bold, sans-serif;
  color: #4c4a4d;
  font-weight: 500;
  text-transform: upperCase;
  line-height: 1;
 }
 .about_container_grid {
  display: block;
  padding: 24px;
 }
 .about_container_grid .about_text {
  width: 100%;
  margin: 0 auto;
  font-size: 4.2666666667vw;
  font-family: BG-Medium, sans-serif;
  font-weight: 500;
  color: #4c4a4d;
  line-height: 1.25;
 }
 .team {
  display: flex;
  flex-direction: column;
  padding: 84px 24px 0 24px;
  margin-top: 0;
 }
 .team .about_image {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
 }
 .team .text_wrapper .text7 {
  margin-top: 6.4vw;
  font-size: 6.4vw;
  font-family: CG-Regular, sans-serif;
  font-weight: 600;
  color: #0e1822;
  line-height: 1.17;
 }
 .team .text_wrapper .text8 {
  margin-top: 2.1333333333vw;
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  color: #4c4a4d;
  line-height: 1.25;
 }
 .team .text_wrapper .text_main {
  margin-top: 6.4vw;
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  line-height: 1.4;
  color: #4c4a4d;
 }
 .team .text_wrapper .text9 {
  margin-top: 2.1333333333vw;
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  line-height: 1.4;
  color: #4c4a4d;
 }
 .team .about_background {
  margin: 10.6666666667vw 0 16vw 0;
 }
 .team .about_dottedLine {
  margin: 6.4vw 0 10.6666666667vw 0;
 }
 .team .about_dottedLine svg {
  width: 100%;
 }
 .testimonials {
  width: 100%;
 }
 .testimonials .testimonials_circle {
  right: 3.2vw;
  top: -2.9333333333vw;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
 }
 .testimonials .testimonials_title {
  font-size: 2.6666666667vw;
  margin-top: 6.4vw;
  margin-left: 6.4vw;
  line-height: 1;
 }
 .testimonials .testimonials_mainBlock {
  width: 100%;
  margin-top: 6.4vw;
  height: 183.4666666667vw;
  padding: 17.0666666667vw 6.4vw 6.4vw 6.4vw;
 }
 .testimonials .testimonials_mainBlock .slider {
  width: 100%;
  height: 100%;
 }
 .testimonials .testimonials_mainBlock .imgQoute_left {
  position: absolute;
  top: 3.2vw;
  left: 3.2vw;
  width: 8.5333333333vw;
 }
 .testimonials .testimonials_mainBlock .imgQoute_right {
  top: auto;
  left: auto;
  position: absolute;
  bottom: 25.6vw;
  right: 3.2vw;
  width: 8.5333333333vw;
 }
 .testimonials .testimonials_mainBlock .slider__btn-container {
  top: auto;
  right: auto;
  left: 6.4vw;
  bottom: 6.4vw;
  width: 45.8666666667vw;
  height: 16vw;
  gap: 3.2vw;
 }
 .testimonials .testimonials_mainBlock .slider__btn {
  width: 100%;
  height: 100%;
 }
 .footer {
  width: 100%;
  padding: 0;
 }
 .footer .contact {
  width: 100%;
  padding: 60px 24px;
  border-bottom: 1px solid #4c4a4d;
 }
 .footer .contact .textBlock {
  width: 100%;
  height: 100%;
  margin: 0;
  gap: 10.6666666667vw;
 }
 .footer .contact .textBlock .textBlock1 {
  width: 100%;
  gap: 2.1333333333vw;
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  color: #4c4a4d;
  line-height: 1.25;
 }
 .footer .contact .textBlock .textBlock2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 6.4vw;
 }
 .footer .contact .textBlock .textBlock2 .textBlock2_1 {
  font-size: 6.4vw;
  font-family: CG-Regular, sans-serif;
  font-weight: 600;
  color: #0e1822;
  line-height: 1.17;
 }
 .footer .contact .textBlock .textBlock2 .textBlock2_2 {
  width: 87.2vw;
  height: 16vw;
  gap: 3.2vw;
 }
 .footer .contact .textBlock .textBlock2 .textBlock2_2 .email {
  width: 62.6666666667vw;
  height: 100%;
  margin: 0;
  font-size: 4.2666666667vw;
  font-family: BG-Regular, sans-serif;
  font-weight: 390;
  color: #4c4a4d;
  line-height: 1.25;
 }
 .footer .contact .textBlock .textBlock2 .textBlock2_2 .arrow_box {
  width: 21.3333333333vw;
  height: 100%;
 }
 .footer .lastBlock {
  width: 100%;
  height: 228px;
  padding: 60px 88px 20px 24px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, auto);
  row-gap: 10.6666666667vw;
 }
 .footer .lastBlock .lastBlock_icons {
  grid-row: 1/2;
  width: 27.7333333333vw;
  height: 8.5333333333vw;
  justify-content: flex-start;
  gap: 10.6666666667vw;
 }
 .footer .lastBlock .lastBlock_icons .icon {
  width: 100%;
  height: 100%;
 }
 .footer .lastBlock .lastBlock_text {
  grid-row: 2/3;
  width: 100%;
  display: grid;
  justify-items: start;
  grid-template-columns: auto auto;
  grid-template-rows: repeat(2, auto);
  gap: 6.4vw;
 }
 .footer .lastBlock .lastBlock_text .lastBlock_text1 {
  align-content: start;
  font-size: 3.2vw;
  font-family: BG-Medium, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #4c4a4d;
  grid-row: 2/3;
  grid-column: 1/3;
 }
 .footer .lastBlock .lastBlock_text .privacy_link {
  font-size: 3.2vw;
  font-family: BG-Medium, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #4c4a4d;
  grid-row: 1/2;
  grid-column: 1/2;
  opacity: 1;
  white-space: nowrap;
 }
 .footer .lastBlock .lastBlock_text .terms_link {
  font-size: 3.2vw;
  font-family: BG-Medium, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #4c4a4d;
  grid-row: 1/2;
  grid-column: 2/3;
  text-wrap: nowrap;
  opacity: 1;
 }
}
