@charset "UTF-8";
/* 
Attention!

Do not make direct changes to the main.css file.

This file is automatically generated using the SCSS compiler. Any manual changes made to it will be lost if someone runs the SCSS compilation.

To make changes, use the style.css file.

Why is this important?
- main.css is automatically generated.
- Manual changes will be overwritten during SCSS compilation.
- Use style.css for edits if you’re not working with SCSS.

*/
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-Manrope: "Manrope", sans-serif;
  --black: #090f0e;
  --white: #fdfeff;
  --accent-600: #114b45;
  --accent-800: #0b3832;
  --gray-50: #fefefe;
  --gray-100: #f0f9f7;
  --gray-200: #a0b5b1;
  --transparent-green-10: rgba(124, 136, 132, 0.1);
  --transition-color: color 300ms ease;
  --transition-bg: background-color 300ms ease;
  --transition-shadow: box-shadow 300ms ease;
  --transition-opacity: opacity 300ms ease;
  --transition-visibility: visibility 300ms ease;
  --cubic: ease;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: 1.5;
  min-height: 100%;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.skip-link {
  display: none;
}

ul,
ol {
  padding-left: 0;
}

ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl {
  margin-block: 0;
}

h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}

dd {
  margin-left: 0;
}

fieldset {
  margin-left: 0;
  padding: 0;
  border: none;
}

input,
textarea,
select,
button {
  font: inherit;
}

html {
  height: 100%;
}

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

a {
  display: block;
  color: currentColor;
  text-decoration: none;
}

@media (pointer: fine) {
  button {
    cursor: pointer;
  }
}
img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

section {
  padding: 88px 0 48px;
}
@media screen and (min-width: 1280px) {
  section {
    padding: 120px 0 80px;
  }
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 767px) {
  .container {
    max-width: 480px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 768px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding: 0 16px;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.title {
  font-size: 26px;
}
@media screen and (min-width: 768px) {
  .title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .title {
    font-size: 40px;
  }
}

/*-------------- post page -------------*/
.post-text {
  /* Заголовки блогу */
}
.post-text ul {
  padding-left: 20px;
  list-style: disc;
}
.post-text ol {
  padding-left: 20px;
  list-style: decimal;
}
.post-text h1,
.post-text h2,
.post-text h3,
.post-text h4,
.post-text h5,
.post-text h6 {
  margin-block: 1em;
  line-height: 1.2;
  font-weight: bold;
}
.post-text p {
  margin-block: 1em;
  line-height: 1.6;
}
.post-text ul,
.post-text ol {
  margin-block: 1em;
}
.post-text li {
  margin-bottom: 0.5em;
}
.post-text dl {
  margin-block: 1em;
}
.post-text dd {
  margin-left: 20px;
}
.post-text h1 {
  font-size: 2.5rem;
}
.post-text h2 {
  font-size: 2rem;
  margin-bottom: 0.75em;
}
.post-text h3 {
  font-size: 1.75rem;
  margin-bottom: 0.75em;
}
.post-text h4,
.post-text h5,
.post-text h6 {
  font-size: 1.5rem;
  margin-bottom: 0.5em;
}
.post-text blockquote {
  margin-block: 1.5em;
  padding: 1em;
  border-left: 4px solid #ccc;
  background-color: #f9f9f9;
  font-style: italic;
}
.post-text a {
  text-decoration: underline;
  -webkit-transition: var(--transition-opacity);
  transition: var(--transition-opacity);
  opacity: 1;
}
.post-text a:hover {
  opacity: 0.8;
}
.post-text table {
  width: 100%;
  border-collapse: collapse;
  margin-block: 1.5em;
}
.post-text th,
.post-text td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.post-text th {
  background-color: #f4f4f4;
}
.post-text img {
  display: block;
  border-radius: 12px;
}
.post-text .post-page-title {
  margin-block: 0;
}
.post-text .post-page-content {
  margin-top: 2.5em;
}
.post-text b,
.post-text strong {
  font-weight: 700;
}

svg {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.alignright {
  float: right;
  margin: 0 0 1em 2em;
}

.alignleft {
  float: left;
  margin: 0 2em 1em 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

body.admin-bar .header {
  top: 46px;
}
@media screen and (min-width: 768px) {
  body.admin-bar .header {
    top: 32px;
  }
}

.header {
  padding: 24px 20px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .header-inner {
    max-width: 1328px;
    padding: 16px 24px;
    margin: 0 auto;
    border-bottom: 1px solid var(--transparent-white-20, rgba(254, 254, 254, 0.2));
  }
}

.header-logo {
  width: 160px;
}
@media screen and (min-width: 768px) {
  .header-logo {
    width: 216px;
  }
}

.header-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media screen and (min-width: 1280px) {
  .header-controls {
    gap: 16px;
  }
}

.lang-switch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.lang-divider {
  width: 1px;
  height: 16px;
  background: var(--transparent-white-20, rgba(254, 254, 254, 0.2));
}

.lang-btn {
  width: 36px;
  padding: 6px;
  background-color: transparent;
  border: none;
  color: var(--gray-50);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}
.lang-btn.active, .lang-btn:hover {
  color: var(--gray-200);
}

.burger-btn {
  width: 44px;
  height: 44px;
  background-color: transparent;
  border: none;
}
@media screen and (min-width: 1280px) {
  .burger-btn {
    display: none;
  }
}

.mob-menu-close-btn {
  display: none;
  width: 44px;
  height: 44px;
  background-color: transparent;
  border: none;
}

.header-nav-link {
  color: var(--gray-50);
  font-size: 15px;
  font-weight: 400;
  line-height: 148%; /* 22.2px */
  text-transform: capitalize;
  -webkit-transition: var(--transition-color);
  transition: var(--transition-color);
}
.header-nav-link:hover {
  color: var(--gray-200);
}

.header.menu-open {
  padding: 16px;
}

.header.menu-open .menu-overlay {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.header.menu-open .burger-btn {
  display: none;
}

.header.menu-open .mob-menu-close-btn {
  display: block;
}

.menu-overlay {
  display: none;
  position: fixed;
  z-index: -1;
  inset: 0;
  background: rgba(33, 37, 36, 0.46);
  backdrop-filter: blur(6px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1280px) {
  .menu-overlay {
    display: none;
  }
}

.header.menu-open .header-inner {
  overflow: hidden;
  padding: 16px;
  border-radius: 16px;
  background: var(--neutral-gray-950, #090f0e);
  -webkit-box-shadow: 4px 4px 17.5px 2px rgba(9, 15, 14, 0.22);
          box-shadow: 4px 4px 17.5px 2px rgba(9, 15, 14, 0.22);
  min-height: 70vh;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 343px;
  margin-left: auto;
}

.nav {
  position: absolute;
  top: 124px;
  left: 16px;
  -webkit-transform: translateX(-350%);
          transform: translateX(-350%);
  opacity: 0;
  -webkit-transition: translate 0.4s ease;
  transition: translate 0.4s ease;
}
@media screen and (min-width: 1280px) {
  .nav {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (min-width: 1280px) {
  .nav {
    opacity: 1;
  }
}

.header.menu-open .nav {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
  .nav-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 32px;
  }
}

.header.header.menu-open .lang-switch-wrap {
  display: none;
}

.hero-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100dvh;
  background-image: var(--bg_mobile_url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1280px) {
  .hero-section {
    padding-top: 260px;
    padding-bottom: 317px;
    min-height: auto;
    background-image: var(--bg_desktop_url);
  }
}

.hero-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

@media screen and (min-width: 1280px) {
  .hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hero__title {
  margin-bottom: 16px;
  color: var(--gray-50);
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 123%; /* 44.28px */
}
@media screen and (min-width: 1280px) {
  .hero__title {
    max-width: 590px;
    font-size: 54px;
  }
}

.hero__text {
  color: var(--gray-100);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 154%; /* 24.64px */
}
@media screen and (min-width: 1280px) {
  .hero__text {
    max-width: 820px;
    font-size: 18px;
  }
}

.section-divider {
  -webkit-transform: translateY(-67px);
          transform: translateY(-67px);
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(160, 181, 177, 0)), color-stop(50%, rgba(160, 181, 177, 0.4)), to(rgba(160, 181, 177, 0)));
  background: linear-gradient(90deg, rgba(160, 181, 177, 0) 0%, rgba(160, 181, 177, 0.4) 50%, rgba(160, 181, 177, 0) 100%);
}
@media screen and (min-width: 1280px) {
  .section-divider {
    -webkit-transform: translateY(-99px);
            transform: translateY(-99px);
  }
}

.section-label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
  padding: 8px 16px 8px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid var(--accent-600);
  background: var(--transparent-green-6, rgba(35, 116, 107, 0.06));
  backdrop-filter: blur(4px);
}
@media screen and (min-width: 1280px) {
  .section-label-wrap {
    margin: 0 auto 16px;
  }
}

.section-label {
  color: var(--gray-50);
  font-size: 14px;
  font-weight: 400;
  line-height: 144%; /* 20.16px */
  letter-spacing: 3px;
  text-transform: uppercase;
}

.section-title {
  margin-bottom: 24px;
  color: var(--gray-50);
  font-size: 32px;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
}
.section-title > strong {
  text-shadow: 0 0 20.3px rgba(119, 240, 204, 0.45);
  font-weight: 500;
}
@media screen and (min-width: 1280px) {
  .section-title {
    text-align: center;
    font-size: 44px;
  }
}

.section-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.section-text > p {
  color: var(--gray-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 154%; /* 24.64px */
}
.section-text > p > strong {
  color: var(--gray-50);
  font-weight: 400;
}
.section-text > p > a {
  display: inline-block;
  cursor: pointer;
  color: var(--gray-50);
}
.section-text > p > a:hover {
  color: var(--gray-200);
}
@media screen and (min-width: 1280px) {
  .section-text {
    text-align: center;
    line-height: 160%; /* 25.6px */
  }
}

.team-section {
  background-image: var(--bg-mobile);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1280px) {
  .team-section {
    background-image: var(--bg-desktop);
  }
}

.team-section-title {
  margin-bottom: 32px;
}

@media screen and (min-width: 1280px) {
  .team-l-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}

.team-section-text-mob,
.team-section-text-l {
  border-radius: 16px;
  background: rgba(136, 172, 160, 0.13);
  backdrop-filter: blur(15px);
}

.team-section-text-mob {
  padding: 16px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
  .team-section-text-mob {
    display: none;
  }
}

.team-section-text-l {
  display: none;
}
@media screen and (min-width: 1280px) {
  .team-section-text-l {
    display: block;
    width: 376px;
    padding: 24px;
  }
}

.team-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .team-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .team-row {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.team-row-top {
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
  .team-row-top {
    margin-bottom: 0;
  }
}

.tm_card {
  border-radius: 16px;
  background: rgba(136, 172, 160, 0.13);
  backdrop-filter: blur(15px);
}
@media screen and (min-width: 768px) {
  .tm_card {
    width: 50%;
  }
}
@media screen and (min-width: 1280px) {
  .tm_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.tm_photo {
  aspect-ratio: 335/280;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(236, 255, 250, 0.02);
}
@media screen and (min-width: 1280px) {
  .tm_photo {
    aspect-ratio: 206/254;
    width: 206px;
  }
}

.team-card-content {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
  .team-card-content {
    padding: 24px 24px 24px 16px;
  }
}

.tm_name,
.tm-popup-name {
  color: var(--white, #fdfeff);
  font-size: 24px;
  font-weight: 500;
  line-height: 133%; /* 31.92px */
}

.tm_name {
  margin-bottom: 4px;
}

.tm-popup-name {
  margin-bottom: 8px;
}

.tm_position {
  color: var(--gray-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}

.tm-popup-position {
  color: var(--neutral-gray-300, #89a29e);
  font-size: 14px;
  font-weight: 400;
  line-height: 144%; /* 20.16px */
}

.team-card-btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.team-card-contact-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 55px;
  border: 0.458px solid var(--transparent-white-50, rgba(254, 254, 254, 0.5));
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.team-card-contact-link:hover {
  background: linear-gradient(117deg, rgba(89, 168, 160, 0.27) 10.2%, rgba(89, 168, 160, 0.3) 50.51%, rgba(89, 168, 160, 0.27) 100.38%);
  border-color: rgba(254, 254, 254, 0.7);
}

.team-card-details-btn {
  padding: 0;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.team-card-details-btn > svg {
  border-radius: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.team-card-details-btn:hover > svg {
  background: linear-gradient(117deg, rgba(89, 168, 160, 0.27) 10.2%, rgba(89, 168, 160, 0.3) 50.51%, rgba(89, 168, 160, 0.27) 100.38%);
  border-color: rgba(254, 254, 254, 0.7);
}

.team-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
@media screen and (min-width: 768px) {
  .team-popup {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.team-popup.active {
  opacity: 1;
  pointer-events: auto;
}

.team-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(33, 37, 36, 0.46);
  backdrop-filter: blur(6px);
}

.team-popup-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  position: relative;
  top: 16px;
  z-index: 2;
  width: 100%;
  max-width: 343px;
  max-height: 95vh;
  padding: 60px 16px 16px 16px;
  border-radius: 16px;
  background: var(--black);
  -webkit-box-shadow: 4px 4px 17.5px 2px rgba(9, 15, 14, 0.22);
          box-shadow: 4px 4px 17.5px 2px rgba(9, 15, 14, 0.22);
}
@media screen and (min-width: 768px) {
  .team-popup-card {
    max-width: 1216px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    top: 0;
    border-radius: 32px;
    padding: 24px;
    overflow-y: visible;
    max-height: none;
  }
}

.tm-popup-photo {
  width: 100%;
  aspect-ratio: 335/340;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .tm-popup-photo {
    width: 320px;
    aspect-ratio: 520/624;
    -o-object-position: center;
       object-position: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .tm-popup-photo {
    width: 520px;
  }
}

.team-popup-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 49.091px;
  background: var(--transparent-white-5, rgba(254, 254, 254, 0.05));
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .team-popup-close-btn {
    top: -44px;
    right: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .team-popup-close-btn {
    top: 0px;
    right: -48px;
  }
}

.tm-popup-content-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .tm-popup-content-wrap {
    width: 100%;
  }
}

.tm-popup-top-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.popup-links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.popup-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 55px;
  border: 0.458px solid var(--transparent-white-50, rgba(254, 254, 254, 0.5));
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.popup-link:hover {
  background: linear-gradient(117deg, rgba(89, 168, 160, 0.27) 10.2%, rgba(89, 168, 160, 0.3) 50.51%, rgba(89, 168, 160, 0.27) 100.38%);
  border-color: rgba(254, 254, 254, 0.7);
}

.tm_bio_wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  overflow-y: scroll;
}
@media screen and (min-width: 768px) {
  .tm_bio_wrap {
    overflow-y: auto;
  }
}

.tm-popup-text-wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .tm-popup-text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .tm-popup-text-wrap > * {
    color: var(--gray-100);
    font-size: 15px;
    line-height: 148%; /* 22.2px */
  }
}

.tm-popup-text-mob {
  color: var(--gray-100);
  font-size: 15px;
  line-height: 148%; /* 22.2px */
}
@media screen and (min-width: 768px) {
  .tm-popup-text-mob {
    display: none;
  }
}

.strategy-section-text-top {
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) {
  .strategy-section-text-top {
    margin: 0 auto 32px;
    max-width: 842px;
  }
}

@media screen and (min-width: 1280px) {
  .strategy-section-text-bottom {
    margin: 0 auto;
    max-width: 856px;
  }
}

.investment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) {
  .investment-list {
    margin-bottom: 48px;
  }
}

.investment-card {
  background-image: var(--bg-mobile);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  padding: 313px 16px 16px 16px;
}
@media screen and (min-width: 1280px) {
  .investment-card {
    background-image: var(--bg-desktop);
    border-radius: 20px;
    height: 526px;
    padding: 24px;
    position: relative;
  }
}

.investment-card-content {
  padding: 16px;
  border-radius: 12px;
  background: rgba(220, 234, 230, 0.07);
  backdrop-filter: blur(35px);
}
@media screen and (min-width: 1280px) {
  .investment-card-content {
    width: 519px;
  }
}

@media screen and (min-width: 1280px) {
  .investment-card:nth-child(odd) .investment-card-content {
    position: absolute;
    right: 24px;
    bottom: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .investment-card:nth-child(even) .investment-card-content {
    position: absolute;
    left: 24px;
    bottom: 24px;
  }
}

.investment-card-top {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.investment-card-title {
  color: var(--gray-50);
  font-size: 20px;
  font-weight: 500;
  line-height: 128%; /* 25.6px */
}

.num-wrap {
  position: relative;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.num-circle-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.investment-card-num {
  color: var(--gray-50);
  font-size: 20px;
  font-weight: 400;
  line-height: 133%; /* 26.6px */
}

.purchase-title {
  margin-bottom: 32px;
}

.purchase-image-mob-wrap {
  margin-bottom: 32px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--transparent-green-10, rgba(124, 136, 132, 0.1));
  -webkit-box-shadow: 4px 4px 17.5px 2px rgba(9, 15, 14, 0.22);
          box-shadow: 4px 4px 17.5px 2px rgba(9, 15, 14, 0.22);
}
@media screen and (min-width: 1280px) {
  .purchase-image-mob-wrap {
    display: none;
  }
}

.purchase-image-mob {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 335/516;
}
@media screen and (min-width: 768px) {
  .purchase-image-mob {
    width: auto;
    margin: 0 auto;
  }
}

.purchase-image-desk-wrap {
  overflow: hidden;
  border-radius: 24px;
  background: var(--transparent-green-10, rgba(124, 136, 132, 0.1));
  -webkit-box-shadow: 4px 4px 17.5px 2px rgba;
          box-shadow: 4px 4px 17.5px 2px rgba;
  width: 405px;
  height: 674px;
}

.purchase-image-desk {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 405/674;
  -o-object-position: center;
     object-position: center;
}

.purchase-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 1280px) {
  .purchase-cards {
    display: none;
  }
}

.purchase-card {
  border-radius: 12px;
  background: var(--transparent-green-10, rgba(124, 136, 132, 0.1));
}

.purchase-card-title {
  padding: 16px;
  text-align: center;
  color: var(--gray-50);
  font-size: 24px;
  font-weight: 500;
  line-height: 133%; /* 31.92px */
}

.purchase-card-blocks-list .purchase-card-block:nth-child(odd),
.purchase-table-body tr:nth-child(odd) {
  background: var(--transparent-green-10);
}

.purchase-card-block {
  padding: 16px;
}

.purchase-card-subtitle,
.table-left-label {
  margin-bottom: 12px;
  color: var(--gray-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 154%; /* 24.64px */
}
@media screen and (min-width: 1280px) {
  .purchase-card-subtitle,
  .table-left-label {
    padding: 14px 16px;
    margin-bottom: 0;
    font-size: 18px;
    text-align: left;
  }
}

.purchase-card-value-list {
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 1280px) {
  .purchase-card-value-list {
    padding: 8px 16px;
  }
}

.purchase-card-value-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.check-mark-wrap {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
}

.purchase-card-value-text {
  color: var(--gray-50);
  font-size: 16px;
  font-weight: 400;
  line-height: 154%; /* 24.64px */
}

.purchase-table-wrap {
  display: none;
}
@media screen and (min-width: 1280px) {
  .purchase-table-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    margin-bottom: 32px;
  }
}

.purchase-table {
  border-collapse: collapse;
}

.col-middle {
  width: 36%;
}

.purchase-table th:nth-child(2),
.purchase-table td:nth-child(2) {
  border-left: 1px solid rgba(254, 254, 254, 0.3);
  border-right: 1px solid rgba(254, 254, 254, 0.3);
}

.purchase-card-value-cell {
  vertical-align: top;
}

.table-top-label {
  padding: 16px;
  color: var(--gray-50);
  font-size: 24px;
  font-weight: 500;
  line-height: 133%; /* 31.92px */
}

.purchase-contact-cell {
  padding: 16px;
}

.purchase-left-wrap-desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.purchase-pdf-btn-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 1280px) {
  .purchase-section-bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 32px;
  }
}

.purchase-pdf-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 24px;
  width: 100%;
  border-radius: 60px;
  border: 1px solid var(--transparent-white-20, rgba(254, 254, 254, 0.2));
  background: var(--transparent-white-20, rgba(254, 254, 254, 0.2));
  backdrop-filter: blur(4px);
  color: var(--gray-50);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 148%; /* 23.68px */
  text-transform: capitalize;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
@media screen and (min-width: 768px) {
  .purchase-pdf-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 232px;
  }
}
@media screen and (min-width: 1280px) {
  .purchase-pdf-btn {
    padding: 16px 24px;
  }
}
.purchase-pdf-btn:hover {
  background: var(--transparent-white-20, rgba(254, 254, 254, 0.1));
  color: var(--gray-200);
}

.contacts-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .contacts-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .contacts-wrap {
    width: 842px;
  }
}

@media screen and (min-width: 768px) {
  .contact-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.contact-title {
  color: var(--gray-50);
  font-size: 20px;
  font-weight: 500;
  line-height: 128%; /* 25.6px */
  margin-bottom: 16px;
}

.email-wrap,
.address-wrap,
.phone-wrap {
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.email-wrap {
  margin-bottom: 12px;
}

.contact-link {
  -webkit-transition: var(--transition-color);
  transition: var(--transition-color);
}
.contact-link:hover {
  color: var(--gray-200);
}

.career-section {
  background-image: url("/wp-content/themes/vibestyletheme/partials/page-home/career/bg-d.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 200vh;
}

.career-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.career-description {
  color: var(--neutral-gray-200, #a0b5b1);
}
@media screen and (min-width: 768px) {
  .career-description {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
}

.career-jobs-wrap {
  max-width: 624px;
  margin: 0 auto;
  margin-top: 32px;
  width: 100%;
}

.jobs-tabs-nav {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}

.jobs-tab-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  background: var(--transparent-green-10);
  backdrop-filter: blur(4px);
  border: 1px solid transparent;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  color: var(--gray-200, #a0b5b1);
  text-align: center;
  font-family: Manrope;
  font-size: 16px;
  line-height: 160%;
}
.jobs-tab-btn:hover {
  color: var(--gray-50);
  border-color: #5f6161;
}

.jobs-tab-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  min-height: 562px;
}

.career-job-card {
  padding: 16px;
  border-radius: 20px;
  background: rgba(124, 136, 132, 0.06);
  -webkit-box-shadow: 3px 4px 29.5px 0 rgba(14, 10, 10, 0.17);
          box-shadow: 3px 4px 29.5px 0 rgba(14, 10, 10, 0.17);
  backdrop-filter: blur(16px);
}
@media screen and (min-width: 768px) {
  .career-job-card {
    padding: 24px;
  }
}

.career-job-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) {
  .career-job-header {
    grid-template-columns: 1.2fr 0.8fr;
  }
  .career-job-header .career-job-title {
    grid-area: 1/1/2/2;
  }
  .career-job-header .career-job-tag-wrap {
    grid-area: 1/2/2/3;
  }
}

.career-job-title {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}

.career-job-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid var(--transparent-white-20, rgba(254, 254, 254, 0.2));
  color: var(--neutral-gray-200, #a0b5b1);
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 144%;
}
@media screen and (min-width: 768px) {
  .career-job-tag {
    justify-self: end;
  }
}

.career-job-description-wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  color: var(--gray-200);
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 144%;
}
.career-job-description-wrap .career-job-description {
  grid-area: 1/1/2/2;
}
.career-job-description-wrap .career-job-meta {
  grid-area: 2/1/3/2;
}
.career-job-description-wrap .career-job-link {
  grid-area: 1/2/3/3;
  align-self: end;
}

.career-job-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.career-job-location,
.career-job-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.jobs-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(254, 254, 254, 0.02);
}

.career-contacts {
  color: var(--neutral-gray-200, #a0b5b1);
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .career-contacts {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 768px) {
  .career-contacts {
    text-align: center;
    margin-top: 16px;
  }
}

.career-emails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .career-emails {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
  }
}

.career-emails a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.career-emails a .email {
  margin-right: 12px;
}
.career-emails a .arrow {
  margin-left: 8px;
  padding: 4px 0;
}
.career-emails a span {
  color: var(--neutral-gray-50, #fefefe);
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 7%;
  text-underline-offset: 16%;
  text-underline-position: from-font;
  -webkit-transition: var(--transition-color);
  transition: var(--transition-color);
}
.career-emails a:hover > span {
  color: var(--gray-200);
}

.career-email-note {
  margin-top: 16px;
}

.jobs-tab-panel {
  display: none;
}

.jobs-tab-panel.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jobs-tab-btn.is-active {
  color: var(--gray-50, #fefefe);
  border: 1px solid #5f6161;
  background: var(--transparent-white-20, rgba(254, 254, 254, 0.2));
}

.info-section {
  padding: 96px 0 60px;
}
@media screen and (min-width: 1280px) {
  .info-section {
    padding: 160px 0;
  }
}

.page-title {
  margin-bottom: 48px;
  text-align: center;
  color: var(--gray-50);
  font-size: 32px;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
}
@media screen and (min-width: 1280px) {
  .page-title {
    margin-bottom: 80px;
    font-size: 44px;
  }
}

.page-content-wrap > h2 {
  margin-bottom: 24px;
  color: var(--gray-50);
  font-size: 24px;
  font-weight: 500;
  line-height: 124%; /* 29.76px */
}
@media screen and (min-width: 1280px) {
  .page-content-wrap > h2 {
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 133%; /* 31.92px */
  }
}

.page-content-wrap > h3 {
  margin-bottom: 32px;
  color: var(--gray-50);
  font-size: 18px;
  font-weight: 500;
  line-height: 134%; /* 24.12px */
}

.page-content-wrap > ul {
  margin-bottom: 16px;
  list-style: disc;
  padding-left: 16px;
  color: var(--gray-200);
  font-size: 16px;
  line-height: 160%; /* 25.6px */
}

.page-content-wrap > p {
  color: var(--gray-200);
  font-size: 16px;
  line-height: 160%; /* 25.6px */
}

.page-content-wrap > p:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) {
  .page-content-wrap > p:not(:last-child) {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 1280px) {
  .aside-sticky-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.page-aside {
  margin-bottom: 62px;
}
@media screen and (min-width: 1280px) {
  .page-aside {
    margin-bottom: 0;
    position: sticky;
    top: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
  }
}

.aside-links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 26px;
}

.aside-links-list-item > a {
  color: var(--gray-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  -webkit-transition: var(--transition-color);
  transition: var(--transition-color);
}
.aside-links-list-item > a:hover {
  color: var(--gray-50);
}

.info-section a {
  display: inline-block;
  cursor: pointer;
}
.info-section a:hover {
  color: var(--gray-100);
}

.footer-section {
  padding: 40px 0;
  border-radius: 32px 32px 0 0;
  background: #191f1d;
  -webkit-box-shadow: 0 -5px 34.8px 0 rgba(5, 24, 20, 0.1);
          box-shadow: 0 -5px 34.8px 0 rgba(5, 24, 20, 0.1);
}
@media screen and (min-width: 768px) {
  .footer-section {
    border-radius: 64px 64px 0 0;
  }
}

.footer-nav {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 48px;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .footer-nav {
    padding-top: 32px;
    padding-bottom: 0;
  }
}

.footer-nav a {
  color: var(--neutral-gray-200, #a0b5b1);
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 144%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: 8%;
  text-underline-offset: 16%; /* 2.24px */
  text-underline-position: from-font;
  -webkit-transition: var(--transition-color);
  transition: var(--transition-color);
}
.footer-nav a:hover {
  color: var(--gray-100);
}

.developer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.developer-wrap > img {
  width: 24px;
}

.developer-link {
  color: var(--gray-200);
  font-family: Manrope;
  font-size: 10px;
  font-weight: 400;
  line-height: 144%;
}/*# sourceMappingURL=main.css.map */