/* USER VARIABLES SECTION */

:root {
	--accent: #EFF975;
	--text: #000000;
	--regular-text: 18px;
	--lineheight: 22px;
	--userfont: "Space Mono", sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--desktop: 100 / 1920;
	--mobile: 100 / 375;

}



/* FONTS LOAD SECTION */


@font-face { src: url("../fonts/Atelier.woff2") format("woff2"); font-family: "atelier"; font-weight: 400; font-style: normal; font-display: swap; }





/* GENERAL CSS SETTINGS */

::placeholder { color: #C5D1FF; }
::selection { background-color: #E5FFE9; color: #000000; }
input, textarea { outline: none; }

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: normal;
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	background: #fff;
	font-weight: 400;
	color: var(--text);
	font-optical-sizing: auto;
  font-style: normal;
}


ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}

/* USER STYLES */

a {
	transition: .3s ease-in-out;
	text-decoration: none;
	color: var(--text);
}

a:hover {
	color: var(--accent-text);
}

body {
	/* max-width: 1920px; */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}



.header {
	max-width: 100%;
	width: 100%;
	padding-left: calc(30vw * var(--desktop));
	padding-right: calc(30vw * var(--desktop));
	padding-top: calc(68vw * var(--desktop));
	position: relative;
	padding-bottom: calc(70vw * var(--desktop));
}

.header-logo {
	display: block;
	margin-bottom: calc(10vw * var(--desktop));
	max-width: calc(296vw * var(--desktop));
	width: 100%;
	margin-left: calc(55vw * var(--desktop));
}

.header-logo img {
	width: 100%;
}

.text-under-logo {
	max-width: calc(672vw * var(--desktop));
	width: 100%;
	padding-top: calc(20vw * var(--desktop));
	position: relative;
	/* margin-left: calc(205vw * var(--desktop)); */
	margin-bottom: calc(160vw * var(--desktop));
	text-align: right;
  padding-left: calc(145vw * var(--desktop));
}

.text-under-logo:before {
	content: '';
	width: calc(425vw * var(--desktop));
	height: calc(2vw * var(--desktop));
	background: var(--accent);
	position: absolute;
	top: 0;
	right: 0;
}

.basic-content p {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	color: #000000;
}

.basic-content ul {
	list-style: disc;
	padding-left: calc(30vw * var(--desktop));
}

.basic-content ul li {
	list-style: disc;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	color: #000000;
	margin-bottom: calc(16vw * var(--desktop));
}

.basic-content ul li:last-child {
	margin-bottom: 0;
}

.basic-content > * {
	margin-bottom: calc(24vw * var(--desktop));
}

.basic-content > *:last-child {
	margin-bottom: 0;
}

.big-title {
	font-size: calc(80vw * var(--desktop));
	line-height: calc(85vw * var(--desktop));
	text-transform: uppercase;
	font-weight: 400;
	color: #000000;
	margin-bottom: calc(13vw * var(--desktop));
	font-family: 'atelier', sans-serif;
}

.header-why {
	max-width: 100%;
  padding-right: calc(20vw * var(--desktop));
	width: 100%;
	padding-left: calc(275vw * var(--desktop));
	margin-bottom: calc(75vw * var(--desktop));
}

.header-why__text {
	max-width: calc(500vw * var(--desktop));
	width: 100%;
	margin-left: calc(38vw * var(--desktop));
	margin-right: auto;
}

.header-what {
	max-width: 100%;
  padding-right: calc(20vw * var(--desktop));
	width: 100%;
	padding-left: calc(706vw * var(--desktop));
}

.header-what__text {
	max-width: calc(500vw * var(--desktop));
	margin-left: calc(37vw * var(--desktop));
	margin-right: auto;
}


.services-section {
	padding-top: calc(70vw * var(--desktop));
}

.container {
	max-width: 100%;
	width: 100%;
	padding-left: calc(30vw * var(--desktop));
	padding-right: calc(30vw * var(--desktop));
}

.services-boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: calc(20vw * var(--desktop));
	margin-bottom: calc(35vw * var(--desktop));
}

.service-box {
	width: 100%;
	padding: calc(39vw * var(--desktop)) calc(60vw * var(--desktop)) calc(39vw * var(--desktop)) calc(60vw * var(--desktop));
	min-height: calc(320vw * var(--desktop));
	border: 2px solid var(--accent);
}

.service-box h3 {
	font-size: calc(48vw * var(--desktop));
	line-height: calc(48vw * var(--desktop));
	font-family: 'atelier', sans-serif;
	text-transform: uppercase;
	margin-bottom: calc(13vw * var(--desktop));
}

.service-box  p {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	color: #000;
	margin-bottom: calc(24vw * var(--desktop));
	padding-left: calc(12vw * var(--desktop));
	width: 100%;
}

.service-box  p:last-child {
	margin-bottom: 0;
}

.services-images__grid {
	max-width: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: calc(320vw * var(--desktop));
  gap: 0;
}

.images-grid__item {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.images-grid__item img {
 	width: 100%;
  height: 100%;
  object-fit: cover;
}

.images-grid__item-description {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(180deg, #EFF9751A 0%, #EFF975 100%) 0% 0% no-repeat padding-box;
	z-index: 1;
	opacity: 0;
	transition: .3s ease-in-out;
	padding: calc(30vw * var(--desktop));
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
}



/* Добавляем класс, который удлиняет элемент */
.images-grid__item.tall {
  grid-row: span 2;
}

.images-grid__item:hover .images-grid__item-description {
	opacity: 1;
}

.why-us-section {
	padding-top: calc(70vw * var(--desktop));
	padding-bottom: calc(70vw * var(--desktop));
  position: relative;
}

.services-section {
	padding-bottom: calc(70vw * var(--desktop));
}

.why-us-section {
	padding-left: calc(30vw * var(--desktop));
	width: 100%;
	padding-right: calc(30vw * var(--desktop));
}

.why-us__first {
	max-width: calc(820vw * var(--desktop));
	width: 100%;
	margin-left: calc(459vw * var(--desktop));
	margin-bottom: calc(84vw * var(--desktop));
}

.why-us__second {
  max-width: calc(863vw * var(--desktop));
  width: 100%;
  margin-left: calc(734vw * var(--desktop));
}

.why-us__description{
	max-width: 100%;
	width: 100%;
	padding-left: calc(50vw * var(--desktop));
}

.why-us__about{
	max-width: calc(1150vw * var(--desktop));
	margin-left: calc(374vw * var(--desktop));
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.why-person{
	max-width: calc(460vw * var(--desktop));
	width: 100%;
}

.person-img {
	width: 100%;
	height: calc(320vw * var(--desktop));
	margin-bottom: calc(15vw * var(--desktop));
}

.person-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.person-name {
	max-width: 100%;
	width: 100%;
	height: calc(60vw * var(--desktop));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(18vw * var(--desktop));
	text-align: center;
	background: transparent linear-gradient(180deg, #EFF9751A 0%, #EFF975 100%) 0% 0% no-repeat padding-box;
}

.why-description {
	max-width: calc(657vw * var(--desktop));
	width: 100%;
	padding: calc(44.5vw * var(--desktop)) calc(66vw * var(--desktop)) calc(46vw * var(--desktop)) calc(65vw * var(--desktop));
	border: 2px solid var(--accent);
	margin-top: calc(82vw * var(--desktop));
}

.why-description h2 {
	font-size: calc(48vw * var(--desktop));
	line-height: calc(48vw * var(--desktop));
	margin-bottom: calc(34vw * var(--desktop));
	text-align: left;
	font-family: 'atelier', sans-serif;
	text-transform: uppercase;
}

.why-description__content {
	width: 100%;
	padding-left: calc(48vw * var(--desktop));
	margin-bottom: calc(15vw * var(--desktop));
}

.linkedin-link {
	display: block;
	width: 100%;
	max-width: calc(31.5vw * var(--desktop));
	height: auto;
	margin-left: calc(50vw * var(--desktop));
}

.linkedin-link img {
	width: 100%;
	height: auto;
	display: block;
}

.contact-section {
	padding-top: calc(70vw * var(--desktop));
	padding-bottom: calc(105vw * var(--desktop));
}

.contact-container {
	max-width: calc(1000vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.contact-container .big-title {
	text-align: center;
	margin-bottom: calc(20vw * var(--desktop));
}

.contact-description {
	max-width: calc(760vw * var(--desktop));
	margin-left: calc(74vw * var(--desktop));
	margin-bottom: calc(75vw * var(--desktop));
}

.contact-rows {
	max-width: calc(830vw * var(--desktop));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.contact-row__item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(37vw * var(--desktop));
	align-items: center;
}

.contact-row__item-text {
	max-width: calc(356vw * var(--desktop));
	width: 100%;
	text-align: right;
	font-size: calc(18vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	color: #000000;
}

.contact-row__item:last-child {
	margin-bottom: 0;
}

.contact-row__item-arrow {
	max-width: calc(57vw * var(--desktop));
	width: 100%;

}

.contact-row__item-arrow img {
	width: 100%;
	display: block;
	height: auto;
}

.contact-row__item-info {
	max-width: calc(330vw * var(--desktop));
	width: 100%;
	height: calc(60vw * var(--desktop));
	display: flex;
	align-items: center;
	justify-content: center;
	/* background: transparent linear-gradient(180deg, #EFF9751A 0%, #EFF975 100%) 0% 0% no-repeat padding-box;
	transition: .3s ease-in-out; */
}

.contact-row__item-info {
  position: relative;
  z-index: 1;
}

.contact-row__item-info::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(180deg, #EFF9751A 0%, #EFF975 100%);
  opacity: var(--gradient-opacity, 1); */
  pointer-events: none;
  transition: opacity 0.2s linear;
  z-index: -1;
}

.contact-email .contact-row__item-info a {
	font-size: calc(18vw * var(--desktop));
	line-height: calc(18vw * var(--desktop));
	color: #000;
}

.contact-book .contact-row__item-info a {
	max-width: calc(38vw * var(--desktop));
	width: 100%;
	display: block;
}

.contact-book .contact-row__item-info a  img {
	width: 100%;
	height: auto;
}

.contact-linkedin .contact-row__item-info a {
	max-width: calc(31.5vw * var(--desktop));
	width: 100%;
	display: block;
}

.contact-linkedin .contact-row__item-info a  img {
	width: 100%;
	height: auto;
}

.colaborations {
	padding-top: calc(105vw * var(--desktop));
	position: relative;
	padding-bottom: calc(90vw * var(--desktop));
}

.clients-title {
	max-width: 100%;
	padding-left: calc(30vw * var(--desktop));
	padding-right: calc(30vw * var(--desktop));
	text-align: center;
	margin-bottom: calc(50vw * var(--desktop));
}

.colaborations-slider-wrap{
	position: relative;
	padding-left: calc(30vw * var(--desktop));
}

.colaborations-slider {
	width: 100%;
}

.colaboration-slide {
	max-width: calc(300vw * var(--desktop));
	width: 100%;
	height: calc(250vw * var(--desktop));
	background: transparent linear-gradient(180deg, #EFF9751A 0%, #EFF975 100%) 0% 0% no-repeat padding-box;
	position: relative;
	padding: calc(30vw * var(--desktop));
	padding-top: calc(58vw * var(--desktop));
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	margin-right: calc(30vw * var(--desktop));
}

.colaboration-link{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.colaboration-logo {
	width: 100%;
	height: auto;
	display: flex;
}

.colaboration-logo img {
	max-width: calc(100% - calc(60vw * var(--desktop)));
	max-height: calc(115vw * var(--desktop));
	display: block;
	margin: 0 auto;
}

.partner-name {
	font-size: calc(21vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	text-transform: uppercase;
}

.slider-nav {
	display: flex;
	gap: calc(20vw * var(--desktop));
	width: 100%;
	max-width: calc(140vw * var(--desktop));
	position: absolute;
	top: calc(-90vw * var(--desktop));
	right: calc(64vw * var(--desktop))
}

.swiper-button-prev__custom, .swiper-button-next__custom {
	max-width: calc(60vw * var(--desktop));
	width: 100%;
	transition: .3s ease-in-out;
}

.swiper-button-prev__custom img, .swiper-button-next__custom img {
	width: 100%;
	height: auto;
	display: block;
}
.swiper-button-disabled {
	opacity: 0;
}

.footer {
	padding-bottom: calc(50vw * var(--desktop));
	width: 100%;
}

.footer-copyright__row {
	max-width: 100%;
	width: 100%;
	padding-left: calc(30vw * var(--desktop));
	padding-right: calc(30vw * var(--desktop));

}

.footer-copyright__inner {
	max-width: 100%;
	width: max-content;
	display: flex;
	gap: calc(40vw * var(--desktop));
	font-size: calc(18vw * var(--desktop));
	line-height: calc(24vw * var(--desktop));
	padding-bottom: calc(11vw * var(--desktop));
	position: relative;
}

.footer-copyright__inner:before {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 2px;
	background: #EFF975;
	left: 0;
}

.header-menu__wrap {
	width: max-content;
	max-width: 100%;
	position: absolute;
	top: calc(194vw * var(--desktop));
	right: calc(240vw * var(--desktop));
}

.header-menu__wrap ul li {
	margin-bottom: calc(24vw * var(--desktop));
	position: relative;
}

.header-menu__wrap ul li:last-child {
	margin-bottom: 0;
}

.header-menu__wrap ul li a {
	font-size: calc(25vw * var(--desktop));
	line-height: calc(25vw * var(--desktop));
	font-family: 'Atelier', sans-serif;
	text-transform: uppercase;
	color: #000;

}

.header-menu__wrap ul li:before {
	content: '';
	width: calc(35vw * var(--desktop));
	height: 3px;
	background: #000;
	right: calc(100% + calc(9vw * var(--desktop)));
	position: absolute;
	opacity: 0;
	transition: .3s ease-in-out;
	bottom: 100%;
}

.header-menu__wrap ul li.active::before {
	bottom: 0;
	opacity: 1;
}

.body-inner__wrap {
	position: relative;
	overflow: hidden;
}

.floating-lemon {
    display: block;
    z-index: -1; /* как и на десктопе */
  }

.floating-lemon img {
	width: 100%;
	height: auto;
	display: block;
}

.lemon-scroll-anchor {
  height: 1px;
  position: absolute;
  top: calc(500vw * var(--desktop));

}

.mobile-menu__toggler, .mobile-menu__close {
  display: none;
}

@media (max-width: 860px) {
  .floating-lemon {
    display: none;
  }

  .floating-lemon {
    display: block;
    position: absolute;
    /* Базовая «якорная» позиция — от неё будет считаться translate */
    top: calc(-40vw * var(--mobile));
    right: calc(-10vw * var(--mobile));
    max-width: calc(420vw * var(--mobile));
    pointer-events: none;
    will-change: transform;
    z-index: -1; /* как у тебя на десктопе */
  }

  .header-menu__wrap {
    display: none;
  }

  .mobile-menu__toggler {
    display: block;
    max-width: calc(35vw * var(--mobile));
    cursor: pointer;
    position: absolute;
    top: calc(32.3vw * var(--mobile));
    right: calc(24.8vw * var(--mobile));
  }

  .header {
    padding-top: calc(31.5vw * var(--mobile));
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .header-logo {
    max-width: calc(345vw * var(--mobile));
    margin-left: 0;
    margin-bottom: calc(9vw * var(--mobile));
  }

  .text-under-logo {

    padding-top: calc(10.7vw * var(--mobile));
    max-width: 100%;
    margin: 0;
    padding-left: calc(48vw * var(--mobile));
    padding-right: calc(25vw * var(--mobile));
    margin-bottom: calc(82vw * var(--mobile));
  }

  .basic-content p {
    font-size: calc(18vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
  }

  .text-under-logo:before {
    max-width: calc(100% - calc(73vw * var(--mobile)));
    width: 100%;
    padding-left: calc(40vw * var(--mobile));
    padding-right: calc(25vw * var(--mobile));
    height: 2px;
    right: calc(25vw * var(--mobile));
    left: unset;
  }

  .header-why {
    max-width: 100%;
    padding: 0 calc(25vw * var(--mobile));
    margin-bottom: calc(60vw * var(--mobile));
  }

  .big-title {
    font-size: calc(35vw * var(--mobile));
    line-height: calc(40vw * var(--mobile));
    margin-bottom: calc(13vw * var(--mobile));
  }

  .header-why__text {
    max-width: 100%;
    margin-left: 0;
  }

  .header-what {
    max-width: 100%;
    padding: 0 calc(25vw * var(--mobile));
  }

  .header-what__text {
    max-width: 100%;
    margin-left: 0;
  }

  .header-what {
    margin-bottom: calc(90vw * var(--mobile));
  }

  .services-section {
    padding-top: 0;
    padding-bottom: calc(72vw * var(--mobile));
  }

  .container {
    padding: 0 calc(25vw * var(--mobile));
  }

  .services-boxes {
    display: flex;
    flex-direction: column;
    gap: calc(23vw * var(--mobile));
  }

  .service-box {
    width: 100%;
    padding: calc(33vw * var(--mobile)) calc(23vw * var(--mobile));
  }

  .service-box h3 {
    font-size: calc(35vw * var(--mobile));
    line-height: calc(40vw * var(--mobile));
    margin-bottom: calc(15vw * var(--mobile));
  }

  .service-box p {
    font-size: calc(18vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
  }

  .services-boxes {
    margin-bottom: calc(38vw * var(--mobile));
  }

  .services-images__grid {
    width: calc(100% + calc(50vw * var(--mobile)));
    max-width: unset;
    margin-left: calc(-25vw * var(--mobile));
    display: flex;
    flex-direction: column;
  }
  .images-grid__item-description {
    font-size: calc(18vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
    padding: calc(30vw * var(--mobile));
  }

  .why-us-section {
    padding-top: 0;
    padding-left: calc(25vw * var(--mobile));
    padding-right: calc(25vw * var(--mobile));
    padding-bottom: calc(79vw * var(--mobile));
  }

  .why-us__first {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: calc(72vw * var(--mobile));
  }

  .why-us__second {
    text-align: right;
  }

  .why-us__about {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;

  }

  .why-person {
    max-width: unset;
    width: calc(100% + calc(50vw * var(--mobile)));
    margin-left: calc(-25vw * var(--mobile));
  }

  .person-img {
    height: calc(260vw * var(--mobile));
    margin-bottom: calc(12vw * var(--mobile));
  }

  .person-name {
    height: calc(60vw * var(--mobile));
    font-size: calc(18vw * var(--mobile));
    line-height: calc(18vw * var(--mobile));
  }

  .why-description {
    max-width: 100%;
    padding: calc(38vw * var(--mobile)) calc(23vw * var(--mobile)) calc(38vw * var(--mobile)) calc(23vw * var(--mobile));
    margin-top: calc(37vw * var(--mobile));
  }

  .why-description h2 {
    font-size: calc(30vw * var(--mobile));
    line-height: calc(40vw * var(--mobile));
    margin-bottom: calc(27vw  * var(--mobile));
  }
  .why-description__content {
    padding-left: 0;
    margin-bottom: calc(27vw * var(--mobile));
  }

  .linkedin-link {
    margin-left: 0;
    max-width: calc(31.5vw * var(--mobile));
  }

  .contact-section {
    padding-top: 0;
    padding-bottom: calc(117vw * var(--mobile));
  }

  .contact-container {
    max-width: 100%;
    padding: 0 calc(25vw * var(--mobile));
  }

  .contact-container .big-title {
    margin-bottom: 0;
    text-align: left;
  }

  .contact-description {
    margin-left: 0;
    max-width: 100%;
    margin-bottom: calc(50vw * var(--mobile));
  }

  .contact-rows {
    max-width: 100%;
  }

  .contact-row__item {
    flex-direction: column;
    margin-bottom: calc(64vw * var(--mobile));
  }

  .contact-row__item-text {
    max-width: 100%;
    text-align: center;
    font-size: calc(18vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
  }

  .contact-row__item-arrow {
    max-width: calc(57vw * var(--mobile));
    margin-top: calc(10vw * var(--mobile));
    margin-bottom: calc(15vw * var(--mobile));

  }

  .contact-row__item-arrow img {
    transform: rotate(90deg);
  }

  .contact-row__item-info {
    max-width: 100%;
    background: transparent linear-gradient(180deg, #EFF9751A 0%, #EFF975 100%) 0% 0% no-repeat padding-box;
    height: calc(60vw * var(--mobile));
    max-width: unset;
    width: calc(100% + calc(50vw * var(--mobile)));
    /* margin-left: calc(-25vw * var(--mobile)); */
  }

  .contact-email .contact-row__item-info a {
    font-size: calc(18vw * var(--mobile));
    line-height: calc(18vw * var(--mobile));
  }

  .contact-book .contact-row__item-info a {
    max-width: calc(38vw * var(--mobile));
  }

  .contact-linkedin .contact-row__item-info a {
    max-width: calc(31.5vw * var(--mobile));
  }

  .colaborations {
    padding-top: 0;
    padding-bottom: calc(113vw * var(--mobile));
  }



  .clients-title {
    margin-bottom: calc(16vw * var(--mobile));
    padding-left: calc(25vw * var(--mobile));
    padding-right: calc(25vw * var(--mobile));
  }

  .footer-copyright__inner {
    font-size: calc(16vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
  }

  .footer-copyright__row {
    padding: 0 calc(25vw * var(--mobile));
  }

  .footer {
    padding-bottom: calc(70vw * var(--mobile));
  }

  .contact-container .big-title {
    padding-left: 0;
    padding-right: 0;
  }

  .colaboration-slide {
    max-width: calc(235vw * var(--mobile));
    height: calc(196vw * var(--mobile));
    padding: calc(45vw * var(--mobile)) calc(39vw * var(--mobile));
    margin-right: calc(25vw * var(--mobile));
  }

  .colaboration-logo img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: unset;
  }

  .partner-name {
    font-size: calc(18vw * var(--mobile));
    line-height: calc(24vw * var(--mobile));
  }

  .slider-nav {
    display: none;
  }

  .header-menu__wrap {
    background: #EFF975;
    width: 100%;
    max-width: 100%;
    left: 0;
    top: 0;
    padding: calc(27vw * var(--mobile)) calc(25vw * var(--mobile));
    min-height: calc(500vw * var(--mobile));
  }



  .header-menu__wrap.active {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu__wrap {
    /* position: relative; */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu__close {
    position: absolute;
    top: calc(27vw * var(--mobile));
    right: calc(25vw * var(--mobile));
    max-width: calc(25.46vw * var(--mobile));
    width: 100%;
    cursor: pointer;
  }

   .mobile-menu__close img {
    width: 100%;
   }

   .header-menu__wrap ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(29vw * var(--mobile));
    align-items: center;
   }

   .header-menu__wrap ul li.active::before {
    display: none;
   }

   .header-menu__wrap ul li {
    margin-bottom: 0;
   }

   .header-menu__wrap ul li a {
    font-size: calc(25vw * var(--mobile));
    line-height: calc(25vw * var(--mobile));
   }
}