/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #d3d0ca;
  border-radius: 20px;
}
[hidden] {
  display: none;
}
*{box-sizing: border-box;outline: none !important;}
:root {
  --font-family: "Bahnschrift", sans-serif;
  --third-family: "Gilroy", sans-serif;
  --second-family: "NAMU", sans-serif;
  --font4: "Mont", sans-serif;
  --font3: "Inter Tight", sans-serif;
}
body {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
    color: #646464;
    width: 100%;
    max-width: 1920px;
    background: #fff;
    margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #646464;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
.hero{
    width: 100%;
    padding: 16px 15px;
}
.hero__body{
    width: 100%;
    height: 750px;
    background-image: var(--hero_bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.hero__content--text{
  font-family: var(--font3);
  font-weight: 700;
  font-size: 48px;
  line-height: 155%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 
  0 10px 23px rgba(0, 0, 0, 0.1),
  0 42px 42px rgba(0, 0, 0, 0.09),
  0 94px 56px rgba(0, 0, 0, 0.05),
  0 167px 67px rgba(0, 0, 0, 0.01),
  0 261px 73px rgba(0, 0, 0, 0);
}
.hero__content--top{
  max-width: 780px;
}
.hero__content--subtext{
  font-family: var(--third-family);
  font-weight: 800;
  font-size: 24px;
  line-height: 271%;
  letter-spacing: -0.04em;
  color: #fff;
}
.hero__content--bot>button{
  width: 191px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  border-radius: 32px;
  background: linear-gradient(342deg, #000 0%, #fff 100%);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.hero__content--bot>button>span{
    width: 100%;
    background: linear-gradient(342deg, #312e2f 0%, #978e91 100%);
    z-index: 2;
    display: flex;
    align-items: center;
    height: 48px;
    gap: 6px;
    border-radius: 32px;
    justify-content: center;
}
.hero__content--bot>a{
  display: flex;
  align-items: center;
  gap: 18px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 71%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #fff;
  margin-left: 40px;
}
.doctor__info{
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  border-radius: 10px;
  padding: 15px 13px;
  margin-left: 250px;
}
.doctor__info img{
  position: relative;
  z-index: 3;
}
.doctor__info--text>div{
  position: relative;
  z-index: 3;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 5px;
}
.doctor__info--text>span{
font-family: var(--font-family);
font-weight: 300;
font-size: 12px;
line-height: 83%;
color: rgba(255, 255, 255, 0.7);
position: relative;
z-index: 3;
}
.doctor__info::after{
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(226, 255, 163, 1) 0%, rgba(153, 153, 153, 1) 100%);
  pointer-events: none;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
}
.doctor__info::before{
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(30px);
  background: rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  z-index: 1;
}
.hero__content--bot{
  display: flex;
  align-items: center;
}
.hero__content--text>span{
  font-size: 96px;
}
.hero__content>.container{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.hero__content{
  position: absolute;
  inset: 0;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6666;
    transition: .3s;
}
.header .container{
    width: 100%;
    max-width: 1790px;
    margin: 0 auto;
    padding: 10px;
    display: flex;
    align-items: center;
    transition: .3s;
}
.common-home .header .container{padding: 32px 10px 20px 10px;}
.header.fixed .container{
  padding-top: 10px;
  padding-bottom: 10px;
}

.header_logo{
  margin-right: 85px;
}
.header__cataloglink,
.header__catalog{
    margin-right: 35px;
    width: max-content;
    position: relative;
}
.header__catalog{
  display: none;
}
.header__cataloglink>a,
.header__catalog>button{
    padding: 1px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #fff;
    height: 40px;
    position: relative;
    border: none;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1), 0 17px 17px 0 rgba(0, 0, 0, 0.09), 0 37px 22px 0 rgba(0, 0, 0, 0.05), 0 67px 27px 0 rgba(0, 0, 0, 0.01), 0 104px 29px 0 rgba(0, 0, 0, 0);
    background: linear-gradient(342deg, #000 0%, #fff 100%);
    cursor: pointer;
    display: flex;
}
.button__content{
  width: 100%;
  height: 100%;
  padding: 0 16px 0 11px;
  background: linear-gradient(342deg, #312e2f 0%, #978e91 100%);
  z-index: 2;
  display: flex;
  align-items: center;
  height: 38px;
  gap: 6px;
  border-radius: 32px;
}
.header-socials{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.header-socials a{
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #7EB900;
  border-radius: 50%;
  padding: 7px;
}
.header_info>ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 40px;
}
.header_info>ul a{
  font-weight: 400;
  font-size: 16px;
  line-height: 188%;
  color: #373435;
}
.common-home .header_info>ul a{
  color: #fff;
}
.common-home .fixed .header_info>ul a{
  color: #373435;
}
.header_info>ul a:hover{
  text-decoration: underline;
}
/* DROPDOWN */
.btn-group {
  position: relative;
}

.btn-group .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  min-width: 80px;
  margin: 8px 0 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 0;
  overflow: hidden;
}

.btn-group.open .dropdown-menu {
  display: block;
}

.dropdown-menu li {
  margin: 0;
}

.dropdown-menu .language-select {
  width: 100%;
  padding: 8px 14px;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #373435;
  text-align: center;
}

.dropdown-menu .language-select:hover {
  background: #f5f5f5;
}
/* DROPDOWN */
.header__languages{
  margin-left: auto;
  margin-right: 45px;
}
.header_info{
  margin-left: 45px;
}
.btn-language{
  width: max-content;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 188%;
  color: #373435;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.common-home .btn-language{
  color: #fff;
}
.common-home .fixed .btn-language{
  color: #373435;
}
a.onmap__link{
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 71%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #373435;
  gap: 18px;
  margin-right: 40px;
}
.common-home a.onmap__link{
  color: #fff;
}
a.onmap__link path{
  fill: #7EB900;
}
.common-home a.onmap__link path{
  fill: #fff;
}
.common-home .fixed a.onmap__link{
  color: #373435;
}
.common-home .fixed a.onmap__link path{
  fill: #7EB900;
}
.header__telephone{
  display: flex;
  align-items: center;
  gap: 29px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #373435;
}
.common-home .header__telephone{
  color: #fff;
}
.common-home .fixed .header__telephone{
  color: #373435;
}
.header_logo img{
  transition: .3s;
}
header.fixed{
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.logo__white{
  display: none;
}
.logo__green{
  display: block;
}
.common-home header .logo__white{
  display: block;
}
.common-home header.fixed .logo__white{
  display: none;
}
.common-home header .logo__green{
  display: none;
}
.common-home header.fixed .logo__green{
  display: block;
}
.header__telephone path{
  fill: #7EB900;
}
.header__telephone path{
  fill: #7EB900;
}
.common-home .header__telephone path{
  fill: #fff;
}
.common-home .fixed .header__telephone path{
  fill: #7EB900;
}
.hero__contentm{
    display: none;
}
body[class^="information-information-"] .home__contacts {margin-top: 10px;}
.catalog__menu{
  position: absolute;
  left: 0;
  top: calc(100% + 20px);
  background-image: url(../image/Frame12.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 390px;
  max-width: 100vw;
  height: 500px;
    max-height: calc(100dvh - 100px);
  overflow: auto;
  border-radius: 30px;
  display: none;
}
.fixed .catalog__menu{
  top: calc(100% + 15px);
}
.open .catalog__menu{
  display: block;
}
.catalog__menu--heading{
  display: none;
  align-items: center;
  padding: 20px 15px;
  justify-content: space-between;
}
.catalog__menu--heading img{
  width: 65px;
}
.catalog__menu--heading>a{
  width: 180px;
  height: 50px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1), 0 17px 17px 0 rgba(0, 0, 0, 0.09), 0 37px 22px 0 rgba(0, 0, 0, 0.05), 0 67px 27px 0 rgba(0, 0, 0, 0.01), 0 104px 29px 0 rgba(0, 0, 0, 0);
  background: linear-gradient(342deg, #000 0%, #fff 100%);
  padding: 1px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.catalog__menu--heading>a>span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  border-radius: 32px;
  background: linear-gradient(342deg, #312e2f 0%, #978e91 100%);
}
.catalog__menu--close{
  cursor: pointer;
}
.catalog__menu--categories{
  padding: 40px 60px;
}
.catalog__menu--categories>ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 23px;
  margin-bottom: 22px;
  /* border-bottom: 1px solid #94d606; */
}
.catalog__menu--categories a{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.catalog__menu--info>ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.catalog__menu--info{
  padding: 0 60px;
  margin-bottom: 50px;
}
.catalog__menu--info a{
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  line-height: 188%;
  color: #fff;
}
.catalog__menu--socials>ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.catalog__menu--socials{
  margin-bottom: 45px;
  padding: 0 60px;
}
.catalog__menu--socials a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #94D606;
  padding: 15px;
}
.catalog__menumap{
  display: flex;
  align-items: center;
  gap: 18px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 83%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #fff;
}
.catalog__menu--bottom{
  padding: 0 60px;
  margin-bottom: 55px;
}
.catalog__menu--bottom,
.catalog__menu--socials,
.catalog__menu--info{
  display: none;
}
body.catalog-menu-open{
  overflow: hidden;
}
@media (max-width: 1830px) {
  .common-home .header .container{
    padding: 32px 30px 20px 30px;
  }
    .common-home .header.fixed .container{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (max-width: 1279px) {
  .catalog__menu--info{
    display: block;
  }
  .catalog__menu--categories>ul{
    border-bottom: 1px solid #94d606;
  }
  .catalog__menu--categories{
    padding-bottom: 0;
  }
  .header_info{
    display: none;
  }
  .header__cataloglink{
    display: none;
  }
  .header__catalog{
    display: block;
  }
}
@media (max-width: 1023px) {
  header .container>a{
    display: none;
  }
  .hero__body{
    height: 690px;
  }
  .hero__content--text{
    font-size: 40px;
  }
  .hero__content--text>span{
    font-size: 65px;
  }
  .hero{
    padding: 10px;
  }
  .header__telephone{
    display: none;
  }
  .common-home a.onmap__link{
    margin-right: 0;
  }
  .header_logo{
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .common-home a.onmap__link{
    display: none;
  }
  .header__cataloglink,
  .header__catalog{
    margin-right: auto;
  }
  .catalog__menu--categories{
    padding-top: 0;
  }
  .catalog__menu--heading{
    display: flex;
  }
  .catalog__menu--socials{
    display: block;
  }
  .catalog__menu--bottom{
    display: flex;
    align-items: center;
    gap: 17px;
  }
  .catalog__menu--bottom .btn-language{
    color: #fff !important;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .catalog__menu--bottom .btn-language:after{
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 6.75L9 11.25L4.5 6.75' stroke='white' stroke-width='1.52381' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    height: 18px;
    width: 18px;
  }
  .catalog__menu--bottom .open .btn-language:after{
    transform: rotate(180deg);
  }
  .catalog__menu--bottom .btn-group .dropdown-menu{
    top: unset;
    margin-top: 0;
    bottom: 100%;
    margin-bottom: 10px;
  }
  .catalog__menu--bottom .header__languages{
    margin-right: 0;
    margin-left: 0;
  }
  .catalog__menu{
    position: fixed;
    height: 100dvh;
    max-height: 100dvh;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 222;
    border-radius: 0;
  }
  .fixed .catalog__menu{
    top: 0;
  }
  .hero__content{
    display: none;
  }
  .hero__contentm{
    display: block;
    position: relative;
    border-radius: 30px;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 25px 20px;
  }


.hero__contentm::after{
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(226, 255, 163, 1) 0%, rgba(153, 153, 153, 1) 100%);
  pointer-events: none;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
}
.hero__body{
  display: flex;
  align-items: flex-end;
}
.hero__contentm::before{
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(30px);
  background: rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  z-index: 1;
}
.hero__contentm--top{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.hero__contentm--top>a{
  display: flex;
  align-items: center;
  width: 200px;
  gap: 18px;
  height: 50px;
  border-radius: 39px 0 0 39px;
  background: #7eb900;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 83%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #fff;
  padding-left: 22px;
  margin-left: auto;
  margin-right: -20px;
}
.hero__contentm--text{
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 25px;
  color: #fff;
  margin: 30px 0;
  position: relative;
  z-index: 2;
}
.hero__contentm--bottom{
  position: relative;
  z-index: 2;
}
.hero__contentm--bottom>button {
    width: 191px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    border-radius: 32px;
    background: linear-gradient(342deg, #000 0%, #fff 100%);
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.hero__contentm--socials>ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero__contentm--socials>ul a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
    background-color: #7EB900;
    border-radius: 50%;
    padding: 7px;
}
.hero__contentm--bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero__contentm--bottom>button>span {
    width: 100%;
    background: linear-gradient(342deg, #312e2f 0%, #978e91 100%);
    z-index: 2;
    display: flex;
    align-items: center;
    height: 48px;
    gap: 6px;
    border-radius: 32px;
    justify-content: center;
}
}
@media (max-width: 640px) {
.hero__body{
      background-image: var(--hero_bgmob);
}
}
@media (max-width: 389px) {
  .hero__contentm{
    padding-left: 10px;
    padding-right: 10px;
  }
  .hero__contentm--top>a{
    margin-right: -10px;
  }
}