@charset "UTF-8";
/* @import url("/wp-content/themes/selfstartglobal/css/v2/fonts.css"); */

:root {
    --color-orange: #FF542C;
    --color-blue: #043063;
    --color-blue-light: #D9EAF9;
    --color-blue-light2: #EAF3FC;
    --color-blue-glow: #ADD0EE;
    --color-white: #FFFFFF;
    --color-grey: #373737;
    --color-grey-light: #E1E1E1;
    --color-red: #E23006;

    /* Типографика: базовые размеры (desktop) */
    --fs-h1: 60px;
    --fs-h2: 50px;
    --fs-h3: 35px;

    --fs-kh1: 45px;
    
    --fs-kz1: 30px;
    --fs-kz2: 25px;

    --fs-vasek: 35px;
    
    --fs-large:  18px;
    --fs-medium: 16px;
    --fs-small:  14px;
    --fs-smallest:  13px;

    /* Межстрочные интервалы */
    --lh-tight: 90%;
    --lh-normal: 120%;

    --lh-kobzar: 80%;

    --lh-vasek: 120%;
}

/* Tablet */
@media (max-width: 1024px) {
  :root {
    /* Типографика: базовые размеры (desktop) */
    --fs-h1: 50px;
    --fs-h2: 40px;
    --fs-h3: 30px;

    --fs-kh1: 40px;

    --fs-kz1: 20px;
    --fs-kz2: 20px;

    --fs-vasek: 35px;

    --fs-large: 16px;
    --fs-medium: 14px;
    --fs-small: 13px;
    --fs-smallest:  11px;

    /* Межстрочные интервалы */
    --lh-tight: 90%;
    --lh-normal: 120%;

    --lh-kobzar: 80%;

    --lh-vasek: 120%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    /* Типографика: базовые размеры (desktop) */
    --fs-h1: 40px;
    --fs-h2: 40px;
    --fs-h3: 30px;

    --fs-kh1: 35px;

    --fs-kz1: 20px;
    --fs-kz2: 20px;

    --fs-vasek: 35px;

    --fs-large: 16px;
    --fs-medium: 13px;
    --fs-small: 13px;
    --fs-smallest:  10px;

    /* Межстрочные интервалы */
    --lh-tight: 80%;
    --lh-normal: 120%;

    --lh-kobzar: 80%;

    --lh-vasek: 120%;
  }
}

/* ============================= */
/* 🌐 Фронт: применяется глобально */
/* ============================= */
/* Text */
body.v2:not(.wp-admin) {
    font-family: "Inter Tight";
    font-size: var(--fs-medium);
    font-weight: 400;
    line-height: var(--lh-normal);
    letter-spacing: normal;
    color: var(--color-grey);
}

body.v2:not(.wp-admin) .text-large {
    font-family: "Inter Tight";
    font-size: var(--fs-large);
    font-weight: 400;
    line-height: var(--lh-normal);
    letter-spacing: normal;
}

body.v2:not(.wp-admin) .text-small {
    font-family: "Inter Tight";
    font-size: var(--fs-small);
    font-weight: 400;
    line-height: var(--lh-normal);
    letter-spacing: normal;
}

/* Headers */
body.v2:not(.wp-admin) h1, 
body.v2:not(.wp-admin) .header1 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-h1);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

body.v2:not(.wp-admin) h2, 
body.v2:not(.wp-admin) .header2 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-h2);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

body.v2:not(.wp-admin) h3, 
body.v2:not(.wp-admin) .header3 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-h3);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

/* Kudryashev Headline*/
body.v2:not(.wp-admin) .kud1 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-kh1);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

/* Kobzar KS */
body.v2:not(.wp-admin) .kobzar1 {
    font-family: "Kobzar KS";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-kz1);
    line-height: var(--lh-kobzar);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

body.v2:not(.wp-admin) .kobzar2 {
    font-family: "Kobzar KS";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-kz2);
    line-height: var(--lh-kobzar);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

/* Vasek */
body.v2:not(.wp-admin) .vasek1 {
    font-family: "Vasek";
    font-weight: 400;
    font-style: italic;
    font-size: var(--fs-vasek);
    line-height: var(--lh-vasek);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}


/* =================================== */
/* ✏️ Админка: только редактор блоков */
/* =================================== */
/* Text */
body.v2 .block-editor-block-list__layout {
    font-family: "Inter Tight";
    font-size: var(--fs-medium);
    font-weight: 400;
    line-height: var(--lh-normal);
    letter-spacing: normal;
}

body.v2 .block-editor-block-list__layout .text-large {
    font-family: "Inter Tight";
    font-size: var(--fs-large);
    font-weight: 400;
    line-height: var(--lh-normal);
    letter-spacing: normal;
}

body.v2 .block-editor-block-list__layout .text-small {
    font-family: "Inter Tight";
    font-size: var(--fs-small);
    font-weight: 400;
    line-height: var(--lh-normal);
    letter-spacing: normal;
}

/* Headers */
body.v2 .block-editor-block-list__layout h1, 
body.v2 .block-editor-block-list__layout .header1 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-h1);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

body.v2 .block-editor-block-list__layout h2, 
body.v2 .block-editor-block-list__layout .header2 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-h2);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

body.v2 .block-editor-block-list__layout h3, 
body.v2 .block-editor-block-list__layout .header3 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-h3);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

/* Kudryashev Headline*/
body.v2 .block-editor-block-list__layout .kud1 {
    font-family: "Kudryashev Headline";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-kh1);
    line-height: var(--lh-tight);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

/* Kobzar KS */
body.v2 .block-editor-block-list__layout .kobzar1 {
    font-family: "Kobzar KS";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-kz1);
    line-height: var(--lh-kobzar);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

body.v2 .block-editor-block-list__layout .kobzar2 {
    font-family: "Kobzar KS";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-kz2);
    line-height: var(--lh-kobzar);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}

/* Vasek */
body.v2 .block-editor-block-list__layout .vasek1 {
    font-family: "Vasek";
    font-weight: 400;
    font-style: normal;
    font-size: var(--fs-vasek);
    line-height: var(--lh-vasek);
    letter-spacing: normal;
    color: var(--color-blue);
    margin: 0;
}


/* Переносы в зависимости от экрана */
.br-desktop {
  display: inline;
}

.br-mobile {
  display: none;
}

@media (max-width: 767px) {
  .br-desktop {
    display: none;
  }

  .br-mobile {
    display: inline;
  }
}



/* Buttons */ 
/* Main Button */
body.v2 button.main, 
body.v2 .button.main {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: 49px;
  padding: 15px 30px;
  border-radius: 5px;
  background: var(--color-orange);
  background-size: 400%;
  color: var(--color-white) !important;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  font-size: var(--fs-medium);
  line-height: var(--lh-normal);
}

body.v2 button.main:hover::before, 
body.v2 .button.main:hover::before {
  transform: scaleX(1);
}

body.v2 button.main .button-content, 
body.v2 .button.main .button-content {
  position: relative;
  z-index: 1;
}

body.v2 button.main::before, 
body.v2 .button.main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
  border-radius: inherit;
  background: var(--color-red);
  transition: all 0.475s;
}


@media (max-width: 767px) {
  body.v2 button.main, body.v2 .button.main {
    font-size: 14px;
  }
}


/* Outline Button */
/* From Uiverse.io by KINGFRESS */ 
body.v2 button.outline,
body.v2 .button.outline {
  box-sizing: border-box;
  color: var(--color-blue);
  border-radius: 5px;
  cursor: pointer;
  background-color: var(--color-white);
  display: inline-flex;
  gap:5px;
  justify-content: center;
  align-items: center;
  font-family: "Inter Tight";
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  padding: 10px 40px;
  border: 1px solid var(--color-blue);
}

body.v2 button.outline svg,
body.v2 .button.outline svg {
  width: 18px;
  height: 18px;
  transition: all 0.8s ease;
}

body.v2 button.outline .text,
body.v2 .button.outline .text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/*
body.v2 button.outline:hover,
body.v2 .button.outline:hover {
  position: absolute;
}*/

body.v2 button.outline .span-mother,
body.v2 .button.outline .span-mother {
  display: flex;
  overflow: hidden;
}

/*
body.v2 button.outline:hover .span-mother,
body.v2 .button.outline:hover .span-mother {
  position: absolute;
}
/**/
body.v2 button.outline:hover,
body.v2 .button.outline:hover {
  transition: all 0.8s ease;
  background-color: var(--color-blue-glow);
}

body.v2 button.outline:hover svg,
body.v2 .button.outline:hover svg {
  transform: translateX(5px);
}

body.v2 button.outline:hover .span-mother span,
body.v2 .button.outline:hover .span-mother span {
  transform: translateY(1.2em);
}


body.v2 button.outline .span-mother span:nth-child(1),
body.v2 .button.outline .span-mother span:nth-child(1),
body.v2 button.outline .span-mother2 span,
body.v2 .button.outline .span-mother2 span
 {
  transition: 0.2s;
}

body.v2 button.outline .span-mother span:nth-child(2),
body.v2 .button.outline .span-mother span:nth-child(2),
body.v2 button.outline .span-mother2 span:nth-child(2),
body.v2 .button.outline .span-mother2 span:nth-child(2) {
  transition: 0.3s;
}

body.v2 button.outline .span-mother span:nth-child(3),
body.v2 .button.outline .span-mother span:nth-child(3),
body.v2 button.outline .span-mother2 span:nth-child(3),
body.v2 .button.outline .span-mother2 span:nth-child(3) {
  transition: 0.4s;
}

body.v2 button.outline .span-mother span:nth-child(4),
body.v2 .button.outline .span-mother span:nth-child(4),
body.v2 button.outline .span-mother2 span:nth-child(4),
body.v2 .button.outline .span-mother2 span:nth-child(4) {
  transition: 0.5s;
}

body.v2 button.outline .span-mother span:nth-child(5),
body.v2 .button.outline .span-mother span:nth-child(5),
body.v2 button.outline .span-mother2 span:nth-child(5),
body.v2 .button.outline .span-mother2 span:nth-child(5)
 {
  transition: 0.6s;
}

body.v2 button.outline .span-mother span:nth-child(6),
body.v2 .button.outline .span-mother span:nth-child(6),
body.v2 button.outline .span-mother2 span:nth-child(6),
body.v2 .button.outline .span-mother2 span:nth-child(6) {
  transition: 0.7s;
}

body.v2 button.outline .span-mother span:nth-child(7),
body.v2 .button.outline .span-mother span:nth-child(7),
body.v2 button.outline .span-mother2 span:nth-child(7),
body.v2 .button.outline .span-mother2 span:nth-child(7) {
  transition: 0.8s;
}

body.v2 button.outline .span-mother span:nth-child(8),
body.v2 .button.outline .span-mother span:nth-child(8),
body.v2 button.outline .span-mother2 span:nth-child(8),
body.v2 .button.outline .span-mother2 span:nth-child(8) {
  transition: 0.9s;
}

body.v2 button.outline .span-mother span:nth-child(9),
body.v2 .button.outline .span-mother span:nth-child(9),
body.v2 button.outline .span-mother2 span:nth-child(9),
body.v2 .button.outline .span-mother2 span:nth-child(9) {
  transition: 1.0s;
}

body.v2 button.outline .span-mother span:nth-child(10),
body.v2 .button.outline .span-mother span:nth-child(10),
body.v2 button.outline .span-mother2 span:nth-child(10),
body.v2 .button.outline .span-mother2 span:nth-child(10) {
  transition: 1.1s;
}

body.v2 button.outline .span-mother span:nth-child(11),
body.v2 .button.outline .span-mother span:nth-child(11),
body.v2 button.outline .span-mother2 span:nth-child(11),
body.v2 .button.outline .span-mother2 span:nth-child(11) {
  transition: 1.2s;
}

body.v2 button.outline .span-mother span:nth-child(12),
body.v2 .button.outline .span-mother span:nth-child(12),
body.v2 button.outline .span-mother2 span:nth-child(12),
body.v2 .button.outline .span-mother2 span:nth-child(12) {
  transition: 1.3s;
}

body.v2 button.outline .span-mother span:nth-child(13),
body.v2 .button.outline .span-mother span:nth-child(13),
body.v2 button.outline .span-mother2 span:nth-child(13),
body.v2 .button.outline .span-mother2 span:nth-child(13) {
  transition: 1.4s;
}

body.v2 button.outline .span-mother span:nth-child(14),
body.v2 .button.outline .span-mother span:nth-child(14),
body.v2 button.outline .span-mother2 span:nth-child(14),
body.v2 .button.outline .span-mother2 span:nth-child(14) {
  transition: 1.5s;
}

body.v2 button.outline .span-mother span:nth-child(15),
body.v2 .button.outline .span-mother span:nth-child(15),
body.v2 button.outline .span-mother2 span:nth-child(15),
body.v2 .button.outline .span-mother2 span:nth-child(15) {
  transition: 1.6s;
}

body.v2 button.outline .span-mother span:nth-child(16),
body.v2 .button.outline .span-mother span:nth-child(16),
body.v2 button.outline .span-mother2 span:nth-child(16),
body.v2 .button.outline .span-mother2 span:nth-child(16) {
  transition: 1.7s;
}

body.v2 button.outline .span-mother span:nth-child(17),
body.v2 .button.outline .span-mother span:nth-child(17),
body.v2 button.outline .span-mother2 span:nth-child(17),
body.v2 .button.outline .span-mother2 span:nth-child(17) {
  transition: 1.8s;
}

body.v2 button.outline .span-mother span:nth-child(18),
body.v2 .button.outline .span-mother span:nth-child(18),
body.v2 button.outline .span-mother2 span:nth-child(18),
body.v2 .button.outline .span-mother2 span:nth-child(18) {
  transition: 1.9s;
}

body.v2 button.outline .span-mother span:nth-child(19),
body.v2 .button.outline .span-mother span:nth-child(19),
body.v2 button.outline .span-mother2 span:nth-child(19),
body.v2 .button.outline .span-mother2 span:nth-child(19) {
  transition: 2s;
}

body.v2 button.outline .span-mother2,
body.v2 .button.outline .span-mother2 {
  display: flex;
  position: absolute;
  overflow: hidden;
}

body.v2 button.outline .span-mother2 span,
body.v2 .button.outline .span-mother2 span {
  transform: translateY(-1.2em);
}

body.v2 button.outline:hover .span-mother2 span,
body.v2 .button.outline:hover .span-mother2 span {
  transform: translateY(0);
}


/* Button up */ 
body.v2 button.up,
body.v2 .button.up {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  cursor: pointer;
  /* padding: 10px; */
  border-radius: 50%;
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  /* box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); */
  display: inline-flex;
  position: relative;
  transition: all 0.5s;
  justify-content: center;
  align-items: center;
}

body.v2 button.up svg path,
body.v2 .button.up svg path {
  transition: all 0.5s;
  stroke: var(--color-white);
}


body.v2 button.up::after,
body.v2 .button.up::after {
  content: var(--data-text);
  position: absolute;
  width: auto;
  background-color: white;
  font-size: var(--fs-medium);
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 25px;
  top: -45px;;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  transform: scale(0);
  text-wrap-mode: nowrap;
}
body.v2 button.up svg,
body.v2 .button.up svg {
  width: 9px;
  height: 10px;
  transition: all 0.5s;
}
body.v2 button.up:hover,
body.v2 .button.up:hover {
  transform: translateY(-3px);
  background-color: var(--color-white);
}
body.v2 button.up:hover .svg,
body.v2 .button.up:hover .svg {
  /* fill: white; */
  transform: scale(1.2);
}

body.v2 button.up:hover svg path,
body.v2 .button.up:hover svg path {
  stroke: var(--color-blue);
}

body.v2 button.up:hover::after,
body.v2 .button.up:hover::after {
  transform: scale(1);
}
body.v2 button.up:active,
body.v2 .button.up:active {
  transform: translateY(2px);
}


/* Next & Prev buttons */
body.v2 button.next,
body.v2 button.prev,
body.v2 .button.next,
body.v2 .button.prev {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 12px;
  border: unset;
  background-color: var(--color-blue-light);
  cursor: pointer;
  transition: all 0.5s;
}

body.v2 button.white.next,
body.v2 button.white.prev,
body.v2 .button.white.next,
body.v2 .button.white.prev {
  background-color: var(--color-white);
}

body.v2 button:hover.next,
body.v2 button:hover.prev,
body.v2 .button:hover.next,
body.v2 .button:hover.prev {
  background-color: var(--color-blue);
}

body.v2 button.next svg path,
body.v2 button.prev svg path,
body.v2 .button.next svg path,
body.v2 .button.prev svg path {
  fill: var(--color-blue);
  transition: all 0.5s;
}

body.v2 button:hover.next svg path,
body.v2 button:hover.prev svg path,
body.v2 .button:hover.next svg path,
body.v2 .button:hover.prev svg path {
  fill: var(--color-white);
}

body.v2 button.next svg,
body.v2 .button.next svg,
body.v2 button.prev svg,
body.v2 .button.prev svg {
  width: 55px;
  height: 12px;
}

body.v2 button.next svg,
body.v2 .button.next svg {
  transform: rotate(180deg);
}

@media (max-width: 1024px) {
  body.v2 button.next,
  body.v2 button.prev,
  body.v2 .button.next,
  body.v2 .button.prev {
    padding: 9px 14px;
  }
}


/* Question */ 
body.v2 button.question,
body.v2 .button.question {
  box-sizing: border-box;
  height: 30px;
  width: 30px;
  cursor: pointer;
  /* padding: 10px; */
  border-radius: 50%;
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  display: inline-flex;
  position: relative;
  transition: all 0.5s;
  justify-content: center;
  align-items: center;
}

body.v2 button.question svg path,
body.v2 .button.question svg path {
  transition: all 0.5s;
  fill: var(--color-white);
}


body.v2 button.question::after,
body.v2 .button.question::after {
  content: var(--data-text);
  position: absolute;
  width: auto;
  background-color: white;
  font-size: var(--fs-small);
  line-height: 16px;
  box-sizing: border-box;
  padding: 7px 15px;
  border-radius: 25px;
  right: 35px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  transform: scale(0);
  text-wrap-mode: nowrap;
}
body.v2 button.question svg,
body.v2 .button.question svg {
  width: 7px;
  height: 11px;
  transition: all 0.5s;
}
body.v2 button.question:hover,
body.v2 .button.question:hover {
  background-color: var(--color-white);
}
body.v2 button.question:hover .svg,
body.v2 .button.question:hover .svg {
  transform: scale(1.2);
}

body.v2 button.question:hover svg path,
body.v2 .button.question:hover svg path {
  fill: var(--color-blue);
}

body.v2 button.question:hover::after,
body.v2 .button.question:hover::after {
  transform: scale(1);
}

/* Input form */
body.v2 .input-group {
 position: relative;
}

body.v2 .input-group input,
body.v2 .input-group textarea {
 border: unset;
 border-radius: 12px;
 background: var(--color-white);
 padding: 18px;
 font-size: var(--fs-medium);
 color: var(--color-grey);
}

body.v2 .input-group label {
 position: absolute;
 left: 19px;
 top: 0;
 color: var(--color-grey);
 font-size: var(--fs-medium);
 pointer-events: none;
 transform: translateY(19px);
 transition: all 0.5s;
 border-radius: 6px;
}

body.v2 .input-group input:focus, 
body.v2 .input-group input:valid,
body.v2 .input-group textarea:focus, 
body.v2 .input-group textarea:valid {
 outline: none;
 border: unset;
}

body.v2 .input-group.active label {
    transform: translateY(-46%) scale(0.8);
  background-color: var(--color-blue-light);
  padding: 6px 9px;
}

/* Contact Form 7 */
body.v2 form.wpcf7-form {
    position: relative;
}

body.v2 form.wpcf7-form .wpcf7-form-control-wrap {
    position: relative;
    display: flex;
    height: 100%;
}

body.v2 form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    bottom: 0;
}


body.v2 form.wpcf7-form .wpcf7-response-output {
    position: absolute;
    margin-top: 1em;
    border-color: var(--color-blue-glow);
    background-color: var(--color-blue-glow);
    color: var(--color-blue);
    border-radius: 18px;
    text-align: center;
    width: 100%;
}

body.v2 form.wpcf7-form .input-group {
    margin-bottom: 10px;
}

body.v2 form.wpcf7-form .button-group {
    text-align: center;
}

body.v2 form.wpcf7-form .button-group .wpcf7-spinner {
    display: none;
}


body.v2 form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    background-color: var(--color-blue-light);
    padding: 6px 9px;
    font-size: var(--fs-medium);
    margin: 0;
    color: var(--color-red);
    transform: translateY(50%) scale(0.8);
    border-radius: 6px;
    right: 0;
}

/* Анимация, когда input в span перед label */
/* body.v2 .input-group span:has(input:focus) > label,
body.v2 .input-group span:has(input:not(:placeholder-shown)) > label,
body.v2 .input-group span:has(textarea:focus) > label,
body.v2 .input-group span:has(textarea:not(:placeholder-shown)) > label, */
/* Оригинальный случай (без span) */
/* body.v2 .input-group input:focus ~ label,
body.v2 .input-group input:not(:placeholder-shown) ~ label,
body.v2 .input-group textarea:focus ~ label,
body.v2 .input-group textarea:not(:placeholder-shown) ~ label {
  transform: translateY(-50%) scale(0.8);
  background-color: var(--color-blue-light);
  padding: 6px 9px;
} */


/* SLIDER */
body.v2 .ssg-slider {
  display: flex; /* inline-flex, чтобы ширина была по контенту */
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
}

body.v2 .slider-wrapper {
  position: relative;
  overflow-x: visible;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

body.v2 .slider-wrapper .custom-slider {
  display: flex;
}

body.v2 .slider-wrapper .custom-slider .slick-list {
  overflow: visible !important;
}

body.v2 .slider-wrapper .custom-slider .slick-track {
  display: flex !important;
}

body.v2 .ssg-slider > div,
body.v2 .slider-wrapper .custom-slider .slide {
  margin-right: 15px;
}

body.v2 .ssg-slider > div:last-child,
body.v2 .slider-wrapper .custom-slider .slick-slide:last-child {
  margin-right: 0;
}

@media (max-width: 1024px) {
  body.v2 .ssg-slider > div,
  body.v2 .slider-wrapper .custom-slider .slide {
    margin-right: 10px;
  }
}

/* Percent Bar */
body.v2 .percent,
body.v2 .percent-wrapper {
    width: 100%;
    font-size: 13px;
    font-family: "Inter Tight";
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
}

body.v2 .percent-bar {
  position: relative;
  height: 13px;
  border-radius: 4px;
  overflow: hidden;
}

body.v2 .percent-fill {
  height: 100%;
  background-color: var(--bar-color);
  width: 0%;
  border-radius: 4px;
  transition: width 1.5s ease;
  height: 12px;
}

body.v2 .percent-bar span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  font-size: 13px;
  color: var(--color-blue);
  left: 0;
  padding-left: 5px;
  transition: left 1.5s ease;
}